diff --git a/package.json b/package.json index db52f5b..a46ca57 100644 --- a/package.json +++ b/package.json @@ -37,6 +37,7 @@ "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", + "@radix-ui/react-visually-hidden": "^1.2.3", "autoprefixer": "^10.4.21", "axios": "^1.10.0", "class-variance-authority": "^0.7.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 389755f..0d70de2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -92,6 +92,9 @@ importers: '@radix-ui/react-tooltip': specifier: 1.1.6 version: 1.1.6(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react@19.1.1) + '@radix-ui/react-visually-hidden': + specifier: ^1.2.3 + version: 1.2.3(@types/react-dom@19.1.9(@types/react@19.1.13))(@types/react@19.1.13)(react-dom@19.1.1(react@19.1.1))(react@19.1.1) autoprefixer: specifier: ^10.4.21 version: 10.4.21(postcss@8.5.6) diff --git a/src/shared/components/ui/sheet.tsx b/src/shared/components/ui/sheet.tsx index 594957b..5393512 100644 --- a/src/shared/components/ui/sheet.tsx +++ b/src/shared/components/ui/sheet.tsx @@ -4,6 +4,7 @@ import * as React from "react" import * as SheetPrimitive from "@radix-ui/react-dialog" import { cva, type VariantProps } from "class-variance-authority" import { X } from "lucide-react" +import { VisuallyHidden } from "@radix-ui/react-visually-hidden" import { cn } from "@/shared/lib/utils" @@ -57,7 +58,12 @@ const SheetContent = React.forwardRef ( - + + + + 시트 + + {children}