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

package/dist/chunk-XWTISHXO.js

@@ -0,0 +1,54 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { RefreshCw, Maximize2, X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ArtifactPreview = forwardRef(
+  ({ className, title, source, tabs, toolbar, onMaximize, onRefresh, onClose, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn("flex h-full flex-col overflow-hidden rounded-xl border bg-card", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-3 border-border/40 border-b px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: title }),
+            source ? /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: source }) : null
+          ] }),
+          toolbar ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            onRefresh ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onRefresh, "aria-label": "Refresh", children: /* @__PURE__ */ jsx(RefreshCw, { className: "size-3.5" }) }) : null,
+            onMaximize ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onMaximize, "aria-label": "Maximize", children: /* @__PURE__ */ jsx(Maximize2, { className: "size-3.5" }) }) : null,
+            onClose ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ jsx(X, { className: "size-3.5" }) }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children }),
+        tabs ? /* @__PURE__ */ jsx("footer", { className: "flex items-center gap-1 border-border/40 border-t px-2 py-1", children: tabs }) : null
+      ]
+    }
+  )
+);
+ArtifactPreview.displayName = "ArtifactPreview";
+function ToolbarButton({
+  onClick,
+  children,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": ariaLabel,
+      className: cn(
+        "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children
+    }
+  );
+}
+
+export { ArtifactPreview };
+//# sourceMappingURL=chunk-XWTISHXO.js.map
+//# sourceMappingURL=chunk-XWTISHXO.js.map

