{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sf-sheet",
  "title": "SF Sheet",
  "description": "Industrial slide-out panel with 2px borders",
  "registryDependencies": [
    "sheet"
  ],
  "files": [
    {
      "path": "components/sf/sf-sheet.tsx",
      "content": "\"use client\";\n\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Slide-out panel — FRAME layer overlay primitive.\n *\n * Radix Sheet root wrapped with SF contract. Compose with\n * SFSheetTrigger, SFSheetContent, SFSheetHeader, SFSheetTitle,\n * SFSheetDescription, SFSheetFooter, and SFSheetClose.\n * Content slides in from the edge with sharp corners and 2px border.\n *\n * @example\n * <SFSheet>\n *   <SFSheetTrigger asChild><SFButton>Open Panel</SFButton></SFSheetTrigger>\n *   <SFSheetContent side=\"right\">\n *     <SFSheetHeader><SFSheetTitle>Settings</SFSheetTitle></SFSheetHeader>\n *   </SFSheetContent>\n * </SFSheet>\n */\nfunction SFSheet(props: React.ComponentProps<typeof Sheet>) {\n  return <Sheet {...props} />;\n}\n\n/** Sub-component of SFSheet — trigger element that opens the slide-out panel on interaction. */\nfunction SFSheetTrigger(props: React.ComponentProps<typeof SheetTrigger>) {\n  return <SheetTrigger {...props} />;\n}\n\n/** Sub-component of SFSheet — close control that dismisses the panel when activated. */\nfunction SFSheetClose(props: React.ComponentProps<typeof SheetClose>) {\n  return <SheetClose {...props} />;\n}\n\n/** Sub-component of SFSheet — slide-out content panel with sharp corners, 2px border, and no shadow. */\nfunction SFSheetContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetContent>) {\n  return (\n    <SheetContent\n      className={cn(\n        \"rounded-none border-foreground border-2 bg-background shadow-none\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Sub-component of SFSheet — header region with 2px bottom border separating it from body content. */\nfunction SFSheetHeader({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetHeader>) {\n  return (\n    <SheetHeader\n      className={cn(\"border-b-2 border-foreground pb-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Sub-component of SFSheet — footer region with 2px top border and muted background for action buttons. */\nfunction SFSheetFooter({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetFooter>) {\n  return (\n    <SheetFooter\n      className={cn(\"border-t-2 border-foreground bg-muted/30 pt-4\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Sub-component of SFSheet — sheet title in font-mono uppercase with letter-spacing. */\nfunction SFSheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetTitle>) {\n  return (\n    <SheetTitle\n      className={cn(\"font-mono uppercase tracking-wider text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Sub-component of SFSheet — supporting description text in muted foreground, uppercase, xs size. */\nfunction SFSheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetDescription>) {\n  return (\n    <SheetDescription\n      className={cn(\"text-muted-foreground text-xs uppercase tracking-wide\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  SFSheet,\n  SFSheetTrigger,\n  SFSheetClose,\n  SFSheetContent,\n  SFSheetHeader,\n  SFSheetFooter,\n  SFSheetTitle,\n  SFSheetDescription,\n};\n",
      "type": "registry:ui"
    }
  ],
  "meta": {
    "layer": "frame",
    "pattern": "A"
  },
  "type": "registry:ui"
}