@elabs-ai/components-ui 4.2.0 → 5.0.0

package/dist/chunk-UXSV6RVS.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  illustrationSvgProps
+} from "./chunk-A47AZPCL.js";
+
+// src/illustrations/offline-illustration.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OfflineIllustration = forwardRef(
+  function OfflineIllustration2({ size, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        ...illustrationSvgProps(size, className),
+        "data-slot": "offline-illustration",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "M44.9,100.4 C44.9,83.6 56.4,72.4 67.9,75.2 C70.2,58.4 86.3,50 97.8,61.2 C111.6,55.6 125.4,69.6 120.8,86.4 C127.7,92 125.4,106 116.2,106 L54.1,106 C49.5,106 44.9,104.6 44.9,100.4 Z" }),
+          /* @__PURE__ */ jsx("line", { x1: "36", y1: "112", x2: "124", y2: "36", strokeWidth: 4 })
+        ]
+      }
+    );
+  }
+);
+OfflineIllustration.displayName = "OfflineIllustration";
+
+export {
+  OfflineIllustration
+};
+//# sourceMappingURL=chunk-UXSV6RVS.js.map

package/dist/chunk-UXSV6RVS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/illustrations/offline-illustration.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { illustrationSvgProps, type IllustrationProps } from \"./illustration-base\";\n\n/**\n * Disconnected / no-network state. A line-art cloud crossed by a slash — the\n * universal \"disabled/no signal\" idiom — reads as \"offline\" on its own\n * silhouette. No accent mark, per the accent-semantics convention in\n * `illustration-base.tsx` (#48 finding 1).\n *\n * Redrawn for #24 fix round 1 (P1-4) — the previous cloud path's closing curve\n * left a visible hook/spur, and the dashed tether + falling node read as a\n * raindrop rather than a severed connection while pulling the ink centre 11.5\n * units below the shared stage centre.\n *\n * Redrawn again for #48 finding 4 — the two small rounded-rect \"chain link\"\n * fragments below the slash read as loose debris/dashes rather than a\n * \"broken link\" gesture. Removed rather than redrawn: the cloud+slash\n * silhouette already fully conveys \"offline\" without them (the same\n * reasoning that dropped the decorative accents from `EmptyListIllustration`/\n * `FirstRunIllustration`).\n */\nexport const OfflineIllustration = forwardRef<SVGSVGElement, IllustrationProps>(\n  function OfflineIllustration({ size, className, ...props }, ref) {\n    return (\n      <svg\n        ref={ref}\n        {...illustrationSvgProps(size, className)}\n        data-slot=\"offline-illustration\"\n        {...props}\n      >\n        <path d=\"M44.9,100.4 C44.9,83.6 56.4,72.4 67.9,75.2 C70.2,58.4 86.3,50 97.8,61.2 C111.6,55.6 125.4,69.6 120.8,86.4 C127.7,92 125.4,106 116.2,106 L54.1,106 C49.5,106 44.9,104.6 44.9,100.4 Z\" />\n        <line x1=\"36\" y1=\"112\" x2=\"124\" y2=\"36\" strokeWidth={4} />\n      </svg>\n    );\n  },\n);\nOfflineIllustration.displayName = \"OfflineIllustration\";\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAwBrB,SAME,KANF;AAHC,IAAM,sBAAsB;AAAA,EACjC,SAASA,qBAAoB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAC/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,qBAAqB,MAAM,SAAS;AAAA,QACxC,aAAU;AAAA,QACT,GAAG;AAAA,QAEJ;AAAA,8BAAC,UAAK,GAAE,uLAAsL;AAAA,UAC9L,oBAAC,UAAK,IAAG,MAAK,IAAG,OAAM,IAAG,OAAM,IAAG,MAAK,aAAa,GAAG;AAAA;AAAA;AAAA,IAC1D;AAAA,EAEJ;AACF;AACA,oBAAoB,cAAc;","names":["OfflineIllustration"]}

package/dist/chunk-V2S5DINS.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-V2S5DINS.js.map

package/dist/chunk-V2S5DINS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-V3EQ6ACC.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-V3EQ6ACC.js.map

package/dist/chunk-V3EQ6ACC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-V4DDHF7S.js

