@elabs-ai/components-ui 4.2.0 → 5.1.0

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-W26KFY35.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  illustrationSvgProps
+} from "./chunk-CEQ3YKHR.js";
+
+// src/illustrations/empty-list-illustration.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmptyListIllustration = forwardRef(
+  function EmptyListIllustration2({ size, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        ...illustrationSvgProps(size, className),
+        "data-slot": "empty-list-illustration",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("rect", { x: "36", y: "68", width: "64", height: "10", rx: "5" }),
+          /* @__PURE__ */ jsx("rect", { x: "36", y: "90", width: "64", height: "10", rx: "5" }),
+          /* @__PURE__ */ jsx("rect", { x: "36", y: "112", width: "44", height: "10", rx: "5" })
+        ]
+      }
+    );
+  }
+);
+EmptyListIllustration.displayName = "EmptyListIllustration";
+
+export {
+  EmptyListIllustration
+};
+//# sourceMappingURL=chunk-W26KFY35.js.map

package/dist/chunk-W26KFY35.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/illustrations/empty-list-illustration.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { illustrationSvgProps, type IllustrationProps } from \"./illustration-base\";\n\n/**\n * Empty list / zero-data-yet state. Three line-art rows read as \"empty list\"\n * on their own silhouette — no accent mark, per the accent-semantics\n * convention in `illustration-base.tsx` (#48 finding 1): a floating \"add\"\n * badge here would repeat information the rows already supply, not add any.\n */\nexport const EmptyListIllustration = forwardRef<SVGSVGElement, IllustrationProps>(\n  function EmptyListIllustration({ size, className, ...props }, ref) {\n    return (\n      <svg\n        ref={ref}\n        {...illustrationSvgProps(size, className)}\n        data-slot=\"empty-list-illustration\"\n        {...props}\n      >\n        <rect x=\"36\" y=\"68\" width=\"64\" height=\"10\" rx=\"5\" />\n        <rect x=\"36\" y=\"90\" width=\"64\" height=\"10\" rx=\"5\" />\n        <rect x=\"36\" y=\"112\" width=\"44\" height=\"10\" rx=\"5\" />\n      </svg>\n    );\n  },\n);\nEmptyListIllustration.displayName = \"EmptyListIllustration\";\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAYrB,SAME,KANF;AAHC,IAAM,wBAAwB;AAAA,EACnC,SAASA,uBAAsB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AACjE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,qBAAqB,MAAM,SAAS;AAAA,QACxC,aAAU;AAAA,QACT,GAAG;AAAA,QAEJ;AAAA,8BAAC,UAAK,GAAE,MAAK,GAAE,MAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA,UAClD,oBAAC,UAAK,GAAE,MAAK,GAAE,MAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA,UAClD,oBAAC,UAAK,GAAE,MAAK,GAAE,OAAM,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA;AAAA;AAAA,IACrD;AAAA,EAEJ;AACF;AACA,sBAAsB,cAAc;","names":["EmptyListIllustration"]}

package/dist/chunk-W35X6J5P.js

