@usetheo/ui 0.13.0 → 0.13.2

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/stability-bundle-viewer/stability-bundle-viewer.tsx"],"names":[],"mappings":"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","file":"chunk-6ZQKEY54.js","sourcesContent":["import { AlertOctagon, AlertTriangle, Info, type LucideIcon } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * StabilityBundleViewer — inspector for a stability-bundle JSON produced by a\n * server crash. Sections (error, env, config, metadata) collapse independently.\n *\n * EC-9: handles bundles missing optional sections gracefully. Renderer DOES\n * NOT redact env values — bundle writer is expected to redact at emit-time.\n */\n\nexport type StabilitySeverity = \"fatal\" | \"error\" | \"warn\";\n\nexport interface StabilityBundle {\n  timestamp: string;\n  severity: StabilitySeverity;\n  summary: string;\n  error?: { name: string; message: string; stack?: string };\n  env?: Record<string, string>;\n  config?: Record<string, unknown>;\n  metadata?: Record<string, unknown>;\n}\n\nexport interface StabilityBundleViewerProps {\n  bundle: StabilityBundle;\n  onCopy?: () => void;\n  className?: string;\n  \"data-testid\"?: string;\n}\n\nconst SEVERITY_META: Record<\n  StabilitySeverity,\n  { icon: LucideIcon; className: string; label: string }\n> = {\n  fatal: {\n    icon: AlertOctagon,\n    className: \"text-destructive\",\n    label: \"Fatal\",\n  },\n  error: {\n    icon: AlertTriangle,\n    className: \"text-amber-600 dark:text-amber-400\",\n    label: \"Error\",\n  },\n  warn: {\n    icon: Info,\n    className: \"text-blue-600 dark:text-blue-400\",\n    label: \"Warning\",\n  },\n};\n\ninterface CollapsibleSectionProps {\n  title: string;\n  testId: string;\n  defaultOpen?: boolean;\n  children: React.ReactNode;\n}\n\nfunction CollapsibleSection({\n  title,\n  testId,\n  defaultOpen = true,\n  children,\n}: CollapsibleSectionProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  return (\n    <section className=\"rounded border border-border\" data-testid={testId}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex w-full items-center justify-between px-3 py-2 text-left font-medium text-sm hover:bg-muted/30\"\n        aria-expanded={open}\n        data-testid={`${testId}-toggle`}\n      >\n        <span>{title}</span>\n        <span aria-hidden>{open ? \"▾\" : \"▸\"}</span>\n      </button>\n      {open && <div className=\"border-border border-t px-3 py-2\">{children}</div>}\n    </section>\n  );\n}\n\nexport const StabilityBundleViewer = forwardRef<HTMLDivElement, StabilityBundleViewerProps>(\n  ({ bundle, onCopy, className, \"data-testid\": dataTestId }, ref) => {\n    const meta = SEVERITY_META[bundle.severity] ?? SEVERITY_META.error;\n    const Icon = meta.icon;\n    const envEntries = bundle.env !== undefined ? Object.entries(bundle.env) : [];\n    const configEntries = bundle.config !== undefined ? Object.entries(bundle.config) : [];\n    const metadataEntries = bundle.metadata !== undefined ? Object.entries(bundle.metadata) : [];\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col gap-3\", className)}\n        data-testid={dataTestId ?? \"stability-bundle-viewer\"}\n      >\n        <header className=\"flex items-start gap-3 rounded border border-border bg-card p-3\">\n          <Icon className={cn(\"size-5\", meta.className)} aria-hidden />\n          <div className=\"flex-1\">\n            <div className=\"flex items-baseline gap-2\">\n              <span\n                className={cn(\"font-semibold text-sm\", meta.className)}\n                data-testid=\"stability-severity\"\n              >\n                {meta.label}\n              </span>\n              <time\n                className=\"text-muted-foreground text-xs\"\n                dateTime={bundle.timestamp}\n                data-testid=\"stability-timestamp\"\n              >\n                {bundle.timestamp}\n              </time>\n            </div>\n            <p className=\"mt-1 text-sm\" data-testid=\"stability-summary\">\n              {bundle.summary}\n            </p>\n          </div>\n          {onCopy !== undefined && (\n            <button\n              type=\"button\"\n              onClick={onCopy}\n              className=\"rounded border border-border px-2 py-1 text-xs hover:bg-muted/30\"\n              data-testid=\"stability-copy\"\n            >\n              Copy\n            </button>\n          )}\n        </header>\n\n        {bundle.error !== undefined && (\n          <CollapsibleSection title=\"Error\" testId=\"stability-section-error\">\n            <p className=\"font-mono text-sm\">\n              <strong>{bundle.error.name}</strong>: {bundle.error.message}\n            </p>\n            {bundle.error.stack !== undefined && bundle.error.stack.length > 0 && (\n              <pre\n                className=\"mt-2 overflow-x-auto rounded bg-muted/30 p-2 text-xs\"\n                data-testid=\"stability-stack\"\n              >\n                {bundle.error.stack}\n              </pre>\n            )}\n          </CollapsibleSection>\n        )}\n\n        {envEntries.length > 0 && (\n          <CollapsibleSection\n            title={`Environment (${envEntries.length})`}\n            testId=\"stability-section-env\"\n            defaultOpen={false}\n          >\n            <table className=\"w-full text-xs\">\n              <thead className=\"text-muted-foreground\">\n                <tr>\n                  <th className=\"text-left\">Key</th>\n                  <th className=\"text-left\">Value</th>\n                </tr>\n              </thead>\n              <tbody>\n                {envEntries.map(([k, v]) => (\n                  <tr key={k} className=\"border-border/40 border-t\">\n                    <td className=\"py-1 pr-2 font-mono\">{k}</td>\n                    <td className=\"py-1 font-mono\">{v}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </CollapsibleSection>\n        )}\n\n        {configEntries.length > 0 && (\n          <CollapsibleSection title=\"Config\" testId=\"stability-section-config\" defaultOpen={false}>\n            <pre className=\"overflow-x-auto rounded bg-muted/30 p-2 text-xs\">\n              {JSON.stringify(bundle.config, null, 2)}\n            </pre>\n          </CollapsibleSection>\n        )}\n\n        {metadataEntries.length > 0 && (\n          <CollapsibleSection\n            title=\"Metadata\"\n            testId=\"stability-section-metadata\"\n            defaultOpen={false}\n          >\n            <pre className=\"overflow-x-auto rounded bg-muted/30 p-2 text-xs\">\n              {JSON.stringify(bundle.metadata, null, 2)}\n            </pre>\n          </CollapsibleSection>\n        )}\n      </div>\n    );\n  },\n);\nStabilityBundleViewer.displayName = \"StabilityBundleViewer\";\n"]}

