@usetheo/ui 0.13.2 → 0.14.0

package/dist/chunk-6V2LQEPT.js

@@ -1,165 +0,0 @@
-"use client";
-import { cn } from './chunk-EWDN56AS.js';
-import { Plus, Trash2, Lock, ShieldQuestion, Check } from 'lucide-react';
-import { forwardRef, useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DECISION_CLASS = {
-  allow: "bg-success/15 text-success border-success/40",
-  ask: "bg-warning/15 text-warning border-warning/40",
-  deny: "bg-destructive/15 text-destructive border-destructive/40"
-};
-var DECISION_ICON = {
-  allow: /* @__PURE__ */ jsx(Check, { className: "size-3", "aria-hidden": "true" }),
-  ask: /* @__PURE__ */ jsx(ShieldQuestion, { className: "size-3", "aria-hidden": "true" }),
-  deny: /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" })
-};
-var cycle = (cur) => cur === "allow" ? "ask" : cur === "ask" ? "deny" : "allow";
-var PermissionMatrix = forwardRef(
-  ({
-    className,
-    rules,
-    title = "Permissions",
-    toolOptions,
-    onAdd,
-    onRemove,
-    onDecisionChange,
-    ...props
-  }, ref) => {
-    const [newTool, setNewTool] = useState(toolOptions?.[0] ?? "*");
-    const [newPath, setNewPath] = useState("");
-    const [newDecision, setNewDecision] = useState("ask");
-    const submit = () => {
-      if (!newPath.trim()) return;
-      onAdd?.({ tool: newTool, path: newPath.trim(), decision: newDecision });
-      setNewPath("");
-    };
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        "data-slot": "permission-matrix",
-        ref,
-        className: cn("rounded-xl border border-border bg-card", className),
-        ...props,
-        children: [
-          title ? /* @__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: [
-              rules.length,
-              " ",
-              rules.length === 1 ? "rule" : "rules"
-            ] })
-          ] }) : null,
-          onAdd && toolOptions && toolOptions.length > 0 ? /* @__PURE__ */ jsxs(
-            "form",
-            {
-              className: "grid grid-cols-[1fr_2fr_auto_auto] gap-2 border-border/40 border-b p-3",
-              onSubmit: (e) => {
-                e.preventDefault();
-                submit();
-              },
-              children: [
-                /* @__PURE__ */ jsxs(
-                  "select",
-                  {
-                    value: newTool,
-                    onChange: (e) => setNewTool(e.target.value),
-                    "aria-label": "Tool",
-                    className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm",
-                    children: [
-                      /* @__PURE__ */ jsx("option", { value: "*", children: "* (any tool)" }),
-                      toolOptions.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: t }, t))
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "text",
-                    value: newPath,
-                    onChange: (e) => setNewPath(e.target.value),
-                    placeholder: "path glob (e.g. src/**/*.ts)",
-                    "aria-label": "Path",
-                    className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "select",
-                  {
-                    value: newDecision,
-                    onChange: (e) => setNewDecision(e.target.value),
-                    "aria-label": "Decision",
-                    className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm uppercase",
-                    children: [
-                      /* @__PURE__ */ jsx("option", { value: "allow", children: "allow" }),
-                      /* @__PURE__ */ jsx("option", { value: "ask", children: "ask" }),
-                      /* @__PURE__ */ jsx("option", { value: "deny", children: "deny" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "submit",
-                    className: "inline-flex h-9 items-center gap-1 rounded-md bg-primary px-3 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                    children: [
-                      /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
-                      " Add"
-                    ]
-                  }
-                )
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs("ul", { className: "divide-y divide-border/30", children: [
-            rules.map((rule) => /* @__PURE__ */ jsxs(
-              "li",
-              {
-                className: "grid grid-cols-[1fr_2fr_auto_auto] items-center gap-3 px-4 py-2.5",
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: rule.tool }),
-                  /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-muted-foreground", children: rule.path }),
-                  /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => onDecisionChange?.(rule.id, cycle(rule.decision)),
-                      className: cn(
-                        "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1",
-                        "font-mono text-label uppercase tracking-wider transition-colors",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                        DECISION_CLASS[rule.decision],
-                        !onDecisionChange && "pointer-events-none"
-                      ),
-                      children: [
-                        DECISION_ICON[rule.decision],
-                        rule.decision
-                      ]
-                    }
-                  ),
-                  onRemove ? /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => onRemove(rule.id),
-                      "aria-label": `Remove rule ${rule.tool} ${rule.path}`,
-                      className: "rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                      children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
-                    }
-                  ) : null
-                ]
-              },
-              rule.id
-            )),
-            rules.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No permission rules configured. The agent will fall back to default policy." }) : null
-          ] })
-        ]
-      }
-    );
-  }
-);
-PermissionMatrix.displayName = "PermissionMatrix";
-
-export { PermissionMatrix };
-//# sourceMappingURL=chunk-6V2LQEPT.js.map
-//# sourceMappingURL=chunk-6V2LQEPT.js.map

