{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-base-alert-dialog",
  "title": "Base Alert Dialog Demo",
  "description": "Demo showing an animated base alert dialog.",
  "registryDependencies": [
    "@odysseyui/primitives-base-alert-dialog"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/base/alert-dialog/index.tsx",
      "content": "import {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogPopup,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogPortal,\n  AlertDialogBackdrop,\n  AlertDialogClose,\n  type AlertDialogFlipDirection,\n} from '@/components/odyssey/primitives/base/alert-dialog';\n\ntype BaseAlertDialogDemoProps = {\n  from: AlertDialogFlipDirection;\n};\n\nexport const BaseAlertDialogDemo = ({ from }: BaseAlertDialogDemoProps) => {\n  return (\n    <AlertDialog>\n      <AlertDialogTrigger className=\"bg-primary text-primary-foreground px-4 py-2 text-sm\">\n        Open Dialog\n      </AlertDialogTrigger>\n\n      <AlertDialogPortal>\n        <AlertDialogBackdrop className=\"fixed inset-0 z-50 bg-black/80\" />\n        <AlertDialogPopup\n          from={from}\n          className=\"sm:max-w-md fixed left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] z-50 border bg-background p-6\"\n        >\n          <AlertDialogHeader>\n            <AlertDialogTitle className=\"text-lg\">\n              Are you absolutely sure?\n            </AlertDialogTitle>\n            <AlertDialogDescription className=\"text-sm\">\n              This action cannot be undone. This will permanently delete your\n              account and remove your data from our servers.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n\n          <AlertDialogFooter className=\"mt-4 flex justify-end gap-2\">\n            <AlertDialogClose className=\"bg-accent text-accent-foreground px-4 py-2 text-sm\">\n              Cancel\n            </AlertDialogClose>\n            <AlertDialogClose className=\"bg-primary text-primary-foreground px-4 py-2 text-sm\">\n              Continue\n            </AlertDialogClose>\n          </AlertDialogFooter>\n        </AlertDialogPopup>\n      </AlertDialogPortal>\n    </AlertDialog>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/primitives/base/alert-dialog.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "AlertDialogPopup": {
        "from": {
          "value": "top",
          "options": {
            "top": "top",
            "bottom": "bottom",
            "left": "left",
            "right": "right"
          }
        }
      }
    }
  },
  "type": "registry:ui"
}