package/dist/chunk-XWTISHXO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/artifact-preview/artifact-preview.tsx"],"names":[],"mappings":";;;;;AA4BA,IAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CACE,EAAE,SAAA,EAAW,KAAA,EAAO,QAAQ,IAAA,EAAM,OAAA,EAAS,UAAA,EAAY,SAAA,EAAW,OAAA,EAAS,QAAA,EAAU,GAAG,KAAA,IACxF,GAAA,qBAEA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,gEAAA,EAAkE,SAAS,CAAA;AAAA,MACxF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,6DAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YACvE,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qDAAA,EAAuD,kBAAO,CAAA,GACzE;AAAA,WAAA,EACN,CAAA;AAAA,UACC,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,YAAA,SAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,SAAA,EAAW,YAAA,EAAW,SAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW,CAAA,EAClC,CAAA,GACE,IAAA;AAAA,YACH,UAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,UAAA,EAAY,YAAA,EAAW,UAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW,CAAA,EAClC,CAAA,GACE,IAAA;AAAA,YACH,OAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,OAAA,EAAS,YAAA,EAAW,eAAA,EAC1C,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,UAAA,EAAW,CAAA,EAC1B,CAAA,GACE;AAAA,WAAA,EACN;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAS,CAAA;AAAA,QAC/C,uBACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,6DAAA,EACf,gBACH,CAAA,GACE;AAAA;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,SAAS,aAAA,CAAc;AAAA,EACrB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA,EAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,+FAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-XWTISHXO.js","sourcesContent":["import { Maximize2, RefreshCw, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface ArtifactPreviewProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title: ReactNode;\n  /** Optional source/destination label (e.g. \"Google Drive\", \"Local · ~/reports\"). */\n  source?: ReactNode;\n  /**\n   * Tabs at the bottom of the artifact (e.g. \"Expense Report | Currency Summary\").\n   * Caller controls the active state externally.\n   */\n  tabs?: ReactNode;\n  /** Top toolbar actions. Defaults to refresh + maximize + close. */\n  toolbar?: ReactNode;\n  onMaximize?: () => void;\n  onRefresh?: () => void;\n  onClose?: () => void;\n}\n\n/**\n * ArtifactPreview — shell for previewing a generated artifact (XLSX, PDF, image…).\n *\n * Renders a toolbar + content slot + optional bottom tabs. The actual preview\n * (spreadsheet, PDF embed, image) is the caller's `children`, so this stays\n * dependency-free.\n */\nconst ArtifactPreview = forwardRef<HTMLElement, ArtifactPreviewProps>(\n  (\n    { className, title, source, tabs, toolbar, onMaximize, onRefresh, onClose, children, ...props },\n    ref,\n  ) => (\n    <section\n      ref={ref}\n      className={cn(\"flex h-full flex-col overflow-hidden rounded-xl border bg-card\", className)}\n      {...props}\n    >\n      <header className=\"flex items-center gap-3 border-border/40 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"truncate font-medium text-body-sm text-foreground\">{title}</p>\n          {source ? (\n            <p className=\"truncate font-mono text-label text-muted-foreground\">{source}</p>\n          ) : null}\n        </div>\n        {toolbar ?? (\n          <div className=\"flex items-center gap-1\">\n            {onRefresh ? (\n              <ToolbarButton onClick={onRefresh} aria-label=\"Refresh\">\n                <RefreshCw className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n            {onMaximize ? (\n              <ToolbarButton onClick={onMaximize} aria-label=\"Maximize\">\n                <Maximize2 className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n            {onClose ? (\n              <ToolbarButton onClick={onClose} aria-label=\"Close preview\">\n                <X className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n          </div>\n        )}\n      </header>\n      <div className=\"flex-1 overflow-auto\">{children}</div>\n      {tabs ? (\n        <footer className=\"flex items-center gap-1 border-border/40 border-t px-2 py-1\">\n          {tabs}\n        </footer>\n      ) : null}\n    </section>\n  ),\n);\nArtifactPreview.displayName = \"ArtifactPreview\";\n\nfunction ToolbarButton({\n  onClick,\n  children,\n  \"aria-label\": ariaLabel,\n}: {\n  onClick?: () => void;\n  children: ReactNode;\n  \"aria-label\": string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport { ArtifactPreview };\n"]}

package/dist/chunk-YOGHS4UU.js

@@ -0,0 +1,202 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function computePageRange(currentPage, totalPages, siblingCount = 1) {
+  if (totalPages <= 1) return [];
+  const totalNumbers = siblingCount * 2 + 3;
+  const totalWithEdges = totalNumbers + 2;
+  if (totalPages <= totalWithEdges) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const leftSibling = Math.max(currentPage - siblingCount, 1);
+  const rightSibling = Math.min(currentPage + siblingCount, totalPages);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < totalPages - 1;
+  if (!showLeftEllipsis && showRightEllipsis) {
+    const leftRangeEnd = 1 + (siblingCount * 2 + 2);
+    const leftRange = Array.from({ length: leftRangeEnd }, (_, i) => i + 1);
+    return [...leftRange, "ellipsis-end", totalPages];
+  }
+  if (showLeftEllipsis && !showRightEllipsis) {
+    const rightStart = totalPages - (siblingCount * 2 + 2);
+    const rightRange = Array.from(
+      { length: totalPages - rightStart + 1 },
+      (_, i) => rightStart + i
+    );
+    return [1, "ellipsis-start", ...rightRange];
+  }
+  const middleRange = Array.from(
+    { length: rightSibling - leftSibling + 1 },
+    (_, i) => leftSibling + i
+  );
+  return [1, "ellipsis-start", ...middleRange, "ellipsis-end", totalPages];
+}
+var SIZE = {
+  sm: "size-7 text-label",
+  md: "size-8 text-body-sm"
+};
+var ICON_SIZE = {
+  sm: "size-3",
+  md: "size-3.5"
+};
+var Pagination = forwardRef(
+  ({
+    className,
+    currentPage,
+    totalPages,
+    onPageChange,
+    siblingCount = 1,
+    showJumpButtons = true,
+    size = "md",
+    ...props
+  }, ref) => {
+    if (totalPages <= 1) {
+      return null;
+    }
+    const range = computePageRange(currentPage, totalPages, siblingCount);
+    const prevDisabled = currentPage <= 1;
+    const nextDisabled = currentPage >= totalPages;
+    const sizeClass = SIZE[size];
+    const iconClass = ICON_SIZE[size];
+    const buttonBase = cn(
+      "inline-flex items-center justify-center rounded-md font-mono tabular-nums",
+      "transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      sizeClass
+    );
+    function go(page) {
+      const clamped = Math.max(1, Math.min(totalPages, page));
+      if (clamped !== currentPage) onPageChange(clamped);
+    }
+    function handleKeyDown(e) {
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        go(currentPage - 1);
+      } else if (e.key === "ArrowRight") {
+        e.preventDefault();
+        go(currentPage + 1);
+      } else if (e.key === "Home") {
+        e.preventDefault();
+        go(1);
+      } else if (e.key === "End") {
+        e.preventDefault();
+        go(totalPages);
+      }
+    }
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        ref,
+        "aria-label": "Pagination",
+        onKeyDown: handleKeyDown,
+        className: cn("flex items-center gap-1", className),
+        ...props,
+        children: [
+          showJumpButtons ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => go(1),
+              disabled: prevDisabled,
+              "aria-label": "Go to first page",
+              "aria-disabled": prevDisabled || void 0,
+              className: cn(
+                buttonBase,
+                "text-foreground hover:bg-muted",
+                prevDisabled && "cursor-not-allowed opacity-40 hover:bg-transparent"
+              ),
+              children: /* @__PURE__ */ jsx(ChevronsLeft, { "aria-hidden": "true", className: iconClass })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => go(currentPage - 1),
+              disabled: prevDisabled,
+              "aria-label": "Go to previous page",
+              "aria-disabled": prevDisabled || void 0,
+              className: cn(
+                buttonBase,
+                "text-foreground hover:bg-muted",
+                prevDisabled && "cursor-not-allowed opacity-40 hover:bg-transparent"
+              ),
+              children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true", className: iconClass })
+            }
+          ),
+          range.map((item) => {
+            if (item === "ellipsis-start" || item === "ellipsis-end") {
+              return /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: cn(
+                    "inline-flex items-center justify-center text-muted-foreground",
+                    sizeClass
+                  ),
+                  children: "\u2026"
+                },
+                item
+              );
+            }
+            const isActive = item === currentPage;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => go(item),
+                "aria-label": `Go to page ${item}`,
+                "aria-current": isActive ? "page" : void 0,
+                className: cn(
+                  buttonBase,
+                  isActive ? "bg-primary text-primary-foreground hover:bg-primary" : "text-foreground hover:bg-muted"
+                ),
+                children: item
+              },
+              item
+            );
+          }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => go(currentPage + 1),
+              disabled: nextDisabled,
+              "aria-label": "Go to next page",
+              "aria-disabled": nextDisabled || void 0,
+              className: cn(
+                buttonBase,
+                "text-foreground hover:bg-muted",
+                nextDisabled && "cursor-not-allowed opacity-40 hover:bg-transparent"
+              ),
+              children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", className: iconClass })
+            }
+          ),
+          showJumpButtons ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => go(totalPages),
+              disabled: nextDisabled,
+              "aria-label": "Go to last page",
+              "aria-disabled": nextDisabled || void 0,
+              className: cn(
+                buttonBase,
+                "text-foreground hover:bg-muted",
+                nextDisabled && "cursor-not-allowed opacity-40 hover:bg-transparent"
+              ),
+              children: /* @__PURE__ */ jsx(ChevronsRight, { "aria-hidden": "true", className: iconClass })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+
+export { Pagination, computePageRange };
+//# sourceMappingURL=chunk-YOGHS4UU.js.map
+//# sourceMappingURL=chunk-YOGHS4UU.js.map

