@usetheo/ui 0.13.2 → 0.15.0

package/dist/chunk-YVXMWUWD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/agent-event/agent-event.tsx"],"names":[],"mappings":";;;;;AA0BA,IAAM,QAAA,GAAkD;AAAA,EACtD,OAAA,EAAS,QAAA;AAAA,EACT,SAAA,EAAW,UAAA;AAAA,EACX,UAAA,EAAY,QAAA;AAAA,EACZ,IAAA,EAAM,KAAA;AAAA,EACN,IAAA,EAAM,WAAA;AAAA,EACN,SAAA,EAAW,WAAA;AAAA,EACX,KAAA,EAAO,MAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,UAAA,GAAsD;AAAA,EAC1D,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAA;AAEA,IAAM,WAAA,GAAgD;AAAA,EACpD,OAAA,EAAS,uBAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAA;AAwBA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,aAAa,WAAA,EAAa,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjE,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAS,eAAe,KAAK,CAAA;AACrD,IAAA,MAAM,QAAA,GAAW,QAAA,CAAS,KAAA,CAAM,IAAI,CAAA;AACpC,IAAA,MAAM,UAAA,GAAa,UAAA,CAAW,KAAA,CAAM,MAAM,CAAA;AAC1C,IAAA,MAAM,YAAA,GAAe,CAAC,EAAE,WAAA,IAAe,MAAM,MAAA,KAAW,MAAA,CAAA;AAExD,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,IAAI,YAAA,EAAc,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,IACrC,CAAA;AAEA,IAAA,MAAM,gCACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,SAAA,EAAU,0EAAA,EACd,8BAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,EACjC,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iDAAA,EACX,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,CAAM,KAAA,EAAM,CAAA;AAAA,UAChF,KAAA,CAAM,uBACL,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uDAAA,EACb,QAAA,EAAA,KAAA,CAAM,MACT,CAAA,GACE,IAAA;AAAA,UACH,KAAA,CAAM,IAAA,mBACL,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,wBAAA,EACd,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAe,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAAE,MAAM,IAAA,CAAK;AAAA,aAAA,EAAM,CAAA;AAAA,YAAQ,GAAA;AAAA,4BAC1D,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAmB,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAAE,MAAM,IAAA,CAAK;AAAA,aAAA,EAAQ;AAAA,WAAA,EAC1D,CAAA,GACE;AAAA,SAAA,EACN,CAAA;AAAA,QACC,KAAA,CAAM,4BACL,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,4CAAA,EAA8C,QAAA,EAAA,KAAA,CAAM,WAAU,CAAA,GACzE;AAAA,OAAA,EACN,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,QAAA;AAAA,cACA,WAAA,CAAY,MAAM,MAAM,CAAA;AAAA,cACxB,KAAA,CAAM,WAAW,SAAA,IAAa;AAAA,aAChC;AAAA,YACA,cAAY,KAAA,CAAM;AAAA;AAAA,SACpB;AAAA,QACC,YAAA,mBACC,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,mDAAA;AAAA,cACA,IAAA,IAAQ;AAAA,aACV;AAAA,YACA,aAAA,EAAY;AAAA;AAAA,SACd,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF,CAAA;AAGF,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,aAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,sCAAA;AAAA,UACA,YAAA,IAAgB,0CAAA;AAAA,UAChB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,YAAA,mBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,YAAA;AAAA,cACT,eAAA,EAAe,IAAA;AAAA,cACf,SAAA,EAAW,EAAA;AAAA,gBACT,8EAAA;AAAA,gBACA,2BAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACH,mBAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DACZ,QAAA,EAAA,aAAA,EACH,CAAA;AAAA,UAED,YAAA,IAAgB,uBACf,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8FAAA,EACZ,QAAA,EAAA,KAAA,CAAM,QACT,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-YVXMWUWD.js","sourcesContent":["\"use client\";\n\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  ChevronRight,\n  CircleDot,\n  Edit3,\n  FilePlus,\n  FileSearch,\n  Hammer,\n  Loader2,\n  ShieldCheck,\n  Terminal,\n  Wrench,\n} from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\nimport type {\n  AgentEvent as AgentEventModel,\n  AgentEventStatus,\n  AgentEventType,\n} from \"../../../types/agent.js\";\n\nconst typeIcon: Record<AgentEventType, IconComponent> = {\n  command: Terminal,\n  file_read: FileSearch,\n  file_write: FilePlus,\n  edit: Edit3,\n  lint: ShieldCheck,\n  typecheck: ShieldCheck,\n  build: Hammer,\n  tool: Wrench,\n};\n\nconst statusIcon: Record<AgentEventStatus, IconComponent> = {\n  pending: CircleDot,\n  running: Loader2,\n  success: CheckCircle2,\n  failed: AlertTriangle,\n};\n\nconst statusColor: Record<AgentEventStatus, string> = {\n  pending: \"text-muted-foreground\",\n  running: \"text-primary\",\n  success: \"text-success\",\n  failed: \"text-destructive\",\n};\n\ninterface AgentEventProps extends HTMLAttributes<HTMLDivElement> {\n  event: AgentEventModel;\n  /**\n   * If true, clicking the row toggles `event.detail` visibility.\n   */\n  collapsible?: boolean;\n  /**\n   * Force the collapsible state (for controlled scenarios).\n   */\n  defaultOpen?: boolean;\n}\n\n/**\n * AgentEvent — single event row in the agent timeline.\n *\n * Composition: type icon + label + path + diff stats + status icon + (optional) chevron.\n * Running events show a spinner via motion-safe:animate-spin (respects\n * `prefers-reduced-motion`); failed events flash red.\n *\n * When `collapsible` is true and `event.detail` is provided, the row renders as\n * a native `<button>` for correct keyboard and screen-reader semantics.\n */\nconst AgentEvent = forwardRef<HTMLDivElement, AgentEventProps>(\n  ({ className, event, collapsible, defaultOpen, ...props }, ref) => {\n    const [open, setOpen] = useState(defaultOpen ?? false);\n    const TypeIcon = typeIcon[event.type];\n    const StatusIcon = statusIcon[event.status];\n    const isExpandable = !!(collapsible && event.detail !== undefined);\n\n    const handleToggle = () => {\n      if (isExpandable) setOpen((v) => !v);\n    };\n\n    const headerContent: ReactNode = (\n      <>\n        <span className=\"grid size-7 place-items-center rounded-md bg-muted text-muted-foreground\">\n          <TypeIcon className=\"size-3.5\" />\n        </span>\n        <div className=\"min-w-0\">\n          <p className=\"flex flex-wrap items-baseline gap-x-2 gap-y-0.5\">\n            <span className=\"truncate font-medium text-body-sm text-foreground\">{event.label}</span>\n            {event.path ? (\n              <span className=\"truncate font-mono text-code-sm text-muted-foreground\">\n                {event.path}\n              </span>\n            ) : null}\n            {event.diff ? (\n              <span className=\"font-mono text-code-sm\">\n                <span className=\"text-success\">+{event.diff.added}</span>{\" \"}\n                <span className=\"text-destructive\">-{event.diff.removed}</span>\n              </span>\n            ) : null}\n          </p>\n          {event.timestamp ? (\n            <p className=\"font-mono text-label text-muted-foreground\">{event.timestamp}</p>\n          ) : null}\n        </div>\n        <div className=\"flex items-center gap-1.5\">\n          <StatusIcon\n            className={cn(\n              \"size-4\",\n              statusColor[event.status],\n              event.status === \"running\" && \"motion-safe:animate-spin\",\n            )}\n            aria-label={event.status}\n          />\n          {isExpandable ? (\n            <ChevronRight\n              className={cn(\n                \"size-4 text-muted-foreground transition-transform\",\n                open && \"rotate-90\",\n              )}\n              aria-hidden=\"true\"\n            />\n          ) : null}\n        </div>\n      </>\n    );\n\n    return (\n      <div\n        data-slot=\"agent-event\"\n        ref={ref}\n        className={cn(\n          \"rounded-md border border-transparent\",\n          isExpandable && \"hover:border-border/40 hover:bg-muted/40\",\n          className,\n        )}\n        {...props}\n      >\n        {isExpandable ? (\n          <button\n            type=\"button\"\n            onClick={handleToggle}\n            aria-expanded={open}\n            className={cn(\n              \"grid w-full grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2 text-left\",\n              \"cursor-pointer rounded-md\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            {headerContent}\n          </button>\n        ) : (\n          <div className=\"grid grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2\">\n            {headerContent}\n          </div>\n        )}\n        {isExpandable && open ? (\n          <div className=\"border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm text-muted-foreground\">\n            {event.detail}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAgentEvent.displayName = \"AgentEvent\";\n\nexport { AgentEvent };\n"]}