@@ -0,0 +1,147 @@
+"use client";
+import {
+  TEXT_ROLE_REM
+} from "./chunk-FDPONOOT.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/typography/prose.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var PROSE_HEADING_REM = {
+  1: 1.5,
+  2: TEXT_ROLE_REM.title,
+  3: 1.125,
+  4: TEXT_ROLE_REM.subtitle,
+  5: TEXT_ROLE_REM.body,
+  6: TEXT_ROLE_REM.body
+};
+var PROSE_HEADING_WEIGHT = 600;
+var PROSE_HEADING_TRACKING = "-0.025em";
+var HEADING_SIZE = {
+  1: "text-2xl",
+  2: "text-title",
+  3: "text-lg",
+  4: "text-subtitle",
+  5: "text-body",
+  6: "text-body text-muted-foreground"
+};
+var ProseHeading = forwardRef(function ProseHeading2({ level = 2, className, ...props }, ref) {
+  const Tag = `h${level}`;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cn(
+        "scroll-m-20 font-semibold tracking-tight text-foreground",
+        HEADING_SIZE[level],
+        className
+      ),
+      ...props
+    }
+  );
+});
+var TEXT_VARIANT = {
+  body: "text-body leading-relaxed text-foreground",
+  muted: "text-body leading-relaxed text-muted-foreground",
+  lead: "text-subtitle font-normal leading-relaxed text-foreground",
+  small: "text-meta font-normal text-muted-foreground"
+};
+var ProseText = forwardRef(function ProseText2({ variant = "body", as: Tag = "p", className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Tag, { ref, className: cn(TEXT_VARIANT[variant], className), ...props });
+});
+var ProseLink = forwardRef(function ProseLink2({ external, href, className, ...props }, ref) {
+  const isExternal = external ?? (typeof href === "string" && /^https?:\/\//.test(href));
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      href,
+      className: cn(
+        // #399 — `text-link` (defaults to `--primary-text`), not the `text-primary`
+        // FILL rung: a prose link is ordinary body text and owes WCAG 1.4.3 AA (4.5:1), which the
+        // fill only guarantees at the 1.4.11 mark bar (3:1).
+        "font-medium text-link underline underline-offset-4 hover:no-underline focus-ring",
+        className
+      ),
+      ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      ...props
+    }
+  );
+});
+var ProseList = forwardRef(
+  function ProseList2({ ordered = false, className, ...props }, ref) {
+    const Tag = ordered ? "ol" : "ul";
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: cn(
+          "my-1 space-y-1 ps-6 text-body text-foreground",
+          ordered ? "list-decimal" : "list-disc",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ProseListItem = forwardRef(
+  function ProseListItem2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        ref,
+        className: cn("leading-relaxed [&>ul]:mt-1 [&>ol]:mt-1", className),
+        ...props
+      }
+    );
+  }
+);
+var ProseBlockquote = forwardRef(
+  function ProseBlockquote2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "blockquote",
+      {
+        ref,
+        className: cn(
+          "border-s-2 border-border ps-4 text-body italic text-muted-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var ProseInlineCode = forwardRef(
+  function ProseInlineCode2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "code",
+      {
+        ref,
+        className: cn(
+          "rounded bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  PROSE_HEADING_REM,
+  PROSE_HEADING_WEIGHT,
+  PROSE_HEADING_TRACKING,
+  ProseHeading,
+  ProseText,
+  ProseLink,
+  ProseList,
+  ProseListItem,
+  ProseBlockquote,
+  ProseInlineCode
+};
+//# sourceMappingURL=chunk-V4DDHF7S.js.map

package/dist/chunk-V4DDHF7S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/prose.tsx"],"sourcesContent":["/**\n * Prose primitives — reading-surface typography, promoted from @elabs-ai/components-editor\n * (#188; ADR-0012 own/re-export model: @elabs-ai/components-ui owns the canonical source,\n * `@elabs-ai/components-editor/markdown` re-exports them under their original names —\n * Heading, Text, Link, List, Blockquote, InlineCode). The markdown preview maps\n * onto them (`#` → ProseHeading, paragraph → ProseText, `[]()` → ProseLink,\n * `-` → ProseList, `>` → ProseBlockquote, `` `code` `` → ProseInlineCode).\n * Generic, composable, theme-safe; usable in any app surface, not just markdown.\n *\n * `Prose*`-prefixed here because this barrel also exports the app `Heading` /\n * `Text` primitives (typography.tsx): the app scale ranks UI chrome against the\n * page; the prose scale ranks rungs WITHIN one reading column, so a document h1\n * deliberately sits BELOW the app `display` rung.\n */\nimport {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  type OlHTMLAttributes,\n} from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { TEXT_ROLE_REM } from \"./typography\";\n\nexport type ProseHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * Canonical reading-scale heading sizes in rem — the single source the markdown\n * WYSIWYG editor derives its CSS vars from (@elabs-ai/components-editor `markdown-scale`).\n * h2/h4/h5/h6 sit exactly on the title/subtitle/body roles; h1 (1.5rem) and\n * h3 (1.125rem) are intermediate reading rungs with no app role.\n */\nexport const PROSE_HEADING_REM: Record<ProseHeadingLevel, number> = {\n  1: 1.5,\n  2: TEXT_ROLE_REM.title,\n  3: 1.125,\n  4: TEXT_ROLE_REM.subtitle,\n  5: TEXT_ROLE_REM.body,\n  6: TEXT_ROLE_REM.body,\n};\n\n/** Canonical prose heading weight (Tailwind `font-semibold`). */\nexport const PROSE_HEADING_WEIGHT = 600;\n\n/** Canonical prose heading letter-spacing (Tailwind `tracking-tight`). */\nexport const PROSE_HEADING_TRACKING = \"-0.025em\";\n\n/*\n * h1/h3 keep raw Tailwind steps (2xl / lg): the reading scale needs rungs\n * BETWEEN the app roles (see PROSE_HEADING_REM) — baselined in the text-scale\n * ratchet. The base classes' font-semibold / tracking-tight override the role\n * companions, so the role re-points are render-identical to the old raw steps.\n */\nconst HEADING_SIZE: Record<ProseHeadingLevel, string> = {\n  1: \"text-2xl\",\n  2: \"text-title\",\n  3: \"text-lg\",\n  4: \"text-subtitle\",\n  5: \"text-body\",\n  6: \"text-body text-muted-foreground\",\n};\n\nexport interface ProseHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  level?: ProseHeadingLevel;\n}\n\nexport const ProseHeading = forwardRef<HTMLHeadingElement, ProseHeadingProps>(function ProseHeading(\n  { level = 2, className, ...props },\n  ref,\n) {\n  const Tag = `h${level}` as const;\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        \"scroll-m-20 font-semibold tracking-tight text-foreground\",\n        HEADING_SIZE[level],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst TEXT_VARIANT = {\n  body: \"text-body leading-relaxed text-foreground\",\n  muted: \"text-body leading-relaxed text-muted-foreground\",\n  lead: \"text-subtitle font-normal leading-relaxed text-foreground\",\n  small: \"text-meta font-normal text-muted-foreground\",\n} as const;\n\nexport interface ProseTextProps extends HTMLAttributes<HTMLParagraphElement> {\n  variant?: keyof typeof TEXT_VARIANT;\n  /** Render as a different element (e.g. \"span\"). Defaults to \"p\". */\n  as?: \"p\" | \"span\" | \"div\";\n}\n\nexport const ProseText = forwardRef<HTMLParagraphElement, ProseTextProps>(function ProseText(\n  { variant = \"body\", as: Tag = \"p\", className, ...props },\n  ref,\n) {\n  return <Tag ref={ref} className={cn(TEXT_VARIANT[variant], className)} {...props} />;\n});\n\nexport interface ProseLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Opens in a new tab with safe rel. Auto-detected for http(s) hrefs when unset. */\n  external?: boolean;\n}\n\nexport const ProseLink = forwardRef<HTMLAnchorElement, ProseLinkProps>(function ProseLink(\n  { external, href, className, ...props },\n  ref,\n) {\n  const isExternal = external ?? (typeof href === \"string\" && /^https?:\\/\\//.test(href));\n  return (\n    <a\n      ref={ref}\n      href={href}\n      className={cn(\n        // #399 — `text-link` (defaults to `--primary-text`), not the `text-primary`\n        // FILL rung: a prose link is ordinary body text and owes WCAG 1.4.3 AA (4.5:1), which the\n        // fill only guarantees at the 1.4.11 mark bar (3:1).\n        \"font-medium text-link underline underline-offset-4 hover:no-underline focus-ring\",\n        className,\n      )}\n      {...(isExternal ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {})}\n      {...props}\n    />\n  );\n});\n\nexport interface ProseListProps extends OlHTMLAttributes<HTMLElement> {\n  ordered?: boolean;\n}\n\nexport const ProseList = forwardRef<HTMLUListElement & HTMLOListElement, ProseListProps>(\n  function ProseList({ ordered = false, className, ...props }, ref) {\n    const Tag = ordered ? \"ol\" : \"ul\";\n    return (\n      <Tag\n        ref={ref}\n        className={cn(\n          \"my-1 space-y-1 ps-6 text-body text-foreground\",\n          ordered ? \"list-decimal\" : \"list-disc\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ProseListItem = forwardRef<HTMLLIElement, HTMLAttributes<HTMLLIElement>>(\n  function ProseListItem({ className, ...props }, ref) {\n    return (\n      <li\n        ref={ref}\n        className={cn(\"leading-relaxed [&>ul]:mt-1 [&>ol]:mt-1\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ProseBlockquote = forwardRef<HTMLQuoteElement, HTMLAttributes<HTMLQuoteElement>>(\n  function ProseBlockquote({ className, ...props }, ref) {\n    return (\n      <blockquote\n        ref={ref}\n        className={cn(\n          \"border-s-2 border-border ps-4 text-body italic text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const ProseInlineCode = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function ProseInlineCode({ className, ...props }, ref) {\n    return (\n      <code\n        ref={ref}\n        // 0.85em (not the fixed `code` role): inline code must scale RELATIVE to\n        // whatever text it sits in (body, a heading, …). Baselined in the ratchet.\n        className={cn(\n          \"rounded bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAcA;AAAA,EACE;AAAA,OAIK;AAoDH;AAxCG,IAAM,oBAAuD;AAAA,EAClE,GAAG;AAAA,EACH,GAAG,cAAc;AAAA,EACjB,GAAG;AAAA,EACH,GAAG,cAAc;AAAA,EACjB,GAAG,cAAc;AAAA,EACjB,GAAG,cAAc;AACnB;AAGO,IAAM,uBAAuB;AAG7B,IAAM,yBAAyB;AAQtC,IAAM,eAAkD;AAAA,EACtD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAMO,IAAM,eAAe,WAAkD,SAASA,cACrF,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GACjC,KACA;AACA,QAAM,MAAM,IAAI,KAAK;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,aAAa,KAAK;AAAA,QAClB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACT;AAQO,IAAM,YAAY,WAAiD,SAASC,WACjF,EAAE,UAAU,QAAQ,IAAI,MAAM,KAAK,WAAW,GAAG,MAAM,GACvD,KACA;AACA,SAAO,oBAAC,OAAI,KAAU,WAAW,GAAG,aAAa,OAAO,GAAG,SAAS,GAAI,GAAG,OAAO;AACpF,CAAC;AAOM,IAAM,YAAY,WAA8C,SAASC,WAC9E,EAAE,UAAU,MAAM,WAAW,GAAG,MAAM,GACtC,KACA;AACA,QAAM,aAAa,aAAa,OAAO,SAAS,YAAY,eAAe,KAAK,IAAI;AACpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA;AAAA;AAAA;AAAA,QAIT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAI,aAAa,EAAE,QAAQ,UAAU,KAAK,sBAAsB,IAAI,CAAC;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAMM,IAAM,YAAY;AAAA,EACvB,SAASC,WAAU,EAAE,UAAU,OAAO,WAAW,GAAG,MAAM,GAAG,KAAK;AAChE,UAAM,MAAM,UAAU,OAAO;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,UAAU,iBAAiB;AAAA,UAC3B;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,gBAAgB;AAAA,EAC3B,SAASC,eAAc,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACnD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2CAA2C,SAAS;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,SAASC,iBAAgB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,SAASC,iBAAgB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QAGA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["ProseHeading","ProseText","ProseLink","ProseList","ProseListItem","ProseBlockquote","ProseInlineCode"]}

package/dist/chunk-VA2OONPE.js

@@ -0,0 +1,77 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/button/button.tsx
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap touch-manipulation rounded-control text-body font-control transition-[color,background-color,border-color,box-shadow,scale] duration-fast ease-standard active:scale-[0.98] motion-reduce:active:scale-100 focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        // Disabled treatment is ONE rule for every variant, inherited from the
+        // base string above (`disabled:pointer-events-none disabled:opacity-50`)
+        // — no per-variant fill swap. A solid-fill variant fading via opacity
+        // still reads as "off" against `--muted`/`--background` in both themes;
+        // keeping one mechanism (vs. a bg-muted swap on some variants only) is
+        // what made Input's disabled state internally inconsistent (#286).
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
+        // `inset-ring`, not `border`: a real border would widen the plate by 2px.
+        // `--secondary-border` defaults to transparent (today's borderless plate);
+        // a theme can give the neutral button an edge without switching variants.
+        secondary: "inset-ring inset-ring-secondary-border bg-secondary text-secondary-text hover:bg-secondary/80",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-active",
+        // `text-foreground` is load-bearing, not decoration: an outline button
+        // paints its OWN `bg-background` plate, so inheriting the surrounding
+        // ink turns it invisible on a coloured band (a `bg-primary` CTA handed
+        // it `--primary-foreground`, 1.06:1 against its own plate). A caller's
+        // own `text-*` still wins through `cn()`.
+        outline: "border border-button-outline-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+        // The calm "outlined but quiet" rung (#194, research 02 §3a). `outline` uses
+        // `--button-outline-border` (default `var(--input)`, split from the
+        // form-field token), `outline-subtle` uses `border-border`. Since the ADR
+        // 0010 Amendment (2026-06-20) returned `--input` to the subtle rung, these
+        // two are now VISUALLY IDENTICAL by default — both variant names are kept
+        // as a SEMANTIC SEAM (a theme can now give buttons and text fields
+        // different edges) and to avoid churning `outline-subtle` callers (e.g.
+        // change-review.tsx). `outline` stays for genuinely form-adjacent controls.
+        "outline-subtle": "border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        // #399 — a link button is TEXT on the page: `--link` defaults to the
+        // on-surface `--primary-text` rung; `bg-primary` above keeps the fill rung.
+        link: "text-link underline-offset-4 hover:underline"
+      },
+      size: {
+        sm: "h-control-sm px-3 text-meta",
+        default: "h-control px-4 py-2",
+        lg: "h-control-lg px-6",
+        icon: "size-control",
+        "icon-sm": "size-control-sm",
+        "icon-lg": "size-control-lg"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var Button = forwardRef(function Button2({ className, variant, size, asChild = false, type, ...props }, ref) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(buttonVariants({ variant, size }), className),
+      type: asChild ? void 0 : type ?? "button",
+      ...props
+    }
+  );
+});
+
+export {
+  buttonVariants,
+  Button
+};
+//# sourceMappingURL=chunk-VA2OONPE.js.map

package/dist/chunk-VA2OONPE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nexport const buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap touch-manipulation rounded-control text-body font-control transition-[color,background-color,border-color,box-shadow,scale] duration-fast ease-standard active:scale-[0.98] motion-reduce:active:scale-100 focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        // Disabled treatment is ONE rule for every variant, inherited from the\n        // base string above (`disabled:pointer-events-none disabled:opacity-50`)\n        // — no per-variant fill swap. A solid-fill variant fading via opacity\n        // still reads as \"off\" against `--muted`/`--background` in both themes;\n        // keeping one mechanism (vs. a bg-muted swap on some variants only) is\n        // what made Input's disabled state internally inconsistent (#286).\n        default:\n          \"bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active\",\n        // `inset-ring`, not `border`: a real border would widen the plate by 2px.\n        // `--secondary-border` defaults to transparent (today's borderless plate);\n        // a theme can give the neutral button an edge without switching variants.\n        secondary:\n          \"inset-ring inset-ring-secondary-border bg-secondary text-secondary-text hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive-hover active:bg-destructive-active\",\n        // `text-foreground` is load-bearing, not decoration: an outline button\n        // paints its OWN `bg-background` plate, so inheriting the surrounding\n        // ink turns it invisible on a coloured band (a `bg-primary` CTA handed\n        // it `--primary-foreground`, 1.06:1 against its own plate). A caller's\n        // own `text-*` still wins through `cn()`.\n        outline:\n          \"border border-button-outline-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground\",\n        // The calm \"outlined but quiet\" rung (#194, research 02 §3a). `outline` uses\n        // `--button-outline-border` (default `var(--input)`, split from the\n        // form-field token), `outline-subtle` uses `border-border`. Since the ADR\n        // 0010 Amendment (2026-06-20) returned `--input` to the subtle rung, these\n        // two are now VISUALLY IDENTICAL by default — both variant names are kept\n        // as a SEMANTIC SEAM (a theme can now give buttons and text fields\n        // different edges) and to avoid churning `outline-subtle` callers (e.g.\n        // change-review.tsx). `outline` stays for genuinely form-adjacent controls.\n        \"outline-subtle\":\n          \"border border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        // #399 — a link button is TEXT on the page: `--link` defaults to the\n        // on-surface `--primary-text` rung; `bg-primary` above keeps the fill rung.\n        link: \"text-link underline-offset-4 hover:underline\",\n      },\n      size: {\n        sm: \"h-control-sm px-3 text-meta\",\n        default: \"h-control px-4 py-2\",\n        lg: \"h-control-lg px-6\",\n        icon: \"size-control\",\n        \"icon-sm\": \"size-control-sm\",\n        \"icon-lg\": \"size-control-lg\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"default\" },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  /** Render the child element as the button (Radix Slot) instead of a <button>. */\n  asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { className, variant, size, asChild = false, type, ...props },\n  ref,\n) {\n  const Comp = asChild ? Slot : \"button\";\n  return (\n    <Comp\n      ref={ref}\n      className={cn(buttonVariants({ variant, size }), className)}\n      type={asChild ? undefined : (type ?? \"button\")}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAA6C;AACtD,SAAS,YAAY;AACrB,SAAS,WAA8B;AAsEnC;AAnEG,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOP,SACE;AAAA;AAAA;AAAA;AAAA,QAIF,WACE;AAAA,QACF,aACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMF,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASF,kBACE;AAAA,QACF,OAAO;AAAA;AAAA;AAAA,QAGP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,WAAW,MAAM,UAAU;AAAA,EACzD;AACF;AAQO,IAAM,SAAS,WAA2C,SAASA,QACxE,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,MAAM,GAAG,MAAM,GAC5D,KACA;AACA,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC1D,MAAM,UAAU,SAAa,QAAQ;AAAA,MACpC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Button"]}

package/dist/chunk-VFF3AN4Y.js

@@ -0,0 +1,90 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/page-shell/page-shell.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var widthMap = {
+  md: "max-w-3xl",
+  lg: "max-w-5xl",
+  xl: "max-w-7xl",
+  full: "max-w-none"
+};
+var scrollMap = {
+  body: "",
+  content: "min-h-0 flex-1 overflow-y-auto",
+  fill: "h-full min-h-0 overflow-hidden"
+};
+var PageShell = forwardRef(function PageShell2({
+  children,
+  header,
+  headerVariant = "default",
+  width = "xl",
+  scroll = "body",
+  headerGutter = false,
+  className,
+  contentClassName,
+  tabIndex,
+  ...props
+}, ref) {
+  const resolvedTabIndex = tabIndex ?? (scroll === "content" ? 0 : void 0);
+  const headerNode = header ? headerVariant === "toolbar" ? (
+    // header-band-exempt: a page-section toolbar under the top bar, not beside it
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "page-shell-toolbar-header",
+        className: "sticky top-0 z-10 border-b border-border bg-background/95 py-3 backdrop-blur",
+        children: header
+      }
+    )
+  ) : header : null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "page-shell",
+      tabIndex: resolvedTabIndex,
+      className: cn(
+        "w-full px-4 py-6 sm:px-6 lg:px-8",
+        scrollMap[scroll],
+        // `focus-ring-inset`, NOT `focus-ring`: `scroll="content"`'s own doc
+        // above tells the caller to use it inside a `SidebarInset`, whose
+        // `overflow-hidden` clips both layers of the plain rung — they are
+        // drawn OUTSIDE the element's box. A consumer following that
+        // instruction would get a focusable scroll port with no visible focus
+        // indicator at all. Same reasoning, verbatim, as the app-shell blocks'
+        // own scroll ports.
+        scroll === "content" && "focus-ring-inset",
+        headerGutter && "[--page-shell-header-gutter:--spacing(12)]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-slot": "page-shell-content",
+          className: cn("mx-auto w-full space-y-6", widthMap[width], contentClassName),
+          children: [
+            headerGutter ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "page-shell-header",
+                className: "flex min-h-(--page-shell-header-gutter) items-center",
+                children: headerNode
+              }
+            ) : headerNode,
+            children
+          ]
+        }
+      )
+    }
+  );
+});
+
+export {
+  PageShell
+};
+//# sourceMappingURL=chunk-VFF3AN4Y.js.map