package/dist/chunk-YOGHS4UU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-YOGHS4UU.js","sourcesContent":["import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Pagination — accessible page-number navigation primitive.\n *\n * Renders a `<nav aria-label=\"Pagination\">` containing a button group:\n * `[<<] [<] 1 ... 5 6 [7] 8 9 ... 42 [>] [>>]`. The active page carries\n * `aria-current=\"page\"`. Keyboard navigation (ArrowLeft / ArrowRight /\n * Home / End) is wired on the nav. Ellipses are rendered as\n * non-interactive `<span>` elements with `aria-hidden`.\n *\n * Renders nothing when `totalPages <= 1` (the page is the whole list).\n *\n * `siblingCount` controls how many neighbors of the current page are\n * always visible (default 1 → \"5 6 [7] 8 9\"). `showJumpButtons`\n * toggles the first/last `<<` / `>>` buttons.\n *\n * Consumers control state (`currentPage`) and are responsible for any\n * URL routing — the buttons are `<button>`, not `<a>`.\n *\n * @example\n *   <Pagination\n *     currentPage={page}\n *     totalPages={42}\n *     onPageChange={setPage}\n *   />\n */\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  /** Neighbors of current page that stay visible. Default 1. */\n  siblingCount?: number;\n  /** Render `<<` / `>>` first/last buttons. Default true. */\n  showJumpButtons?: boolean;\n  /** Size variant. Default md. */\n  size?: \"sm\" | \"md\";\n}\n\n/**\n * Pure helper: compute the visible page-range with ellipses.\n * Exported for unit testing — most pagination bugs live here.\n */\nexport function computePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount = 1,\n): Array<number | \"ellipsis-start\" | \"ellipsis-end\"> {\n  if (totalPages <= 1) return [];\n\n  // Always keep first + last + siblings around current.\n  // Total \"core\" buttons: 1 + (siblingCount * 2 + 1) + 1 = siblingCount * 2 + 3.\n  // Plus possibly 2 ellipsis placeholders → max visible = siblingCount * 2 + 5.\n  const totalNumbers = siblingCount * 2 + 3;\n  const totalWithEdges = totalNumbers + 2;\n\n  if (totalPages <= totalWithEdges) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const leftSibling = Math.max(currentPage - siblingCount, 1);\n  const rightSibling = Math.min(currentPage + siblingCount, totalPages);\n\n  const showLeftEllipsis = leftSibling > 2;\n  const showRightEllipsis = rightSibling < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRangeEnd = 1 + (siblingCount * 2 + 2);\n    const leftRange = Array.from({ length: leftRangeEnd }, (_, i) => i + 1);\n    return [...leftRange, \"ellipsis-end\", totalPages];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightStart = totalPages - (siblingCount * 2 + 2);\n    const rightRange = Array.from(\n      { length: totalPages - rightStart + 1 },\n      (_, i) => rightStart + i,\n    );\n    return [1, \"ellipsis-start\", ...rightRange];\n  }\n\n  // Both sides need ellipsis.\n  const middleRange = Array.from(\n    { length: rightSibling - leftSibling + 1 },\n    (_, i) => leftSibling + i,\n  );\n  return [1, \"ellipsis-start\", ...middleRange, \"ellipsis-end\", totalPages];\n}\n\nconst SIZE: Record<NonNullable<PaginationProps[\"size\"]>, string> = {\n  sm: \"size-7 text-label\",\n  md: \"size-8 text-body-sm\",\n};\n\nconst ICON_SIZE: Record<NonNullable<PaginationProps[\"size\"]>, string> = {\n  sm: \"size-3\",\n  md: \"size-3.5\",\n};\n\nconst Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      className,\n      currentPage,\n      totalPages,\n      onPageChange,\n      siblingCount = 1,\n      showJumpButtons = true,\n      size = \"md\",\n      ...props\n    },\n    ref,\n  ) => {\n    if (totalPages <= 1) {\n      return null;\n    }\n\n    const range = computePageRange(currentPage, totalPages, siblingCount);\n    const prevDisabled = currentPage <= 1;\n    const nextDisabled = currentPage >= totalPages;\n    const sizeClass = SIZE[size];\n    const iconClass = ICON_SIZE[size];\n\n    const buttonBase = cn(\n      \"inline-flex items-center justify-center rounded-md font-mono tabular-nums\",\n      \"transition-colors\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n      sizeClass,\n    );\n\n    function go(page: number) {\n      const clamped = Math.max(1, Math.min(totalPages, page));\n      if (clamped !== currentPage) onPageChange(clamped);\n    }\n\n    function handleKeyDown(e: KeyboardEvent<HTMLElement>) {\n      if (e.key === \"ArrowLeft\") {\n        e.preventDefault();\n        go(currentPage - 1);\n      } else if (e.key === \"ArrowRight\") {\n        e.preventDefault();\n        go(currentPage + 1);\n      } else if (e.key === \"Home\") {\n        e.preventDefault();\n        go(1);\n      } else if (e.key === \"End\") {\n        e.preventDefault();\n        go(totalPages);\n      }\n    }\n\n    return (\n      <nav\n        ref={ref}\n        aria-label=\"Pagination\"\n        onKeyDown={handleKeyDown}\n        className={cn(\"flex items-center gap-1\", className)}\n        {...props}\n      >\n        {showJumpButtons ? (\n          <button\n            type=\"button\"\n            onClick={() => go(1)}\n            disabled={prevDisabled}\n            aria-label=\"Go to first page\"\n            aria-disabled={prevDisabled || undefined}\n            className={cn(\n              buttonBase,\n              \"text-foreground hover:bg-muted\",\n              prevDisabled && \"cursor-not-allowed opacity-40 hover:bg-transparent\",\n            )}\n          >\n            <ChevronsLeft aria-hidden=\"true\" className={iconClass} />\n          </button>\n        ) : null}\n        <button\n          type=\"button\"\n          onClick={() => go(currentPage - 1)}\n          disabled={prevDisabled}\n          aria-label=\"Go to previous page\"\n          aria-disabled={prevDisabled || undefined}\n          className={cn(\n            buttonBase,\n            \"text-foreground hover:bg-muted\",\n            prevDisabled && \"cursor-not-allowed opacity-40 hover:bg-transparent\",\n          )}\n        >\n          <ChevronLeft aria-hidden=\"true\" className={iconClass} />\n        </button>\n        {range.map((item) => {\n          if (item === \"ellipsis-start\" || item === \"ellipsis-end\") {\n            return (\n              <span\n                key={item}\n                aria-hidden=\"true\"\n                className={cn(\n                  \"inline-flex items-center justify-center text-muted-foreground\",\n                  sizeClass,\n                )}\n              >\n                …\n              </span>\n            );\n          }\n          const isActive = item === currentPage;\n          return (\n            <button\n              key={item}\n              type=\"button\"\n              onClick={() => go(item)}\n              aria-label={`Go to page ${item}`}\n              aria-current={isActive ? \"page\" : undefined}\n              className={cn(\n                buttonBase,\n                isActive\n                  ? \"bg-primary text-primary-foreground hover:bg-primary\"\n                  : \"text-foreground hover:bg-muted\",\n              )}\n            >\n              {item}\n            </button>\n          );\n        })}\n        <button\n          type=\"button\"\n          onClick={() => go(currentPage + 1)}\n          disabled={nextDisabled}\n          aria-label=\"Go to next page\"\n          aria-disabled={nextDisabled || undefined}\n          className={cn(\n            buttonBase,\n            \"text-foreground hover:bg-muted\",\n            nextDisabled && \"cursor-not-allowed opacity-40 hover:bg-transparent\",\n          )}\n        >\n          <ChevronRight aria-hidden=\"true\" className={iconClass} />\n        </button>\n        {showJumpButtons ? (\n          <button\n            type=\"button\"\n            onClick={() => go(totalPages)}\n            disabled={nextDisabled}\n            aria-label=\"Go to last page\"\n            aria-disabled={nextDisabled || undefined}\n            className={cn(\n              buttonBase,\n              \"text-foreground hover:bg-muted\",\n              nextDisabled && \"cursor-not-allowed opacity-40 hover:bg-transparent\",\n            )}\n          >\n            <ChevronsRight aria-hidden=\"true\" className={iconClass} />\n          </button>\n        ) : null}\n      </nav>\n    );\n  },\n);\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"]}

