{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sheet",
  "type": "registry:ui",
  "title": "Sheet",
  "files": [
    {
      "path": "ui/sheet.tsrx",
      "type": "registry:ui",
      "target": "components/ui/sheet.tsrx",
      "content": "// Base UI base sheet — TRANSCRIBED from upstream's `bases/base-ui/ui/sheet.tsx`\n// (maintainer-supplied), class strings verbatim. Runs on @octanejs/base-ui's Dialog:\n// Overlay -> Backdrop, Content -> Popup.\n//\n// UPSTREAM ANIMATES THIS WITH CSS TRANSITIONS, NOT KEYFRAMES, which is why the file is transcribed\n// rather than derived. Base UI publishes `data-starting-style` and `data-ending-style` (see\n// utils/popupStateMapping.ts) and this source drives motion off them with a plain `transition`,\n// where the radix base uses `animate-in` / `animate-out` keyframe utilities.\n//\n// A derived version of this file did jump visibly on close, which is what prompted the\n// transcription. Do NOT infer from that a general rule that keyframes cannot work on Base UI: the\n// same mapping also emits `data-open` and `data-closed`, so `data-closed:animate-out` does match,\n// and the precise cause of that jump was never isolated. What is established here is only what\n// upstream ships, which is this.\n//\n// So the motion here reads: `transition duration-200` plus per-side\n// `data-starting-style:translate-*` / `data-ending-style:translate-*` and an opacity pair —\n// the element sits offset-and-transparent before open and after close, and transitions to its\n// resting position in between.\n//\n// ONE DEPARTURE FROM THE SOURCE: upstream's title carries `cn-font-heading`, a semantic hook from\n// the pinned cn-* system. This package ships the utilities-inlined flavor, the react-aria base\n// drops the same class, and nothing defines it here (0 occurrences in the built CSS).\n//\n// Octane adaptations: no `\"use client\"`; refs are props.\nimport { type OctaneNode } from 'octane';\nimport { Dialog as SheetPrimitive } from '@octanejs/base-ui/dialog';\nimport { XIcon } from '@octanejs/lucide';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\n\ntype Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;\n\nexport function Sheet(props: Record<string, unknown>) @{\n\t<SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nexport function SheetTrigger(props: Record<string, unknown>) @{\n\t<SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nexport function SheetClose(props: Record<string, unknown>) @{\n\t<SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nexport function SheetPortal(props: Record<string, unknown>) @{\n\t<SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nexport function SheetOverlay({ className, ...props }: Props) @{\n\t<SheetPrimitive.Backdrop\n\t\tdata-slot=\"sheet-overlay\"\n\t\tclassName={cn(\n\t\t\t'fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport interface SheetContentProps extends Props {\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\tshowCloseButton?: boolean;\n}\n\nexport function SheetContent(props: SheetContentProps) @{\n\tconst { className, side = 'right', showCloseButton = true, children: _children, ...rest } = props;\n\n\t<SheetPortal>\n\t\t<SheetOverlay />\n\t\t<SheetPrimitive.Popup\n\t\t\tdata-slot=\"sheet-content\"\n\t\t\tdata-side={side}\n\t\t\tclassName={cn(\n\t\t\t\t'fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{props.children}\n\t\t\t@if (showCloseButton) {\n\t\t\t\t<SheetPrimitive.Close\n\t\t\t\t\tdata-slot=\"sheet-close\"\n\t\t\t\t\trender={<Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\">\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</Button>}\n\t\t\t\t/>\n\t\t\t}\n\t\t</SheetPrimitive.Popup>\n\t</SheetPortal>\n}\n\nexport function SheetHeader({ className, ...props }: Props) @{\n\t<div data-slot=\"sheet-header\" className={cn('flex flex-col gap-0.5 p-4', className)} {...props} />\n}\n\nexport function SheetFooter({ className, ...props }: Props) @{\n\t<div\n\t\tdata-slot=\"sheet-footer\"\n\t\tclassName={cn('mt-auto flex flex-col gap-2 p-4', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function SheetTitle({ className, ...props }: Props) @{\n\t<SheetPrimitive.Title\n\t\tdata-slot=\"sheet-title\"\n\t\tclassName={cn('text-base font-medium text-foreground', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function SheetDescription({ className, ...props }: Props) @{\n\t<SheetPrimitive.Description\n\t\tdata-slot=\"sheet-description\"\n\t\tclassName={cn('text-sm text-muted-foreground', className)}\n\t\t{...props}\n\t/>\n}\n"
    }
  ],
  "dependencies": [
    "@octanejs/base-ui@0.1.33",
    "@octanejs/lucide@0.1.30"
  ],
  "registryDependencies": [
    "@octane/button",
    "@octane/utils"
  ]
}