package/dist/chunk-74NZ5U3E.js

@@ -1,145 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { ChevronRight } from 'lucide-react';
-import { forwardRef, Fragment } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var Root = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "header",
-    {
-      ref,
-      className: cn(
-        "flex h-16 items-center justify-between gap-4 border-border/40 border-b bg-card px-6",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Root.displayName = "TopNav";
-var Left = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-1 items-center gap-3", className), ...props })
-);
-Left.displayName = "TopNav.Left";
-var Center = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("hidden flex-1 justify-center md:flex", className), ...props })
-);
-Center.displayName = "TopNav.Center";
-var Right = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn("flex flex-1 items-center justify-end gap-2", className),
-      ...props
-    }
-  )
-);
-Right.displayName = "TopNav.Right";
-var Breadcrumbs = forwardRef(
-  ({ className, items, ...props }, ref) => /* @__PURE__ */ jsx(
-    "nav",
-    {
-      ref,
-      "aria-label": "Breadcrumb",
-      className: cn("flex items-center gap-1.5 text-body-sm", className),
-      ...props,
-      children: items.map((item, idx) => {
-        const isLast = idx === items.length - 1;
-        const key = typeof item.label === "string" ? item.label : idx;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          item.href && !isLast ? /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: item.href,
-              className: "font-sans text-muted-foreground transition-colors hover:text-foreground",
-              children: item.label
-            }
-          ) : /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "font-sans",
-                isLast ? "font-medium text-foreground" : "text-muted-foreground"
-              ),
-              "aria-current": isLast ? "page" : void 0,
-              children: item.label
-            }
-          ),
-          !isLast ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-muted-foreground", "aria-hidden": "true" }) : null
-        ] }, key);
-      })
-    }
-  )
-);
-Breadcrumbs.displayName = "TopNav.Breadcrumbs";
-var ModeSwitcher = forwardRef(
-  ({ className, value, options, onChange, ariaLabel = "Mode", ...props }, ref) => {
-    const handleKeyDown = (e) => {
-      if (!onChange || options.length === 0) return;
-      const idx = options.findIndex((o) => o.value === value);
-      const current = idx >= 0 ? idx : 0;
-      let nextIdx = null;
-      if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-        nextIdx = (current + 1) % options.length;
-      } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-        nextIdx = (current - 1 + options.length) % options.length;
-      } else if (e.key === "Home") {
-        nextIdx = 0;
-      } else if (e.key === "End") {
-        nextIdx = options.length - 1;
-      }
-      if (nextIdx === null) return;
-      e.preventDefault();
-      const target = options[nextIdx];
-      if (target) onChange(target.value);
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "radiogroup",
-        "aria-label": ariaLabel,
-        onKeyDown: handleKeyDown,
-        className: cn(
-          "inline-flex items-center rounded-lg border border-border/60 bg-muted p-1",
-          className
-        ),
-        ...props,
-        children: options.map((opt) => {
-          const isActive = opt.value === value;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "radio",
-              "aria-checked": isActive,
-              tabIndex: isActive ? 0 : -1,
-              onClick: () => onChange?.(opt.value),
-              className: cn(
-                "rounded-md px-3 py-1.5 font-medium font-sans text-body-sm",
-                "transition-all duration-base ease-out-soft",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                isActive ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
-              ),
-              children: opt.label
-            },
-            opt.value
-          );
-        })
-      }
-    );
-  }
-);
-ModeSwitcher.displayName = "TopNav.ModeSwitcher";
-var TopNav = /* @__PURE__ */ Object.assign(Root, {
-  Left,
-  Center,
-  Right,
-  Breadcrumbs,
-  ModeSwitcher
-});
-
-export { TopNav };
-//# sourceMappingURL=chunk-74NZ5U3E.js.map
-//# sourceMappingURL=chunk-74NZ5U3E.js.map