package/dist/chunk-YRSKXEOD.js

@@ -0,0 +1,135 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { ChevronUp, ChevronDown } from 'lucide-react';
+import { createContext, forwardRef, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TableDensityContext = createContext("default");
+var alignClass = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+var Root = forwardRef(
+  ({ className, density = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(TableDensityContext.Provider, { value: density, children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      ref,
+      className: cn("w-full border-collapse font-sans text-body-sm", className),
+      ...props,
+      children
+    }
+  ) })
+);
+Root.displayName = "Table";
+var Header = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "thead",
+    {
+      ref,
+      className: cn(
+        "border-border/40 border-b text-label-caps text-muted-foreground uppercase tracking-wider",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Header.displayName = "Table.Header";
+var Body = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("text-foreground", className), ...props })
+);
+Body.displayName = "Table.Body";
+var Row = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-border/20 border-b transition-colors last:border-0 hover:bg-muted/40",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Row.displayName = "Table.Row";
+var Cell = forwardRef(
+  ({ className, align = "left", numeric, children, ...props }, ref) => {
+    const density = useContext(TableDensityContext);
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        ref,
+        className: cn(
+          "px-3",
+          density === "compact" ? "py-1.5" : "py-3",
+          alignClass[align],
+          numeric && "font-mono tabular-nums",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Cell.displayName = "Table.Cell";
+var HeaderCell = forwardRef(
+  ({ className, align = "left", onSort, sortDirection = "none", children, ...props }, ref) => {
+    const sortAffordance = onSort !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex flex-col", children: [
+      /* @__PURE__ */ jsx(
+        ChevronUp,
+        {
+          "aria-hidden": "true",
+          className: cn("-mb-1 size-3", sortDirection === "asc" ? "opacity-100" : "opacity-30")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          "aria-hidden": "true",
+          className: cn("size-3", sortDirection === "desc" ? "opacity-100" : "opacity-30")
+        }
+      )
+    ] }) : null;
+    const ariaSort = onSort === void 0 ? void 0 : sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none";
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        ref,
+        scope: "col",
+        "aria-sort": ariaSort,
+        className: cn(
+          "px-3 py-2.5 font-medium",
+          alignClass[align],
+          align === "right" && "[&_button]:justify-end",
+          className
+        ),
+        ...props,
+        children: onSort !== void 0 ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onSort,
+            className: cn(
+              "inline-flex items-center gap-1",
+              "text-label-caps uppercase tracking-wider",
+              "transition-colors hover:text-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: [
+              children,
+              sortAffordance
+            ]
+          }
+        ) : children
+      }
+    );
+  }
+);
+HeaderCell.displayName = "Table.HeaderCell";
+var Table = Object.assign(Root, { Header, Body, Row, Cell, HeaderCell });
+
+export { Table };
+//# sourceMappingURL=chunk-YRSKXEOD.js.map
+//# sourceMappingURL=chunk-YRSKXEOD.js.map