package/dist/chunk-6V2LQEPT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/permission-matrix/permission-matrix.tsx"],"names":[],"mappings":"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","file":"chunk-6V2LQEPT.js","sourcesContent":["\"use client\";\n\nimport { Check, Lock, Plus, ShieldQuestion, Trash2 } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type PermissionDecisionKind = \"allow\" | \"ask\" | \"deny\";\n\nexport interface PermissionRule {\n  id: string;\n  /** Tool the rule applies to. Use \"*\" for any. */\n  tool: string;\n  /** Glob path it applies to. Use \"*\" for any. */\n  path: string;\n  decision: PermissionDecisionKind;\n  /** Optional rationale shown as helper text. */\n  note?: string;\n}\n\ninterface PermissionMatrixProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  rules: PermissionRule[];\n  title?: ReactNode;\n  /**\n   * Available tools shown in the add form. Pass `undefined` (or omit) — or an\n   * empty array — to hide the add form entirely. The form only renders when\n   * `onAdd` is provided AND `toolOptions` has at least one entry.\n   */\n  toolOptions?: string[];\n  onAdd?: (rule: Omit<PermissionRule, \"id\">) => void;\n  onRemove?: (id: string) => void;\n  onDecisionChange?: (id: string, decision: PermissionDecisionKind) => void;\n}\n\nconst DECISION_CLASS: Record<PermissionDecisionKind, string> = {\n  allow: \"bg-success/15 text-success border-success/40\",\n  ask: \"bg-warning/15 text-warning border-warning/40\",\n  deny: \"bg-destructive/15 text-destructive border-destructive/40\",\n};\n\nconst DECISION_ICON: Record<PermissionDecisionKind, ReactNode> = {\n  allow: <Check className=\"size-3\" aria-hidden=\"true\" />,\n  ask: <ShieldQuestion className=\"size-3\" aria-hidden=\"true\" />,\n  deny: <Lock className=\"size-3\" aria-hidden=\"true\" />,\n};\n\nconst cycle = (cur: PermissionDecisionKind): PermissionDecisionKind =>\n  cur === \"allow\" ? \"ask\" : cur === \"ask\" ? \"deny\" : \"allow\";\n\n/**\n * PermissionMatrix — tool × path × decision grid for fine-grained access\n * control. Used as the \"permissions\" tab in the agent settings.\n *\n * One PermissionRule per row. Click the decision pill to cycle Allow → Ask → Deny.\n *\n * Design decision (2026-05-14): PermissionMatrix stays in `primitives/`\n * — not `composites/` — even though it renders inputs and a select. The native\n * `<input>` / `<select>` elements use Theo design tokens directly (border-input,\n * ring, font-mono) so visual parity with `Input` / `Select` primitives is\n * preserved. Reason for keeping it primitive: a consumer installing\n * `permission-matrix` from the registry gets a single self-contained file with\n * no transitive Theo dependencies — opposite trade-off from `EnvVarEditor`\n * which is intentionally a composite. Both shapes are valid; we ship one of\n * each so consumers can pick the dependency profile that fits their app.\n */\nconst PermissionMatrix = forwardRef<HTMLDivElement, PermissionMatrixProps>(\n  (\n    {\n      className,\n      rules,\n      title = \"Permissions\",\n      toolOptions,\n      onAdd,\n      onRemove,\n      onDecisionChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [newTool, setNewTool] = useState(toolOptions?.[0] ?? \"*\");\n    const [newPath, setNewPath] = useState(\"\");\n    const [newDecision, setNewDecision] = useState<PermissionDecisionKind>(\"ask\");\n\n    const submit = () => {\n      if (!newPath.trim()) return;\n      onAdd?.({ tool: newTool, path: newPath.trim(), decision: newDecision });\n      setNewPath(\"\");\n    };\n\n    return (\n      <section\n        data-slot=\"permission-matrix\"\n        ref={ref}\n        className={cn(\"rounded-xl border border-border bg-card\", className)}\n        {...props}\n      >\n        {title ? (\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              {rules.length} {rules.length === 1 ? \"rule\" : \"rules\"}\n            </span>\n          </header>\n        ) : null}\n\n        {onAdd && toolOptions && toolOptions.length > 0 ? (\n          <form\n            className=\"grid grid-cols-[1fr_2fr_auto_auto] gap-2 border-border/40 border-b p-3\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              submit();\n            }}\n          >\n            <select\n              value={newTool}\n              onChange={(e) => setNewTool(e.target.value)}\n              aria-label=\"Tool\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm\"\n            >\n              <option value=\"*\">* (any tool)</option>\n              {toolOptions.map((t) => (\n                <option key={t} value={t}>\n                  {t}\n                </option>\n              ))}\n            </select>\n            <input\n              type=\"text\"\n              value={newPath}\n              onChange={(e) => setNewPath(e.target.value)}\n              placeholder=\"path glob (e.g. src/**/*.ts)\"\n              aria-label=\"Path\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            />\n            <select\n              value={newDecision}\n              onChange={(e) => setNewDecision(e.target.value as PermissionDecisionKind)}\n              aria-label=\"Decision\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm uppercase\"\n            >\n              <option value=\"allow\">allow</option>\n              <option value=\"ask\">ask</option>\n              <option value=\"deny\">deny</option>\n            </select>\n            <button\n              type=\"submit\"\n              className=\"inline-flex h-9 items-center gap-1 rounded-md bg-primary px-3 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Plus className=\"size-3.5\" /> Add\n            </button>\n          </form>\n        ) : null}\n\n        <ul className=\"divide-y divide-border/30\">\n          {rules.map((rule) => (\n            <li\n              key={rule.id}\n              className=\"grid grid-cols-[1fr_2fr_auto_auto] items-center gap-3 px-4 py-2.5\"\n            >\n              <span className=\"truncate font-mono text-code-sm text-foreground\">{rule.tool}</span>\n              <span className=\"truncate font-mono text-code-sm text-muted-foreground\">\n                {rule.path}\n              </span>\n              <button\n                type=\"button\"\n                onClick={() => onDecisionChange?.(rule.id, cycle(rule.decision))}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1\",\n                  \"font-mono text-label uppercase tracking-wider transition-colors\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                  DECISION_CLASS[rule.decision],\n                  !onDecisionChange && \"pointer-events-none\",\n                )}\n              >\n                {DECISION_ICON[rule.decision]}\n                {rule.decision}\n              </button>\n              {onRemove ? (\n                <button\n                  type=\"button\"\n                  onClick={() => onRemove(rule.id)}\n                  aria-label={`Remove rule ${rule.tool} ${rule.path}`}\n                  className=\"rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Trash2 className=\"size-3.5\" />\n                </button>\n              ) : null}\n            </li>\n          ))}\n          {rules.length === 0 ? (\n            <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n              No permission rules configured. The agent will fall back to default policy.\n            </li>\n          ) : null}\n        </ul>\n      </section>\n    );\n  },\n);\nPermissionMatrix.displayName = \"PermissionMatrix\";\n\nexport { PermissionMatrix };\n"]}