package/dist/chunk-Z6HZMGO2.js

@@ -1,106 +0,0 @@
-"use client";
-import { cn } from './chunk-EWDN56AS.js';
-import { Check, X, Copy } from 'lucide-react';
-import { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var VARIANT = {
-  ghost: "hover:bg-muted",
-  outline: "border border-border/60 rounded-md"
-};
-var SIZE = {
-  sm: "px-2 py-1 text-label",
-  md: "px-2.5 py-1.5 text-body-sm"
-};
-var CopyButton = forwardRef(
-  ({
-    className,
-    value,
-    label,
-    variant = "ghost",
-    size = "sm",
-    onCopied,
-    feedbackDuration = 1500,
-    ...props
-  }, ref) => {
-    const [state, setState] = useState("idle");
-    const timerRef = useRef(null);
-    useEffect(() => {
-      return () => {
-        if (timerRef.current !== null) {
-          clearTimeout(timerRef.current);
-        }
-      };
-    }, []);
-    const scheduleRevert = useCallback(() => {
-      if (timerRef.current !== null) {
-        clearTimeout(timerRef.current);
-      }
-      timerRef.current = setTimeout(() => {
-        setState("idle");
-        timerRef.current = null;
-      }, feedbackDuration);
-    }, [feedbackDuration]);
-    const handleClick = useCallback(() => {
-      if (state !== "idle") return;
-      if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
-        setState("failed");
-        scheduleRevert();
-        return;
-      }
-      navigator.clipboard.writeText(value).then(
-        () => {
-          setState("copied");
-          onCopied?.(value);
-          scheduleRevert();
-        },
-        () => {
-          setState("failed");
-          scheduleRevert();
-        }
-      );
-    }, [state, value, onCopied, scheduleRevert]);
-    const Icon = state === "copied" ? Check : state === "failed" ? X : Copy;
-    const liveMessage = state === "copied" ? "Copied to clipboard" : state === "failed" ? "Copy failed" : "";
-    const labelText = label !== void 0 ? state === "copied" ? "Copied!" : state === "failed" ? "Failed" : label : null;
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        "data-slot": "copy-button",
-        ref,
-        type: "button",
-        onClick: handleClick,
-        "data-state": state,
-        className: cn(
-          "inline-flex items-center gap-1.5",
-          "font-sans transition-colors",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
-          VARIANT[variant],
-          SIZE[size],
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "size-3.5 shrink-0 transition-opacity duration-200",
-                state === "copied" && "text-success",
-                state === "failed" && "text-destructive"
-              )
-            }
-          ),
-          labelText !== null ? /* @__PURE__ */ jsx("span", { children: labelText }) : null,
-          /* @__PURE__ */ jsx("span", { className: "sr-only", "aria-live": "polite", children: liveMessage })
-        ]
-      }
-    );
-  }
-);
-CopyButton.displayName = "CopyButton";
-
-export { CopyButton };
-//# sourceMappingURL=chunk-Z6HZMGO2.js.map
-//# sourceMappingURL=chunk-Z6HZMGO2.js.map