package/dist/chunk-YRSKXEOD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/table/table.tsx"],"names":[],"mappings":"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","file":"chunk-YRSKXEOD.js","sourcesContent":["import { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Table — semantic data table primitive with sub-components.\n *\n * Composition:\n *   <Table density=\"default\">\n *     <Table.Header>\n *       <Table.Row>\n *         <Table.HeaderCell>Date</Table.HeaderCell>\n *         <Table.HeaderCell align=\"right\">Amount</Table.HeaderCell>\n *       </Table.Row>\n *     </Table.Header>\n *     <Table.Body>\n *       <Table.Row>\n *         <Table.Cell>2026-05-23</Table.Cell>\n *         <Table.Cell align=\"right\" numeric>$ 42.00</Table.Cell>\n *       </Table.Row>\n *     </Table.Body>\n *   </Table>\n *\n * density propagates via Context so Cells pick up vertical padding without\n * prop drilling. Sub-components are attached as static properties on the\n * root (`Table.Header`, etc.) — single import surface.\n *\n * Sortable header: pass `onSort` + `sortDirection`. The HeaderCell renders\n * the sort affordance (ChevronUp/ChevronDown) and triggers the consumer\n * callback. `sortDirection` without `onSort` is a no-op (header stays\n * static); `sortDirection=\"none\"` with `onSort` shows a dimmed affordance.\n */\n\ntype TableDensity = \"default\" | \"compact\";\ntype AlignKind = \"left\" | \"center\" | \"right\";\ntype SortDirection = \"asc\" | \"desc\" | \"none\";\n\nconst TableDensityContext = createContext<TableDensity>(\"default\");\n\nconst alignClass: Record<AlignKind, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n};\n\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\n  density?: TableDensity;\n}\n\nconst Root = forwardRef<HTMLTableElement, TableProps>(\n  ({ className, density = \"default\", children, ...props }, ref) => (\n    <TableDensityContext.Provider value={density}>\n      <table\n        ref={ref}\n        className={cn(\"w-full border-collapse font-sans text-body-sm\", className)}\n        {...props}\n      >\n        {children}\n      </table>\n    </TableDensityContext.Provider>\n  ),\n);\nRoot.displayName = \"Table\";\n\nconst Header = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead\n      ref={ref}\n      className={cn(\n        \"border-border/40 border-b text-label-caps text-muted-foreground uppercase tracking-wider\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nHeader.displayName = \"Table.Header\";\n\nconst Body = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn(\"text-foreground\", className)} {...props} />\n  ),\n);\nBody.displayName = \"Table.Body\";\n\nconst Row = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      ref={ref}\n      className={cn(\n        \"border-border/20 border-b transition-colors last:border-0 hover:bg-muted/40\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nRow.displayName = \"Table.Row\";\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  align?: AlignKind;\n  numeric?: boolean;\n}\n\nconst Cell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, align = \"left\", numeric, children, ...props }, ref) => {\n    const density = useContext(TableDensityContext);\n    return (\n      <td\n        ref={ref}\n        className={cn(\n          \"px-3\",\n          density === \"compact\" ? \"py-1.5\" : \"py-3\",\n          alignClass[align],\n          numeric && \"font-mono tabular-nums\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </td>\n    );\n  },\n);\nCell.displayName = \"Table.Cell\";\n\nexport interface TableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  align?: AlignKind;\n  /** When provided, header becomes a sort trigger. */\n  onSort?: () => void;\n  /** Current sort state for this column. */\n  sortDirection?: SortDirection;\n}\n\nconst HeaderCell = forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n  ({ className, align = \"left\", onSort, sortDirection = \"none\", children, ...props }, ref) => {\n    const sortAffordance =\n      onSort !== undefined ? (\n        <span className=\"ml-1 inline-flex flex-col\">\n          <ChevronUp\n            aria-hidden=\"true\"\n            className={cn(\"-mb-1 size-3\", sortDirection === \"asc\" ? \"opacity-100\" : \"opacity-30\")}\n          />\n          <ChevronDown\n            aria-hidden=\"true\"\n            className={cn(\"size-3\", sortDirection === \"desc\" ? \"opacity-100\" : \"opacity-30\")}\n          />\n        </span>\n      ) : null;\n\n    const ariaSort: ThHTMLAttributes<HTMLTableCellElement>[\"aria-sort\"] =\n      onSort === undefined\n        ? undefined\n        : sortDirection === \"asc\"\n          ? \"ascending\"\n          : sortDirection === \"desc\"\n            ? \"descending\"\n            : \"none\";\n\n    return (\n      <th\n        ref={ref}\n        scope=\"col\"\n        aria-sort={ariaSort}\n        className={cn(\n          \"px-3 py-2.5 font-medium\",\n          alignClass[align],\n          align === \"right\" && \"[&_button]:justify-end\",\n          className,\n        )}\n        {...props}\n      >\n        {onSort !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={onSort}\n            className={cn(\n              \"inline-flex items-center gap-1\",\n              \"text-label-caps uppercase tracking-wider\",\n              \"transition-colors hover:text-foreground\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            {children}\n            {sortAffordance}\n          </button>\n        ) : (\n          children\n        )}\n      </th>\n    );\n  },\n);\nHeaderCell.displayName = \"Table.HeaderCell\";\n\ntype TableRoot = typeof Root & {\n  Header: typeof Header;\n  Body: typeof Body;\n  Row: typeof Row;\n  Cell: typeof Cell;\n  HeaderCell: typeof HeaderCell;\n};\n\nconst Table: TableRoot = Object.assign(Root, { Header, Body, Row, Cell, HeaderCell });\n\nexport { Table };\n"]}