package/dist/chunk-75IDWFYX.js

@@ -1,134 +0,0 @@
-"use client";
-import { cn } from './chunk-EWDN56AS.js';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ScrollAreaRoot = forwardRef(
-  ({ className, children, orientation = "vertical", size = "thin", type = "hover", ...props }, ref) => /* @__PURE__ */ jsxs(
-    ScrollAreaPrimitive.Root,
-    {
-      "data-slot": "scroll-area",
-      ref,
-      type,
-      className: cn("relative overflow-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaPrimitive.Viewport,
-          {
-            className: cn(
-              "h-full w-full rounded-[inherit]",
-              // Smooth scroll-behavior + masked overflow inheriting any inner radius
-              "[&>div]:!block"
-            ),
-            children
-          }
-        ),
-        orientation === "vertical" || orientation === "both" ? /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical", size }) : null,
-        orientation === "horizontal" || orientation === "both" ? /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal", size }) : null,
-        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, { className: "bg-transparent" })
-      ]
-    }
-  )
-);
-ScrollAreaRoot.displayName = "ScrollArea";
-var ScrollBar = forwardRef(({ className, orientation = "vertical", size = "thin", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    "data-slot": "scroll-area-bar",
-    ref,
-    orientation,
-    className: cn(
-      "z-10 flex touch-none select-none p-0.5 transition-[width,height,background-color] duration-base ease-out-soft",
-      // hover state slightly lifts the track with a near-invisible violet wash
-      "hover:bg-primary/5",
-      orientation === "vertical" && (size === "thin" ? "h-full w-2.5 border-l border-l-transparent" : "h-full w-3 border-l border-l-transparent"),
-      orientation === "horizontal" && (size === "thin" ? "h-2.5 w-full flex-col border-t border-t-transparent" : "h-3 w-full flex-col border-t border-t-transparent"),
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      ScrollAreaPrimitive.ScrollAreaThumb,
-      {
-        className: cn(
-          "relative flex-1 rounded-full bg-primary/30",
-          "transition-[background-color,box-shadow] duration-fast ease-out-soft",
-          // Theme-aware: glow uses --primary (recolors when theme switches)
-          "hover:bg-primary/55 hover:shadow-[0_0_8px_hsl(var(--primary)/0.35)]",
-          // Drag state uses Radix data-state="visible" + :active
-          "active:bg-primary/75 data-[state=visible]:bg-primary/45"
-        )
-      }
-    )
-  }
-));
-ScrollBar.displayName = "ScrollArea.Bar";
-var ScrollArea = /* @__PURE__ */ Object.assign(ScrollAreaRoot, { Bar: ScrollBar });
-function isNearBottom(metrics, threshold) {
-  return metrics.scrollHeight - metrics.clientHeight - metrics.scrollTop <= threshold;
-}
-function resolveViewport(node) {
-  return node.querySelector("[data-radix-scroll-area-viewport]") ?? node;
-}
-function readMetrics(el) {
-  return { scrollTop: el.scrollTop, scrollHeight: el.scrollHeight, clientHeight: el.clientHeight };
-}
-var DEFAULT_THRESHOLD = 32;
-function useStickToBottom(options = {}) {
-  const threshold = options.threshold ?? DEFAULT_THRESHOLD;
-  const viewportRef = useRef(null);
-  const pinnedRef = useRef(true);
-  const cleanupRef = useRef(null);
-  const [isPinned, setIsPinned] = useState(true);
-  const scrollToBottom = useCallback(() => {
-    const el = viewportRef.current;
-    if (!el) return;
-    el.scrollTop = el.scrollHeight;
-    pinnedRef.current = true;
-    setIsPinned(true);
-  }, []);
-  const scrollRef = useCallback(
-    (node) => {
-      cleanupRef.current?.();
-      cleanupRef.current = null;
-      if (node === null) {
-        viewportRef.current = null;
-        return;
-      }
-      const vp = resolveViewport(node);
-      viewportRef.current = vp;
-      const updatePinned = () => {
-        const pinned = isNearBottom(readMetrics(vp), threshold);
-        pinnedRef.current = pinned;
-        setIsPinned(pinned);
-      };
-      const onScroll = () => updatePinned();
-      const onGrow = () => {
-        if (pinnedRef.current) vp.scrollTop = vp.scrollHeight;
-      };
-      vp.addEventListener("scroll", onScroll, { passive: true });
-      updatePinned();
-      onGrow();
-      const mutationObserver = new MutationObserver(onGrow);
-      mutationObserver.observe(vp, { childList: true, subtree: true, characterData: true });
-      let resizeObserver;
-      if (typeof ResizeObserver !== "undefined") {
-        resizeObserver = new ResizeObserver(onGrow);
-        resizeObserver.observe(vp);
-      }
-      cleanupRef.current = () => {
-        vp.removeEventListener("scroll", onScroll);
-        mutationObserver.disconnect();
-        resizeObserver?.disconnect();
-      };
-    },
-    [threshold]
-  );
-  useEffect(() => () => cleanupRef.current?.(), []);
-  return { scrollRef, isPinned, scrollToBottom };
-}
-
-export { ScrollArea, isNearBottom, useStickToBottom };
-//# sourceMappingURL=chunk-75IDWFYX.js.map
-//# sourceMappingURL=chunk-75IDWFYX.js.map