package/dist/chunk-Z6HZMGO2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/copy-button/copy-button.tsx"],"names":[],"mappings":"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","file":"chunk-Z6HZMGO2.js","sourcesContent":["\"use client\";\n\nimport { Check, Copy, X } from \"lucide-react\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * CopyButton — click-to-copy primitive for PaaS surfaces.\n *\n * Wraps the Clipboard API behind a button that:\n *   - Calls `navigator.clipboard.writeText(value)` on click\n *   - Swaps the icon (Copy → Check on success, Copy → X on failure)\n *   - Optionally swaps the visible `label` to \"Copied!\" / \"Failed\"\n *   - Announces the state change via an `aria-live=\"polite\"` sr-only region\n *   - Reverts to idle after `feedbackDuration` ms (default 1500)\n *\n * SSR-safe (guards `navigator?.clipboard?.writeText`). Debounces double-clicks\n * by ignoring clicks while not in the `idle` state. Cleans up the revert timer\n * on unmount so no `setState` happens on unmounted components.\n *\n * @example\n *   <CopyButton value={envVar.value} />               // icon-only ghost\n *   <CopyButton value={token} label=\"Copy token\" variant=\"outline\" />\n */\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" | \"onClick\" | \"children\"> {\n  /** String to copy when clicked. */\n  value: string;\n  /** Optional button label. Default: just the icon. */\n  label?: ReactNode;\n  /** Visual style. */\n  variant?: \"ghost\" | \"outline\";\n  /** Size. */\n  size?: \"sm\" | \"md\";\n  /** Callback after successful copy (e.g. analytics). */\n  onCopied?: (value: string) => void;\n  /** Duration of the feedback state in ms. Default 1500. */\n  feedbackDuration?: number;\n}\n\nconst VARIANT: Record<NonNullable<CopyButtonProps[\"variant\"]>, string> = {\n  ghost: \"hover:bg-muted\",\n  outline: \"border border-border/60 rounded-md\",\n};\n\nconst SIZE: Record<NonNullable<CopyButtonProps[\"size\"]>, string> = {\n  sm: \"px-2 py-1 text-label\",\n  md: \"px-2.5 py-1.5 text-body-sm\",\n};\n\nconst CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(\n  (\n    {\n      className,\n      value,\n      label,\n      variant = \"ghost\",\n      size = \"sm\",\n      onCopied,\n      feedbackDuration = 1500,\n      ...props\n    },\n    ref,\n  ) => {\n    const [state, setState] = useState<CopyState>(\"idle\");\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n      return () => {\n        if (timerRef.current !== null) {\n          clearTimeout(timerRef.current);\n        }\n      };\n    }, []);\n\n    const scheduleRevert = useCallback(() => {\n      if (timerRef.current !== null) {\n        clearTimeout(timerRef.current);\n      }\n      timerRef.current = setTimeout(() => {\n        setState(\"idle\");\n        timerRef.current = null;\n      }, feedbackDuration);\n    }, [feedbackDuration]);\n\n    const handleClick = useCallback(() => {\n      if (state !== \"idle\") return;\n\n      if (typeof navigator === \"undefined\" || !navigator.clipboard?.writeText) {\n        setState(\"failed\");\n        scheduleRevert();\n        return;\n      }\n\n      navigator.clipboard.writeText(value).then(\n        () => {\n          setState(\"copied\");\n          onCopied?.(value);\n          scheduleRevert();\n        },\n        () => {\n          setState(\"failed\");\n          scheduleRevert();\n        },\n      );\n    }, [state, value, onCopied, scheduleRevert]);\n\n    const Icon = state === \"copied\" ? Check : state === \"failed\" ? X : Copy;\n    const liveMessage =\n      state === \"copied\" ? \"Copied to clipboard\" : state === \"failed\" ? \"Copy failed\" : \"\";\n\n    const labelText =\n      label !== undefined\n        ? state === \"copied\"\n          ? \"Copied!\"\n          : state === \"failed\"\n            ? \"Failed\"\n            : label\n        : null;\n\n    return (\n      <button\n        data-slot=\"copy-button\"\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        data-state={state}\n        className={cn(\n          \"inline-flex items-center gap-1.5\",\n          \"font-sans transition-colors\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card\",\n          VARIANT[variant],\n          SIZE[size],\n          className,\n        )}\n        {...props}\n      >\n        <Icon\n          aria-hidden=\"true\"\n          className={cn(\n            \"size-3.5 shrink-0 transition-opacity duration-200\",\n            state === \"copied\" && \"text-success\",\n            state === \"failed\" && \"text-destructive\",\n          )}\n        />\n        {labelText !== null ? <span>{labelText}</span> : null}\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {liveMessage}\n        </span>\n      </button>\n    );\n  },\n);\nCopyButton.displayName = \"CopyButton\";\n\nexport { CopyButton };\n"]}

package/dist/chunk-ZAP4RIUL.js

