{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert-dialog",
  "type": "registry:ui",
  "title": "Alert Dialog",
  "files": [
    {
      "path": "ui/alert-dialog.tsrx",
      "type": "registry:ui",
      "target": "components/ui/alert-dialog.tsrx",
      "content": "// Base UI base alert-dialog — transcribed from upstream's `bases/base-ui/ui/alert-dialog.tsx`\n// (maintainer-supplied), running on @octanejs/base-ui's AlertDialog. Upstream part mapping:\n// Overlay -> Backdrop, Content -> Popup, Cancel -> Close. This port also composes Action via Close.\n//\n// TWO DELIBERATE DEPARTURES FROM THE SOURCE:\n// - Upstream's AlertDialogTitle carries `cn-font-heading`, a semantic hook from the pinned cn-*\n//   system. This package ships the default-Tailwind utilities-inlined flavor instead, the\n//   react-aria base already drops this exact class for that reason, and nothing in the playground\n//   defines it (0 occurrences in the built CSS), so keeping it would ship a class that resolves\n//   to nothing. Every other class string is verbatim.\n// - Upstream renders AlertDialogAction as a plain Button, so it does not dismiss the dialog.\n//   Composing it through Close preserves the public Button-like API and supplies the expected\n//   confirm-and-dismiss behavior shown by Base UI's own alert-dialog examples.\n//\n// Octane adaptations: no `\"use client\"`; refs are props. AlertDialogContent composes its\n// Portal/Overlay/Popup tree internally, so consumer children still flow through the ordinary\n// props.children channel.\nimport { AlertDialog as AlertDialogPrimitive } from '@octanejs/base-ui/alert-dialog';\n\nimport { cn } from '@/lib/utils';\nimport type { DivProps } from '@/lib/types';\nimport { Button } from '@/components/ui/button';\n\nexport function AlertDialog({ ...props }: Record<string, any>) @{\n\t<AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nexport function AlertDialogTrigger({ ...props }: Record<string, any>) @{\n\t<AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nexport function AlertDialogPortal({ ...props }: Record<string, any>) @{\n\t<AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nexport function AlertDialogOverlay({ className, ...props }: Record<string, any>) @{\n\t<AlertDialogPrimitive.Backdrop\n\t\tdata-slot=\"alert-dialog-overlay\"\n\t\tclassName={cn(\n\t\t\t'fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function AlertDialogContent({ className, size = 'default', ...props }: Record<\n\tstring,\n\tany\n>) @{\n\t<AlertDialogPortal>\n\t\t<AlertDialogOverlay key=\"overlay\" />\n\t\t<AlertDialogPrimitive.Popup\n\t\t\tkey=\"content\"\n\t\t\tdata-slot=\"alert-dialog-content\"\n\t\t\tdata-size={size}\n\t\t\tclassName={cn(\n\t\t\t\t'group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</AlertDialogPortal>\n}\n\nexport function AlertDialogHeader({ className, ...props }: DivProps) @{\n\t<div\n\t\tdata-slot=\"alert-dialog-header\"\n\t\tclassName={cn(\n\t\t\t'grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function AlertDialogFooter({ className, ...props }: DivProps) @{\n\t<div\n\t\tdata-slot=\"alert-dialog-footer\"\n\t\tclassName={cn(\n\t\t\t'-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function AlertDialogMedia({ className, ...props }: DivProps) @{\n\t<div\n\t\tdata-slot=\"alert-dialog-media\"\n\t\tclassName={cn(\n\t\t\t'mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*=\\'size-\\'])]:size-6',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function AlertDialogTitle({ className, ...props }: Record<string, any>) @{\n\t<AlertDialogPrimitive.Title\n\t\tdata-slot=\"alert-dialog-title\"\n\t\tclassName={cn(\n\t\t\t'text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function AlertDialogDescription({ className, ...props }: Record<string, any>) @{\n\t<AlertDialogPrimitive.Description\n\t\tdata-slot=\"alert-dialog-description\"\n\t\tclassName={cn(\n\t\t\t'text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function AlertDialogAction({\n\tclassName,\n\tvariant = 'default',\n\tsize = 'default',\n\t...props\n}: Record<string, any>) @{\n\t<AlertDialogPrimitive.Close\n\t\tdata-slot=\"alert-dialog-action\"\n\t\tclassName={cn(className)}\n\t\trender={<Button variant={variant} size={size} />}\n\t\t{...props}\n\t/>\n}\n\n// `render` takes an ELEMENT here, not a function — that is Base UI's render-prop contract, and\n// it is what lets each action keep Close's dismiss behavior while looking like a Button.\nexport function AlertDialogCancel({\n\tclassName,\n\tvariant = 'outline',\n\tsize = 'default',\n\t...props\n}: Record<string, any>) @{\n\t<AlertDialogPrimitive.Close\n\t\tdata-slot=\"alert-dialog-cancel\"\n\t\tclassName={cn(className)}\n\t\trender={<Button variant={variant} size={size} />}\n\t\t{...props}\n\t/>\n}\n"
    }
  ],
  "dependencies": [
    "@octanejs/base-ui@0.1.36"
  ],
  "registryDependencies": [
    "@octane/button",
    "@octane/types",
    "@octane/utils"
  ]
}