package/dist/chunk-75IDWFYX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/scroll-area/scroll-area.tsx","../src/components/primitives/scroll-area/use-stick-to-bottom.ts"],"names":[],"mappings":"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","file":"chunk-75IDWFYX.js","sourcesContent":["import * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ScrollArea — custom scroller with Violet Forge styling.\n *\n * Built on Radix ScrollArea so the native scrollbar is always hidden and the\n * custom thumb stays consistent across Chrome/Firefox/Safari/macOS-trackpad.\n *\n * Visual:\n *   - track is transparent, only the thumb is visible.\n *   - thumb is `--primary` at 25% opacity by default; on hover, 45% with violet glow.\n *   - active drag bumps to 60%.\n *   - the rounded full pill thumb plays well with the brutalist border language\n *     but stays subtle (1.5px wide on rest, 3px on hover).\n *\n * Modes (via `type`):\n *   - \"hover\" (default)  — scrollbar fades in on hover/focus, otherwise hidden.\n *   - \"always\"           — scrollbar always visible.\n *   - \"auto\"             — scrollbar visible only when content overflows.\n *   - \"scroll\"           — Radix-managed: visible only while scrolling.\n */\n\ninterface ScrollAreaProps extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  /**\n   * Optional override for which scrollbar(s) to render.\n   * Defaults: vertical only. Set to \"both\" for grids/tables with overflow-x.\n   */\n  orientation?: \"vertical\" | \"horizontal\" | \"both\";\n  /**\n   * Thickness of the scrollbar. Default \"thin\" (2.5px → 3.5px on hover).\n   * Use \"regular\" (8px) for content where the scrollbar should be a more prominent target.\n   */\n  size?: \"thin\" | \"regular\";\n}\n\nconst ScrollAreaRoot = forwardRef<ElementRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (\n    { className, children, orientation = \"vertical\", size = \"thin\", type = \"hover\", ...props },\n    ref,\n  ) => (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      ref={ref}\n      type={type}\n      className={cn(\"relative overflow-hidden\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        className={cn(\n          \"h-full w-full rounded-[inherit]\",\n          // Smooth scroll-behavior + masked overflow inheriting any inner radius\n          \"[&>div]:!block\",\n        )}\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      {orientation === \"vertical\" || orientation === \"both\" ? (\n        <ScrollBar orientation=\"vertical\" size={size} />\n      ) : null}\n      {orientation === \"horizontal\" || orientation === \"both\" ? (\n        <ScrollBar orientation=\"horizontal\" size={size} />\n      ) : null}\n      <ScrollAreaPrimitive.Corner className=\"bg-transparent\" />\n    </ScrollAreaPrimitive.Root>\n  ),\n);\nScrollAreaRoot.displayName = \"ScrollArea\";\n\ninterface ScrollBarProps\n  extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> {\n  size?: \"thin\" | \"regular\";\n}\n\nconst ScrollBar = forwardRef<\n  ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>(({ className, orientation = \"vertical\", size = \"thin\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    data-slot=\"scroll-area-bar\"\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"z-10 flex touch-none select-none p-0.5 transition-[width,height,background-color] duration-base ease-out-soft\",\n      // hover state slightly lifts the track with a near-invisible violet wash\n      \"hover:bg-primary/5\",\n      orientation === \"vertical\" &&\n        (size === \"thin\"\n          ? \"h-full w-2.5 border-l border-l-transparent\"\n          : \"h-full w-3 border-l border-l-transparent\"),\n      orientation === \"horizontal\" &&\n        (size === \"thin\"\n          ? \"h-2.5 w-full flex-col border-t border-t-transparent\"\n          : \"h-3 w-full flex-col border-t border-t-transparent\"),\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      className={cn(\n        \"relative flex-1 rounded-full bg-primary/30\",\n        \"transition-[background-color,box-shadow] duration-fast ease-out-soft\",\n        // Theme-aware: glow uses --primary (recolors when theme switches)\n        \"hover:bg-primary/55 hover:shadow-[0_0_8px_hsl(var(--primary)/0.35)]\",\n        // Drag state uses Radix data-state=\"visible\" + :active\n        \"active:bg-primary/75 data-[state=visible]:bg-primary/45\",\n      )}\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = \"ScrollArea.Bar\";\n\n// Compound assembly. `ScrollArea.Bar` is the only public surface for the\n// scroll bar. The previous standalone `ScrollBar` re-export was deprecated\n// theater in v0.0.0 (no public consumers exist on a pre-published package),\n// so it was removed cleanly in T7.4 (agent-team-audit-fixes plan).\nconst ScrollArea = /*#__PURE__*/ Object.assign(ScrollAreaRoot, { Bar: ScrollBar });\n\nexport { ScrollArea };\n","\"use client\";\n\n/**\n * `useStickToBottom` (M5-5) — auto-scroll a scroll container to the bottom when\n * its content grows, but ONLY while the user is pinned near the bottom (so it\n * never yanks the view away while they read history). Encapsulates the leaked\n * `[data-radix-scroll-area-viewport]` selector: attach `scrollRef` to a\n * `<ScrollArea>` (or any element) and the hook resolves the real scrollable\n * node internally.\n *\n * Content growth (streamed messages/tokens) is detected with a `MutationObserver`\n * — a scroll container's own box does not resize when content grows inside it, so\n * a ResizeObserver alone would miss it. A `ResizeObserver` is added on top (when\n * available) to also catch box-size changes such as an image finishing load.\n */\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport interface StickToBottomMetrics {\n  scrollTop: number;\n  scrollHeight: number;\n  clientHeight: number;\n}\n\n/** Pure: is the scroll position within `threshold` px of the bottom? */\nexport function isNearBottom(metrics: StickToBottomMetrics, threshold: number): boolean {\n  return metrics.scrollHeight - metrics.clientHeight - metrics.scrollTop <= threshold;\n}\n\nexport interface UseStickToBottomOptions {\n  /** Px distance from the bottom under which the view is considered pinned. */\n  threshold?: number;\n}\n\nexport interface UseStickToBottomReturn<T extends HTMLElement = HTMLElement> {\n  /** Attach to the `<ScrollArea>` root (or any element). */\n  scrollRef: (node: T | null) => void;\n  /** Whether the view is currently pinned near the bottom. */\n  isPinned: boolean;\n  /** Force-scroll to the bottom and re-pin. */\n  scrollToBottom: () => void;\n}\n\nfunction resolveViewport(node: HTMLElement): HTMLElement {\n  return node.querySelector<HTMLElement>(\"[data-radix-scroll-area-viewport]\") ?? node;\n}\n\nfunction readMetrics(el: HTMLElement): StickToBottomMetrics {\n  return { scrollTop: el.scrollTop, scrollHeight: el.scrollHeight, clientHeight: el.clientHeight };\n}\n\nconst DEFAULT_THRESHOLD = 32;\n\nexport function useStickToBottom<T extends HTMLElement = HTMLElement>(\n  options: UseStickToBottomOptions = {},\n): UseStickToBottomReturn<T> {\n  const threshold = options.threshold ?? DEFAULT_THRESHOLD;\n  const viewportRef = useRef<HTMLElement | null>(null);\n  const pinnedRef = useRef(true);\n  const cleanupRef = useRef<(() => void) | null>(null);\n  const [isPinned, setIsPinned] = useState(true);\n\n  const scrollToBottom = useCallback(() => {\n    const el = viewportRef.current;\n    if (!el) return;\n    el.scrollTop = el.scrollHeight;\n    pinnedRef.current = true;\n    setIsPinned(true);\n  }, []);\n\n  const scrollRef = useCallback(\n    (node: T | null) => {\n      cleanupRef.current?.();\n      cleanupRef.current = null;\n      if (node === null) {\n        viewportRef.current = null;\n        return;\n      }\n      const vp = resolveViewport(node);\n      viewportRef.current = vp;\n\n      const updatePinned = (): void => {\n        const pinned = isNearBottom(readMetrics(vp), threshold);\n        pinnedRef.current = pinned;\n        setIsPinned(pinned);\n      };\n      const onScroll = (): void => updatePinned();\n      // Auto-scroll on growth ONLY while pinned — the guard that prevents yanking\n      // the view away while the user reads history.\n      const onGrow = (): void => {\n        if (pinnedRef.current) vp.scrollTop = vp.scrollHeight;\n      };\n\n      vp.addEventListener(\"scroll\", onScroll, { passive: true });\n      updatePinned();\n      onGrow(); // pin to bottom on attach when already pinned\n\n      // A scroll container's OWN box does not resize when content grows inside\n      // it, so streamed messages/tokens are detected as DOM mutations (the\n      // primary signal). A ResizeObserver additionally catches box-size changes\n      // (e.g. an image finishing load) when the environment provides one.\n      const mutationObserver = new MutationObserver(onGrow);\n      mutationObserver.observe(vp, { childList: true, subtree: true, characterData: true });\n      let resizeObserver: ResizeObserver | undefined;\n      if (typeof ResizeObserver !== \"undefined\") {\n        resizeObserver = new ResizeObserver(onGrow);\n        resizeObserver.observe(vp);\n      }\n      cleanupRef.current = (): void => {\n        vp.removeEventListener(\"scroll\", onScroll);\n        mutationObserver.disconnect();\n        resizeObserver?.disconnect();\n      };\n    },\n    [threshold],\n  );\n\n  useEffect(() => () => cleanupRef.current?.(), []);\n\n  return { scrollRef, isPinned, scrollToBottom };\n}\n"]}