@@ -1,81 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var lineBg = {
-  added: "bg-success/10",
-  removed: "bg-destructive/10",
-  unchanged: "",
-  meta: "bg-muted/60 text-primary"
-};
-var sign = {
-  added: "+",
-  removed: "-",
-  unchanged: " ",
-  meta: "@"
-};
-var DiffViewer = forwardRef(
-  ({ className, path, stats, hunks, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "diff-viewer",
-      ref,
-      className: cn("overflow-hidden rounded-xl border border-border bg-card font-mono", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-3 py-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate text-code-sm text-foreground", children: path }),
-          stats ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-code-sm", children: [
-            /* @__PURE__ */ jsxs("span", { className: "text-success", children: [
-              "+",
-              stats.added
-            ] }),
-            " ",
-            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
-              "-",
-              stats.removed
-            ] })
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsx("ol", { className: "text-code-sm", children: hunks.map((hunk) => /* @__PURE__ */ jsx("li", { children: hunk.collapsed ? /* @__PURE__ */ jsxs("div", { className: "px-3 py-1 text-muted-foreground italic", children: [
-          hunk.lines.length,
-          " unmodified lines"
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          hunk.header ? /* @__PURE__ */ jsx("div", { className: "bg-muted/60 px-3 py-1 text-primary", children: hunk.header }) : null,
-          /* @__PURE__ */ jsx("table", { className: "w-full border-collapse", "aria-label": `Diff hunk for ${path}`, children: /* @__PURE__ */ jsx("tbody", { children: hunk.lines.map((line, idx) => /* @__PURE__ */ jsxs("tr", { className: lineBg[line.kind], children: [
-            /* @__PURE__ */ jsx("td", { className: "select-none px-2 text-right text-muted-foreground/60 tabular-nums", children: line.oldNumber ?? "" }),
-            /* @__PURE__ */ jsx("td", { className: "select-none px-2 text-right text-muted-foreground/60 tabular-nums", children: line.newNumber ?? "" }),
-            /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: cn(
-                  "select-none pr-1 pl-2",
-                  line.kind === "added" && "text-success",
-                  line.kind === "removed" && "text-destructive",
-                  line.kind === "meta" && "text-primary"
-                ),
-                children: sign[line.kind]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: cn(
-                  "w-full whitespace-pre",
-                  line.kind === "added" && "text-success",
-                  line.kind === "removed" && "text-destructive"
-                ),
-                children: line.content
-              }
-            )
-          ] }, `${hunk.id}-${idx}`)) }) })
-        ] }) }, hunk.id)) })
-      ]
-    }
-  )
-);
-DiffViewer.displayName = "DiffViewer";
-
-export { DiffViewer };
-//# sourceMappingURL=chunk-ZAP4RIUL.js.map
-//# sourceMappingURL=chunk-ZAP4RIUL.js.map