package/dist/chunk-VFF3AN4Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/page-shell/page-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport interface PageShellProps extends ComponentProps<\"div\"> {\n  children: ReactNode;\n  /** Optional header row (often a <SectionHeader />, or a <ViewToolbar> — see headerVariant). */\n  header?: ReactNode;\n  /**\n   * \"default\" (unset) — `header` renders inline, scrolls with the body.\n   * Byte-identical to today.\n   *\n   * \"toolbar\" — for a `<ViewToolbar>` header (`@elabs-ai/components-ui`,\n   * `Layout/ViewToolbar → Contract`): wraps `header` in a `sticky top-0` container\n   * with an opaque/blurred fill and a bottom hairline, so it stays pinned while\n   * the body scrolls beneath it. PLACES whatever node `header` is — it does not\n   * reimplement ViewToolbar's own info/left-cluster/actions grammar, and it does\n   * NOT cap the row's height (a `<ViewToolbar>` wraps at narrow widths; see\n   * `Layout/ViewToolbar → Contract` R7).\n   */\n  headerVariant?: \"default\" | \"toolbar\";\n  /** Constrain content width. Defaults to \"xl\". */\n  width?: \"md\" | \"lg\" | \"xl\" | \"full\";\n  /**\n   * \"body\" (default) — the page scrolls with the document. Byte-identical to\n   * the pre-#R6 behaviour; existing callers are unaffected.\n   * \"content\" — this container is the scroll port. Use inside a `SidebarInset`\n   * whose height is already bounded, so the top bar stays put. Defaults its own\n   * `tabIndex` to `0` (a scroll container must be keyboard-operable — WCAG\n   * 2.1.1, axe `scrollable-region-focusable`), following the `DialogBody`\n   * precedent; pass `tabIndex={-1}` to opt out when the content already\n   * supplies its own focusable child.\n   * \"fill\" — fills its parent and scrolls nothing itself; a child (a table, a\n   * canvas) owns the scrolling — and owns that child's keyboard reachability\n   * too, the same way.\n   */\n  scroll?: \"body\" | \"content\" | \"fill\";\n  /**\n   * Reserve a fixed header row so a page title lands at identical coordinates\n   * on every route, whether or not that route has a header. Default `false`.\n   *\n   * The row's height is a component-local CSS variable —\n   * `--page-shell-header-gutter`, declared on the root, default `--spacing(12)`\n   * (3rem / 48px at a 16px root — the height a one-line title already occupies\n   * inside the `headerVariant=\"toolbar\"` bar's own `py-3`). It is NOT a theme\n   * token (`pnpm theme-parity:check` does not see it); retune it per surface the\n   * same way `--focus-ring-color` is retargeted elsewhere in this package:\n   * `<PageShell headerGutter className=\"[--page-shell-header-gutter:--spacing(16)]\" />`.\n   *\n   * When `true` the header row renders **even if `header` is omitted** — that\n   * empty row is the whole mechanism, and it is what `headerGutter={false}`\n   * must never produce.\n   */\n  headerGutter?: boolean;\n  className?: string;\n  contentClassName?: string;\n}\n\nconst widthMap = {\n  md: \"max-w-3xl\",\n  lg: \"max-w-5xl\",\n  xl: \"max-w-7xl\",\n  full: \"max-w-none\",\n} as const;\n\nconst scrollMap = {\n  body: \"\",\n  content: \"min-h-0 flex-1 overflow-y-auto\",\n  fill: \"h-full min-h-0 overflow-hidden\",\n} as const;\n\n/** Page-level content container with consistent padding and max width. */\nexport const PageShell = forwardRef<HTMLDivElement, PageShellProps>(function PageShell(\n  {\n    children,\n    header,\n    headerVariant = \"default\",\n    width = \"xl\",\n    scroll = \"body\",\n    headerGutter = false,\n    className,\n    contentClassName,\n    tabIndex,\n    ...props\n  },\n  ref,\n) {\n  // scroll=\"content\" makes this element the scroll port, so it needs the same\n  // keyboard-operable fix `DialogBody`/`ExpandDialogPanes` ship: default the\n  // tab stop to 0, let a caller opt out with an explicit `tabIndex` (typically\n  // `-1`). \"body\"/\"fill\" never set a default, so their DOM gains no attribute.\n  const resolvedTabIndex = tabIndex ?? (scroll === \"content\" ? 0 : undefined);\n\n  const headerNode = header ? (\n    headerVariant === \"toolbar\" ? (\n      // header-band-exempt: a page-section toolbar under the top bar, not beside it\n      <div\n        data-slot=\"page-shell-toolbar-header\"\n        className=\"sticky top-0 z-10 border-b border-border bg-background/95 py-3 backdrop-blur\"\n      >\n        {header}\n      </div>\n    ) : (\n      header\n    )\n  ) : null;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"page-shell\"\n      tabIndex={resolvedTabIndex}\n      className={cn(\n        \"w-full px-4 py-6 sm:px-6 lg:px-8\",\n        scrollMap[scroll],\n        // `focus-ring-inset`, NOT `focus-ring`: `scroll=\"content\"`'s own doc\n        // above tells the caller to use it inside a `SidebarInset`, whose\n        // `overflow-hidden` clips both layers of the plain rung — they are\n        // drawn OUTSIDE the element's box. A consumer following that\n        // instruction would get a focusable scroll port with no visible focus\n        // indicator at all. Same reasoning, verbatim, as the app-shell blocks'\n        // own scroll ports.\n        scroll === \"content\" && \"focus-ring-inset\",\n        headerGutter && \"[--page-shell-header-gutter:--spacing(12)]\",\n        className,\n      )}\n      {...props}\n    >\n      <div\n        data-slot=\"page-shell-content\"\n        className={cn(\"mx-auto w-full space-y-6\", widthMap[width], contentClassName)}\n      >\n        {headerGutter ? (\n          <div\n            data-slot=\"page-shell-header\"\n            className=\"flex min-h-(--page-shell-header-gutter) items-center\"\n          >\n            {headerNode}\n          </div>\n        ) : (\n          headerNode\n        )}\n        {children}\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuD;AA+F1D,cAgCA,YAhCA;AAtCN,IAAM,WAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,IAAM,YAAY;AAAA,EAChB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;AAGO,IAAM,YAAY,WAA2C,SAASA,WAC3E;AAAA,EACE;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AAKA,QAAM,mBAAmB,aAAa,WAAW,YAAY,IAAI;AAEjE,QAAM,aAAa,SACjB,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,MAEA,SAEA;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQhB,WAAW,aAAa;AAAA,QACxB,gBAAgB;AAAA,QAChB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAW,GAAG,4BAA4B,SAAS,KAAK,GAAG,gBAAgB;AAAA,UAE1E;AAAA,2BACC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,IAEA;AAAA,YAED;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["PageShell"]}

