@usetheo/ui 0.12.0 → 0.13.1

package/dist/chunk-ZJXOHLQE.js

@@ -0,0 +1,66 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { CircleX, ShieldAlert, CheckCircle2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RESULT_CONFIG = {
+  ok: { icon: CheckCircle2, color: "text-success" },
+  blocked: { icon: ShieldAlert, color: "text-warning" },
+  error: { icon: CircleX, color: "text-destructive" }
+};
+var HookEventLog = forwardRef(
+  ({ className, events, title = "Hook log", ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "hook-event-log",
+      ref,
+      className: cn("rounded-xl border bg-card", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between border-border/40 border-b px-4 py-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
+          /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
+            events.length,
+            " ",
+            events.length === 1 ? "event" : "events"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("ol", { className: "divide-y divide-border/30", children: [
+          events.map((evt) => {
+            const cfg = RESULT_CONFIG[evt.result];
+            const Icon = cfg.icon;
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-2.5",
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: cn("mt-0.5 size-3.5 shrink-0", cfg.color) }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-2", children: [
+                      /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-primary", children: evt.event }),
+                      /* @__PURE__ */ jsxs("span", { className: "font-mono text-code-sm text-muted-foreground", children: [
+                        "matcher=",
+                        evt.matcher
+                      ] }),
+                      evt.duration ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: evt.duration }) : null
+                    ] }),
+                    /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-code-sm text-foreground", children: evt.command }),
+                    evt.output ? /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-24 overflow-auto rounded-md bg-muted/60 px-2 py-1 font-mono text-code-sm text-muted-foreground", children: evt.output }) : null
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: evt.timestamp })
+                ]
+              },
+              evt.id
+            );
+          }),
+          events.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No hooks have fired yet." }) : null
+        ] })
+      ]
+    }
+  )
+);
+HookEventLog.displayName = "HookEventLog";
+
+export { HookEventLog };
+//# sourceMappingURL=chunk-ZJXOHLQE.js.map
+//# sourceMappingURL=chunk-ZJXOHLQE.js.map

package/dist/chunk-ZJXOHLQE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/hook-event-log/hook-event-log.tsx"],"names":[],"mappings":"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","file":"chunk-ZJXOHLQE.js","sourcesContent":["import { CheckCircle2, CircleX, ShieldAlert } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type HookEventResult = \"ok\" | \"blocked\" | \"error\";\n\nexport interface HookEventEntry {\n  id: string;\n  /** Hook event (e.g. PreToolUse). */\n  event: string;\n  /** Hook matcher (e.g. Bash). */\n  matcher: string;\n  /** What the hook command was. */\n  command: string;\n  result: HookEventResult;\n  timestamp: string;\n  /** Optional stderr/stdout snippet. */\n  output?: string;\n  /** Optional duration label, e.g. \"120ms\". */\n  duration?: string;\n}\n\ninterface HookEventLogProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  events: HookEventEntry[];\n  title?: ReactNode;\n}\n\nconst RESULT_CONFIG = {\n  ok: { icon: CheckCircle2, color: \"text-success\" },\n  blocked: { icon: ShieldAlert, color: \"text-warning\" },\n  error: { icon: CircleX, color: \"text-destructive\" },\n} as const;\n\n/**\n * HookEventLog — chronological list of hook firings, with result tone, the\n * command that ran, and an optional output preview.\n */\nconst HookEventLog = forwardRef<HTMLDivElement, HookEventLogProps>(\n  ({ className, events, title = \"Hook log\", ...props }, ref) => (\n    <section\n      data-slot=\"hook-event-log\"\n      ref={ref}\n      className={cn(\"rounded-xl border bg-card\", className)}\n      {...props}\n    >\n      <header className=\"flex items-baseline justify-between border-border/40 border-b px-4 py-3\">\n        <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n        <span className=\"font-mono text-label text-muted-foreground\">\n          {events.length} {events.length === 1 ? \"event\" : \"events\"}\n        </span>\n      </header>\n      <ol className=\"divide-y divide-border/30\">\n        {events.map((evt) => {\n          const cfg = RESULT_CONFIG[evt.result];\n          const Icon = cfg.icon;\n          return (\n            <li\n              key={evt.id}\n              className=\"grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-2.5\"\n            >\n              <Icon aria-hidden=\"true\" className={cn(\"mt-0.5 size-3.5 shrink-0\", cfg.color)} />\n              <div className=\"min-w-0\">\n                <p className=\"flex flex-wrap items-baseline gap-2\">\n                  <span className=\"font-mono text-code-sm text-primary\">{evt.event}</span>\n                  <span className=\"font-mono text-code-sm text-muted-foreground\">\n                    matcher={evt.matcher}\n                  </span>\n                  {evt.duration ? (\n                    <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                      {evt.duration}\n                    </span>\n                  ) : null}\n                </p>\n                <p className=\"truncate font-mono text-code-sm text-foreground\">{evt.command}</p>\n                {evt.output ? (\n                  <pre className=\"mt-1 max-h-24 overflow-auto rounded-md bg-muted/60 px-2 py-1 font-mono text-code-sm text-muted-foreground\">\n                    {evt.output}\n                  </pre>\n                ) : null}\n              </div>\n              <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                {evt.timestamp}\n              </span>\n            </li>\n          );\n        })}\n        {events.length === 0 ? (\n          <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n            No hooks have fired yet.\n          </li>\n        ) : null}\n      </ol>\n    </section>\n  ),\n);\nHookEventLog.displayName = \"HookEventLog\";\n\nexport { HookEventLog };\n"]}