package/dist/chunk-ZAP4RIUL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/diff-viewer/diff-viewer.tsx"],"names":[],"mappings":";;;;AAoCA,IAAM,MAAA,GAAuC;AAAA,EAC3C,KAAA,EAAO,eAAA;AAAA,EACP,OAAA,EAAS,mBAAA;AAAA,EACT,SAAA,EAAW,EAAA;AAAA,EACX,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,IAAA,GAAqC;AAAA,EACzC,KAAA,EAAO,GAAA;AAAA,EACP,OAAA,EAAS,GAAA;AAAA,EACT,SAAA,EAAW,GAAA;AAAA,EACX,IAAA,EAAM;AACR,CAAA;AAaA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,OAAO,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC5C,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,mEAAA,EAAqE,SAAS,CAAA;AAAA,MAC3F,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,yFAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uCAAA,EAAyC,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC7D,KAAA,mBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EACd,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAe,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAAE,KAAA,CAAM;AAAA,aAAA,EAAM,CAAA;AAAA,YAAQ,GAAA;AAAA,4BACrD,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAmB,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAAE,KAAA,CAAM;AAAA,aAAA,EAAQ;AAAA,WAAA,EACrD,CAAA,GACE;AAAA,SAAA,EACN,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,cAAA,EACX,gBAAM,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA,CAAC,QACE,QAAA,EAAA,IAAA,CAAK,SAAA,mBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACZ,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,KAAA,CAAM,MAAA;AAAA,UAAO;AAAA,SAAA,EACrB,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,yBACJ,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EAAsC,QAAA,EAAA,IAAA,CAAK,QAAO,CAAA,GAC/D,IAAA;AAAA,0BACJ,GAAA,CAAC,WAAM,SAAA,EAAU,wBAAA,EAAyB,cAAY,CAAA,cAAA,EAAiB,IAAI,CAAA,CAAA,EACzE,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EACE,QAAA,EAAA,IAAA,CAAK,MAAM,GAAA,CAAI,CAAC,MAAM,GAAA,qBACrB,IAAA,CAAC,QAA6B,SAAA,EAAW,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,EACvD,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,mEAAA,EACX,QAAA,EAAA,IAAA,CAAK,aAAa,EAAA,EACrB,CAAA;AAAA,gCACC,IAAA,EAAA,EAAG,SAAA,EAAU,mEAAA,EACX,QAAA,EAAA,IAAA,CAAK,aAAa,EAAA,EACrB,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,uBAAA;AAAA,kBACA,IAAA,CAAK,SAAS,OAAA,IAAW,cAAA;AAAA,kBACzB,IAAA,CAAK,SAAS,SAAA,IAAa,kBAAA;AAAA,kBAC3B,IAAA,CAAK,SAAS,MAAA,IAAU;AAAA,iBAC1B;AAAA,gBAEC,QAAA,EAAA,IAAA,CAAK,KAAK,IAAI;AAAA;AAAA,aACjB;AAAA,4BACA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,uBAAA;AAAA,kBACA,IAAA,CAAK,SAAS,OAAA,IAAW,cAAA;AAAA,kBACzB,IAAA,CAAK,SAAS,SAAA,IAAa;AAAA,iBAC7B;AAAA,gBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR,WAAA,EAAA,EAzBO,CAAA,EAAG,KAAK,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,CA0B1B,CACD,GACH,CAAA,EACF;AAAA,SAAA,EACF,CAAA,EAAA,EA3CK,IAAA,CAAK,EA6Cd,CACD,CAAA,EACH;AAAA;AAAA;AAAA;AAGN;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-ZAP4RIUL.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type DiffLineKind = \"added\" | \"removed\" | \"unchanged\" | \"meta\";\n\nexport interface DiffLine {\n  kind: DiffLineKind;\n  /** Original line number (left side); undefined for added lines. */\n  oldNumber?: number;\n  /** New line number (right side); undefined for removed lines. */\n  newNumber?: number;\n  content: string;\n}\n\nexport interface DiffHunk {\n  id: string;\n  /**\n   * Optional header (e.g. \"@@ -42,7 +42,12 @@\"). Caller usually formats this.\n   */\n  header?: string;\n  lines: DiffLine[];\n  /**\n   * If true, the hunk is rendered as a collapsed \"N unmodified lines\" placeholder.\n   */\n  collapsed?: boolean;\n}\n\ninterface DiffViewerProps extends HTMLAttributes<HTMLDivElement> {\n  /** Path of the file being diffed. */\n  path: string;\n  /** Diff stats summary. */\n  stats?: { added: number; removed: number };\n  hunks: DiffHunk[];\n}\n\nconst lineBg: Record<DiffLineKind, string> = {\n  added: \"bg-success/10\",\n  removed: \"bg-destructive/10\",\n  unchanged: \"\",\n  meta: \"bg-muted/60 text-primary\",\n};\n\nconst sign: Record<DiffLineKind, string> = {\n  added: \"+\",\n  removed: \"-\",\n  unchanged: \" \",\n  meta: \"@\",\n};\n\n/**\n * DiffViewer — unified diff rendering, no external dep.\n *\n * Visual: two gutter columns (old/new line numbers) + sign + monospaced content.\n * Added/removed rows tinted in success/destructive. Collapsed hunks render as\n * a single muted row \"N unmodified lines\".\n *\n * For syntax highlighting, the consumer can render `content` via their own\n * highlighter and pass `unchanged` lines with already-highlighted strings (not\n * common; usually plain text is enough for the brutalist console aesthetic).\n */\nconst DiffViewer = forwardRef<HTMLDivElement, DiffViewerProps>(\n  ({ className, path, stats, hunks, ...props }, ref) => (\n    <div\n      data-slot=\"diff-viewer\"\n      ref={ref}\n      className={cn(\"overflow-hidden rounded-xl border border-border bg-card font-mono\", className)}\n      {...props}\n    >\n      <header className=\"flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-3 py-2\">\n        <span className=\"truncate text-code-sm text-foreground\">{path}</span>\n        {stats ? (\n          <span className=\"font-mono text-code-sm\">\n            <span className=\"text-success\">+{stats.added}</span>{\" \"}\n            <span className=\"text-destructive\">-{stats.removed}</span>\n          </span>\n        ) : null}\n      </header>\n      <ol className=\"text-code-sm\">\n        {hunks.map((hunk) => (\n          <li key={hunk.id}>\n            {hunk.collapsed ? (\n              <div className=\"px-3 py-1 text-muted-foreground italic\">\n                {hunk.lines.length} unmodified lines\n              </div>\n            ) : (\n              <>\n                {hunk.header ? (\n                  <div className=\"bg-muted/60 px-3 py-1 text-primary\">{hunk.header}</div>\n                ) : null}\n                <table className=\"w-full border-collapse\" aria-label={`Diff hunk for ${path}`}>\n                  <tbody>\n                    {hunk.lines.map((line, idx) => (\n                      <tr key={`${hunk.id}-${idx}`} className={lineBg[line.kind]}>\n                        <td className=\"select-none px-2 text-right text-muted-foreground/60 tabular-nums\">\n                          {line.oldNumber ?? \"\"}\n                        </td>\n                        <td className=\"select-none px-2 text-right text-muted-foreground/60 tabular-nums\">\n                          {line.newNumber ?? \"\"}\n                        </td>\n                        <td\n                          className={cn(\n                            \"select-none pr-1 pl-2\",\n                            line.kind === \"added\" && \"text-success\",\n                            line.kind === \"removed\" && \"text-destructive\",\n                            line.kind === \"meta\" && \"text-primary\",\n                          )}\n                        >\n                          {sign[line.kind]}\n                        </td>\n                        <td\n                          className={cn(\n                            \"w-full whitespace-pre\",\n                            line.kind === \"added\" && \"text-success\",\n                            line.kind === \"removed\" && \"text-destructive\",\n                          )}\n                        >\n                          {line.content}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </>\n            )}\n          </li>\n        ))}\n      </ol>\n    </div>\n  ),\n);\nDiffViewer.displayName = \"DiffViewer\";\n\nexport { DiffViewer };\n"]}

package/dist/chunk-ZEDDWVBB.js