package/dist/chunk-VH7GG77B.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-VH7GG77B.js.map

package/dist/chunk-VH7GG77B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-VHLPJ4XW.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-VHLPJ4XW.js.map

package/dist/chunk-VHLPJ4XW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-VLE5THFD.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-VLE5THFD.js.map

package/dist/chunk-VLE5THFD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-VORFRWM5.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-VORFRWM5.js.map

package/dist/chunk-VORFRWM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-VQ2T3OEC.js

@@ -0,0 +1,27 @@
+"use client";
+
+// src/lib/operating-mode.ts
+var EFFORT_SIZE_RUNGS = [
+  "size-2.5",
+  "size-3",
+  "size-3.5",
+  "size-4",
+  "size-4.5",
+  "size-5",
+  "size-5.5",
+  "size-6"
+];
+function effortRungForIndex(index, count) {
+  if (count <= 1) return EFFORT_SIZE_RUNGS[0];
+  const position = index / (count - 1);
+  const rungIndex = Math.min(
+    EFFORT_SIZE_RUNGS.length - 1,
+    Math.max(0, Math.round(position * (EFFORT_SIZE_RUNGS.length - 1)))
+  );
+  return EFFORT_SIZE_RUNGS[rungIndex] ?? EFFORT_SIZE_RUNGS[0];
+}
+
+export {
+  effortRungForIndex
+};
+//# sourceMappingURL=chunk-VQ2T3OEC.js.map