package/dist/chunk-7BQXMG2A.js

@@ -1,93 +0,0 @@
-import { Progress } from './chunk-4EH6F54D.js';
-import { cn } from './chunk-EWDN56AS.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function defaultFormat(value, max, unit) {
-  return `${value} / ${max}${unit ? ` ${unit}` : ""}`;
-}
-function metricAriaLabel(metric, formatted) {
-  const label = typeof metric.label === "string" ? metric.label : "metric";
-  return `${label}: ${formatted}`;
-}
-var UsageMeter = forwardRef(
-  ({ className, title, action, metrics, compact = false, ...props }, ref) => {
-    const hasHeader = Boolean(title) || Boolean(action);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "usage-meter",
-        ref,
-        className: cn(
-          "grid gap-3 rounded-xl border border-border bg-card p-4",
-          compact && "gap-2",
-          className
-        ),
-        "data-theo-usage-meter": "",
-        ...props,
-        children: [
-          hasHeader ? /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between gap-3", children: [
-            title ? /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "font-mono text-label-caps text-muted-foreground uppercase tracking-wider"
-                ),
-                children: title
-              }
-            ) : /* @__PURE__ */ jsx("span", {}),
-            action ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action }) : null
-          ] }) : null,
-          metrics.map((metric, idx) => {
-            const overQuota = metric.value > metric.max;
-            const fmt = metric.formatter ?? defaultFormat;
-            const formatted = fmt(metric.value, metric.max, metric.unit);
-            const intent = overQuota ? "warning" : "default";
-            const key = `${typeof metric.label === "string" ? metric.label : "metric"}-${idx}`;
-            if (compact) {
-              return /* @__PURE__ */ jsx(
-                Progress,
-                {
-                  value: metric.value,
-                  max: metric.max,
-                  intent,
-                  "aria-label": metricAriaLabel(metric, formatted)
-                },
-                key
-              );
-            }
-            return /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3 text-body-sm", children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: metric.label }),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "shrink-0 font-mono tabular-nums",
-                      overQuota ? "text-warning" : "text-foreground"
-                    ),
-                    children: formatted
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(
-                Progress,
-                {
-                  value: metric.value,
-                  max: metric.max,
-                  intent,
-                  "aria-label": metricAriaLabel(metric, formatted)
-                }
-              )
-            ] }, key);
-          })
-        ]
-      }
-    );
-  }
-);
-UsageMeter.displayName = "UsageMeter";
-
-export { UsageMeter };
-//# sourceMappingURL=chunk-7BQXMG2A.js.map
-//# sourceMappingURL=chunk-7BQXMG2A.js.map

