{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-toast","title":"Corded Toast","description":"A themed toast provider, viewport, and notification surface.","dependencies":["@base-ui/react","lucide-react"],"registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-toast.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Toast } from \"@base-ui/react/toast\"\nimport { X } from \"lucide-react\"\n\nexport const useCordedToast = Toast.useToastManager\n\nexport function CordedToastProvider({ children }: { children: React.ReactNode }) {\n  return <Toast.Provider>{children}<Toast.Portal><Toast.Viewport className=\"fixed bottom-4 right-4 z-[var(--mana-z-popout)] w-[calc(100%-2rem)] max-w-sm\"><CordedToastList /></Toast.Viewport></Toast.Portal></Toast.Provider>\n}\n\nfunction CordedToastList() {\n  const { toasts } = Toast.useToastManager()\n  return toasts.map((toast) => <Toast.Root key={toast.id} toast={toast} className=\"mana-popover mb-2 !w-full !max-w-sm !text-left transition duration-150 data-starting-style:translate-y-4 data-starting-style:opacity-0 data-ending-style:translate-x-full data-ending-style:opacity-0\"><Toast.Content className=\"flex items-start gap-3\"><div className=\"min-w-0 flex-1\"><Toast.Title className=\"mana-popover-title mana-text-sm-semibold !text-left\" /><Toast.Description className=\"mana-popover-body mana-text-sm-normal !text-left\" /></div><Toast.Close aria-label=\"Dismiss\" className=\"mana-button\" data-size=\"sm\" data-variant=\"icon-only\"><span className=\"mana-button-contents\"><span className=\"mana-button-children mana-button-icon\"><X className=\"size-4\" /></span></span></Toast.Close></Toast.Content></Toast.Root>)\n}\n","type":"registry:ui","target":"components/ui/corded-toast.tsx"}],"type":"registry:ui"}