package/dist/chunk-VQ2T3OEC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/operating-mode.ts"],"sourcesContent":["/**\n * The operating-mode and reasoning-effort vocabulary behind\n * `PromptInputMode`/`PromptInputEffort` (`@elabs-ai/components-ai`, #104/#107)\n * and the terminal CLI look-alike family's own composer chips (issue #117).\n *\n * Promoted here (not duplicated) because `@elabs-ai/components-ai` and\n * `@elabs-ai/components-terminal` are layer-2 DAG SIBLINGS and may not import\n * each other — `ui` is upstream of both\n * (docs/decisions/2026-09-01-brainless-adoption-architecture.md § 4). Both\n * types are caller-supplied vocabulary objects — never a vendor union — which\n * #117 requires: no vendor mode/effort union may appear in a public type.\n */\nimport type { ReactNode } from \"react\";\n\n/**\n * One app-defined operating mode — how autonomously the agent may act while\n * this mode is active. `brand-ui` ships no vocabulary: `id`/`label` are\n * entirely the consumer's (e.g. `\"auto\"`/`\"Auto\"`, `\"plan\"`/`\"Plan first\"`,\n * or a completely different product's own terms).\n */\nexport interface OperatingMode {\n  /** Stable identifier — round-trips through `value`/`onValueChange`. */\n  id: string;\n  /** Visible + accessible name. */\n  label: string;\n  /** One line of guidance shown under the label in the menu. */\n  description?: string;\n  /** A shortcut hint rendered as a `Kbd` chip next to the label (e.g. `\"⇧ Tab\"`). */\n  keyHint?: string;\n  /** Leading glyph. Decorative — the mode is identified by `label`, not the icon. */\n  icon?: ReactNode;\n}\n\n/**\n * One rung of an app-defined reasoning-effort scale. `brand-ui` ships no\n * vocabulary: `id`/`label` are entirely the consumer's (e.g.\n * `\"low\"`/`\"Low\"` … `\"max\"`/`\"Max\"`, or a completely different product's own\n * terms and however many rungs it wants).\n */\nexport interface EffortLevel {\n  /** Stable identifier — round-trips through `value`/`onValueChange`. */\n  id: string;\n  /** Visible + accessible name for this rung. */\n  label: string;\n}\n\n/**\n * Growing-square size rungs (Tailwind's own spacing scale — `size-2.5` through\n * `size-6`), indexed by ordinal position so a caller never invents a raw\n * pixel value. All in ONE `tailwind-merge` class group (`size`), so\n * overriding a base size class is a guaranteed, order-independent swap\n * rather than a `w-*`/`h-*` vs `size-*` conflict tailwind-merge can't see.\n */\nconst EFFORT_SIZE_RUNGS = [\n  \"size-2.5\",\n  \"size-3\",\n  \"size-3.5\",\n  \"size-4\",\n  \"size-4.5\",\n  \"size-5\",\n  \"size-5.5\",\n  \"size-6\",\n] as const;\n\n/**\n * The size class for rung `index` of `count` evenly-spaced rungs — the\n * growing-square ramp `PromptInputEffort` (and the terminal composer's own\n * effort chips) render, low to high.\n */\nexport function effortRungForIndex(\n  index: number,\n  count: number,\n): (typeof EFFORT_SIZE_RUNGS)[number] {\n  if (count <= 1) return EFFORT_SIZE_RUNGS[0];\n  const position = index / (count - 1);\n  const rungIndex = Math.min(\n    EFFORT_SIZE_RUNGS.length - 1,\n    Math.max(0, Math.round(position * (EFFORT_SIZE_RUNGS.length - 1))),\n  );\n  return EFFORT_SIZE_RUNGS[rungIndex] ?? EFFORT_SIZE_RUNGS[0];\n}\n"],"mappings":";;;AAqDA,IAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,SAAS,mBACd,OACA,OACoC;AACpC,MAAI,SAAS,EAAG,QAAO,kBAAkB,CAAC;AAC1C,QAAM,WAAW,SAAS,QAAQ;AAClC,QAAM,YAAY,KAAK;AAAA,IACrB,kBAAkB,SAAS;AAAA,IAC3B,KAAK,IAAI,GAAG,KAAK,MAAM,YAAY,kBAAkB,SAAS,EAAE,CAAC;AAAA,EACnE;AACA,SAAO,kBAAkB,SAAS,KAAK,kBAAkB,CAAC;AAC5D;","names":[]}