@@ -0,0 +1,232 @@
+"use client";
+import {
+  DialogBody,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-BYFRDLDL.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/expand-dialog/expand-dialog.tsx
+import { cva } from "class-variance-authority";
+import {
+  forwardRef
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var expandDialogPanesVariants = cva("grid min-h-0 gap-3", {
+  variants: {
+    detailPlacement: { side: "", bottom: "" },
+    /**
+     * Below this breakpoint the panes stack, whatever `detailPlacement` says.
+     * A no-op (documented, not an impossible state) when the detail is already
+     * placed at the bottom.
+     */
+    stackBelow: { never: "", sm: "", md: "", lg: "" }
+  },
+  compoundVariants: [
+    {
+      detailPlacement: "side",
+      stackBelow: "never",
+      class: "grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] grid-rows-[minmax(0,1fr)]"
+    },
+    {
+      detailPlacement: "side",
+      stackBelow: "sm",
+      class: "grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] sm:grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] sm:grid-rows-[minmax(0,1fr)]"
+    },
+    {
+      detailPlacement: "side",
+      stackBelow: "md",
+      class: "grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] md:grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] md:grid-rows-[minmax(0,1fr)]"
+    },
+    {
+      detailPlacement: "side",
+      stackBelow: "lg",
+      class: "grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] lg:grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] lg:grid-rows-[minmax(0,1fr)]"
+    },
+    {
+      detailPlacement: "bottom",
+      stackBelow: "never",
+      class: "grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]"
+    },
+    {
+      detailPlacement: "bottom",
+      stackBelow: "sm",
+      class: "grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]"
+    },
+    {
+      detailPlacement: "bottom",
+      stackBelow: "md",
+      class: "grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]"
+    },
+    {
+      detailPlacement: "bottom",
+      stackBelow: "lg",
+      class: "grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]"
+    }
+  ],
+  defaultVariants: { detailPlacement: "side", stackBelow: "never" }
+});
+var paneClass = "min-h-0 min-w-0 overflow-auto overscroll-contain focus-ring";
+var ExpandDialogPanes = forwardRef(
+  function ExpandDialogPanes2({
+    children,
+    className,
+    detail,
+    detailClassName,
+    detailLabel,
+    detailPlacement = "side",
+    detailSize = "minmax(0, 1fr)",
+    detailTabIndex,
+    stackBelow = "never",
+    style,
+    viewClassName,
+    viewSize = "minmax(0, 2.5fr)",
+    viewTabIndex,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const view = /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "expand-dialog-view",
+        tabIndex: viewTabIndex ?? 0,
+        className: cn(paneClass, "rounded-lg bg-card p-4 shadow-ring-md", viewClassName),
+        children
+      }
+    );
+    if (detail == null) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "expand-dialog-panes",
+          className: cn("grid min-h-0 grid-rows-[minmax(0,1fr)]", className),
+          style,
+          ...props,
+          children: view
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "expand-dialog-panes",
+        className: cn(expandDialogPanesVariants({ detailPlacement, stackBelow }), className),
+        style: {
+          "--expand-dialog-view-size": viewSize,
+          "--expand-dialog-detail-size": detailSize,
+          ...style
+        },
+        ...props,
+        children: [
+          view,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "expand-dialog-detail",
+              role: "region",
+              "aria-label": detailLabel ?? t("ui.expandDialog.detail"),
+              tabIndex: detailTabIndex ?? 0,
+              className: cn(paneClass, detailClassName),
+              children: detail
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+function ExpandDialogHeader({
+  actions,
+  className,
+  description,
+  title,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogHeader, { className: cn("shrink-0 border-b px-6 py-4 pe-12", className), ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: "truncate", children: title }),
+      description ? /* @__PURE__ */ jsx(DialogDescription, { children: description }) : null
+    ] }),
+    actions ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+  ] }) });
+}
+var ExpandDialogContent = forwardRef(function ExpandDialogContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DialogContent, { ref, size: "full", className: cn("gap-0 p-0", className), ...props });
+});
+var ExpandDialog = forwardRef(
+  function ExpandDialog2({
+    actions,
+    children,
+    className,
+    description,
+    detail,
+    detailClassName,
+    detailLabel,
+    detailPlacement,
+    detailSize,
+    detailTabIndex,
+    fieldClassName,
+    panesClassName,
+    stackBelow,
+    title,
+    viewClassName,
+    viewSize,
+    viewTabIndex,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ jsxs(
+      ExpandDialogContent,
+      {
+        ref,
+        className,
+        ...description ? {} : { "aria-describedby": void 0 },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(ExpandDialogHeader, { actions, description, title }),
+          /* @__PURE__ */ jsx(
+            DialogBody,
+            {
+              tabIndex: -1,
+              className: cn("m-0 overflow-hidden bg-background p-3", fieldClassName),
+              children: /* @__PURE__ */ jsx(
+                ExpandDialogPanes,
+                {
+                  className: cn("h-full", panesClassName),
+                  detail,
+                  detailClassName,
+                  detailLabel,
+                  detailPlacement,
+                  detailSize,
+                  detailTabIndex,
+                  stackBelow,
+                  viewClassName,
+                  viewSize,
+                  viewTabIndex,
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+export {
+  expandDialogPanesVariants,
+  ExpandDialogPanes,
+  ExpandDialogHeader,
+  ExpandDialogContent,
+  ExpandDialog
+};
+//# sourceMappingURL=chunk-W35X6J5P.js.map

package/dist/chunk-W35X6J5P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/expand-dialog/expand-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type ElementRef,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { DialogBody, DialogContent, DialogDescription, DialogHeader, DialogTitle } from \"../dialog\";\nimport { useLocale } from \"../locale-provider\";\n\n/**\n * ExpandDialog — the one \"make this bigger\" modal: enlarged content on the\n * inline-start, its context on the inline-end.\n *\n * The shape was invented inside `@elabs-ai/components-charts`'\n * `ChartFrame` (chart left, data summary right) and then hand-rolled a second\n * and third time — a chat lightbox, an in-place CSS breakout in a consuming\n * app — because it was trapped in a package the other surfaces cannot import.\n * It lives here so every \"expand\" affordance in the system opens the SAME\n * two-pane surface: a chart, a table, an image, a document.\n *\n * It is a LAYOUT, not a viewer. What goes in each pane is the caller's\n * business; this component owns the dialog anatomy, the pane geometry, the\n * scroll ownership and the region labelling.\n */\n\n/**\n * The panes grid.\n *\n * `detailPlacement` picks the axis; `stackBelow` re-runs the same decision at a\n * breakpoint, because a 2.5fr/1fr split on a 375px viewport leaves the detail\n * pane about 107px wide — technically present, practically unreadable. The 2×4\n * compound matrix mirrors `cardDetailVariants` (`card.tsx`) so the two\n * detail-panel surfaces in this package resolve their tracks the same way.\n *\n * Track sizes arrive as CSS custom properties (`--expand-dialog-view-size` /\n * `--expand-dialog-detail-size`) rather than arbitrary-value classes, because a\n * runtime string cannot be a Tailwind class — the same technique `Card` uses\n * for `--card-detail-size`. The one pair of properties drives whichever axis is\n * active: columns when the detail is beside, rows when it is below.\n */\n/*\n * No `overflow-hidden` on the grid: every track is `minmax(0, …)` and every\n * pane is `min-h-0 min-w-0 overflow-auto`, so nothing can spill — and the\n * raised view fills its track, so a clipping grid cut its shadow and hairline\n * on every edge but the one facing the detail pane. The field around the\n * panes (`ExpandDialog`'s body) is the clip; its padding is where the shadow\n * paints.\n */\nexport const expandDialogPanesVariants = cva(\"grid min-h-0 gap-3\", {\n  variants: {\n    detailPlacement: { side: \"\", bottom: \"\" },\n    /**\n     * Below this breakpoint the panes stack, whatever `detailPlacement` says.\n     * A no-op (documented, not an impossible state) when the detail is already\n     * placed at the bottom.\n     */\n    stackBelow: { never: \"\", sm: \"\", md: \"\", lg: \"\" },\n  },\n  compoundVariants: [\n    {\n      detailPlacement: \"side\",\n      stackBelow: \"never\",\n      class:\n        \"grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] grid-rows-[minmax(0,1fr)]\",\n    },\n    {\n      detailPlacement: \"side\",\n      stackBelow: \"sm\",\n      class:\n        \"grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] sm:grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] sm:grid-rows-[minmax(0,1fr)]\",\n    },\n    {\n      detailPlacement: \"side\",\n      stackBelow: \"md\",\n      class:\n        \"grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] md:grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] md:grid-rows-[minmax(0,1fr)]\",\n    },\n    {\n      detailPlacement: \"side\",\n      stackBelow: \"lg\",\n      class:\n        \"grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] lg:grid-cols-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)] lg:grid-rows-[minmax(0,1fr)]\",\n    },\n    {\n      detailPlacement: \"bottom\",\n      stackBelow: \"never\",\n      class: \"grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]\",\n    },\n    {\n      detailPlacement: \"bottom\",\n      stackBelow: \"sm\",\n      class: \"grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]\",\n    },\n    {\n      detailPlacement: \"bottom\",\n      stackBelow: \"md\",\n      class: \"grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]\",\n    },\n    {\n      detailPlacement: \"bottom\",\n      stackBelow: \"lg\",\n      class: \"grid-rows-[var(--expand-dialog-view-size)_var(--expand-dialog-detail-size)]\",\n    },\n  ],\n  defaultVariants: { detailPlacement: \"side\", stackBelow: \"never\" },\n});\n\n/**\n * A scrollable pane.\n *\n * `tabIndex ?? 0` follows `DialogBody`'s shipped precedent: a scroll container\n * has to be keyboard-operable (WCAG 2.1.1, axe `scrollable-region-focusable`),\n * and a pane holding only text has no focusable child to scroll from. Pass\n * `tabIndex={-1}` when the pane always contains its own focusable content.\n */\nconst paneClass = \"min-h-0 min-w-0 overflow-auto overscroll-contain focus-ring\";\n\nexport interface ExpandDialogPanesProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"children\">,\n    VariantProps<typeof expandDialogPanesVariants> {\n  /** The enlarged content — the reason the dialog opened. */\n  children: ReactNode;\n  /**\n   * Context for what is in the view pane. Omit for a single-pane dialog: the\n   * grid then renders one full-width track and no region wrapper at all.\n   */\n  detail?: ReactNode;\n  /** Accessible name for the detail region. @default `t(\"ui.expandDialog.detail\")` */\n  detailLabel?: string;\n  /** View track size (any CSS length). @default `\"minmax(0, 2.5fr)\"` */\n  viewSize?: string;\n  /** Detail track size (any CSS length). @default `\"minmax(0, 1fr)\"` */\n  detailSize?: string;\n  /** Class on the view pane. */\n  viewClassName?: string;\n  /** Class on the detail pane. */\n  detailClassName?: string;\n  /** Tab index for the view pane. Pass `-1` when it owns focusable content. */\n  viewTabIndex?: number;\n  /** Tab index for the detail pane. Pass `-1` when it owns focusable content. */\n  detailTabIndex?: number;\n}\n\n/**\n * The two-pane body. Usable on its own for a headerless surface (an image\n * lightbox), or via `ExpandDialog`, which supplies the dialog around it.\n */\nexport const ExpandDialogPanes = forwardRef<HTMLDivElement, ExpandDialogPanesProps>(\n  function ExpandDialogPanes(\n    {\n      children,\n      className,\n      detail,\n      detailClassName,\n      detailLabel,\n      detailPlacement = \"side\",\n      detailSize = \"minmax(0, 1fr)\",\n      detailTabIndex,\n      stackBelow = \"never\",\n      style,\n      viewClassName,\n      viewSize = \"minmax(0, 2.5fr)\",\n      viewTabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n\n    /*\n     * The raised view floats on the recessed dialog field — structure by ground\n     * offset plus elevation rather than a border, so it survives a theme swap\n     * and the shadowless decoration dial (`shadow-ring-md` bakes the hairline\n     * into the shadow's last layer, so nothing gains a second crisp stroke).\n     */\n    const view = (\n      <div\n        data-slot=\"expand-dialog-view\"\n        tabIndex={viewTabIndex ?? 0}\n        className={cn(paneClass, \"rounded-lg bg-card p-4 shadow-ring-md\", viewClassName)}\n      >\n        {children}\n      </div>\n    );\n\n    // No detail → a single full-width track. Mirrors `Card`'s `detail == null`\n    // path: the optional pane costs nothing when it is not asked for.\n    if (detail == null) {\n      return (\n        <div\n          ref={ref}\n          data-slot=\"expand-dialog-panes\"\n          className={cn(\"grid min-h-0 grid-rows-[minmax(0,1fr)]\", className)}\n          style={style}\n          {...props}\n        >\n          {view}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"expand-dialog-panes\"\n        className={cn(expandDialogPanesVariants({ detailPlacement, stackBelow }), className)}\n        style={\n          {\n            \"--expand-dialog-view-size\": viewSize,\n            \"--expand-dialog-detail-size\": detailSize,\n            ...style,\n          } as CSSProperties\n        }\n        {...props}\n      >\n        {view}\n        <div\n          data-slot=\"expand-dialog-detail\"\n          role=\"region\"\n          aria-label={detailLabel ?? t(\"ui.expandDialog.detail\")}\n          tabIndex={detailTabIndex ?? 0}\n          className={cn(paneClass, detailClassName)}\n        >\n          {detail}\n        </div>\n      </div>\n    );\n  },\n);\n\nexport interface ExpandDialogHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Names the dialog. Rendered as the `<h2>` Radix labels the dialog by. */\n  title: ReactNode;\n  /** One line of supporting context under the title. */\n  description?: ReactNode;\n  /** Controls aligned to the inline end of the title row. */\n  actions?: ReactNode;\n}\n\n/**\n * The dialog's title row.\n *\n * `pe-12` is load-bearing: Radix positions the close button absolutely in the\n * top inline-end corner, so without the padding a long title runs underneath\n * it.\n */\n// Not `forwardRef`: it renders `DialogHeader`, which is a plain function\n// component with no ref to forward (the base slot stays `dialog-header`).\nexport function ExpandDialogHeader({\n  actions,\n  className,\n  description,\n  title,\n  ...props\n}: ExpandDialogHeaderProps) {\n  return (\n    <DialogHeader className={cn(\"shrink-0 border-b px-6 py-4 pe-12\", className)} {...props}>\n      <div className=\"flex items-center justify-between gap-3\">\n        <div className=\"flex min-w-0 flex-col gap-1.5\">\n          <DialogTitle className=\"truncate\">{title}</DialogTitle>\n          {description ? <DialogDescription>{description}</DialogDescription> : null}\n        </div>\n        {actions ? <div className=\"flex shrink-0 items-center gap-1\">{actions}</div> : null}\n      </div>\n    </DialogHeader>\n  );\n}\n\nexport type ExpandDialogContentProps = ComponentPropsWithoutRef<typeof DialogContent>;\n\n/**\n * The full-bleed content box every expand surface uses.\n *\n * `size=\"full\"` plus a `DialogBody` child puts `DialogContent` into its\n * fixed-header regime (a 3-row grid, header pinned, body owning the scroll) —\n * the anatomy IS the switch, so nothing here hand-rolls a flex column.\n */\nexport const ExpandDialogContent = forwardRef<\n  ElementRef<typeof DialogContent>,\n  ExpandDialogContentProps\n>(function ExpandDialogContent({ className, ...props }, ref) {\n  // `gap-0`: the header and body butt together. `DialogContent`'s `gap-4`\n  // would otherwise open a band under the header AND one below the body — its\n  // body regime is a 3-row grid, and the empty footer track still gets a gap.\n  return <DialogContent ref={ref} size=\"full\" className={cn(\"gap-0 p-0\", className)} {...props} />;\n});\n\nexport interface ExpandDialogProps\n  extends\n    Omit<ExpandDialogContentProps, \"title\" | \"children\">,\n    Pick<ExpandDialogHeaderProps, \"title\" | \"description\" | \"actions\">,\n    Pick<\n      ExpandDialogPanesProps,\n      | \"children\"\n      | \"detail\"\n      | \"detailClassName\"\n      | \"detailLabel\"\n      | \"detailPlacement\"\n      | \"detailSize\"\n      | \"detailTabIndex\"\n      | \"stackBelow\"\n      | \"viewClassName\"\n      | \"viewSize\"\n      | \"viewTabIndex\"\n    > {\n  /** Class on the panes grid. */\n  panesClassName?: string;\n  /** Class on the recessed field the panes sit in. */\n  fieldClassName?: string;\n}\n\n/**\n * The batteries-included composition: content box → header → scroll body →\n * panes. Place it inside a `Dialog` you control:\n *\n * ```tsx\n * <Dialog open={open} onOpenChange={setOpen}>\n *   <ExpandDialog title={chart.title} detail={<Summary />}>\n *     <Chart />\n *   </ExpandDialog>\n * </Dialog>\n * ```\n *\n * `Dialog`/`DialogTrigger` are deliberately NOT re-exported under an\n * `ExpandDialog*` name — they would be zero-behaviour aliases, and open state\n * is the consumer's already.\n */\nexport const ExpandDialog = forwardRef<ElementRef<typeof DialogContent>, ExpandDialogProps>(\n  function ExpandDialog(\n    {\n      actions,\n      children,\n      className,\n      description,\n      detail,\n      detailClassName,\n      detailLabel,\n      detailPlacement,\n      detailSize,\n      detailTabIndex,\n      fieldClassName,\n      panesClassName,\n      stackBelow,\n      title,\n      viewClassName,\n      viewSize,\n      viewTabIndex,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <ExpandDialogContent\n        ref={ref}\n        className={className}\n        /*\n         * With no description the dialog is still named by its title, so opt\n         * out of `aria-describedby` explicitly rather than let Radix warn about\n         * a missing description.\n         */\n        {...(description ? {} : { \"aria-describedby\": undefined })}\n        {...props}\n      >\n        <ExpandDialogHeader actions={actions} description={description} title={title} />\n        {/* `tabIndex={-1}`: the panes below are the real scroll owners and take\n            their own tab stops, so the body must not add a third. `m-0` drops\n            `DialogBody`'s `-m-1` focus-ring gutter: this body never scrolls and\n            its `p-3` already clears any ring, while the negative margin tucked\n            the field under the clipped dialog edge — 8px beside the panes\n            against 12px above and below. */}\n        <DialogBody\n          tabIndex={-1}\n          className={cn(\"m-0 overflow-hidden bg-background p-3\", fieldClassName)}\n        >\n          <ExpandDialogPanes\n            className={cn(\"h-full\", panesClassName)}\n            detail={detail}\n            detailClassName={detailClassName}\n            detailLabel={detailLabel}\n            detailPlacement={detailPlacement}\n            detailSize={detailSize}\n            detailTabIndex={detailTabIndex}\n            stackBelow={stackBelow}\n            viewClassName={viewClassName}\n            viewSize={viewSize}\n            viewTabIndex={viewTabIndex}\n          >\n            {children}\n          </ExpandDialogPanes>\n        </DialogBody>\n      </ExpandDialogContent>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,SAAS,WAA8B;AACvC;AAAA,EAIE;AAAA,OAGK;AA6KD,cA0BA,YA1BA;AAjIC,IAAM,4BAA4B,IAAI,sBAAsB;AAAA,EACjE,UAAU;AAAA,IACR,iBAAiB,EAAE,MAAM,IAAI,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,YAAY,EAAE,OAAO,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,EAClD;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OACE;AAAA,IACJ;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,iBAAiB,QAAQ,YAAY,QAAQ;AAClE,CAAC;AAUD,IAAM,YAAY;AAiCX,IAAM,oBAAoB;AAAA,EAC/B,SAASA,mBACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,EAAE,EAAE,IAAI,UAAU;AAQxB,UAAM,OACJ;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,UAAU,gBAAgB;AAAA,QAC1B,WAAW,GAAG,WAAW,yCAAyC,aAAa;AAAA,QAE9E;AAAA;AAAA,IACH;AAKF,QAAI,UAAU,MAAM;AAClB,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,aAAU;AAAA,UACV,WAAW,GAAG,0CAA0C,SAAS;AAAA,UACjE;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW,GAAG,0BAA0B,EAAE,iBAAiB,WAAW,CAAC,GAAG,SAAS;AAAA,QACnF,OACE;AAAA,UACE,6BAA6B;AAAA,UAC7B,+BAA+B;AAAA,UAC/B,GAAG;AAAA,QACL;AAAA,QAED,GAAG;AAAA,QAEH;AAAA;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,MAAK;AAAA,cACL,cAAY,eAAe,EAAE,wBAAwB;AAAA,cACrD,UAAU,kBAAkB;AAAA,cAC5B,WAAW,GAAG,WAAW,eAAe;AAAA,cAEvC;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAoBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE,oBAAC,gBAAa,WAAW,GAAG,qCAAqC,SAAS,GAAI,GAAG,OAC/E,+BAAC,SAAI,WAAU,2CACb;AAAA,yBAAC,SAAI,WAAU,iCACb;AAAA,0BAAC,eAAY,WAAU,YAAY,iBAAM;AAAA,MACxC,cAAc,oBAAC,qBAAmB,uBAAY,IAAuB;AAAA,OACxE;AAAA,IACC,UAAU,oBAAC,SAAI,WAAU,oCAAoC,mBAAQ,IAAS;AAAA,KACjF,GACF;AAEJ;AAWO,IAAM,sBAAsB,WAGjC,SAASC,qBAAoB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAI3D,SAAO,oBAAC,iBAAc,KAAU,MAAK,QAAO,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAAO;AAChG,CAAC;AA0CM,IAAM,eAAe;AAAA,EAC1B,SAASC,cACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QAMC,GAAI,cAAc,CAAC,IAAI,EAAE,oBAAoB,OAAU;AAAA,QACvD,GAAG;AAAA,QAEJ;AAAA,8BAAC,sBAAmB,SAAkB,aAA0B,OAAc;AAAA,UAO9E;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,WAAW,GAAG,yCAAyC,cAAc;AAAA,cAErE;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,GAAG,UAAU,cAAc;AAAA,kBACtC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":["ExpandDialogPanes","ExpandDialogContent","ExpandDialog"]}

package/dist/chunk-W7I2X6VI.js

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

package/dist/chunk-W7I2X6VI.js.map

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

package/dist/chunk-W7OIVERI.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/spinner/spinner.tsx
+import { forwardRef } from "react";
+import { Loader2 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var Spinner = forwardRef(function Spinner2({ className, label, ...props }, ref) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    Loader2,
+    {
+      ref,
+      "data-slot": "spinner",
+      role: "status",
+      "aria-label": label ?? t("ui.spinner.label"),
+      className: cn("size-4 animate-spin text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-W7OIVERI.js.map

package/dist/chunk-W7OIVERI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner/spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\n\nexport interface SpinnerProps extends React.SVGProps<SVGSVGElement> {\n  /** Accessible label; defaults to the localized \"Loading…\" microcopy. */\n  label?: string;\n}\n\n/** Indeterminate spinner with an accessible label. */\nexport const Spinner = forwardRef<SVGSVGElement, SpinnerProps>(function Spinner(\n  { className, label, ...props },\n  ref,\n) {\n  const { t } = useLocale();\n  return (\n    <Loader2\n      ref={ref}\n      data-slot=\"spinner\"\n      role=\"status\"\n      aria-label={label ?? t(\"ui.spinner.label\")}\n      className={cn(\"size-4 animate-spin text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAgBpB;AANG,IAAM,UAAU,WAAwC,SAASA,SACtE,EAAE,WAAW,OAAO,GAAG,MAAM,GAC7B,KACA;AACA,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY,SAAS,EAAE,kBAAkB;AAAA,MACzC,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Spinner"]}

package/dist/chunk-WEEVXQIM.js

@@ -0,0 +1,45 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/section-header/section-header.tsx
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SectionHeader({
+  title,
+  description,
+  actions,
+  eyebrow,
+  as: TitleTag = "h2",
+  size = "default",
+  className
+}) {
+  const lg = size === "lg";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-size": size,
+      className: cn("flex flex-wrap items-end justify-between gap-4", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: lg ? "space-y-2" : "space-y-1", children: [
+          eyebrow ? /* @__PURE__ */ jsx("div", { className: "text-eyebrow uppercase text-muted-foreground", children: eyebrow }) : null,
+          /* @__PURE__ */ jsx(
+            TitleTag,
+            {
+              className: cn("text-foreground", lg ? "text-display text-balance" : "text-title"),
+              children: title
+            }
+          ),
+          description ? /* @__PURE__ */ jsx("p", { className: cn("text-body text-muted-foreground", lg && "max-w-prose text-pretty"), children: description }) : null
+        ] }),
+        actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions }) : null
+      ]
+    }
+  );
+}
+
+export {
+  SectionHeader
+};
+//# sourceMappingURL=chunk-WEEVXQIM.js.map

package/dist/chunk-WEEVXQIM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/section-header/section-header.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport interface SectionHeaderProps {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Right-aligned actions (buttons, menus). */\n  actions?: ReactNode;\n  /** Optional element rendered above the title (eyebrow / breadcrumbs). */\n  eyebrow?: ReactNode;\n  /**\n   * The heading LEVEL the title contributes to the document outline. The\n   * visual is identical for every value — pick the level the page's structure\n   * calls for, not the size you want (WCAG 1.3.1); the size is `size`.\n   *\n   * Use `as=\"h1\"` when this header titles the PAGE (a screen whose route it\n   * names); leave it at the default when it titles a section INSIDE a page\n   * that already has an `<h1>` elsewhere. @default \"h2\"\n   */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  /**\n   * Title size: `\"default\"` (`text-title`) for a section inside a screen; `\"lg\"`\n   * (`text-display`, description at a readable measure) for the sections of a LONG page a\n   * reader scans by its headings — a landing page, a docs overview. Visual only: it never\n   * changes the heading level (`as`). @default \"default\"\n   */\n  size?: \"default\" | \"lg\";\n  className?: string;\n}\n\n/** A consistent page/section heading row with optional actions. */\nexport function SectionHeader({\n  title,\n  description,\n  actions,\n  eyebrow,\n  as: TitleTag = \"h2\",\n  size = \"default\",\n  className,\n}: SectionHeaderProps) {\n  const lg = size === \"lg\";\n  return (\n    <div\n      data-size={size}\n      className={cn(\"flex flex-wrap items-end justify-between gap-4\", className)}\n    >\n      <div className={lg ? \"space-y-2\" : \"space-y-1\"}>\n        {eyebrow ? (\n          <div className=\"text-eyebrow uppercase text-muted-foreground\">{eyebrow}</div>\n        ) : null}\n        <TitleTag\n          className={cn(\"text-foreground\", lg ? \"text-display text-balance\" : \"text-title\")}\n        >\n          {title}\n        </TitleTag>\n        {description ? (\n          <p className={cn(\"text-body text-muted-foreground\", lg && \"max-w-prose text-pretty\")}>\n            {description}\n          </p>\n        ) : null}\n      </div>\n      {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAAA,OAA+B;AA8CzB,SAEI,KAFJ;AAfC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,WAAW;AAAA,EACf,OAAO;AAAA,EACP;AACF,GAAuB;AACrB,QAAM,KAAK,SAAS;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,WAAW,GAAG,kDAAkD,SAAS;AAAA,MAEzE;AAAA,6BAAC,SAAI,WAAW,KAAK,cAAc,aAChC;AAAA,oBACC,oBAAC,SAAI,WAAU,gDAAgD,mBAAQ,IACrE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,mBAAmB,KAAK,8BAA8B,YAAY;AAAA,cAE/E;AAAA;AAAA,UACH;AAAA,UACC,cACC,oBAAC,OAAE,WAAW,GAAG,mCAAmC,MAAM,yBAAyB,GAChF,uBACH,IACE;AAAA,WACN;AAAA,QACC,UAAU,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ,IAAS;AAAA;AAAA;AAAA,EACxE;AAEJ;","names":[]}

package/dist/chunk-WEM6XJ7Z.js

@@ -0,0 +1,75 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/alert/alert.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-body [&>svg]:absolute [&>svg]:start-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg]:text-current [&>svg~*]:ps-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        info: "border-info/40 bg-info/10 text-foreground",
+        success: "border-success/40 bg-success/10 text-foreground",
+        warning: "border-warning/50 bg-warning/10 text-foreground",
+        // #124: the bare `text-destructive` set the ambient colour for the
+        // Title/Description running text — ink rung. `[&>svg]:text-destructive`
+        // (the icon mark) is unchanged.
+        destructive: "border-destructive/40 bg-destructive/10 text-destructive-text [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Alert = forwardRef(function Alert2({ className, variant, role = "alert", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role,
+      "data-slot": "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+var AlertTitle = forwardRef(function AlertTitle2({ className, as: Tag = "h5", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "alert-title",
+      className: cn("mb-1 font-medium leading-none tracking-tight", className),
+      ...props
+    }
+  );
+});
+var AlertDescription = forwardRef(
+  function AlertDescription2({ className, measure, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "alert-description",
+        className: cn(
+          "text-body [&_p]:leading-relaxed text-muted-foreground",
+          measure && "max-w-prose",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  alertVariants,
+  Alert,
+  AlertTitle,
+  AlertDescription
+};
+//# sourceMappingURL=chunk-WEM6XJ7Z.js.map

package/dist/chunk-WEM6XJ7Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert/alert.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nexport const alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-body [&>svg]:absolute [&>svg]:start-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg]:text-current [&>svg~*]:ps-7\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        info: \"border-info/40 bg-info/10 text-foreground\",\n        success: \"border-success/40 bg-success/10 text-foreground\",\n        warning: \"border-warning/50 bg-warning/10 text-foreground\",\n        // #124: the bare `text-destructive` set the ambient colour for the\n        // Title/Description running text — ink rung. `[&>svg]:text-destructive`\n        // (the icon mark) is unchanged.\n        destructive:\n          \"border-destructive/40 bg-destructive/10 text-destructive-text [&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\nexport const Alert = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(function Alert(\n  // `role` is an explicit override seam (default \"alert\"): a PENDING decision\n  // containing focusable controls (e.g. @elabs-ai/components-ai ApprovalCard) must be a\n  // labelled region (`role=\"group\"` + aria-labelledby), not an assertive live\n  // region (research/structural-design/11 §B.3).\n  { className, variant, role = \"alert\", ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      role={role}\n      data-slot=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n});\n\nexport interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  /**\n   * Render at a different heading level to fit the surrounding document\n   * outline (#329), or as a `\"div\"` to stay out of the outline entirely. The\n   * visual (`mb-1 font-medium leading-none tracking-tight`) is identical for\n   * every value. @default \"h5\"\n   *\n   * `\"div\"` is for a title whose depth the author cannot know — content rendered\n   * into someone else's page, such as an A2UI surface, where a fixed `h5` breaks\n   * `heading-order` under any host that has no `h4` above it. The alert's own\n   * `role=\"alert\"` announces the title either way, so nothing is lost; `CardTitle`\n   * makes the same default choice for the same reason.\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\n// Ref type matches the rendered element (`HTMLHeadingElement` for every heading\n// `as` value, and structurally interchangeable with `div`) — previously\n// mismatched to `HTMLParagraphElement` (#329).\nexport const AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(function AlertTitle(\n  { className, as: Tag = \"h5\", ...props },\n  ref,\n) {\n  return (\n    <Tag\n      ref={ref}\n      data-slot=\"alert-title\"\n      className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n      {...props}\n    />\n  );\n});\n\nexport interface AlertDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {\n  /**\n   * Cap the line length to a readable prose measure (`max-w-prose`, ~65ch)\n   * for genuine paragraph content (#339). Off by default — short,\n   * label-style descriptions should stay full width.\n   */\n  measure?: boolean;\n}\n\n// NOTE (#329 AC): checked for the same ref-type mismatch as `AlertTitle` —\n// `AlertDescription` renders a `<div>`, not a heading, so it needs no `as`\n// heading seam. Its own generic (`HTMLParagraphElement` on a rendered `<div>`)\n// is a pre-existing, unrelated mismatch; left as-is (out of scope for #329,\n// which is scoped to heading semantics, and not requested by #339 either) to\n// avoid a ref-type change unrelated to either issue's acceptance criteria.\nexport const AlertDescription = forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  function AlertDescription({ className, measure, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-description\"\n        className={cn(\n          \"text-body [&_p]:leading-relaxed text-muted-foreground\",\n          measure && \"max-w-prose\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuC;AAChD,SAAS,WAA8B;AAmCnC;AAhCG,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA;AAAA;AAAA;AAAA,QAIT,aACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,UAAU;AAAA,EACxC;AACF;AAEO,IAAM,QAAQ,WAGnB,SAASA,OAKT,EAAE,WAAW,SAAS,OAAO,SAAS,GAAG,MAAM,GAC/C,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAqBM,IAAM,aAAa,WAAgD,SAASC,YACjF,EAAE,WAAW,IAAI,MAAM,MAAM,GAAG,MAAM,GACtC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,gDAAgD,SAAS;AAAA,MACtE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAiBM,IAAM,mBAAmB;AAAA,EAC9B,SAASC,kBAAiB,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,KAAK;AAC/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA,WAAW;AAAA,UACX;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["Alert","AlertTitle","AlertDescription"]}

package/dist/chunk-WKNOKJA3.js

@@ -0,0 +1,42 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/top-nav/top-nav.tsx
+import { forwardRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TopNav = forwardRef(function TopNav2({ className, start, center, end, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      ref,
+      className: cn(
+        "sticky top-0 z-30 flex h-header items-center gap-4 border-b bg-surface-elevated/80 px-4 backdrop-blur",
+        className
+      ),
+      ...props,
+      children: center ? /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-4", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "top-nav-start",
+            className: "flex min-w-0 items-center justify-self-start gap-2",
+            children: start
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { "data-slot": "top-nav-center", className: "flex items-center justify-self-center", children: center }),
+        /* @__PURE__ */ jsx("div", { "data-slot": "top-nav-end", className: "flex min-w-0 items-center justify-self-end gap-2", children: end })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        start ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: start }) : null,
+        children ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center", children }) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+        end ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: end }) : null
+      ] })
+    }
+  );
+});
+
+export {
+  TopNav
+};
+//# sourceMappingURL=chunk-WKNOKJA3.js.map