package/dist/chunk-ZPURFK4C.js

@@ -0,0 +1,203 @@
+import { cn } from './chunk-EWDN56AS.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",
+      {
+        "data-slot": "pagination",
+        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-ZPURFK4C.js.map
+//# sourceMappingURL=chunk-ZPURFK4C.js.map

package/dist/chunk-ZPURFK4C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-ZPURFK4C.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        data-slot=\"pagination\"\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-ZZZIOTLC.js

@@ -0,0 +1,89 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { AlertCircle, TriangleAlert, CheckCircle2, Info, X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var INTENT = {
+  info: {
+    icon: Info,
+    border: "border-primary/30",
+    bg: "bg-primary/[0.04]",
+    iconColor: "text-primary"
+  },
+  success: {
+    icon: CheckCircle2,
+    border: "border-success/30",
+    bg: "bg-success/[0.04]",
+    iconColor: "text-success"
+  },
+  warning: {
+    icon: TriangleAlert,
+    border: "border-warning/30",
+    bg: "bg-warning/[0.04]",
+    iconColor: "text-warning"
+  },
+  destructive: {
+    icon: AlertCircle,
+    border: "border-destructive/30",
+    bg: "bg-destructive/[0.04]",
+    iconColor: "text-destructive"
+  }
+};
+var Alert = forwardRef(
+  ({ className, intent = "info", title, description, action, onDismiss, ...props }, ref) => {
+    const config = INTENT[intent];
+    const Icon = config.icon;
+    const hasTitle = title !== void 0 && title !== null;
+    const hasDescription = description !== void 0 && description !== null;
+    const role = intent === "destructive" ? "alert" : "status";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "alert",
+        ref,
+        role,
+        className: cn(
+          "rounded-lg border",
+          config.border,
+          config.bg,
+          hasTitle && hasDescription ? "p-4" : "p-3",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: cn("mt-0.5 size-4 shrink-0", config.iconColor) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            hasTitle ? /* @__PURE__ */ jsx("div", { className: "font-medium font-sans text-body-sm text-foreground", children: title }) : null,
+            hasDescription ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("font-sans text-body-sm text-muted-foreground", hasTitle && "mt-0.5"),
+                children: description
+              }
+            ) : null
+          ] }),
+          action !== void 0 ? /* @__PURE__ */ jsx("div", { className: "ml-auto shrink-0", children: action }) : null,
+          onDismiss !== void 0 ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              "aria-label": "Dismiss",
+              className: cn(
+                "shrink-0 rounded p-0.5 text-muted-foreground transition-colors",
+                "hover:text-foreground",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "size-4" })
+            }
+          ) : null
+        ] })
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export { Alert };
+//# sourceMappingURL=chunk-ZZZIOTLC.js.map
+//# sourceMappingURL=chunk-ZZZIOTLC.js.map

package/dist/chunk-ZZZIOTLC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/alert/alert.tsx"],"names":[],"mappings":"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","file":"chunk-ZZZIOTLC.js","sourcesContent":["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.js\";\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        data-slot=\"alert\"\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"]}

package/dist/components/composites/account-menu/account-menu.d.ts

