{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sheet",
  "title": "Sheet",
  "description": "Extends the Dialog component to display content that complements the main content of the screen.",
  "dependencies": ["@ark-ui/react", "lucide-react", "clsx", "tailwind-merge"],
  "files": [
    {
      "path": "src/registry/thornberry/components/sheet.tsx",
      "content": "import { Dialog as ArkSheet } from \"@ark-ui/react/dialog\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport type { ComponentProps } from \"react\";\n\nconst SheetProvider = ArkSheet.RootProvider;\nconst SheetContext = ArkSheet.Context;\nconst SheetRoot = ArkSheet.Root;\n\nconst SheetTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSheet.Trigger>) => (\n  <ArkSheet.Trigger className={className} {...rest} />\n);\n\nconst SheetBackdrop = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSheet.Backdrop>) => (\n  <ArkSheet.Backdrop className={className} {...rest} />\n);\n\nconst SheetPositioner = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSheet.Positioner>) => (\n  <ArkSheet.Positioner className={className} {...rest} />\n);\n\ninterface ArkSheetContentProps extends ComponentProps<typeof ArkSheet.Content> {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}\n\nconst SheetContent = ({\n  className,\n  side = \"left\",\n  ...rest\n}: ArkSheetContentProps) => (\n  <ArkSheet.Content\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed z-50 bg-background data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      side === \"right\" &&\n        \"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      side === \"left\" &&\n        \"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      side === \"top\" &&\n        \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n      side === \"bottom\" &&\n        \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst SheetTitle = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSheet.Title>) => (\n  <ArkSheet.Title\n    className={cn(\n      \"font-semibold text-lg leading-none tracking-tight\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst SheetDescription = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSheet.Description>) => (\n  <ArkSheet.Description\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    {...rest}\n  />\n);\n\nconst SheetCloseTrigger = ({\n  className,\n  children,\n  asChild,\n  ...rest\n}: ComponentProps<typeof ArkSheet.CloseTrigger>) => {\n  // If there are no children, render the default X icon\n  if (!children) {\n    return (\n      <ArkSheet.CloseTrigger\n        className={cn(\n          \"absolute top-4 right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none\",\n          className,\n        )}\n        {...rest}\n      >\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </ArkSheet.CloseTrigger>\n    );\n  }\n\n  // If children are provided, use them inside the CloseTrigger\n  // This is useful for creating buttons that close the ArkSheet\n  return (\n    <ArkSheet.CloseTrigger className={className} asChild={asChild} {...rest}>\n      {children}\n    </ArkSheet.CloseTrigger>\n  );\n};\n\nexport {\n  SheetRoot,\n  SheetTrigger,\n  SheetBackdrop,\n  SheetPositioner,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetCloseTrigger,\n  SheetProvider,\n  SheetContext,\n};\n",
      "type": "registry:ui"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport type { ClassValue } from \"clsx\";\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n",
      "type": "registry:lib",
      "target": ""
    }
  ],
  "type": "registry:ui"
}