package/dist/chunk-74NZ5U3E.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/topnav/topnav.tsx"],"names":[],"mappings":"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","file":"chunk-74NZ5U3E.js","sourcesContent":["import { ChevronRight } from \"lucide-react\";\nimport { Fragment, forwardRef } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * TopNav — horizontal app bar (64px).\n *\n * Composition:\n *   <TopNav>\n *     <TopNav.Left>\n *       <TopNav.Breadcrumbs items={[{label: \"acme\"}, {label: \"api\"}]} />\n *     </TopNav.Left>\n *     <TopNav.Center>…segmented switcher…</TopNav.Center>\n *     <TopNav.Right>…actions…</TopNav.Right>\n *   </TopNav>\n *\n * Variant — hairline bottom border. No glass/blur (anti-glass guideline).\n */\n\nconst Root = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <header\n      ref={ref}\n      className={cn(\n        \"flex h-16 items-center justify-between gap-4 border-border/40 border-b bg-card px-6\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nRoot.displayName = \"TopNav\";\n\nconst Left = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-1 items-center gap-3\", className)} {...props} />\n  ),\n);\nLeft.displayName = \"TopNav.Left\";\n\nconst Center = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"hidden flex-1 justify-center md:flex\", className)} {...props} />\n  ),\n);\nCenter.displayName = \"TopNav.Center\";\n\nconst Right = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-1 items-center justify-end gap-2\", className)}\n      {...props}\n    />\n  ),\n);\nRight.displayName = \"TopNav.Right\";\n\ninterface BreadcrumbItem {\n  label: ReactNode;\n  href?: string;\n}\n\ninterface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs = forwardRef<HTMLElement, BreadcrumbsProps>(\n  ({ className, items, ...props }, ref) => (\n    <nav\n      ref={ref}\n      aria-label=\"Breadcrumb\"\n      className={cn(\"flex items-center gap-1.5 text-body-sm\", className)}\n      {...props}\n    >\n      {items.map((item, idx) => {\n        const isLast = idx === items.length - 1;\n        const key = typeof item.label === \"string\" ? item.label : idx;\n        return (\n          <Fragment key={key}>\n            {item.href && !isLast ? (\n              <a\n                href={item.href}\n                className=\"font-sans text-muted-foreground transition-colors hover:text-foreground\"\n              >\n                {item.label}\n              </a>\n            ) : (\n              <span\n                className={cn(\n                  \"font-sans\",\n                  isLast ? \"font-medium text-foreground\" : \"text-muted-foreground\",\n                )}\n                aria-current={isLast ? \"page\" : undefined}\n              >\n                {item.label}\n              </span>\n            )}\n            {!isLast ? (\n              <ChevronRight className=\"size-3.5 text-muted-foreground\" aria-hidden=\"true\" />\n            ) : null}\n          </Fragment>\n        );\n      })}\n    </nav>\n  ),\n);\nBreadcrumbs.displayName = \"TopNav.Breadcrumbs\";\n\ninterface ModeSwitcherOption {\n  value: string;\n  label: ReactNode;\n}\n\ninterface ModeSwitcherProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value: string;\n  options: ModeSwitcherOption[];\n  onChange?: (value: string) => void;\n  /**\n   * Accessible label for the radiogroup. Defaults to \"Mode\".\n   */\n  ariaLabel?: string;\n}\n\n/**\n * TopNav.ModeSwitcher — segmented control (Chat / Code / Infra).\n *\n * ARIA semantics: `role=\"radiogroup\"` + `role=\"radio\"` per option, with roving\n * tabindex and full keyboard navigation (Arrow keys + Home/End). Per WAI-ARIA\n * radiogroup pattern, exactly one option has `tabIndex=0` (the active one) and\n * the rest have `tabIndex=-1`, so Tab moves in and Tab moves out.\n *\n * Stateless: pass `value` + `onChange`.\n */\nconst ModeSwitcher = forwardRef<HTMLDivElement, ModeSwitcherProps>(\n  ({ className, value, options, onChange, ariaLabel = \"Mode\", ...props }, ref) => {\n    const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      if (!onChange || options.length === 0) return;\n      const idx = options.findIndex((o) => o.value === value);\n      const current = idx >= 0 ? idx : 0;\n      let nextIdx: number | null = null;\n      if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n        nextIdx = (current + 1) % options.length;\n      } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n        nextIdx = (current - 1 + options.length) % options.length;\n      } else if (e.key === \"Home\") {\n        nextIdx = 0;\n      } else if (e.key === \"End\") {\n        nextIdx = options.length - 1;\n      }\n      if (nextIdx === null) return;\n      e.preventDefault();\n      const target = options[nextIdx];\n      if (target) onChange(target.value);\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"inline-flex items-center rounded-lg border border-border/60 bg-muted p-1\",\n          className,\n        )}\n        {...props}\n      >\n        {options.map((opt) => {\n          const isActive = opt.value === value;\n          return (\n            <button\n              key={opt.value}\n              type=\"button\"\n              // biome-ignore lint/a11y/useSemanticElements: WAI-ARIA radiogroup pattern requires role=\"radio\" on buttons for segmented controls\n              role=\"radio\"\n              aria-checked={isActive}\n              tabIndex={isActive ? 0 : -1}\n              onClick={() => onChange?.(opt.value)}\n              className={cn(\n                \"rounded-md px-3 py-1.5 font-medium font-sans text-body-sm\",\n                \"transition-all duration-base ease-out-soft\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                isActive\n                  ? \"bg-card text-foreground shadow-sm\"\n                  : \"text-muted-foreground hover:text-foreground\",\n              )}\n            >\n              {opt.label}\n            </button>\n          );\n        })}\n      </div>\n    );\n  },\n);\nModeSwitcher.displayName = \"TopNav.ModeSwitcher\";\n\nconst TopNav = /*#__PURE__*/ Object.assign(Root, {\n  Left,\n  Center,\n  Right,\n  Breadcrumbs,\n  ModeSwitcher,\n});\n\nexport { TopNav };\n"]}