@@ -1,112 +0,0 @@
-"use client";
-import { EmptyState } from './chunk-3YOPTHZH.js';
-import { Card } from './chunk-UJAWV6LM.js';
-import { ActionBar } from './chunk-ZEFOXF2I.js';
-import { cn } from './chunk-EWDN56AS.js';
-import { AlertCircle, Loader2 } from 'lucide-react';
-import { forwardRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PageShell = forwardRef(
-  ({
-    title,
-    description,
-    onTitleChange,
-    primaryAction,
-    search,
-    onFilterClick,
-    loading = false,
-    loadingNode,
-    error,
-    empty,
-    children,
-    className
-  }, ref) => {
-    useEffect(() => {
-      onTitleChange?.(title);
-    }, [title, onTitleChange]);
-    const hasActionBar = search !== void 0 || primaryAction !== void 0 || onFilterClick !== void 0;
-    let content;
-    if (loading) {
-      content = loadingNode ?? /* @__PURE__ */ jsxs(Card, { className: "flex items-center justify-center gap-3 p-12 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-5 animate-spin" }),
-        /* @__PURE__ */ jsx("span", { className: "font-sans text-body-sm", children: "Loading\u2026" })
-      ] });
-    } else if (error) {
-      content = /* @__PURE__ */ jsxs(Card, { className: "flex flex-col items-center gap-3 p-8 text-center", children: [
-        /* @__PURE__ */ jsx(AlertCircle, { "aria-hidden": "true", className: "size-8 text-destructive" }),
-        /* @__PURE__ */ jsx("p", { className: "font-sans text-body-sm text-foreground", children: error.message }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          error.onRetry ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: error.onRetry,
-              className: cn(
-                "inline-flex items-center rounded-md border border-border/40 px-3 py-1.5",
-                "font-sans text-body-sm text-foreground",
-                "transition-colors hover:bg-muted"
-              ),
-              children: "Retry"
-            }
-          ) : null,
-          error.docsHref ? /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: error.docsHref,
-              className: "font-sans text-body-sm text-primary hover:underline",
-              children: "View docs"
-            }
-          ) : null
-        ] })
-      ] });
-    } else if (empty) {
-      const emptyAction = empty.action;
-      content = /* @__PURE__ */ jsx(
-        EmptyState,
-        {
-          icon: empty.icon,
-          title: empty.title,
-          description: empty.description,
-          action: emptyAction ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: emptyAction.onClick,
-              className: cn(
-                "inline-flex items-center rounded-md bg-primary px-3 py-1.5",
-                "font-medium font-sans text-body-sm text-primary-foreground",
-                "transition-colors hover:bg-primary-deep"
-              ),
-              children: emptyAction.label
-            }
-          ) : void 0
-        }
-      );
-    } else {
-      content = children;
-    }
-    return /* @__PURE__ */ jsxs(
-      "main",
-      {
-        "data-slot": "page-shell",
-        ref,
-        "aria-busy": loading || void 0,
-        className: cn("flex flex-col gap-6", className),
-        children: [
-          /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx("h1", { className: "font-display font-semibold text-display-sm text-foreground tracking-tight", children: title }),
-            description ? /* @__PURE__ */ jsx("p", { className: "font-sans text-body-md text-muted-foreground", children: description }) : null
-          ] }),
-          hasActionBar ? /* @__PURE__ */ jsx(ActionBar, { search, primaryAction, onFilterClick }) : null,
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: content })
-        ]
-      }
-    );
-  }
-);
-PageShell.displayName = "PageShell";
-
-export { PageShell };
-//# sourceMappingURL=chunk-ZEDDWVBB.js.map
-//# sourceMappingURL=chunk-ZEDDWVBB.js.map