package/dist/chunk-VRIAWF3A.js

@@ -0,0 +1,25 @@
+"use client";
+import {
+  StatePanel
+} from "./chunk-BLNXHETI.js";
+
+// src/components/error-state/error-state.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function ErrorState({ title, description, actions, className }) {
+  return /* @__PURE__ */ jsx(
+    StatePanel,
+    {
+      kind: "error",
+      title,
+      description,
+      actions,
+      className
+    }
+  );
+}
+
+export {
+  ErrorState
+};
+//# sourceMappingURL=chunk-VRIAWF3A.js.map

package/dist/chunk-VRIAWF3A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error-state/error-state.tsx"],"sourcesContent":["/**\n * @deprecated Use `StatePanel kind=\"error\"` from `@elabs-ai/components-ui` instead.\n * This wrapper is kept for back-compat and will be removed in a future release.\n */\nimport { type ReactNode } from \"react\";\nimport { StatePanel } from \"../state-panel/state-panel\";\n\nexport interface ErrorStateProps {\n  title?: ReactNode;\n  description?: ReactNode;\n  /** Optional retry / support actions. */\n  actions?: ReactNode;\n  className?: string;\n}\n\n/** @deprecated Use `<StatePanel kind=\"error\" />` instead. */\nexport function ErrorState({ title, description, actions, className }: ErrorStateProps) {\n  return (\n    <StatePanel\n      kind=\"error\"\n      title={title}\n      description={description}\n      actions={actions}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;AAIA,OAA+B;AAc3B;AAFG,SAAS,WAAW,EAAE,OAAO,aAAa,SAAS,UAAU,GAAoB;AACtF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}