package/dist/chunk-755NWSNW.js

@@ -1,36 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var LoginSplit = forwardRef(
-  ({ className, left, right, footer, reverse, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-h-screen flex-col bg-background", className), ...props, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "grid flex-1 grid-cols-1 lg:grid-cols-2",
-          reverse && "lg:[&>*:first-child]:order-2"
-        ),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-6 py-12 lg:px-12", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: left }) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "relative flex items-center justify-center px-6 py-12 lg:px-12",
-                "bg-dotted-violet bg-muted/60"
-              ),
-              children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-lg", children: right })
-            }
-          )
-        ]
-      }
-    ),
-    footer ? /* @__PURE__ */ jsx("footer", { className: "border-border/40 border-t px-6 py-3 text-center text-body-sm text-muted-foreground", children: footer }) : null
-  ] })
-);
-LoginSplit.displayName = "LoginSplit";
-
-export { LoginSplit };
-//# sourceMappingURL=chunk-755NWSNW.js.map
-//# sourceMappingURL=chunk-755NWSNW.js.map

package/dist/chunk-755NWSNW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/login-split/login-split.tsx"],"names":[],"mappings":";;;;AA0BA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,OAAO,MAAA,EAAQ,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,wBACtD,IAAA,CAAC,KAAA,EAAA,EAAI,KAAU,SAAA,EAAW,EAAA,CAAG,4CAA4C,SAAS,CAAA,EAAI,GAAG,KAAA,EACvF,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,wCAAA;AAAA,UACA,OAAA,IAAW;AAAA,SACb;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,iBAAA,EAAmB,gBAAK,CAAA,EACzC,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,+DAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAC1C;AAAA;AAAA,KACF;AAAA,IACC,yBACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,oFAAA,EACf,kBACH,CAAA,GACE;AAAA,GAAA,EACN;AAEJ;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-755NWSNW.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface LoginSplitProps extends HTMLAttributes<HTMLDivElement> {\n  /** Left pane content — form, brand, etc. */\n  left: ReactNode;\n  /** Right pane content — illustration, marketing, social proof. */\n  right: ReactNode;\n  /**\n   * Optional footer rendered below both panes.\n   */\n  footer?: ReactNode;\n  /**\n   * Reverse the split (form on the right). Default = form left.\n   */\n  reverse?: boolean;\n}\n\n/**\n * LoginSplit — 50/50 split layout shell.\n *\n * Used for the auth flow. Two slots (`left`, `right`); the right pane has a\n * subtle violet wash so the illustration sits inside Theo identity. Mobile\n * collapses to single column.\n */\nconst LoginSplit = forwardRef<HTMLDivElement, LoginSplitProps>(\n  ({ className, left, right, footer, reverse, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex min-h-screen flex-col bg-background\", className)} {...props}>\n      <div\n        className={cn(\n          \"grid flex-1 grid-cols-1 lg:grid-cols-2\",\n          reverse && \"lg:[&>*:first-child]:order-2\",\n        )}\n      >\n        <div className=\"flex items-center justify-center px-6 py-12 lg:px-12\">\n          <div className=\"w-full max-w-md\">{left}</div>\n        </div>\n        <div\n          className={cn(\n            \"relative flex items-center justify-center px-6 py-12 lg:px-12\",\n            \"bg-dotted-violet bg-muted/60\",\n          )}\n        >\n          <div className=\"w-full max-w-lg\">{right}</div>\n        </div>\n      </div>\n      {footer ? (\n        <footer className=\"border-border/40 border-t px-6 py-3 text-center text-body-sm text-muted-foreground\">\n          {footer}\n        </footer>\n      ) : null}\n    </div>\n  ),\n);\nLoginSplit.displayName = \"LoginSplit\";\n\nexport { LoginSplit };\n"]}

package/dist/chunk-7GLBWWMW.js

@@ -1,70 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.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,
-    {
-      ref,
-      className: cn(avatarVariants({ size, tone }), className),
-      ...props
-    }
-  )
-);
-AvatarRoot.displayName = "Avatar";
-var AvatarImage = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.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,
-  {
-    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-7GLBWWMW.js.map
-//# sourceMappingURL=chunk-7GLBWWMW.js.map

package/dist/chunk-7GLBWWMW.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,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,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,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-7GLBWWMW.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      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    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    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"]}

package/dist/chunk-7RXYW5VM.js

@@ -1,88 +0,0 @@
-import { useInLiveRegion } from './chunk-UGKI466V.js';
-import { cn } from './chunk-ZSRJCIWF.js';
-import { Sparkles, X } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var formatTokens = (n) => {
-  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
-  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
-  return `${n}`;
-};
-var AutoCompactNotice = forwardRef(
-  ({
-    className,
-    title = "Auto-compaction soon",
-    turnsRemaining,
-    tokensToCompact,
-    onCompactNow,
-    onDismiss,
-    ...props
-  }, ref) => {
-    const inLiveRegion = useInLiveRegion();
-    return /* @__PURE__ */ jsxs(
-      "aside",
-      {
-        ref,
-        "aria-live": inLiveRegion ? void 0 : "polite",
-        className: cn(
-          "grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(Sparkles, { className: "mt-0.5 size-4 shrink-0 text-warning", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
-            /* @__PURE__ */ jsxs("p", { className: "flex items-baseline gap-2 font-medium text-body-sm text-foreground", children: [
-              title,
-              turnsRemaining !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center rounded-full bg-warning/20 px-2 py-0.5 font-mono text-label text-warning tabular-nums", children: [
-                turnsRemaining,
-                " ",
-                turnsRemaining === 1 ? "turn" : "turns",
-                " left"
-              ] }) : null
-            ] }),
-            /* @__PURE__ */ jsxs("p", { className: "text-body-sm text-muted-foreground", children: [
-              "Older context will be summarized to make room.",
-              tokensToCompact !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                " ",
-                "About",
-                " ",
-                /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
-                  formatTokens(tokensToCompact),
-                  " tokens"
-                ] }),
-                " ",
-                "will be replaced by a recap."
-              ] }) : null
-            ] }),
-            onCompactNow ? /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onCompactNow,
-                className: "mt-1 inline-flex w-fit items-center rounded-md border border-warning/40 bg-card px-2.5 py-1 font-mono text-label text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                children: "Compact now"
-              }
-            ) : null
-          ] }),
-          onDismiss ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onDismiss,
-              "aria-label": "Dismiss",
-              className: "rounded-md p-1 text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-AutoCompactNotice.displayName = "AutoCompactNotice";
-
-export { AutoCompactNotice };
-//# sourceMappingURL=chunk-7RXYW5VM.js.map
-//# sourceMappingURL=chunk-7RXYW5VM.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/auto-compact-notice/auto-compact-notice.tsx"],"names":[],"mappings":"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","file":"chunk-7RXYW5VM.js","sourcesContent":["import { Sparkles, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\ninterface AutoCompactNoticeProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Optional custom title. */\n  title?: ReactNode;\n  /**\n   * How many turns until the next auto-compaction. Used to render an inline\n   * countdown chip.\n   */\n  turnsRemaining?: number;\n  /** Approx tokens that will be removed/summarized. */\n  tokensToCompact?: number;\n  onCompactNow?: () => void;\n  onDismiss?: () => void;\n}\n\nconst formatTokens = (n: number) => {\n  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;\n  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}k`;\n  return `${n}`;\n};\n\n/**\n * AutoCompactNotice — inline banner warning the user that the agent is\n * about to summarize / compact older context. Lets them act early (compact\n * now) or dismiss.\n *\n * Critical for transparency: a user must not be surprised by silent context\n * loss. This component announces it before it happens.\n */\nconst AutoCompactNotice = forwardRef<HTMLElement, AutoCompactNoticeProps>(\n  (\n    {\n      className,\n      title = \"Auto-compaction soon\",\n      turnsRemaining,\n      tokensToCompact,\n      onCompactNow,\n      onDismiss,\n      ...props\n    },\n    ref,\n  ) => {\n    // T4.1 (MF-4): omit aria-live when nested inside a container live region.\n    const inLiveRegion = useInLiveRegion();\n    return (\n      <aside\n        ref={ref}\n        aria-live={inLiveRegion ? undefined : \"polite\"}\n        className={cn(\n          \"grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3\",\n          className,\n        )}\n        {...props}\n      >\n        <Sparkles className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden=\"true\" />\n        <div className=\"grid gap-1\">\n          <p className=\"flex items-baseline gap-2 font-medium text-body-sm text-foreground\">\n            {title}\n            {turnsRemaining !== undefined ? (\n              <span className=\"inline-flex items-center rounded-full bg-warning/20 px-2 py-0.5 font-mono text-label text-warning tabular-nums\">\n                {turnsRemaining} {turnsRemaining === 1 ? \"turn\" : \"turns\"} left\n              </span>\n            ) : null}\n          </p>\n          <p className=\"text-body-sm text-muted-foreground\">\n            Older context will be summarized to make room.\n            {tokensToCompact !== undefined ? (\n              <>\n                {\" \"}\n                About{\" \"}\n                <span className=\"font-mono tabular-nums\">\n                  {formatTokens(tokensToCompact)} tokens\n                </span>{\" \"}\n                will be replaced by a recap.\n              </>\n            ) : null}\n          </p>\n          {onCompactNow ? (\n            <button\n              type=\"button\"\n              onClick={onCompactNow}\n              className=\"mt-1 inline-flex w-fit items-center rounded-md border border-warning/40 bg-card px-2.5 py-1 font-mono text-label text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              Compact now\n            </button>\n          ) : null}\n        </div>\n        {onDismiss ? (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            aria-label=\"Dismiss\"\n            className=\"rounded-md p-1 text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <X className=\"size-3.5\" />\n          </button>\n        ) : null}\n      </aside>\n    );\n  },\n);\nAutoCompactNotice.displayName = \"AutoCompactNotice\";\n\nexport { AutoCompactNotice };\n"]}