package/dist/chunk-7BQXMG2A.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/usage-meter/usage-meter.tsx"],"names":[],"mappings":"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","file":"chunk-7BQXMG2A.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Progress } from \"../../primitives/progress/index.js\";\n\n/**\n * UsageMeter — multi-metric stacked usage card.\n *\n * PaaS-shape sibling of `<CostMeter>` (which is mono-USD). Displays N\n * metrics with arbitrary units (GB, requests, build-minutes, seats) per\n * the reference TheoCloud dashboard mockup. Each row = label + value/max\n * + `<Progress>` fill bar.\n *\n * Composition:\n *\n *   <UsageMeter\n *     title=\"Last 30 days\"\n *     action={<Badge variant=\"outline\">Upgrade</Badge>}\n *     metrics={[\n *       { label: \"Fast Data Transfer\", value: 0, max: 100, unit: \"GB\" },\n *       { label: \"Edge Requests\", value: 0, max: 1_000_000, unit: \"req\",\n *         formatter: (v, m) => `${v} / ${m >= 1e6 ? `${m / 1e6}M` : m}` },\n *     ]}\n *   />\n *\n * Over-quota detection: when `value > max`, the value text gets the\n * `text-warning` class and the underlying `<Progress>` uses\n * `intent=\"warning\"` (bar fills 100% via Progress's own clamping).\n *\n * `compact` mode renders only the bars (no label/value text) — useful in\n * narrow nav-bar slots.\n *\n * Imports the sibling `<Progress>` primitive via relative path (per RFC\n * dashboard-paas-primitives D3) — primitives must not depend on the\n * `@theokit/ui` barrel.\n */\n\nexport interface UsageMetric {\n  /** Display label (e.g. \"Fast Data Transfer\"). */\n  label: ReactNode;\n  /** Current consumption. */\n  value: number;\n  /** Maximum allowed in the current period. */\n  max: number;\n  /** Unit string (e.g. \"GB\", \"req\", \"min\"). Rendered after value/max. */\n  unit?: string;\n  /** Optional custom formatter — overrides default `${value} / ${max} ${unit}`. */\n  formatter?: (value: number, max: number, unit?: string) => string;\n}\n\nexport interface UsageMeterProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Card title (e.g. \"Last 30 days\", \"This billing period\"). */\n  title?: ReactNode;\n  /** Optional right-aligned action slot (e.g. an Upgrade Badge or Button). */\n  action?: ReactNode;\n  /** Array of metrics to display. Order preserved. */\n  metrics: UsageMetric[];\n  /** When true, show only the bars without label/value text (sparkline mode). */\n  compact?: boolean;\n}\n\nfunction defaultFormat(value: number, max: number, unit?: string): string {\n  return `${value} / ${max}${unit ? ` ${unit}` : \"\"}`;\n}\n\nfunction metricAriaLabel(metric: UsageMetric, formatted: string): string {\n  // Label may be a ReactNode; coerce to string for aria-label.\n  const label = typeof metric.label === \"string\" ? metric.label : \"metric\";\n  return `${label}: ${formatted}`;\n}\n\nconst UsageMeter = forwardRef<HTMLDivElement, UsageMeterProps>(\n  ({ className, title, action, metrics, compact = false, ...props }, ref) => {\n    const hasHeader = Boolean(title) || Boolean(action);\n    return (\n      <div\n        data-slot=\"usage-meter\"\n        ref={ref}\n        className={cn(\n          \"grid gap-3 rounded-xl border border-border bg-card p-4\",\n          compact && \"gap-2\",\n          className,\n        )}\n        data-theo-usage-meter=\"\"\n        {...props}\n      >\n        {hasHeader ? (\n          <header className=\"flex items-baseline justify-between gap-3\">\n            {title ? (\n              <span\n                className={cn(\n                  \"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\",\n                )}\n              >\n                {title}\n              </span>\n            ) : (\n              <span />\n            )}\n            {action ? <div className=\"shrink-0\">{action}</div> : null}\n          </header>\n        ) : null}\n\n        {metrics.map((metric, idx) => {\n          const overQuota = metric.value > metric.max;\n          const fmt = metric.formatter ?? defaultFormat;\n          const formatted = fmt(metric.value, metric.max, metric.unit);\n          const intent = overQuota ? \"warning\" : \"default\";\n          // Each metric needs a stable key. Without a unique id field we\n          // synthesize one from label + idx — duplicates resolve via the\n          // index suffix.\n          const key = `${typeof metric.label === \"string\" ? metric.label : \"metric\"}-${idx}`;\n\n          if (compact) {\n            return (\n              <Progress\n                key={key}\n                value={metric.value}\n                max={metric.max}\n                intent={intent}\n                aria-label={metricAriaLabel(metric, formatted)}\n              />\n            );\n          }\n\n          return (\n            <div key={key} className=\"grid gap-1.5\">\n              <div className=\"flex items-baseline justify-between gap-3 text-body-sm\">\n                <span className=\"truncate text-muted-foreground\">{metric.label}</span>\n                <span\n                  className={cn(\n                    \"shrink-0 font-mono tabular-nums\",\n                    overQuota ? \"text-warning\" : \"text-foreground\",\n                  )}\n                >\n                  {formatted}\n                </span>\n              </div>\n              <Progress\n                value={metric.value}\n                max={metric.max}\n                intent={intent}\n                aria-label={metricAriaLabel(metric, formatted)}\n              />\n            </div>\n          );\n        })}\n      </div>\n    );\n  },\n);\nUsageMeter.displayName = \"UsageMeter\";\n\nexport { UsageMeter };\n"]}

package/dist/chunk-7RFWVNQA.js

