@usetheo/ui 0.8.0-next.0 → 0.10.0-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.8.0-next.0",
+  "version": "0.10.0-next.0",
   "description": "Theo UI — framework-agnostic React component library with the Violet Forge design system. Focused on AI-agent interfaces, cloud dashboards, and developer-tooling surfaces.",
   "license": "Apache-2.0",
   "type": "module",
@@ -25,447 +25,455 @@
     "./slide/themes/violet-forge.css": "./dist/slide/themes/violet-forge.css",
     "./account-menu": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/account-menu/index.js"
     },
     "./agent-composer": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/agent-composer/index.js"
     },
     "./agent-editor": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/agent-editor/index.js"
     },
     "./agent-error-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/agent-error-card/index.js"
     },
     "./agent-event": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/agent-event/index.js"
     },
     "./agent-handoff": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/agent-handoff/index.js"
     },
     "./agent-profile": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/agent-profile/index.js"
     },
     "./agent-starting-state": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/agent-starting-state/index.js"
     },
     "./agent-stream": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/agent-stream/index.js"
     },
     "./agent-streaming": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/agent-streaming/index.js"
     },
     "./agent-timeline": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/agent-timeline/index.js"
+    },
+    "./alert": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/primitives/alert/index.js"
     },
     "./approval-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/approval-card/index.js"
     },
     "./artifact-preview": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/artifact-preview/index.js"
     },
     "./attachment-chip": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/attachment-chip/index.js"
     },
     "./audit-log-entry": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/audit-log-entry/index.js"
     },
     "./auto-compact-notice": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/auto-compact-notice/index.js"
     },
     "./avatar": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/avatar/index.js"
     },
     "./badge": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/badge/index.js"
     },
     "./browser-controls": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/browser-controls/index.js"
     },
     "./build-log-stream": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/build-log-stream/index.js"
     },
     "./button": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/button/index.js"
     },
     "./capability-indicator": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/capability-indicator/index.js"
     },
     "./card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/card/index.js"
     },
     "./chat-composer": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/chat-composer/index.js"
     },
     "./chat-message": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/chat-message/index.js"
     },
     "./chat-thread": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/chat-thread/index.js"
     },
     "./checkbox": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/checkbox/index.js"
     },
     "./code-block": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/code-block/index.js"
     },
     "./command-palette": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/command-palette/index.js"
     },
     "./confirm-dialog": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/confirm-dialog/index.js"
     },
     "./context-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/context-card/index.js"
     },
     "./context-window-bar": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/context-window-bar/index.js"
     },
     "./copy-button": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/copy-button/index.js"
     },
     "./cost-meter": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/cost-meter/index.js"
     },
     "./created-files-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/created-files-card/index.js"
     },
     "./cron-job-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/cron-job-card/index.js"
     },
     "./cron-jobs-list": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/cron-jobs-list/index.js"
     },
     "./danger-zone": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/danger-zone/index.js"
     },
     "./deployment-row": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/deployment-row/index.js"
     },
     "./dialog": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/dialog/index.js"
     },
     "./diff-viewer": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/diff-viewer/index.js"
     },
     "./domain-config": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/domain-config/index.js"
     },
     "./empty-state": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/empty-state/index.js"
     },
     "./env-var-editor": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/env-var-editor/index.js"
     },
     "./folder-context-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/folder-context-card/index.js"
     },
     "./folder-selector": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/folder-selector/index.js"
     },
     "./form-field": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/form-field/index.js"
     },
     "./hook-config": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/hook-config/index.js"
     },
     "./hook-event-log": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/hook-event-log/index.js"
     },
     "./input": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/input/index.js"
     },
     "./intent-selector": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/intent-selector/index.js"
     },
     "./label": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/label/index.js"
     },
     "./lane-board": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/lane-board/index.js"
     },
     "./login-split": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/login-split/index.js"
     },
     "./mcp-server-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/mcp-server-card/index.js"
     },
     "./mcp-server-list": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/mcp-server-list/index.js"
     },
     "./memory-editor": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/memory-editor/index.js"
     },
     "./mention-menu": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/mention-menu/index.js"
     },
     "./metrics-panel": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/metrics-panel/index.js"
     },
     "./model-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/model-card/index.js"
     },
     "./model-selector": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/model-selector/index.js"