package/dist/chunk-ZEDDWVBB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/page-shell/page-shell.tsx"],"names":[],"mappings":"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","file":"chunk-ZEDDWVBB.js","sourcesContent":["\"use client\";\n\nimport { AlertCircle, Loader2 } from \"lucide-react\";\nimport { forwardRef, useEffect } from \"react\";\nimport type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { ActionBar } from \"../../primitives/action-bar/index.js\";\nimport { Card } from \"../../primitives/card/index.js\";\nimport { EmptyState } from \"../../primitives/empty-state/index.js\";\n\n/**\n * PageShell — page-level scaffold composite.\n *\n * Renders title + optional description + optional ActionBar, then\n * one of four mutually-exclusive content states:\n *   1. loading (highest precedence)\n *   2. error\n *   3. empty\n *   4. children (default)\n *\n * Scope-narrowed per Brief #5 D3: PageShell does NOT manage\n * `document.title`. Use the optional `onTitleChange` callback to\n * wire your own hook (e.g. useSetPageTitle, react-helmet,\n * next/head).\n *\n * @example\n *   <PageShell\n *     title=\"Domains\"\n *     description=\"Custom domains and DNS verification.\"\n *     search={{ placeholder: \"Search…\", value: q, onChange: setQ }}\n *     primaryAction={{ label: \"Add domain\", icon: Plus, onClick: openModal }}\n *     loading={isLoading}\n *     error={error ? { message: error.message, onRetry: refetch } : undefined}\n *     empty={data?.length === 0 ? { title: \"No domains yet\" } : undefined}\n *   >\n *     <DataTable columns={…} data={data} />\n *   </PageShell>\n */\nexport interface PageShellProps {\n  title: string;\n  description?: ReactNode;\n  /** Optional callback invoked when `title` changes — wire to your own document.title hook. */\n  onTitleChange?: (title: string) => void;\n  primaryAction?: {\n    label: ReactNode;\n    icon?: ElementType;\n    onClick: () => void;\n    loading?: boolean;\n  };\n  search?: {\n    placeholder: string;\n    value: string;\n    onChange: (v: string) => void;\n  };\n  onFilterClick?: () => void;\n  loading?: boolean;\n  /** Custom loading UI. Defaults to a centered spinner card. */\n  loadingNode?: ReactNode;\n  error?: {\n    message: string;\n    onRetry?: () => void;\n    docsHref?: string;\n  };\n  empty?: {\n    icon?: ElementType;\n    title: string;\n    description?: ReactNode;\n    action?: { label: string; onClick: () => void };\n  };\n  children?: ReactNode;\n  className?: string;\n}\n\nconst PageShell = forwardRef<HTMLElement, PageShellProps>(\n  (\n    {\n      title,\n      description,\n      onTitleChange,\n      primaryAction,\n      search,\n      onFilterClick,\n      loading = false,\n      loadingNode,\n      error,\n      empty,\n      children,\n      className,\n    },\n    ref,\n  ) => {\n    useEffect(() => {\n      onTitleChange?.(title);\n    }, [title, onTitleChange]);\n\n    const hasActionBar =\n      search !== undefined || primaryAction !== undefined || onFilterClick !== undefined;\n\n    // State precedence: loading > error > empty > children\n    let content: ReactNode;\n    if (loading) {\n      content = loadingNode ?? (\n        <Card className=\"flex items-center justify-center gap-3 p-12 text-muted-foreground\">\n          <Loader2 aria-hidden=\"true\" className=\"size-5 animate-spin\" />\n          <span className=\"font-sans text-body-sm\">Loading…</span>\n        </Card>\n      );\n    } else if (error) {\n      content = (\n        <Card className=\"flex flex-col items-center gap-3 p-8 text-center\">\n          <AlertCircle aria-hidden=\"true\" className=\"size-8 text-destructive\" />\n          <p className=\"font-sans text-body-sm text-foreground\">{error.message}</p>\n          <div className=\"flex items-center gap-3\">\n            {error.onRetry ? (\n              <button\n                type=\"button\"\n                onClick={error.onRetry}\n                className={cn(\n                  \"inline-flex items-center rounded-md border border-border/40 px-3 py-1.5\",\n                  \"font-sans text-body-sm text-foreground\",\n                  \"transition-colors hover:bg-muted\",\n                )}\n              >\n                Retry\n              </button>\n            ) : null}\n            {error.docsHref ? (\n              <a\n                href={error.docsHref}\n                className=\"font-sans text-body-sm text-primary hover:underline\"\n              >\n                View docs\n              </a>\n            ) : null}\n          </div>\n        </Card>\n      );\n    } else if (empty) {\n      const emptyAction = empty.action;\n      content = (\n        <EmptyState\n          icon={empty.icon as Parameters<typeof EmptyState>[0][\"icon\"]}\n          title={empty.title}\n          description={empty.description}\n          action={\n            emptyAction ? (\n              <button\n                type=\"button\"\n                onClick={emptyAction.onClick}\n                className={cn(\n                  \"inline-flex items-center rounded-md bg-primary px-3 py-1.5\",\n                  \"font-medium font-sans text-body-sm text-primary-foreground\",\n                  \"transition-colors hover:bg-primary-deep\",\n                )}\n              >\n                {emptyAction.label}\n              </button>\n            ) : undefined\n          }\n        />\n      );\n    } else {\n      content = children;\n    }\n\n    return (\n      <main\n        data-slot=\"page-shell\"\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(\"flex flex-col gap-6\", className)}\n      >\n        <header className=\"flex flex-col gap-1\">\n          <h1 className=\"font-display font-semibold text-display-sm text-foreground tracking-tight\">\n            {title}\n          </h1>\n          {description ? (\n            <p className=\"font-sans text-body-md text-muted-foreground\">{description}</p>\n          ) : null}\n        </header>\n        {hasActionBar ? (\n          <ActionBar search={search} primaryAction={primaryAction} onFilterClick={onFilterClick} />\n        ) : null}\n        {/* Content slot: `flex flex-col gap-6` matches the outer <main> gap so\n         * direct children (e.g. multiple <Card>s, a <Table>, an inline <Alert>)\n         * automatically receive consistent section spacing. Without this,\n         * pages with 2+ top-level children would render them flush against\n         * each other — a regression observed in dashboard /memory landing\n         * (5 sibling sections collided). Pages that already wrap their content\n         * in a single grid/div are unaffected (gap only applies between siblings). */}\n        <div className=\"flex flex-col gap-6\">{content}</div>\n      </main>\n    );\n  },\n);\nPageShell.displayName = \"PageShell\";\n\nexport { PageShell };\n"]}

package/dist/chunk-ZEFOXF2I.js

@@ -1,87 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import { Search, Filter, Loader2 } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ActionBar = forwardRef(
-  ({ className, search, primaryAction, onFilterClick, ...props }, ref) => {
-    if (!search && !primaryAction && !onFilterClick) {
-      return null;
-    }
-    const PrimaryIcon = primaryAction?.icon;
-    const isLoading = primaryAction?.loading === true;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "action-bar",
-        ref,
-        className: cn("flex w-full items-center gap-2", className),
-        ...props,
-        children: [
-          search ? /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ jsx(
-              Search,
-              {
-                "aria-hidden": "true",
-                className: "-translate-y-1/2 absolute top-1/2 left-3 size-4 text-muted-foreground"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "search",
-                placeholder: search.placeholder,
-                value: search.value,
-                onChange: (e) => search.onChange(e.target.value),
-                className: cn(
-                  "w-full rounded-md border border-border/40 bg-card py-2 pr-3 pl-9",
-                  "font-sans text-body-sm text-foreground placeholder:text-muted-foreground",
-                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                )
-              }
-            )
-          ] }) : null,
-          onFilterClick !== void 0 ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onFilterClick,
-              "aria-label": "Filter",
-              className: cn(
-                "inline-flex size-9 items-center justify-center rounded-md border border-border/40",
-                "text-muted-foreground transition-colors",
-                "hover:bg-muted hover:text-foreground",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-              ),
-              children: /* @__PURE__ */ jsx(Filter, { "aria-hidden": "true", className: "size-4" })
-            }
-          ) : null,
-          primaryAction !== void 0 ? /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: primaryAction.onClick,
-              disabled: isLoading,
-              className: cn(
-                "ml-auto inline-flex items-center gap-2 rounded-md bg-primary px-3 py-2",
-                "font-medium font-sans text-body-sm text-primary-foreground",
-                "transition-colors hover:bg-primary-deep",
-                "disabled:cursor-not-allowed disabled:opacity-60",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
-              ),
-              children: [
-                isLoading ? /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-4 animate-spin" }) : PrimaryIcon ? /* @__PURE__ */ jsx(PrimaryIcon, { "aria-hidden": "true", className: "size-4" }) : null,
-                primaryAction.label
-              ]
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-ActionBar.displayName = "ActionBar";
-
-export { ActionBar };
-//# sourceMappingURL=chunk-ZEFOXF2I.js.map
-//# sourceMappingURL=chunk-ZEFOXF2I.js.map