@@ -1,47 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { forwardRef } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var Provider2 = TooltipPrimitive.Provider;
-var Root2 = TooltipPrimitive.Root;
-var Trigger2 = TooltipPrimitive.Trigger;
-var Content2 = forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    "data-slot": "tooltip-content",
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md border border-border/40 bg-foreground px-2.5 py-1.5",
-      "text-background text-body-sm shadow-md",
-      "data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:animate-in",
-      "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
-      "data-[side=top]:slide-in-from-bottom-1 data-[side=bottom]:slide-in-from-top-1",
-      "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
-      className
-    ),
-    ...props
-  }
-) }));
-Content2.displayName = "Tooltip.Content";
-var Tooltip = ({
-  label,
-  side = "top",
-  align = "center",
-  delayDuration = 200,
-  children,
-  ...rootProps
-}) => /* @__PURE__ */ jsx(Provider2, { delayDuration, children: /* @__PURE__ */ jsxs(Root2, { ...rootProps, children: [
-  /* @__PURE__ */ jsx(Trigger2, { asChild: true, children }),
-  /* @__PURE__ */ jsx(Content2, { side, align, children: label })
-] }) });
-var TooltipWithStatics = Tooltip;
-TooltipWithStatics.Provider = Provider2;
-TooltipWithStatics.Root = Root2;
-TooltipWithStatics.Trigger = Trigger2;
-TooltipWithStatics.Content = Content2;
-
-export { TooltipWithStatics };
-//# sourceMappingURL=chunk-7RFWVNQA.js.map
-//# sourceMappingURL=chunk-7RFWVNQA.js.map

package/dist/chunk-7RFWVNQA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/tooltip/tooltip.tsx"],"names":["Provider","Root","Trigger","Content"],"mappings":";;;;;AAcA,IAAMA,SAAAA,GAA4B,gBAAA,CAAA,QAAA;AAClC,IAAMC,KAAAA,GAAwB,gBAAA,CAAA,IAAA;AAC9B,IAAMC,QAAAA,GAA2B,gBAAA,CAAA,OAAA;AAEjC,IAAMC,QAAAA,GAAU,UAAA,CAGd,CAAC,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,WAAA,EAAU,iBAAA;AAAA,IACV,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,qFAAA;AAAA,MACA,wCAAA;AAAA,MACA,+GAAA;AAAA,MACA,gGAAA;AAAA,MACA,+EAAA;AAAA,MACA,+EAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD,CAAA;AACDA,QAAAA,CAAQ,WAAA,GAAc,iBAAA;AActB,IAAM,UAAU,CAAC;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,aAAA,GAAgB,GAAA;AAAA,EAChB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBAEI,GAAA,CAACH,WAAA,EAAS,aAAA,EACR,+BAACC,KAAAA,EAAA,EAAM,GAAG,SAAA,EACR,QAAA,EAAA;AAAA,kBAAA,GAAA,CAACC,QAAAA,EAAA,EAAQ,OAAA,EAAO,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,kBAC3B,GAAA,CAACC,QAAAA,EAAA,EAAQ,IAAA,EAAY,OAClB,QAAA,EAAA,KAAA,EACH;AAAA,CAAA,EACF,CAAA,EACF,CAAA;AAGJ,IAAM,kBAAA,GAAqB;AAM3B,kBAAA,CAAmB,QAAA,GAAWH,SAAAA;AAC9B,kBAAA,CAAmB,IAAA,GAAOC,KAAAA;AAC1B,kBAAA,CAAmB,OAAA,GAAUC,QAAAA;AAC7B,kBAAA,CAAmB,OAAA,GAAUC,QAAAA","file":"chunk-7RFWVNQA.js","sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Tooltip — built on Radix Tooltip.\n *\n * Visual: dark surface in light mode (and inverse in dark) with rounded-md,\n * shadow-md, text-body-sm. 8px delay-show default.\n *\n * Wrap your app in <Tooltip.Provider> once (or use the default delayDuration here).\n */\n\nconst Provider = TooltipPrimitive.Provider;\nconst Root = TooltipPrimitive.Root;\nconst Trigger = TooltipPrimitive.Trigger;\n\nconst Content = forwardRef<\n  ElementRef<typeof TooltipPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 6, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      data-slot=\"tooltip-content\"\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 overflow-hidden rounded-md border border-border/40 bg-foreground px-2.5 py-1.5\",\n        \"text-background text-body-sm shadow-md\",\n        \"data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:animate-in\",\n        \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n        \"data-[side=top]:slide-in-from-bottom-1 data-[side=bottom]:slide-in-from-top-1\",\n        \"data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1\",\n        className,\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nContent.displayName = \"Tooltip.Content\";\n\ninterface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  label: ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  children: ReactNode;\n}\n\n/**\n * Shorthand: <Tooltip label=\"…\"><Button>…</Button></Tooltip>\n * Wraps Provider + Root + Trigger asChild + Content for the common case.\n * For advanced usage (controlled state, custom content), use Tooltip.Root etc. directly.\n */\nconst Tooltip = ({\n  label,\n  side = \"top\",\n  align = \"center\",\n  delayDuration = 200,\n  children,\n  ...rootProps\n}: TooltipProps) =>\n  (\n    <Provider delayDuration={delayDuration}>\n      <Root {...rootProps}>\n        <Trigger asChild>{children}</Trigger>\n        <Content side={side} align={align}>\n          {label}\n        </Content>\n      </Root>\n    </Provider>\n  ) as ReturnType<typeof Provider>;\n\nconst TooltipWithStatics = Tooltip as typeof Tooltip & {\n  Provider: typeof Provider;\n  Root: typeof Root;\n  Trigger: typeof Trigger;\n  Content: typeof Content;\n};\nTooltipWithStatics.Provider = Provider;\nTooltipWithStatics.Root = Root;\nTooltipWithStatics.Trigger = Trigger;\nTooltipWithStatics.Content = Content;\n\nexport { TooltipWithStatics as Tooltip };\n"]}