package/dist/chunk-AC4MGCXI.js

@@ -1,92 +0,0 @@
-import { Progress } from './chunk-2XPWOUEH.js';
-import { cn } from './chunk-ZSRJCIWF.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",
-      {
-        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-AC4MGCXI.js.map
-//# sourceMappingURL=chunk-AC4MGCXI.js.map

package/dist/chunk-AC4MGCXI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/usage-meter/usage-meter.tsx"],"names":[],"mappings":"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","file":"chunk-AC4MGCXI.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 * `@usetheo/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        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-AEVSVDT6.js

@@ -1,67 +0,0 @@
-import { SkillCard } from './chunk-47QJVWW2.js';
-import { cn } from './chunk-ZSRJCIWF.js';
-import { Search } from 'lucide-react';
-import { forwardRef, useState, useMemo } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var SkillsList = forwardRef(
-  ({ className, skills, title = "Skills", searchable = true, onToggle, ...props }, ref) => {
-    const [q, setQ] = useState("");
-    const filtered = useMemo(() => {
-      if (!q.trim()) return skills;
-      const needle = q.toLowerCase();
-      return skills.filter((s) => {
-        const hay = [
-          s.name,
-          typeof s.description === "string" ? s.description : "",
-          ...s.triggers ?? []
-        ].join(" ").toLowerCase();
-        return hay.includes(needle);
-      });
-    }, [skills, q]);
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        ref,
-        className: cn("grid gap-3", className),
-        "aria-label": "Available skills",
-        ...props,
-        children: [
-          title || searchable ? /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-            title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : /* @__PURE__ */ jsx("span", {}),
-            searchable ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(
-                Search,
-                {
-                  className: "-translate-y-1/2 absolute top-1/2 left-2 size-3.5 text-muted-foreground",
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "search",
-                  value: q,
-                  onChange: (e) => setQ(e.target.value),
-                  placeholder: "Filter skills\u2026",
-                  "aria-label": "Filter skills",
-                  className: "h-8 w-56 rounded-md border border-input bg-card pr-2 pl-7 font-mono text-code-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                }
-              )
-            ] }) : null
-          ] }) : null,
-          filtered.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "rounded-xl border border-border/60 border-dashed bg-muted/30 px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: [
-            "No skills match ",
-            q ? `"${q}"` : "the current filter",
-            "."
-          ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: filtered.map((skill) => /* @__PURE__ */ jsx(SkillCard, { skill, ...onToggle ? { onToggle } : {} }, skill.id)) })
-        ]
-      }
-    );
-  }
-);
-SkillsList.displayName = "SkillsList";
-
-export { SkillsList };
-//# sourceMappingURL=chunk-AEVSVDT6.js.map
-//# sourceMappingURL=chunk-AEVSVDT6.js.map

package/dist/chunk-AEVSVDT6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/skills-list/skills-list.tsx"],"names":[],"mappings":"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","file":"chunk-AEVSVDT6.js","sourcesContent":["import { Search } from \"lucide-react\";\nimport { forwardRef, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { type Skill, SkillCard, type SkillState } from \"../../primitives/skill-card/index.js\";\n\ninterface SkillsListProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\" | \"onToggle\"> {\n  skills: Skill[];\n  title?: ReactNode;\n  /** If true, shows a search input above the grid. */\n  searchable?: boolean;\n  onToggle?: (id: string, next: SkillState) => void;\n}\n\n/**\n * SkillsList — grid of SkillCards with optional search + source filter chips.\n * Pairs with claw-code's `claw skills` inventory but visual.\n */\nconst SkillsList = forwardRef<HTMLDivElement, SkillsListProps>(\n  ({ className, skills, title = \"Skills\", searchable = true, onToggle, ...props }, ref) => {\n    const [q, setQ] = useState(\"\");\n    const filtered = useMemo(() => {\n      if (!q.trim()) return skills;\n      const needle = q.toLowerCase();\n      return skills.filter((s) => {\n        const hay = [\n          s.name,\n          typeof s.description === \"string\" ? s.description : \"\",\n          ...(s.triggers ?? []),\n        ]\n          .join(\" \")\n          .toLowerCase();\n        return hay.includes(needle);\n      });\n    }, [skills, q]);\n\n    return (\n      <section\n        ref={ref}\n        className={cn(\"grid gap-3\", className)}\n        aria-label=\"Available skills\"\n        {...props}\n      >\n        {title || searchable ? (\n          <header className=\"flex flex-wrap items-center justify-between gap-3\">\n            {title ? (\n              <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n            ) : (\n              <span />\n            )}\n            {searchable ? (\n              <div className=\"relative\">\n                <Search\n                  className=\"-translate-y-1/2 absolute top-1/2 left-2 size-3.5 text-muted-foreground\"\n                  aria-hidden=\"true\"\n                />\n                <input\n                  type=\"search\"\n                  value={q}\n                  onChange={(e) => setQ(e.target.value)}\n                  placeholder=\"Filter skills…\"\n                  aria-label=\"Filter skills\"\n                  className=\"h-8 w-56 rounded-md border border-input bg-card pr-2 pl-7 font-mono text-code-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                />\n              </div>\n            ) : null}\n          </header>\n        ) : null}\n        {filtered.length === 0 ? (\n          <p className=\"rounded-xl border border-border/60 border-dashed bg-muted/30 px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n            No skills match {q ? `\"${q}\"` : \"the current filter\"}.\n          </p>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n            {filtered.map((skill) => (\n              <SkillCard key={skill.id} skill={skill} {...(onToggle ? { onToggle } : {})} />\n            ))}\n          </div>\n        )}\n      </section>\n    );\n  },\n);\nSkillsList.displayName = \"SkillsList\";\n\nexport { SkillsList };\n"]}