package/dist/chunk-ZEFOXF2I.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/action-bar/action-bar.tsx"],"names":[],"mappings":";;;;;AAsCA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,eAAe,aAAA,EAAe,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACtE,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,aAAA,IAAiB,CAAC,aAAA,EAAe;AAC/C,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAc,aAAA,EAAe,IAAA;AACnC,IAAA,MAAM,SAAA,GAAY,eAAe,OAAA,KAAY,IAAA;AAE7C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,YAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,4BACA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,aAAa,MAAA,CAAO,WAAA;AAAA,gBACpB,OAAO,MAAA,CAAO,KAAA;AAAA,gBACd,UAAU,CAAC,CAAA,KAAM,OAAO,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,gBAC/C,SAAA,EAAW,EAAA;AAAA,kBACT,kEAAA;AAAA,kBACA,0EAAA;AAAA,kBACA;AAAA;AACF;AAAA;AACF,WAAA,EACF,CAAA,GACE,IAAA;AAAA,UACH,kBAAkB,MAAA,mBACjB,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,aAAA;AAAA,cACT,YAAA,EAAW,QAAA;AAAA,cACX,SAAA,EAAW,EAAA;AAAA,gBACT,mFAAA;AAAA,gBACA,yCAAA;AAAA,gBACA,sCAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA,WAChD,GACE,IAAA;AAAA,UACH,kBAAkB,MAAA,mBACjB,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAS,aAAA,CAAc,OAAA;AAAA,cACvB,QAAA,EAAU,SAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,wEAAA;AAAA,gBACA,4DAAA;AAAA,gBACA,yCAAA;AAAA,gBACA,iDAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,SAAA,mBACC,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAY,MAAA,EAAO,WAAU,qBAAA,EAAsB,CAAA,GAC1D,WAAA,mBACF,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,UAAS,CAAA,GACjD,IAAA;AAAA,gBACH,aAAA,CAAc;AAAA;AAAA;AAAA,WACjB,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-ZEFOXF2I.js","sourcesContent":["import { Filter, Loader2, Search } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ElementType, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ActionBar — page-top action strip primitive.\n *\n * A horizontal flexbox row with three optional slots:\n *   - Search input (flex-1, grows to fill)\n *   - Filter icon button (next to search)\n *   - Primary action button (right-aligned)\n *\n * Returns `null` when no props are provided — don't render an empty\n * bar. Used standalone or composed inside `<PageShell>` (Brief #5).\n *\n * @example\n *   <ActionBar\n *     search={{ placeholder: \"Search projects…\", value: q, onChange: setQ }}\n *     primaryAction={{ label: \"New project\", icon: Plus, onClick: openModal }}\n *   />\n */\n\nexport interface ActionBarProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  search?: {\n    placeholder: string;\n    value: string;\n    onChange: (value: string) => void;\n  };\n  primaryAction?: {\n    label: ReactNode;\n    icon?: ElementType;\n    onClick: () => void;\n    loading?: boolean;\n  };\n  onFilterClick?: () => void;\n}\n\nconst ActionBar = forwardRef<HTMLDivElement, ActionBarProps>(\n  ({ className, search, primaryAction, onFilterClick, ...props }, ref) => {\n    if (!search && !primaryAction && !onFilterClick) {\n      return null;\n    }\n\n    const PrimaryIcon = primaryAction?.icon;\n    const isLoading = primaryAction?.loading === true;\n\n    return (\n      <div\n        data-slot=\"action-bar\"\n        ref={ref}\n        className={cn(\"flex w-full items-center gap-2\", className)}\n        {...props}\n      >\n        {search ? (\n          <div className=\"relative flex-1\">\n            <Search\n              aria-hidden=\"true\"\n              className=\"-translate-y-1/2 absolute top-1/2 left-3 size-4 text-muted-foreground\"\n            />\n            <input\n              type=\"search\"\n              placeholder={search.placeholder}\n              value={search.value}\n              onChange={(e) => search.onChange(e.target.value)}\n              className={cn(\n                \"w-full rounded-md border border-border/40 bg-card py-2 pr-3 pl-9\",\n                \"font-sans text-body-sm text-foreground placeholder:text-muted-foreground\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              )}\n            />\n          </div>\n        ) : null}\n        {onFilterClick !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={onFilterClick}\n            aria-label=\"Filter\"\n            className={cn(\n              \"inline-flex size-9 items-center justify-center rounded-md border border-border/40\",\n              \"text-muted-foreground transition-colors\",\n              \"hover:bg-muted hover:text-foreground\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            <Filter aria-hidden=\"true\" className=\"size-4\" />\n          </button>\n        ) : null}\n        {primaryAction !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={primaryAction.onClick}\n            disabled={isLoading}\n            className={cn(\n              \"ml-auto inline-flex items-center gap-2 rounded-md bg-primary px-3 py-2\",\n              \"font-medium font-sans text-body-sm text-primary-foreground\",\n              \"transition-colors hover:bg-primary-deep\",\n              \"disabled:cursor-not-allowed disabled:opacity-60\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n            )}\n          >\n            {isLoading ? (\n              <Loader2 aria-hidden=\"true\" className=\"size-4 animate-spin\" />\n            ) : PrimaryIcon ? (\n              <PrimaryIcon aria-hidden=\"true\" className=\"size-4\" />\n            ) : null}\n            {primaryAction.label}\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\nActionBar.displayName = \"ActionBar\";\n\nexport { ActionBar };\n"]}