package/dist/chunk-WKNOKJA3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/top-nav/top-nav.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport interface TopNavProps extends HTMLAttributes<HTMLElement> {\n  /** Left slot (brand on mobile, breadcrumbs, title). */\n  start?: ReactNode;\n  /**\n   * Centred slot (e.g. a global search field, or horizontal primary\n   * navigation). Laid out as the middle column of a 3-column grid, so it\n   * stays visually centred in the bar regardless of how wide `start`/`end`\n   * are — plain `flex-1` filler only centres content when both sides are\n   * equal width. Passing `center` switches the bar to this grid layout and\n   * `children` is ignored (pass everything through `start`/`center`/`end`\n   * instead); omit `center` to keep the original `start` / `children` / `end`\n   * flex row unchanged.\n   */\n  center?: ReactNode;\n  /** Right slot (search, actions, account menu). */\n  end?: ReactNode;\n}\n\n/** Application top bar. Sticky, single row, brand-neutral. */\nexport const TopNav = forwardRef<HTMLElement, TopNavProps>(function TopNav(\n  { className, start, center, end, children, ...props },\n  ref,\n) {\n  return (\n    <header\n      ref={ref}\n      className={cn(\n        \"sticky top-0 z-30 flex h-header items-center gap-4 border-b bg-surface-elevated/80 px-4 backdrop-blur\",\n        className,\n      )}\n      {...props}\n    >\n      {center ? (\n        <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-4\">\n          <div\n            data-slot=\"top-nav-start\"\n            className=\"flex min-w-0 items-center justify-self-start gap-2\"\n          >\n            {start}\n          </div>\n          <div data-slot=\"top-nav-center\" className=\"flex items-center justify-self-center\">\n            {center}\n          </div>\n          <div data-slot=\"top-nav-end\" className=\"flex min-w-0 items-center justify-self-end gap-2\">\n            {end}\n          </div>\n        </div>\n      ) : (\n        <>\n          {start ? <div className=\"flex items-center gap-2\">{start}</div> : null}\n          {children ? (\n            <div className=\"flex flex-1 items-center\">{children}</div>\n          ) : (\n            <div className=\"flex-1\" />\n          )}\n          {end ? <div className=\"flex items-center gap-2\">{end}</div> : null}\n        </>\n      )}\n    </header>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuD;AAoCxD,SAeA,UAdE,KADF;AAdD,IAAM,SAAS,WAAqC,SAASA,QAClE,EAAE,WAAW,OAAO,QAAQ,KAAK,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,mBACC,qBAAC,SAAI,WAAU,+EACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,SAAI,aAAU,kBAAiB,WAAU,yCACvC,kBACH;AAAA,QACA,oBAAC,SAAI,aAAU,eAAc,WAAU,oDACpC,eACH;AAAA,SACF,IAEA,iCACG;AAAA,gBAAQ,oBAAC,SAAI,WAAU,2BAA2B,iBAAM,IAAS;AAAA,QACjE,WACC,oBAAC,SAAI,WAAU,4BAA4B,UAAS,IAEpD,oBAAC,SAAI,WAAU,UAAS;AAAA,QAEzB,MAAM,oBAAC,SAAI,WAAU,2BAA2B,eAAI,IAAS;AAAA,SAChE;AAAA;AAAA,EAEJ;AAEJ,CAAC;","names":["TopNav"]}

package/dist/chunk-WNIVCHDP.js

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

package/dist/chunk-WNIVCHDP.js.map

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

package/dist/chunk-WOMO5CZ7.js

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

package/dist/chunk-WOMO5CZ7.js.map

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

package/dist/chunk-WYENWW3Y.js

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

package/dist/chunk-WYENWW3Y.js.map

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

package/dist/chunk-X4FE7UKP.js

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

package/dist/chunk-X4FE7UKP.js.map

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

package/dist/chunk-XGX3UFLD.js

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

package/dist/chunk-XGX3UFLD.js.map

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

package/dist/chunk-XGXCMA5M.js

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

package/dist/chunk-XGXCMA5M.js.map

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