{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-dialog","title":"Corded Dialog","description":"Dialog and alert dialog primitives styled for Discord-inspired interfaces.","dependencies":["@base-ui/react"],"registryDependencies":["utils","corded-theme","corded-button"],"files":[{"path":"registry/default/ui/corded-dialog.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { AlertDialog } from \"@base-ui/react/alert-dialog\"\nimport { Dialog } from \"@base-ui/react/dialog\"\n\nimport { CordedButton } from \"@/components/ui/corded-button\"\n\nconst backdrop = \"mana-modal-scrim z-[var(--mana-z-modal)]\"\nconst positioner = \"mana-modal-positioner z-[calc(var(--mana-z-modal)+1)]\"\nconst popup = \"mana-modal\"\n\nexport function CordedDialog({ trigger, title, description, children }: { trigger: React.ReactElement; title: string; description?: string; children?: React.ReactNode }) {\n  return <Dialog.Root><Dialog.Trigger render={trigger} /><Dialog.Portal><Dialog.Backdrop className={backdrop} /><div className={positioner}><Dialog.Popup className={popup} data-size=\"sm\"><header className=\"mana-modal-section mana-modal-header\"><div className=\"mana-modal-header-main\"><Dialog.Title className=\"mana-modal-title mana-text-lg-semibold\">{title}</Dialog.Title>{description ? <Dialog.Description className=\"mana-modal-subtitle mana-text-sm-normal\">{description}</Dialog.Description> : null}</div></header>{children ? <div className=\"mana-modal-body\">{children}</div> : null}<footer className=\"mana-modal-section mana-modal-footer\"><div className=\"mana-modal-action-bar\"><div className=\"mana-modal-action-bar-trailing\"><Dialog.Close render={<CordedButton variant=\"secondary\" />}>Close</Dialog.Close></div></div></footer></Dialog.Popup></div></Dialog.Portal></Dialog.Root>\n}\n\nexport function CordedAlertDialog({ trigger, title, description, confirmLabel = \"Confirm\", onConfirm }: { trigger: React.ReactElement; title: string; description: string; confirmLabel?: string; onConfirm?: () => void }) {\n  return <AlertDialog.Root><AlertDialog.Trigger render={trigger} /><AlertDialog.Portal><AlertDialog.Backdrop className={backdrop} /><div className={positioner}><AlertDialog.Popup className={popup} data-size=\"sm\"><header className=\"mana-modal-section mana-modal-header\"><div className=\"mana-modal-header-main\"><AlertDialog.Title className=\"mana-modal-title mana-text-lg-semibold\">{title}</AlertDialog.Title><AlertDialog.Description className=\"mana-modal-subtitle mana-text-sm-normal\">{description}</AlertDialog.Description></div></header><footer className=\"mana-modal-section mana-modal-footer\"><div className=\"mana-modal-action-bar\"><div className=\"mana-modal-action-bar-trailing\"><AlertDialog.Close render={<CordedButton variant=\"secondary\" />}>Cancel</AlertDialog.Close><AlertDialog.Close render={<CordedButton variant=\"danger\" onClick={onConfirm} />}>{confirmLabel}</AlertDialog.Close></div></div></footer></AlertDialog.Popup></div></AlertDialog.Portal></AlertDialog.Root>\n}\n","type":"registry:ui","target":"components/ui/corded-dialog.tsx"}],"type":"registry:ui"}