+    },
+    "./pagination": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/primitives/pagination/index.js"
     },
     "./permission-matrix": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/permission-matrix/index.js"
     },
     "./permission-modal": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/permission-modal/index.js"
     },
     "./plan-badge": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/plan-badge/index.js"
     },
     "./preview-env-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/preview-env-card/index.js"
     },
     "./preview-panel": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/preview-panel/index.js"
     },
     "./progress": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/progress/index.js"
     },
     "./progress-checklist": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/progress-checklist/index.js"
     },
     "./project-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/project-card/index.js"
     },
     "./project-switcher": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/project-switcher/index.js"
     },
     "./quick-action-chips": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/quick-action-chips/index.js"
     },
     "./radio-group": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/radio-group/index.js"
     },
     "./recent-folders-list": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/recent-folders-list/index.js"
     },
     "./rollback-ui": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/rollback-ui/index.js"
     },
     "./rule-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/rule-card/index.js"
     },
     "./rule-editor": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/rule-editor/index.js"
     },
     "./run-stats": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/run-stats/index.js"
     },
     "./running-tasks-panel": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/running-tasks-panel/index.js"
     },
     "./scroll-area": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/scroll-area/index.js"
     },
     "./select": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/select/index.js"
     },
     "./session-list-item": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/session-list-item/index.js"
     },
     "./session-timeline": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/session-timeline/index.js"
     },
     "./sheet": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/sheet/index.js"
     },
     "./sidebar": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/sidebar/index.js"
     },
     "./skeleton": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/skeleton/index.js"
     },
     "./skill-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/skill-card/index.js"
     },
     "./skill-editor": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/skill-editor/index.js"
     },
     "./skills-list": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/skills-list/index.js"
     },
     "./social-auth-row": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/social-auth-row/index.js"
     },
     "./stat-tile": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/stat-tile/index.js"
     },
     "./status-dot": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/status-dot/index.js"
     },
     "./steps-rail": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/steps-rail/index.js"
     },
     "./sub-agent-dispatch": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/sub-agent-dispatch/index.js"
     },
     "./switch": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/switch/index.js"
     },
     "./system-prompt-editor": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/system-prompt-editor/index.js"
     },
     "./table": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/table/index.js"
     },
     "./tabs": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/tabs/index.js"
     },
     "./task-header": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/task-header/index.js"
     },
     "./task-plan": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/task-plan/index.js"
     },
     "./terminal-panel": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/terminal-panel/index.js"
     },
     "./textarea": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/textarea/index.js"
     },
     "./timestamp": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/timestamp/index.js"
     },
     "./toast": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/toast/index.js"
     },
     "./token-usage-chart": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/token-usage-chart/index.js"
     },
     "./tool-call": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/tool-call/index.js"
     },
     "./tool-call-card": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/tool-call-card/index.js"
     },
     "./tool-result": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/tool-result/index.js"
     },
     "./tools-list": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/tools-list/index.js"
     },
     "./tooltip": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/tooltip/index.js"
     },
     "./topnav": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/primitives/topnav/index.js"
     },
     "./usage-meter": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/composites/usage-meter/index.js"
     },
     "./whiteboard": {
       "types": "./dist/whiteboard/index.d.ts",
@@ -510,7 +518,8 @@
     "registry/index.json",
     "LICENSE",
     "NOTICE",
-    "CHANGELOG.md"
+    "CHANGELOG.md",
+    "llms.txt"
   ],
   "peerDependencies": {
     "@tailwindcss/vite": "^4.0.0",
@@ -680,7 +689,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && tsx scripts/regen-subpath-exports.ts",
     "dev": "ladle serve",
     "ladle:build": "ladle build",
     "ladle:preview": "ladle preview",

package/registry/index.json

@@ -84,6 +84,12 @@
       "title": "Theo UI agent types",
       "description": "Shared TypeScript types for the agent timeline, events, and statuses."
     },
+    {
+      "name": "alert",
+      "type": "registry:ui",
+      "title": "Alert",
+      "description": "Persistent inline notice primitive. Four intents (info / success / warning / destructive) with mapped lucide icons (Info / CheckCircle2 / TriangleAlert / AlertCircle) and design tokens. Optional title, description, action slot, and onDismiss handler. destructive intent renders role=alert (assertive); other intents render role=status (polite). Distinct from Toast (transient, auto-dismiss) and EmptyState (centered card)."
+    },
     {
       "name": "approval-card",
       "type": "registry:block",
@@ -408,6 +414,12 @@
       "title": "ModelSelector",
       "description": "Chip dropdown for picking the active LLM."
     },
