{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sheet",
  "type": "registry:ui",
  "title": "Sheet",
  "description": "A customizable sheet component",
  "dependencies": [
    "@base-ui/react",
    "clsx",
    "tailwind-merge",
    "tailwind-variants"
  ],
  "registryDependencies": [
    "classes"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/ui/sheet/index.tsx",
      "content": "\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/classes\";\n\ninterface SheetProps extends SheetPrimitive.Root.Props {}\n\nfunction Sheet(props: SheetProps) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\ninterface SheetTriggerProps extends SheetPrimitive.Trigger.Props {}\n\nfunction SheetTrigger(props: SheetTriggerProps) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\ninterface SheetCloseProps extends SheetPrimitive.Close.Props {}\n\nfunction SheetClose(props: SheetCloseProps) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\ninterface SheetPortalProps extends SheetPrimitive.Portal.Props {}\n\nfunction SheetPortal(props: SheetPortalProps) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\ninterface SheetBackdropProps extends SheetPrimitive.Backdrop.Props {}\n\nfunction SheetBackdrop({ className, ...props }: SheetBackdropProps) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-backdrop\"\n      className={cn(\n        \"fixed inset-0 bg-black/32 backdrop-blur-sm z-50 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst sheetVariants = tv({\n  slots: {\n    viewport: \"fixed inset-0 z-50 flex\",\n    popup: \"group bg-background flex flex-col gap-4 min-h-0 max-h-full\",\n  },\n  variants: {\n    side: {\n      right: {\n        viewport: \"justify-end\",\n        popup:\n          \"w-3/4 border-l sm:max-w-sm [transition-property:translate,opacity,scale,border-radius] will-change-[translate,opacity,scale,border-radius] duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] data-starting-style:opacity-0 data-starting-style:translate-x-full data-ending-style:opacity-0 data-ending-style:translate-x-full opacity-[calc(1-var(--nested-dialogs)*0.25)] -translate-x-[calc(2.5rem*var(--nested-dialogs))] scale-[calc(1-0.15*var(--nested-dialogs))] data-nested-dialog-open:rounded-lg\",\n      },\n      left: {\n        viewport: \"justify-start\",\n        popup:\n          \"w-3/4 border-r sm:max-w-sm [transition-property:translate,opacity,scale,border-radius] will-change-[translate,opacity,scale,border-radius] duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] data-starting-style:opacity-0 data-starting-style:-translate-x-full data-ending-style:opacity-0 data-ending-style:-translate-x-full opacity-[calc(1-var(--nested-dialogs)*0.25)] translate-x-[calc(2.5rem*var(--nested-dialogs))] scale-[calc(1-0.15*var(--nested-dialogs))] data-nested-dialog-open:rounded-lg\",\n      },\n      top: {\n        viewport: \"flex-col justify-start\",\n        popup:\n          \"h-auto border-b [transition-property:translate,opacity,scale,border-radius] will-change-[translate,opacity,scale,border-radius] duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] data-starting-style:opacity-0 data-starting-style:-translate-y-full data-ending-style:opacity-0 data-ending-style:-translate-y-full opacity-[calc(1-var(--nested-dialogs)*0.25)] scale-[calc(1-0.15*var(--nested-dialogs))] data-nested-dialog-open:rounded-lg data-nested-dialog-open:translate-y-[calc(1%*var(--nested-dialogs))]\",\n      },\n      bottom: {\n        viewport: \"flex-col justify-end\",\n        popup:\n          \"h-auto border-t [transition-property:translate,opacity,scale,border-radius] will-change-[translate,opacity,scale,border-radius] duration-300 ease-[cubic-bezier(0.215,0.61,0.355,1)] data-starting-style:opacity-0 data-starting-style:translate-y-full data-ending-style:opacity-0 data-ending-style:translate-y-full opacity-[calc(1-var(--nested-dialogs)*0.25)] scale-[calc(1-0.15*var(--nested-dialogs))] data-nested-dialog-open:rounded-lg data-nested-dialog-open:-translate-y-[calc(1%*var(--nested-dialogs))]\",\n      },\n    },\n    variant: {\n      full: {},\n      rounded: {\n        viewport: \"p-3\",\n        popup: \"rounded-lg border\",\n      },\n    },\n  },\n  defaultVariants: {\n    side: \"right\",\n    variant: \"full\",\n  },\n});\n\ninterface SheetViewportProps extends SheetPrimitive.Viewport.Props {\n  side?: VariantProps<typeof sheetVariants>[\"side\"];\n  variant?: VariantProps<typeof sheetVariants>[\"variant\"];\n}\n\nfunction SheetViewport({\n  side = \"right\",\n  variant = \"full\",\n  className,\n  ...props\n}: SheetViewportProps) {\n  const { viewport: viewportStyles } = sheetVariants();\n\n  return (\n    <SheetPrimitive.Viewport\n      data-slot=\"sheet-viewport\"\n      data-side={side}\n      data-variant={variant}\n      className={cn(viewportStyles({ side, variant }), className)}\n      {...props}\n    />\n  );\n}\n\ninterface SheetPopupProps extends SheetPrimitive.Popup.Props {\n  side?: VariantProps<typeof sheetVariants>[\"side\"];\n  variant?: VariantProps<typeof sheetVariants>[\"variant\"];\n  showCloseButton?: boolean;\n  reduceMotion?: boolean;\n}\n\nfunction SheetPopup({\n  side = \"right\",\n  variant = \"full\",\n  showCloseButton = true,\n  reduceMotion = false,\n  className,\n  children,\n  ...props\n}: SheetPopupProps) {\n  const { popup: popupStyles } = sheetVariants();\n\n  return (\n    <SheetPortal>\n      <SheetBackdrop />\n      <SheetViewport variant={variant} side={side}>\n        <SheetPrimitive.Popup\n          className={cn(\n            popupStyles({ side, variant }),\n            className,\n            reduceMotion && \"transition-none!\"\n          )}\n          data-slot=\"sheet-popup\"\n          data-side={side}\n          data-variant={variant}\n          {...props}\n        >\n          {children}\n          {showCloseButton && (\n            <SheetPrimitive.Close className=\"absolute right-2 top-2 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-72 outline-none transition-[color,background-color,box-shadow,opacity] hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\">\n              <XIcon />\n              <span className=\"sr-only\">Close</span>\n            </SheetPrimitive.Close>\n          )}\n        </SheetPrimitive.Popup>\n      </SheetViewport>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\ninterface SheetTitleProps extends SheetPrimitive.Title.Props {}\n\nfunction SheetTitle({ className, ...props }: SheetTitleProps) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\ninterface SheetDescriptionProps extends SheetPrimitive.Description.Props {}\n\nfunction SheetDescription({ className, ...props }: SheetDescriptionProps) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetPopup,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n",
      "type": "registry:ui",
      "target": "components/ui/sheet.tsx"
    }
  ]
}