@@ -0,0 +1,43 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { type PlanTier } from "../../primitives/plan-badge/index.js";
+/**
+ * AccountMenu — sidebar header for PaaS surfaces.
+ *
+ * Renders avatar + name + (optional) plan badge + (optional) secondary line.
+ * Dual mode: with `onClick`, renders as a `<button>` with a `ChevronsUpDown`
+ * trailing icon (account picker affordance); without, renders as a static
+ * `<div>` (read-only display, not focusable).
+ *
+ * Composition:
+ *
+ *   <Sidebar.Header className="p-0">
+ *     <AccountMenu
+ *       name="paulohenriquevn"
+ *       avatar="https://avatars.githubusercontent.com/u/12345"
+ *       plan="hobby"
+ *       onClick={openAccountSwitcher}
+ *     />
+ *   </Sidebar.Header>
+ *
+ * Avatar handling:
+ *   - URL (`http(s)://` or `/`) → `<Avatar.Image>` with `<Avatar.Fallback>` initials
+ *   - Short string (≤2 chars) → treated as initials directly
+ *   - Undefined → initials derived from the first character of `name`
+ *
+ * PaaS-shape sibling of `<ProjectSwitcher>` (workspace + branch + agent-status).
+ * Same dual-mode (interactive vs static) pattern; different semantics.
+ */
+export interface AccountMenuProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children" | "name"> {
+    /** Display name (username, email, org name). */
+    name: ReactNode;
+    /** Avatar URL or 1-2-char initials. If undefined, derives initials from `name`. */
+    avatar?: string;
+    /** Plan tier — renders inline `<PlanBadge size="sm">`. Omit for none. */
+    plan?: PlanTier;
+    /** Optional secondary line below name (e.g. email). */
+    secondary?: ReactNode;
+    /** Make the row interactive (button) with a trailing chevron. */
+    onClick?: () => void;
+}
+declare const AccountMenu: import("react").ForwardRefExoticComponent<AccountMenuProps & import("react").RefAttributes<HTMLElement>>;
+export { AccountMenu };

package/dist/components/composites/account-menu/index.d.ts

@@ -0,0 +1 @@
+export { AccountMenu, type AccountMenuProps } from "./account-menu.js";

package/dist/components/composites/agent-composer/agent-composer.d.ts