+    {
+      "name": "pagination",
+      "type": "registry:ui",
+      "title": "Pagination",
+      "description": "Accessible page-number navigation primitive. Renders <nav aria-label=Pagination> with first/prev/numbers/next/last buttons and visual ellipses when totalPages exceeds the visible range. Active page carries aria-current=page. Keyboard nav: ArrowLeft / ArrowRight / Home / End. Configurable siblingCount + optional jump buttons. Returns null when totalPages <= 1. Exports a pure computePageRange helper for unit testing the range logic in isolation."
+    },
     {
       "name": "permission-matrix",
       "type": "registry:ui",

package/registry/r/alert.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "alert",
+  "type": "registry:ui",
+  "title": "Alert",
+  "description": "Persistent inline notice primitive. Four intents (info / success / warning / destructive) with mapped lucide icons (Info / CheckCircle2 / TriangleAlert / AlertCircle) and design tokens. Optional title, description, action slot, and onDismiss handler. destructive intent renders role=alert (assertive); other intents render role=status (polite). Distinct from Toast (transient, auto-dismiss) and EmptyState (centered card).",
+  "dependencies": [
+    "lucide-react"
+  ],
+  "registryDependencies": [
+    "https://usetheodev.github.io/theo-ui/r/cn.json",
+    "https://usetheodev.github.io/theo-ui/r/tailwind-preset.json"
+  ],
+  "files": [
+    {
+      "path": "components/primitives/alert/alert.tsx",
+      "type": "registry:ui",
+      "target": "components/ui/alert.tsx",
+      "content": "import { AlertCircle, CheckCircle2, Info, TriangleAlert, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ElementType, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Alert — persistent inline notice. Distinct from `Toast` (transient,\n * corner-positioned, multiple stackable) and `EmptyState` (centered card\n * for no-data affordances). Full-width-of-section banner that stays\n * visible until the user acts.\n *\n * `intent` drives icon + color tokens. `destructive` intent renders\n * `role=\"alert\"` for assertive screen-reader announcement; the other\n * three intents render `role=\"status\"` (polite). `onDismiss`, when\n * provided, renders a trailing `X` button. `action` slot accepts any\n * ReactNode (typically a `<Button>` or anchor).\n *\n * @example\n *   <Alert\n *     intent=\"warning\"\n *     title=\"Verify your email\"\n *     description=\"We sent a link to your email.\"\n *     action={<Button size=\"sm\" onClick={resend}>Resend</Button>}\n *   />\n */\nexport type AlertIntent = \"info\" | \"success\" | \"warning\" | \"destructive\";\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\" | \"role\"> {\n  intent?: AlertIntent;\n  title?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  onDismiss?: () => void;\n}\n\nconst INTENT: Record<\n  AlertIntent,\n  { icon: ElementType; border: string; bg: string; iconColor: string }\n> = {\n  info: {\n    icon: Info,\n    border: \"border-primary/30\",\n    bg: \"bg-primary/[0.04]\",\n    iconColor: \"text-primary\",\n  },\n  success: {\n    icon: CheckCircle2,\n    border: \"border-success/30\",\n    bg: \"bg-success/[0.04]\",\n    iconColor: \"text-success\",\n  },\n  warning: {\n    icon: TriangleAlert,\n    border: \"border-warning/30\",\n    bg: \"bg-warning/[0.04]\",\n    iconColor: \"text-warning\",\n  },\n  destructive: {\n    icon: AlertCircle,\n    border: \"border-destructive/30\",\n    bg: \"bg-destructive/[0.04]\",\n    iconColor: \"text-destructive\",\n  },\n};\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, intent = \"info\", title, description, action, onDismiss, ...props }, ref) => {\n    const config = INTENT[intent];\n    const Icon = config.icon;\n    const hasTitle = title !== undefined && title !== null;\n    const hasDescription = description !== undefined && description !== null;\n    const role = intent === \"destructive\" ? \"alert\" : \"status\";\n\n    return (\n      <div\n        ref={ref}\n        role={role}\n        className={cn(\n          \"rounded-lg border\",\n          config.border,\n          config.bg,\n          hasTitle && hasDescription ? \"p-4\" : \"p-3\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"flex items-start gap-3\">\n          <Icon aria-hidden=\"true\" className={cn(\"mt-0.5 size-4 shrink-0\", config.iconColor)} />\n          <div className=\"min-w-0 flex-1\">\n            {hasTitle ? (\n              <div className=\"font-medium font-sans text-body-sm text-foreground\">{title}</div>\n            ) : null}\n            {hasDescription ? (\n              <div\n                className={cn(\"font-sans text-body-sm text-muted-foreground\", hasTitle && \"mt-0.5\")}\n              >\n                {description}\n              </div>\n            ) : null}\n          </div>\n          {action !== undefined ? <div className=\"ml-auto shrink-0\">{action}</div> : null}\n          {onDismiss !== undefined ? (\n            <button\n              type=\"button\"\n              onClick={onDismiss}\n              aria-label=\"Dismiss\"\n              className={cn(\n                \"shrink-0 rounded p-0.5 text-muted-foreground transition-colors\",\n                \"hover:text-foreground\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              )}\n            >\n              <X aria-hidden=\"true\" className=\"size-4\" />\n            </button>\n          ) : null}\n        </div>\n      </div>\n    );\n  },\n);\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n"
+    }
+  ]
+}