package/dist/chunk-ABBXLAJW.js

@@ -1,74 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { cva } from 'class-variance-authority';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var avatarVariants = cva(
-  [
-    "relative inline-flex shrink-0 overflow-hidden rounded-full",
-    "border border-border/40 bg-muted text-foreground"
-  ],
-  {
-    variants: {
-      size: {
-        xs: "size-6 text-label",
-        sm: "size-7 text-label",
-        md: "size-9 text-body-sm",
-        lg: "size-12 text-body-md",
-        xl: "size-16 text-title-md"
-      },
-      tone: {
-        muted: "bg-muted text-foreground",
-        primary: "bg-primary text-primary-foreground",
-        accent: "bg-accent text-accent-foreground"
-      }
-    },
-    defaultVariants: { size: "md", tone: "muted" }
-  }
-);
-var AvatarRoot = forwardRef(
-  ({ className, size, tone, ...props }, ref) => /* @__PURE__ */ jsx(
-    AvatarPrimitive.Root,
-    {
-      "data-slot": "avatar",
-      "data-size": size,
-      ref,
-      className: cn(avatarVariants({ size, tone }), className),
-      ...props
-    }
-  )
-);
-AvatarRoot.displayName = "Avatar";
-var AvatarImage = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Image,
-  {
-    "data-slot": "avatar-image",
-    ref,
-    className: cn("aspect-square size-full object-cover", className),
-    ...props
-  }
-));
-AvatarImage.displayName = "Avatar.Image";
-var AvatarFallback = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Fallback,
-  {
-    "data-slot": "avatar-fallback",
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center font-medium leading-none",
-      className
-    ),
-    delayMs: 300,
-    ...props
-  }
-));
-AvatarFallback.displayName = "Avatar.Fallback";
-var Avatar = /* @__PURE__ */ Object.assign(AvatarRoot, {
-  Image: AvatarImage,
-  Fallback: AvatarFallback
-});
-
-export { Avatar, avatarVariants };
-//# sourceMappingURL=chunk-ABBXLAJW.js.map
-//# sourceMappingURL=chunk-ABBXLAJW.js.map

package/dist/chunk-ABBXLAJW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/avatar/avatar.tsx"],"names":[],"mappings":";;;;;;AAmBA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB;AAAA,IACE,4DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO,0BAAA;AAAA,QACP,OAAA,EAAS,oCAAA;AAAA,QACT,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,OAAA;AAAQ;AAEjD;AAMA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAM,GAAG,KAAA,IAAS,GAAA,qBACpC,GAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,GAAA;AAAA,MACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,MAAM,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACtD,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,UAAA,CAAW,WAAA,GAAc,QAAA;AAEzB,IAAM,WAAA,GAAc,WAGlB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,KAAA;AAAA,EAAhB;AAAA,IACC,WAAA,EAAU,cAAA;AAAA,IACV,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,sCAAA,EAAwC,SAAS,CAAA;AAAA,IAC9D,GAAG;AAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,WAAA,GAAc,cAAA;AAE1B,IAAM,cAAA,GAAiB,WAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,QAAA;AAAA,EAAhB;AAAA,IACC,WAAA,EAAU,iBAAA;AAAA,IACV,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,yEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS,GAAA;AAAA,IACR,GAAG;AAAA;AACN,CACD,CAAA;AACD,cAAA,CAAe,WAAA,GAAc,iBAAA;AAE7B,IAAM,MAAA,mBAAuB,MAAA,CAAO,MAAA,CAAO,UAAA,EAAY;AAAA,EACrD,KAAA,EAAO,WAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAC","file":"chunk-ABBXLAJW.js","sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Avatar — user/team avatar with safe fallback to initials.\n *\n * Composition:\n *   <Avatar size=\"md\">\n *     <Avatar.Image src=\"…\" alt=\"…\" />\n *     <Avatar.Fallback>AA</Avatar.Fallback>\n *   </Avatar>\n *\n * Built on Radix Avatar (handles image load failures → fallback automatically).\n * Sizes scale on the root; fallback inherits the size's text scale.\n */\n\nconst avatarVariants = cva(\n  [\n    \"relative inline-flex shrink-0 overflow-hidden rounded-full\",\n    \"border border-border/40 bg-muted text-foreground\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"size-6 text-label\",\n        sm: \"size-7 text-label\",\n        md: \"size-9 text-body-sm\",\n        lg: \"size-12 text-body-md\",\n        xl: \"size-16 text-title-md\",\n      },\n      tone: {\n        muted: \"bg-muted text-foreground\",\n        primary: \"bg-primary text-primary-foreground\",\n        accent: \"bg-accent text-accent-foreground\",\n      },\n    },\n    defaultVariants: { size: \"md\", tone: \"muted\" },\n  },\n);\n\ninterface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {}\n\nconst AvatarRoot = forwardRef<ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n  ({ className, size, tone, ...props }, ref) => (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      ref={ref}\n      className={cn(avatarVariants({ size, tone }), className)}\n      {...props}\n    />\n  ),\n);\nAvatarRoot.displayName = \"Avatar\";\n\nconst AvatarImage = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Image>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    data-slot=\"avatar-image\"\n    ref={ref}\n    className={cn(\"aspect-square size-full object-cover\", className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = \"Avatar.Image\";\n\nconst AvatarFallback = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Fallback>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    data-slot=\"avatar-fallback\"\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center font-medium leading-none\",\n      className,\n    )}\n    delayMs={300}\n    {...props}\n  />\n));\nAvatarFallback.displayName = \"Avatar.Fallback\";\n\nconst Avatar = /*#__PURE__*/ Object.assign(AvatarRoot, {\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n});\n\nexport { Avatar, avatarVariants };\n"]}