package/dist/chunk-ZALLCR7X.js

@@ -0,0 +1,108 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Slot } from '@radix-ui/react-slot';
+import { createContext, forwardRef, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var CardContext = createContext({ size: "md" });
+var useCardSize = () => useContext(CardContext).size;
+var Root = forwardRef(
+  ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(CardContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rounded-xl border bg-card text-card-foreground shadow-md",
+        "transition-shadow duration-base ease-out-soft",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+Root.displayName = "Card";
+var headerPadBySize = {
+  sm: "gap-1 p-3 pb-1.5",
+  md: "gap-1.5 p-5 pb-2.5",
+  lg: "gap-2 p-6 pb-3"
+};
+var Header = forwardRef(
+  ({ className, ...props }, ref) => {
+    const size = useCardSize();
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col", headerPadBySize[size], className), ...props });
+  }
+);
+Header.displayName = "Card.Header";
+var titleFontBySize = {
+  sm: "text-title-md",
+  md: "text-title-lg",
+  lg: "text-headline"
+};
+var Title = forwardRef(
+  ({ className, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "h3";
+    const size = useCardSize();
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(
+          "font-display text-foreground tracking-tight",
+          titleFontBySize[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Title.displayName = "Card.Title";
+var Description = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-body-sm text-muted-foreground", className), ...props })
+);
+Description.displayName = "Card.Description";
+var bodyPadBySize = {
+  sm: "p-3 pt-1.5",
+  md: "p-5 pt-2.5",
+  lg: "p-6 pt-3"
+};
+var Body = forwardRef(
+  ({ className, ...props }, ref) => {
+    const size = useCardSize();
+    return /* @__PURE__ */ jsx("div", { ref, className: cn(bodyPadBySize[size], className), ...props });
+  }
+);
+Body.displayName = "Card.Body";
+var footerPadBySize = {
+  sm: "gap-2 p-3 pt-2",
+  md: "gap-3 p-5 pt-3",
+  lg: "gap-4 p-6 pt-4"
+};
+var Footer = forwardRef(
+  ({ className, ...props }, ref) => {
+    const size = useCardSize();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex items-center border-border/40 border-t",
+          footerPadBySize[size],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Footer.displayName = "Card.Footer";
+var Card = /* @__PURE__ */ Object.assign(Root, {
+  Header,
+  Title,
+  Description,
+  Body,
+  Footer
+});
+
+export { Card };
+//# sourceMappingURL=chunk-ZALLCR7X.js.map
+//# sourceMappingURL=chunk-ZALLCR7X.js.map

package/dist/chunk-ZALLCR7X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/card/card.tsx"],"names":[],"mappings":"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","file":"chunk-ZALLCR7X.js","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Card — surface container for grouping related content.\n *\n * Composition pattern (shadcn-style):\n *   <Card>\n *     <Card.Header>\n *       <Card.Title>…</Card.Title>\n *       <Card.Description>…</Card.Description>\n *     </Card.Header>\n *     <Card.Body>…</Card.Body>\n *     <Card.Footer>…</Card.Footer>\n *   </Card>\n *\n * The `size` prop on the root propagates to subparts via Context, so a\n * single declaration controls padding + heading scale across the compound.\n * Subparts used in isolation default to `md`. Subparts do NOT accept a `size`\n * prop of their own — use `className` for granular per-subpart tweaks.\n * (EC-8, edge-case review 2026-05-20.)\n */\n\ntype CardSize = \"sm\" | \"md\" | \"lg\";\n\ninterface CardContextValue {\n  size: CardSize;\n}\n\nconst CardContext = createContext<CardContextValue>({ size: \"md\" });\n\nconst useCardSize = (): CardSize => useContext(CardContext).size;\n\ninterface CardRootProps extends HTMLAttributes<HTMLDivElement> {\n  size?: CardSize;\n}\n\nconst Root = forwardRef<HTMLDivElement, CardRootProps>(\n  ({ className, size = \"md\", ...props }, ref) => (\n    <CardContext.Provider value={{ size }}>\n      <div\n        ref={ref}\n        className={cn(\n          \"rounded-xl border bg-card text-card-foreground shadow-md\",\n          \"transition-shadow duration-base ease-out-soft\",\n          className,\n        )}\n        {...props}\n      />\n    </CardContext.Provider>\n  ),\n);\nRoot.displayName = \"Card\";\n\nconst headerPadBySize: Record<CardSize, string> = {\n  sm: \"gap-1 p-3 pb-1.5\",\n  md: \"gap-1.5 p-5 pb-2.5\",\n  lg: \"gap-2 p-6 pb-3\",\n};\n\nconst Header = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const size = useCardSize();\n    return (\n      <div ref={ref} className={cn(\"flex flex-col\", headerPadBySize[size], className)} {...props} />\n    );\n  },\n);\nHeader.displayName = \"Card.Header\";\n\nconst titleFontBySize: Record<CardSize, string> = {\n  sm: \"text-title-md\",\n  md: \"text-title-lg\",\n  lg: \"text-headline\",\n};\n\ninterface TitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  /**\n   * When true, renders the child element with the Card.Title styles applied\n   * (Radix Slot pattern). Use to swap the default `<h3>` for `<h1>` / `<h2>`\n   * when the heading hierarchy requires it.\n   */\n  asChild?: boolean;\n}\n\nconst Title = forwardRef<HTMLHeadingElement, TitleProps>(\n  ({ className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"h3\";\n    const size = useCardSize();\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"font-display text-foreground tracking-tight\",\n          titleFontBySize[size],\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nTitle.displayName = \"Card.Title\";\n\nconst Description = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-body-sm text-muted-foreground\", className)} {...props} />\n  ),\n);\nDescription.displayName = \"Card.Description\";\n\nconst bodyPadBySize: Record<CardSize, string> = {\n  sm: \"p-3 pt-1.5\",\n  md: \"p-5 pt-2.5\",\n  lg: \"p-6 pt-3\",\n};\n\nconst Body = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const size = useCardSize();\n    return <div ref={ref} className={cn(bodyPadBySize[size], className)} {...props} />;\n  },\n);\nBody.displayName = \"Card.Body\";\n\nconst footerPadBySize: Record<CardSize, string> = {\n  sm: \"gap-2 p-3 pt-2\",\n  md: \"gap-3 p-5 pt-3\",\n  lg: \"gap-4 p-6 pt-4\",\n};\n\nconst Footer = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const size = useCardSize();\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex items-center border-border/40 border-t\",\n          footerPadBySize[size],\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nFooter.displayName = \"Card.Footer\";\n\nconst Card = /*#__PURE__*/ Object.assign(Root, {\n  Header,\n  Title,\n  Description,\n  Body,\n  Footer,\n});\n\nexport { Card };\n"]}

package/dist/chunk-ZDAOHMCW.js

@@ -0,0 +1,46 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Root = forwardRef(
+  ({ className, title = "Danger Zone", children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      "aria-label": typeof title === "string" ? title : "Danger Zone",
+      className: cn("rounded-xl border border-destructive/30 bg-destructive/[0.02]", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border-destructive/20 border-b px-5 py-3 font-sans text-destructive text-label-caps uppercase tracking-wider", children: title }),
+        children
+      ]
+    }
+  )
+);
+Root.displayName = "DangerZone";
+var Action = forwardRef(
+  ({ className, title, description, action, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center justify-between gap-4 border-destructive/10 border-b px-5 py-4 last:border-b-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium font-sans text-body-sm text-foreground", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 font-sans text-label text-muted-foreground", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+      ]
+    }
+  )
+);
+Action.displayName = "DangerZone.Action";
+var DangerZone = Object.assign(Root, { Action });
+
+export { DangerZone };
+//# sourceMappingURL=chunk-ZDAOHMCW.js.map
+//# sourceMappingURL=chunk-ZDAOHMCW.js.map

package/dist/chunk-ZDAOHMCW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/danger-zone/danger-zone.tsx"],"names":[],"mappings":";;;;AA+BA,IAAM,IAAA,GAAO,UAAA;AAAA,EACX,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,eAAe,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzD,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,YAAA,EAAY,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,aAAA;AAAA,MAChD,SAAA,EAAW,EAAA,CAAG,+DAAA,EAAiE,SAAS,CAAA;AAAA,MACvF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8GAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC;AAAA;AAAA;AAAA;AAGP,CAAA;AACA,IAAA,CAAK,WAAA,GAAc,YAAA;AASnB,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,aAAa,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpD,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,kGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,eAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oDAAA,EAAsD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BAC5E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EACnF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA;AAGxC,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,mBAAA;AAGrB,IAAM,aAA6B,MAAA,CAAO,MAAA,CAAO,IAAA,EAAM,EAAE,QAAQ","file":"chunk-ZDAOHMCW.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * DangerZone — destructive-actions section primitive.\n *\n * Red-bordered container with a title bar and `DangerZone.Action` rows.\n * Each Action is laid out as title + description on the left, with a\n * consumer-provided action slot (typically a destructive Button) on\n * the right. Rows are separated by hairline dividers; the last row\n * has no bottom border via `last:border-b-0`.\n *\n * The consumer supplies the destructive button — this primitive never\n * imports `<Button>`, keeping it free of internal `@usetheo/ui` deps\n * (true primitive).\n *\n * @example\n *   <DangerZone>\n *     <DangerZone.Action\n *       title=\"Delete project\"\n *       description=\"Permanently delete this project.\"\n *       action={<Button variant=\"destructive\">Delete</Button>}\n *     />\n *   </DangerZone>\n */\nexport interface DangerZoneProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Section title. Default \"Danger Zone\". */\n  title?: ReactNode;\n}\n\nconst Root = forwardRef<HTMLElement, DangerZoneProps>(\n  ({ className, title = \"Danger Zone\", children, ...props }, ref) => (\n    <section\n      ref={ref}\n      aria-label={typeof title === \"string\" ? title : \"Danger Zone\"}\n      className={cn(\"rounded-xl border border-destructive/30 bg-destructive/[0.02]\", className)}\n      {...props}\n    >\n      <div className=\"border-destructive/20 border-b px-5 py-3 font-sans text-destructive text-label-caps uppercase tracking-wider\">\n        {title}\n      </div>\n      {children}\n    </section>\n  ),\n);\nRoot.displayName = \"DangerZone\";\n\nexport interface DangerZoneActionProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description: ReactNode;\n  /** Consumer-provided destructive button (or any ReactNode). */\n  action: ReactNode;\n}\n\nconst Action = forwardRef<HTMLDivElement, DangerZoneActionProps>(\n  ({ className, title, description, action, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-between gap-4 border-destructive/10 border-b px-5 py-4 last:border-b-0\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex flex-col\">\n        <span className=\"font-medium font-sans text-body-sm text-foreground\">{title}</span>\n        <span className=\"mt-0.5 font-sans text-label text-muted-foreground\">{description}</span>\n      </div>\n      <div className=\"shrink-0\">{action}</div>\n    </div>\n  ),\n);\nAction.displayName = \"DangerZone.Action\";\n\ntype DangerZoneRoot = typeof Root & { Action: typeof Action };\nconst DangerZone: DangerZoneRoot = Object.assign(Root, { Action });\n\nexport { DangerZone };\n"]}