UNPKG

ivt

Version:

Ivt Components Library

1 lines 7.19 kB
{"version":3,"file":"sheet-BVDcVKli.mjs","sources":["../../src/components/ui/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n\treturn <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n\treturn <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n\treturn <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n\treturn <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n\treturn (\n\t\t<SheetPrimitive.Overlay\n\t\t\tdata-slot=\"sheet-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 *:font-lato fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetContent({\n\tclassName,\n\tchildren,\n\tside = \"right\",\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n\tside?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n\treturn (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content\n\t\t\t\tdata-slot=\"sheet-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out *:font-lato fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n\t\t\t\t\tside === \"right\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n\t\t\t\t\tside === \"left\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n\t\t\t\t\tside === \"top\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b\",\n\t\t\t\t\tside === \"bottom\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<SheetPrimitive.Close className=\"border-border-grid-container bg-card ring-offset-background focus:ring-ring data-[state=open]:bg-secondary *:font-lato absolute top-4 right-4 cursor-pointer rounded-sm border p-1.5 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n\t\t\t\t\t<XIcon className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t);\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-header\"\n\t\t\tclassName={cn(\"*:font-lato flex flex-col space-y-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"*:font-lato flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n\treturn (\n\t\t<SheetPrimitive.Title\n\t\t\tdata-slot=\"sheet-title\"\n\t\t\tclassName={cn(\"text-foreground *:font-lato text-lg font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n\treturn (\n\t\t<SheetPrimitive.Description\n\t\t\tdata-slot=\"sheet-description\"\n\t\t\tclassName={cn(\"text-muted-foreground *:font-lato text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tSheet,\n\tSheetTrigger,\n\tSheetClose,\n\tSheetContent,\n\tSheetHeader,\n\tSheetFooter,\n\tSheetTitle,\n\tSheetDescription,\n};\n"],"names":["Sheet","props","React","SheetPrimitive","data-slot","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","cn","SheetContent","children","side","XIcon","span","SheetHeader","div","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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"}