@@ -0,0 +1,41 @@
+import type { ComponentProps, ReactNode } from "react";
+import { type MentionItem, type MentionTrigger } from "../../primitives/mention-menu/index.js";
+import { ChatComposer } from "../chat-composer/chat-composer.js";
+/**
+ * AgentComposer — ChatComposer + slash-command / @file / #memory triggers.
+ *
+ * Wraps ChatComposer and watches the value for three trigger characters:
+ *   `/` → slash commands (`/clear`, `/help`, …)
+ *   `@` → file references (`@src/components/Foo.tsx`)
+ *   `#` → memory entries (`#alignment-grid`)
+ *
+ * Detection is string-based — no textarea ref required. A trigger is active
+ * iff the value ends with a token of the form `[\s|^]([/@#])[^\s]*` (i.e. a
+ * trigger char preceded by start-of-string or whitespace, with no space
+ * after).
+ *
+ * The consumer provides the candidate items per trigger. On selection the
+ * trailing token is replaced with the chosen value plus a trailing space.
+ */
+type ItemsProvider = (query: string) => MentionItem[];
+interface AgentComposerProps extends ComponentProps<typeof ChatComposer> {
+    /** Items shown when `/` is the active trigger. */
+    commands?: MentionItem[] | ItemsProvider;
+    /** Items shown when `@` is the active trigger. */
+    files?: MentionItem[] | ItemsProvider;
+    /** Items shown when `#` is the active trigger. */
+    memories?: MentionItem[] | ItemsProvider;
+    /**
+     * What text gets inserted when an item is picked. Defaults to
+     * `${trigger}${item.label}` (assumes `label` is a string). Override to
+     * insert a token different from the visible label (e.g. include path,
+     * id, …).
+     */
+    resolveInsertText?: (item: MentionItem, trigger: MentionTrigger) => string;
+    /** Optional slot for the empty-state copy per trigger. */
+    emptyLabels?: Partial<Record<MentionTrigger, ReactNode>>;
+    /** Outer wrapper className (the relative positioning anchor for the menu). */
+    containerClassName?: string;
+}
+export declare function AgentComposer({ value, onValueChange, commands, files, memories, resolveInsertText, emptyLabels, containerClassName, className, textareaProps, ...chatComposerProps }: AgentComposerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/composites/agent-composer/index.d.ts

@@ -0,0 +1 @@
+export { AgentComposer } from "./agent-composer.js";

package/dist/components/composites/agent-editor/agent-editor.d.ts

@@ -0,0 +1,31 @@
+import type { HTMLAttributes } from "react";
+import { type Mode } from "../../../types/mode.js";
+import type { AgentProfileDescriptor } from "../../primitives/agent-profile/index.js";
+/**
+ * AgentEditor — form for creating or editing an Agent persona.
+ */
+export interface AgentDraft extends Omit<AgentProfileDescriptor, "id"> {
+    id?: string;
+    systemPrompt?: string;
+    model?: string;
+    allowedTools?: string[];
+    skillIds?: string[];
+    /** Modes this agent is visible in. Omit / empty = global (all modes). */
+    modes?: Mode[];
+}
+interface AgentEditorProps extends Omit<HTMLAttributes<HTMLFormElement>, "onSubmit" | "onChange"> {
+    initial?: Partial<AgentDraft>;
+    models?: Array<{
+        id: string;
+        label: string;
+    }>;
+    skills?: Array<{
+        id: string;
+        label: string;
+    }>;
+    onSave: (draft: AgentDraft) => void;
+    onCancel?: () => void;
+    onDelete?: () => void;
+}
+export declare function AgentEditor({ className, initial, models, skills, onSave, onCancel, onDelete, ...formProps }: AgentEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/composites/agent-editor/index.d.ts

@@ -0,0 +1 @@
+export { AgentEditor, type AgentDraft } from "./agent-editor.js";

package/dist/components/composites/agent-stream/agent-stream.d.ts

@@ -0,0 +1,72 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { IconComponent } from "../../../lib/types.js";
+import type { UIMessage } from "../../../types/chat.js";
+import { type AgentErrorKind } from "../../primitives/agent-error-card/index.js";
+import { type ToolCallStatus } from "../../primitives/tool-call-card/index.js";
+import { type ApprovalSeverity } from "../approval-card/index.js";
+/**
+ * AgentStream — the canonical conversation surface for a code agent.
+ *
+ * Interleaves chat messages (user + assistant), tool invocations, approval
+ * gates, errors, and the live streaming indicator. Mirrors how Claude Code
+ * presents work to the user: conversation-centric, tool calls embedded,
+ * approvals pause the flow inline, errors surface where they happen.
+ *
+ * Items are rendered in array order. The consumer fully controls the data;
+ * AgentStream is a pure presentational composite over its child primitives.
+ */
+export interface ToolCallStreamItem {
+    kind: "tool-call";
+    id: string;
+    tool: ReactNode;
+    icon?: IconComponent;
+    target?: ReactNode;
+    status: ToolCallStatus;
+    output?: ReactNode;
+    defaultExpanded?: boolean;
+    timestamp?: ReactNode;
+}
+interface ApprovalStreamItem {
+    kind: "approval";
+    id: string;
+    severity?: ApprovalSeverity;
+    title: ReactNode;
+    request: ReactNode;
+    description?: ReactNode;
+    details?: ReactNode;
+    onApprove?: () => void;
+    onDeny?: () => void;
+    onAlways?: () => void;
+}
+interface ErrorStreamItem {
+    kind: "error";
+    id: string;
+    errorKind?: AgentErrorKind;
+    title: ReactNode;
+    detail?: ReactNode;
+    actions?: ReactNode;
+    timestamp?: ReactNode;
+}
+interface StreamingStreamItem {
+    kind: "streaming";
+    id: string;
+    model?: ReactNode;
+    partial?: ReactNode;
+}
+export interface MessageStreamItem {
+    kind: "message";
+    id: string;
+    message: UIMessage;
+}
+interface CustomStreamItem {
+    kind: "custom";
+    id: string;
+    /** Arbitrary node — escape hatch for inline diff cards, etc. */
+    node: ReactNode;
+}
+export type AgentStreamItem = MessageStreamItem | ToolCallStreamItem | ApprovalStreamItem | ErrorStreamItem | StreamingStreamItem | CustomStreamItem;
+interface AgentStreamProps extends HTMLAttributes<HTMLDivElement> {
+    items: AgentStreamItem[];
+}
+declare const AgentStream: import("react").ForwardRefExoticComponent<AgentStreamProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AgentStream };

package/dist/components/composites/agent-stream/index.d.ts

@@ -0,0 +1,2 @@
+export { AgentStream, type AgentStreamItem } from "./agent-stream.js";
+export { mapAgentEventStatus, type ToAgentStreamItemsInput, type ToAgentStreamItemsOptions, type ToolCallOverride, toAgentStreamItems, } from "./to-agent-stream-items.js";