@elabs-ai/components-ui 4.2.0 → 5.0.0

package/dist/chunk-RNC4M6SG.js

@@ -0,0 +1,85 @@
+"use client";
+import {
+  buttonVariants
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/calendar/calendar.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsx } from "react/jsx-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      "data-slot": "calendar",
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        // `months` is the positioning context for the nav overlay below: in
+        // react-day-picker v9 the <nav> is a SIBLING of the month(s), not a child
+        // of the caption, so the caption cannot anchor it.
+        months: "relative flex flex-col gap-2 sm:flex-row",
+        month: "flex flex-col gap-4",
+        // `min-h-7` matches the nav button row so the two align; it can still grow
+        // for a taller caption (e.g. `captionLayout="dropdown"`), and `px-8` keeps
+        // the label clear of the buttons overlaying either edge.
+        month_caption: "flex min-h-7 items-center justify-center px-8",
+        caption_label: "text-body font-medium",
+        // Overlays the caption row and pushes the buttons to either edge; the
+        // buttons themselves stay in normal flow inside it.
+        nav: "absolute inset-x-0 top-0 flex h-7 items-center justify-between",
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",
+        week: "mt-2 flex w-full",
+        day: "relative size-8 p-0 text-center text-body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-e-md first:[&:has([aria-selected])]:rounded-s-md last:[&:has([aria-selected])]:rounded-e-md",
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        range_start: "day-range-start rounded-s-md",
+        range_end: "day-range-end rounded-e-md",
+        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        // `focus:bg-primary focus:text-primary-foreground` was dead CSS: this
+        // class targets react-day-picker v9's `<td role="gridcell">` slot,
+        // which is never focusable — the actual focusable `DayButton`
+        // already inherits `focus-visible:ring-2 focus-visible:ring-ring`
+        // from `buttonVariants({ variant: "ghost" })` (#308).
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+        today: "bg-accent text-accent-foreground",
+        outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        disabled: "text-muted-foreground opacity-50",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => {
+          const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon, { className: "size-4", "data-rtl-flip": true });
+        }
+      },
+      ...props
+    }
+  );
+}
+
+export {
+  Calendar
+};
+//# sourceMappingURL=chunk-RNC4M6SG.js.map

package/dist/chunk-RNC4M6SG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar/calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { DayPicker } from \"react-day-picker\";\nimport { cn } from \"../../lib/cn\";\nimport { buttonVariants } from \"../button\";\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\n/** Date picker calendar (react-day-picker v9), themed with brand tokens. */\nexport function Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      data-slot=\"calendar\"\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3\", className)}\n      classNames={{\n        // `months` is the positioning context for the nav overlay below: in\n        // react-day-picker v9 the <nav> is a SIBLING of the month(s), not a child\n        // of the caption, so the caption cannot anchor it.\n        months: \"relative flex flex-col gap-2 sm:flex-row\",\n        month: \"flex flex-col gap-4\",\n        // `min-h-7` matches the nav button row so the two align; it can still grow\n        // for a taller caption (e.g. `captionLayout=\"dropdown\"`), and `px-8` keeps\n        // the label clear of the buttons overlaying either edge.\n        month_caption: \"flex min-h-7 items-center justify-center px-8\",\n        caption_label: \"text-body font-medium\",\n        // Overlays the caption row and pushes the buttons to either edge; the\n        // buttons themselves stay in normal flow inside it.\n        nav: \"absolute inset-x-0 top-0 flex h-7 items-center justify-between\",\n        button_previous: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        ),\n        button_next: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"size-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n        ),\n        month_grid: \"w-full border-collapse space-y-1\",\n        weekdays: \"flex\",\n        weekday: \"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground\",\n        week: \"mt-2 flex w-full\",\n        day: \"relative size-8 p-0 text-center text-body focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-e-md first:[&:has([aria-selected])]:rounded-s-md last:[&:has([aria-selected])]:rounded-e-md\",\n        day_button: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"size-8 p-0 font-normal aria-selected:opacity-100\",\n        ),\n        range_start: \"day-range-start rounded-s-md\",\n        range_end: \"day-range-end rounded-e-md\",\n        range_middle: \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        // `focus:bg-primary focus:text-primary-foreground` was dead CSS: this\n        // class targets react-day-picker v9's `<td role=\"gridcell\">` slot,\n        // which is never focusable — the actual focusable `DayButton`\n        // already inherits `focus-visible:ring-2 focus-visible:ring-ring`\n        // from `buttonVariants({ variant: \"ghost\" })` (#308).\n        selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground\",\n        today: \"bg-accent text-accent-foreground\",\n        outside: \"day-outside text-muted-foreground aria-selected:text-muted-foreground\",\n        disabled: \"text-muted-foreground opacity-50\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation }) => {\n          const Icon = orientation === \"left\" ? ChevronLeft : ChevronRight;\n          return <Icon className=\"size-4\" data-rtl-flip />;\n        },\n      }}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,aAAa,oBAAoB;AAC1C,SAAS,iBAAiB;AAoET;AA7DV,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,OAAO,SAAS;AAAA,MAC9B,YAAY;AAAA;AAAA;AAAA;AAAA,QAIV,QAAQ;AAAA,QACR,OAAO;AAAA;AAAA;AAAA;AAAA,QAIP,eAAe;AAAA,QACf,eAAe;AAAA;AAAA;AAAA,QAGf,KAAK;AAAA,QACL,iBAAiB;AAAA,UACf,eAAe,EAAE,SAAS,UAAU,CAAC;AAAA,UACrC;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX,eAAe,EAAE,SAAS,UAAU,CAAC;AAAA,UACrC;AAAA,QACF;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YAAY;AAAA,UACV,eAAe,EAAE,SAAS,QAAQ,CAAC;AAAA,UACnC;AAAA,QACF;AAAA,QACA,aAAa;AAAA,QACb,WAAW;AAAA,QACX,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMd,UACE;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,YAAY,MAAM;AAC5B,gBAAM,OAAO,gBAAgB,SAAS,cAAc;AACpD,iBAAO,oBAAC,QAAK,WAAU,UAAS,iBAAa,MAAC;AAAA,QAChD;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-RRYWMYGI.js

@@ -0,0 +1,14 @@
+"use client";
+
+// src/lib/approval-option.ts
+var APPROVAL_SCOPE_DESCRIPTION_KEYS = {
+  once: "ai.approvalCard.scopeOnceDescription",
+  session: "ai.approvalCard.scopeSessionDescription",
+  always: "ai.approvalCard.scopeAlwaysDescription",
+  deny: "ai.approvalCard.scopeDenyDescription"
+};
+
+export {
+  APPROVAL_SCOPE_DESCRIPTION_KEYS
+};
+//# sourceMappingURL=chunk-RRYWMYGI.js.map

package/dist/chunk-RRYWMYGI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/approval-option.ts"],"sourcesContent":["/**\n * The N-option, scoped-approval model behind `ApprovalCardOptions`\n * (`@elabs-ai/components-ai`'s `confirmation.tsx`, #103) and the terminal CLI\n * look-alike family's own permission row (issue #117) — a real coding-agent\n * permission prompt is rarely a plain yes/no; it asks an N-option question\n * whose options encode SCOPE (\"Yes\", \"Yes, and don't ask again this\n * session\", \"No, and tell the agent what to do instead\").\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). The\n * SYMBOLS have zero SDK coupling; only their previous host module\n * (`confirmation.tsx`) imports `ai`'s `ToolUIPart`, so only the vocabulary —\n * never the component — moves.\n */\n\n/**\n * How far a chosen option's permission reaches. Deliberately a closed,\n * app-agnostic vocabulary (not a free string) so a consumer can derive an\n * accessible fallback description per option (see\n * `APPROVAL_SCOPE_DESCRIPTION_KEYS` below) — the one thing every option of a\n * given scope always means, regardless of the agent-specific label wording.\n */\nexport type ApprovalScope = \"once\" | \"session\" | \"always\" | \"deny\";\n\nexport interface ApprovalOption {\n  id: string;\n  label: string;\n  /**\n   * What choosing this option actually does. Optional: when omitted, the\n   * consumer renders a scope-derived sentence instead, so scope always\n   * reaches assistive tech through real text — never only through colour or\n   * a `data-*` attribute (WCAG 1.4.1).\n   */\n  description?: string;\n  scope: ApprovalScope;\n  /** Optional key hint shown beside the option, e.g. \"1\". */\n  keyHint?: string;\n}\n\n/**\n * The locale-message KEY (not the translated text — `ui`'s locale catalogue,\n * `components/locale-provider/messages.ts`, holds the English fallback and\n * every other locale's translation) for the scope-derived sentence used only\n * when `option.description` is omitted.\n */\nexport const APPROVAL_SCOPE_DESCRIPTION_KEYS: Record<ApprovalScope, string> = {\n  once: \"ai.approvalCard.scopeOnceDescription\",\n  session: \"ai.approvalCard.scopeSessionDescription\",\n  always: \"ai.approvalCard.scopeAlwaysDescription\",\n  deny: \"ai.approvalCard.scopeDenyDescription\",\n};\n"],"mappings":";;;AA+CO,IAAM,kCAAiE;AAAA,EAC5E,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;","names":[]}

package/dist/chunk-RRZUMIYG.js

@@ -0,0 +1,93 @@
+"use client";
+import {
+  STATUS_LABELS,
+  fromTimelineStatus
+} from "./chunk-3EKVSKGJ.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/timeline/timeline.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NODE_STYLE = {
+  pending: "border-border bg-background",
+  running: "border-info bg-info ring-2 ring-info/25",
+  complete: "border-success bg-success",
+  "awaiting-approval": "border-warning bg-warning ring-1 ring-warning/40",
+  denied: "border-border bg-muted border-dashed",
+  failed: "border-destructive bg-destructive ring-4 ring-destructive/20",
+  skipped: "border-border bg-muted border-dotted"
+};
+var MUTED_TITLE_STATUSES = /* @__PURE__ */ new Set(["pending", "skipped", "denied"]);
+var TimelineRoot = forwardRef(function TimelineRoot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ol", { ref, className: cn("relative", className), ...props });
+});
+var TimelineItem = forwardRef(function TimelineItem2({ status = "pending", timestamp, description, detail, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      "data-status": status,
+      className: cn("group/timeline-item relative pb-5 ps-7 last:pb-0", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "absolute start-[5px] top-2.5 h-full w-px bg-border group-last/timeline-item:hidden"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn("absolute start-0 top-1 size-3 rounded-full border-2", NODE_STYLE[status])
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "text-body font-medium",
+                MUTED_TITLE_STATUSES.has(status) ? "text-muted-foreground" : "text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                  STATUS_LABELS[status],
+                  ": "
+                ] }),
+                children
+              ]
+            }
+          ),
+          timestamp ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-meta text-muted-foreground tabular-nums", children: timestamp }) : null
+        ] }),
+        description ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-body text-muted-foreground", children: description }) : null,
+        detail ? /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: detail }) : null
+      ]
+    }
+  );
+});
+var Timeline = forwardRef(function Timeline2({ items, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(TimelineRoot, { ref, className, ...props, children: items.map((item, i) => /* @__PURE__ */ jsx(
+    TimelineItem,
+    {
+      status: fromTimelineStatus(item.status ?? "pending"),
+      timestamp: item.timestamp,
+      description: item.description,
+      children: item.title
+    },
+    i
+  )) });
+});
+
+export {
+  NODE_STYLE,
+  TimelineRoot,
+  TimelineItem,
+  Timeline
+};
+//# sourceMappingURL=chunk-RRZUMIYG.js.map

package/dist/chunk-RRZUMIYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/timeline/timeline.tsx"],"sourcesContent":["/**\n * Timeline — THE rail/node/connector spine (#190, research 10 §B.2): an\n * ordered list of steps with a vertical connector and a status-colored node\n * per step. Moved from `@elabs-ai/components-editor` (which re-exports it for back-compat —\n * the ADR-0012 own/re-export model); the branded target for the editor's\n * `:::timeline` markdown directive, and reusable anywhere a process/sequence\n * needs showing. Token-driven, theme-safe, motion-free (animation belongs to\n * composing consumers, e.g. the `@elabs-ai/components-ai` agent grammar).\n *\n * One rail, two front doors:\n *   - compound `TimelineRoot` + `TimelineItem` — for composing consumers that\n *     interleave rich children per node. The node takes the CANONICAL 7-state\n *     `Status` (status-badge, #189) — closed enum, no freeform strings.\n *   - array `Timeline items={TimelineEntry[]}` — a thin map over the compound\n *     parts. Keeps the editor-facing `done|active|pending` API unchanged by\n *     mapping in via `fromTimelineStatus` at the boundary.\n *\n * Deliberately NOT on this rail (a different grammar, not an oversight —\n * RM-014, #133): `RevisionTimeline` (@elabs-ai/components-ui). Its rail is a\n * multi-lane commit DAG whose node colour is LANE IDENTITY (the chart ramp),\n * not `Status`, and whose fork/merge joins are cross-row beziers living in one\n * SVG coordinate space spanning the whole list — neither of which a\n * status-keyed node or an item-local `w-px` connector can express. Carrying\n * both grammars here would cost ~5 opt-in props, four of them switching this\n * rail's own node/connector/geometry/status announcement off. The four-point\n * reason is in that component's docblock; reopen #133 before converging them.\n */\nimport { forwardRef, type HTMLAttributes, type LiHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport {\n  fromTimelineStatus,\n  STATUS_LABELS,\n  type Status,\n  type TimelineStatus,\n} from \"../status-badge\";\n\n/**\n * Node visual per canonical status. This is a DUPLICATE of the status→role\n * mapping `status-badge.tsx` owns (`STATUS_ROLE`) — it exists because the rail\n * node is a filled dot, not a badge pill, so it can't share `statusBadgeVariants`\n * directly. A duplicate is only safe when it is TESTED against the source of\n * truth: `timeline.test.tsx` asserts every chromatic status here resolves to\n * the same role as `STATUS_ROLE`/`statusBadgeVariants` (#392 — `running` had\n * silently drifted to `--primary` here while the canonical map said `--info`,\n * because nothing checked the two agreed). Semantic tokens only.\n *\n * Every status ALSO carries a non-colour signature (#387, WCAG 1.4.1) — a\n * 12px dot can't host a legible glyph, so the cue is geometric. It took an\n * empirical (rendered) pass to find a signature that actually PAINTS\n * distinctly, not merely one that differs as a class string:\n *   - `denied`/`skipped` (hollow-ish `bg-muted`, `border-border`) get\n *     `border-dashed`/`border-dotted` — this WORKS because border and fill\n *     are different colours there, so the gaps in the dash/dot pattern show\n *     the (lighter) fill through the (darker) border.\n *   - `running`/`complete`/`awaiting-approval`/`failed` are all `bg-<status>\n *     border-<status>` — the vivid MARK rung, where border and fill are the\n *     SAME token. A `border-style` on a same-colour border is invisible (no\n *     colour boundary for the dash gaps to reveal), so this quartet is\n *     differentiated by `ring-*` WIDTH instead — the ring sits outside the\n *     dot, contrasting against the PAGE, not the fill, which is why\n *     `running`'s existing halo was legible in the first place. Widths\n *     `0 / 1 / 2 / 4` give four unmistakably different silhouettes:\n *     `complete` none (calm/settled, matches `StatusBadge`'s quiet\n *     treatment for `complete`) → `awaiting-approval` `ring-1` (a nudge) →\n *     `running` `ring-2` (active) → `failed` `ring-4` (the widest, most\n *     emphatic — the state that most needs to grab the eye).\n * `denied`/`skipped` were byte-identical before this; the ring-width\n * progression replaces an earlier border-style-only attempt that turned out\n * to be visually void on the vivid quartet — verified in `timeline.test.tsx`\n * (structural) and by rendered zoomed + greyscale screenshots (see #387\n * rendered proof) — don't reintroduce border-style there without re-checking\n * a render, it will look correct in code and disappear on screen.\n */\nexport const NODE_STYLE: Record<Status, string> = {\n  pending: \"border-border bg-background\",\n  running: \"border-info bg-info ring-2 ring-info/25\",\n  complete: \"border-success bg-success\",\n  \"awaiting-approval\": \"border-warning bg-warning ring-1 ring-warning/40\",\n  denied: \"border-border bg-muted border-dashed\",\n  failed: \"border-destructive bg-destructive ring-4 ring-destructive/20\",\n  skipped: \"border-border bg-muted border-dotted\",\n};\n\n/** Statuses whose title reads de-emphasized (not-yet/never-run steps). */\nconst MUTED_TITLE_STATUSES: ReadonlySet<Status> = new Set([\"pending\", \"skipped\", \"denied\"]);\n\nexport type TimelineRootProps = HTMLAttributes<HTMLOListElement>;\n\n/** The `<ol>` that owns the rail geometry; compose `TimelineItem`s inside. */\nexport const TimelineRoot = forwardRef<HTMLOListElement, TimelineRootProps>(function TimelineRoot(\n  { className, ...props },\n  ref,\n) {\n  return <ol ref={ref} className={cn(\"relative\", className)} {...props} />;\n});\n\nexport interface TimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  /** The canonical execution status (closed 7-state enum, status-badge #189). */\n  status?: Status;\n  /** Right-aligned meta (e.g. a date) on the title row. */\n  timestamp?: ReactNode;\n  /** Secondary line under the title. */\n  description?: ReactNode;\n  /**\n   * Rich block content under the title/description, indented with the rail —\n   * the slot composing consumers (e.g. `@elabs-ai/components-ai`'s `AgentStep`, #192)\n   * interleave per node. Block-level, so it must NOT ride the inline title\n   * slot (`children`).\n   */\n  detail?: ReactNode;\n}\n\n/**\n * One `<li>`: status node + connector + the title row; `children` is the\n * title slot. The connector hides itself on the last item via CSS\n * (`group-last`), so streaming/compound consumers never track \"is last\".\n */\nexport const TimelineItem = forwardRef<HTMLLIElement, TimelineItemProps>(function TimelineItem(\n  { status = \"pending\", timestamp, description, detail, className, children, ...props },\n  ref,\n) {\n  return (\n    <li\n      ref={ref}\n      data-status={status}\n      className={cn(\"group/timeline-item relative pb-5 ps-7 last:pb-0\", className)}\n      {...props}\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"absolute start-[5px] top-2.5 h-full w-px bg-border group-last/timeline-item:hidden\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(\"absolute start-0 top-1 size-3 rounded-full border-2\", NODE_STYLE[status])}\n      />\n      <div className=\"flex items-baseline justify-between gap-3\">\n        <span\n          className={cn(\n            \"text-body font-medium\",\n            MUTED_TITLE_STATUSES.has(status) ? \"text-muted-foreground\" : \"text-foreground\",\n          )}\n        >\n          {/* The dot is `aria-hidden` and `data-status` isn't AT-visible (#387) —\n              this is the step's only announced status; kept inline so it reads\n              naturally as \"<Status>: <title>\" instead of a second live region. */}\n          <span className=\"sr-only\">{STATUS_LABELS[status]}: </span>\n          {children}\n        </span>\n        {timestamp ? (\n          <span className=\"shrink-0 text-meta text-muted-foreground tabular-nums\">{timestamp}</span>\n        ) : null}\n      </div>\n      {description ? <p className=\"mt-0.5 text-body text-muted-foreground\">{description}</p> : null}\n      {detail ? <div className=\"mt-2 space-y-2\">{detail}</div> : null}\n    </li>\n  );\n});\n\n/**\n * One step of the array-API `Timeline` (the editor's original item shape —\n * re-exported by `@elabs-ai/components-editor` as `TimelineItem` for back-compat).\n */\nexport interface TimelineEntry {\n  title: ReactNode;\n  description?: ReactNode;\n  /** The editor's 3-state vocabulary; mapped in via `fromTimelineStatus`. */\n  status?: TimelineStatus;\n  timestamp?: ReactNode;\n}\n\nexport interface TimelineProps extends HTMLAttributes<HTMLOListElement> {\n  items: TimelineEntry[];\n}\n\n/** Array convenience over the compound parts (data in, list out). */\nexport const Timeline = forwardRef<HTMLOListElement, TimelineProps>(function Timeline(\n  { items, className, ...props },\n  ref,\n) {\n  return (\n    <TimelineRoot ref={ref} className={className} {...props}>\n      {items.map((item, i) => (\n        <TimelineItem\n          key={i}\n          status={fromTimelineStatus(item.status ?? \"pending\")}\n          timestamp={item.timestamp}\n          description={item.description}\n        >\n          {item.title}\n        </TimelineItem>\n      ))}\n    </TimelineRoot>\n  );\n});\n"],"mappings":";;;;;;;;;;AA2BA,SAAS,kBAA8E;AAkE9E,cAqDC,YArDD;AApBF,IAAM,aAAqC;AAAA,EAChD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX;AAGA,IAAM,uBAA4C,oBAAI,IAAI,CAAC,WAAW,WAAW,QAAQ,CAAC;AAKnF,IAAM,eAAe,WAAgD,SAASA,cACnF,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SAAO,oBAAC,QAAG,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AACxE,CAAC;AAuBM,IAAM,eAAe,WAA6C,SAASC,cAChF,EAAE,SAAS,WAAW,WAAW,aAAa,QAAQ,WAAW,UAAU,GAAG,MAAM,GACpF,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,WAAW,GAAG,oDAAoD,SAAS;AAAA,MAC1E,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,GAAG,uDAAuD,WAAW,MAAM,CAAC;AAAA;AAAA,QACzF;AAAA,QACA,qBAAC,SAAI,WAAU,6CACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,qBAAqB,IAAI,MAAM,IAAI,0BAA0B;AAAA,cAC/D;AAAA,cAKA;AAAA,qCAAC,UAAK,WAAU,WAAW;AAAA,gCAAc,MAAM;AAAA,kBAAE;AAAA,mBAAE;AAAA,gBAClD;AAAA;AAAA;AAAA,UACH;AAAA,UACC,YACC,oBAAC,UAAK,WAAU,yDAAyD,qBAAU,IACjF;AAAA,WACN;AAAA,QACC,cAAc,oBAAC,OAAE,WAAU,0CAA0C,uBAAY,IAAO;AAAA,QACxF,SAAS,oBAAC,SAAI,WAAU,kBAAkB,kBAAO,IAAS;AAAA;AAAA;AAAA,EAC7D;AAEJ,CAAC;AAmBM,IAAM,WAAW,WAA4C,SAASC,UAC3E,EAAE,OAAO,WAAW,GAAG,MAAM,GAC7B,KACA;AACA,SACE,oBAAC,gBAAa,KAAU,WAAuB,GAAG,OAC/C,gBAAM,IAAI,CAAC,MAAM,MAChB;AAAA,IAAC;AAAA;AAAA,MAEC,QAAQ,mBAAmB,KAAK,UAAU,SAAS;AAAA,MACnD,WAAW,KAAK;AAAA,MAChB,aAAa,KAAK;AAAA,MAEjB,eAAK;AAAA;AAAA,IALD;AAAA,EAMP,CACD,GACH;AAEJ,CAAC;","names":["TimelineRoot","TimelineItem","Timeline"]}

package/dist/chunk-RTHCX2TG.js

@@ -0,0 +1,59 @@
+"use client";
+import {
+  useScrollProgress
+} from "./chunk-3JAEQNCB.js";
+
+// src/components/parallax-plane/parallax-plane.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var PARALLAX_PLANE_RATES = {
+  ground: 0.15,
+  content: 1,
+  float: 1.2
+};
+var PARALLAX_MAX_TRAVEL = 60;
+function parallaxOffset(scrollY, rate, factor) {
+  const offset = (1 - rate) * factor * scrollY;
+  return Math.max(-PARALLAX_MAX_TRAVEL, Math.min(PARALLAX_MAX_TRAVEL, offset));
+}
+var ParallaxPlane = React.forwardRef(
+  ({ plane = "content", rate, className, style, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    const effectiveRate = rate ?? PARALLAX_PLANE_RATES[plane];
+    const { mode, factor } = useScrollProgress(
+      (scrollY) => {
+        const el = innerRef.current;
+        if (el)
+          el.style.transform = `translateY(${parallaxOffset(scrollY, effectiveRate, factor)}px)`;
+      },
+      { enabled: effectiveRate !== 1, target: innerRef }
+    );
+    const perPx = (1 - effectiveRate) * factor;
+    const timelineStyle = mode === "timeline" && perPx !== 0 ? {
+      "--parallax-travel": `${Math.sign(perPx) * PARALLAX_MAX_TRAVEL}px`,
+      "--parallax-range": `${PARALLAX_MAX_TRAVEL / Math.abs(perPx)}px`
+    } : void 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: innerRef,
+        "data-slot": "parallax-plane",
+        "data-plane": plane,
+        "data-parallax": mode === "static" ? void 0 : mode,
+        className,
+        style: timelineStyle ? { ...style, ...timelineStyle } : style,
+        ...props
+      }
+    );
+  }
+);
+ParallaxPlane.displayName = "ParallaxPlane";
+
+export {
+  PARALLAX_PLANE_RATES,
+  PARALLAX_MAX_TRAVEL,
+  parallaxOffset,
+  ParallaxPlane
+};
+//# sourceMappingURL=chunk-RTHCX2TG.js.map

package/dist/chunk-RTHCX2TG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/parallax-plane/parallax-plane.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useScrollProgress } from \"../../lib/use-scroll-progress\";\nimport \"./parallax-plane.css\";\n\n/** The three depth planes of a page: the ground, the content, and floating accents. */\nexport type ParallaxPlaneKind = \"ground\" | \"content\" | \"float\";\n\n/** Default scroll rate per plane, relative to the page (content moves with it at 1×). */\nexport const PARALLAX_PLANE_RATES: Record<ParallaxPlaneKind, number> = {\n  ground: 0.15,\n  content: 1,\n  float: 1.2,\n};\n\n/** The largest offset, in px, any plane may drift from the content plane. */\nexport const PARALLAX_MAX_TRAVEL = 60;\n\nexport interface ParallaxPlaneProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Which depth plane this is; sets `data-plane` and the default `rate`. Default `content`. */\n  plane?: ParallaxPlaneKind;\n  /** Scroll rate relative to the page (1 = moves with the content). Defaults per `plane`. */\n  rate?: number;\n}\n\n/**\n * Offset of a plane from the content plane after `scrollY` px of scroll: `(1 − rate) × factor`\n * per px, clamped to ±{@link PARALLAX_MAX_TRAVEL}. Reduced motion (factor at the floor) gives an\n * effective rate of 1 for every plane — no parallax.\n */\nexport function parallaxOffset(scrollY: number, rate: number, factor: number): number {\n  const offset = (1 - rate) * factor * scrollY;\n  return Math.max(-PARALLAX_MAX_TRAVEL, Math.min(PARALLAX_MAX_TRAVEL, offset));\n}\n\n/**\n * A depth plane that scrolls at its own rate. Uses CSS `animation-timeline: scroll(root)` where\n * the browser has it, else `motion`'s `scroll()` (lazy optional peer) writing `transform`. The\n * server HTML has no transform; motion starts after hydration and only when the gate is open.\n * The plane owns its `transform` — put layout transforms on a child.\n */\nexport const ParallaxPlane = React.forwardRef<HTMLDivElement, ParallaxPlaneProps>(\n  ({ plane = \"content\", rate, className, style, ...props }, ref) => {\n    const innerRef = React.useRef<HTMLDivElement>(null);\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement, []);\n\n    const effectiveRate = rate ?? PARALLAX_PLANE_RATES[plane];\n    const { mode, factor } = useScrollProgress(\n      (scrollY) => {\n        const el = innerRef.current;\n        if (el)\n          el.style.transform = `translateY(${parallaxOffset(scrollY, effectiveRate, factor)}px)`;\n      },\n      { enabled: effectiveRate !== 1, target: innerRef },\n    );\n\n    const perPx = (1 - effectiveRate) * factor;\n    const timelineStyle =\n      mode === \"timeline\" && perPx !== 0\n        ? ({\n            \"--parallax-travel\": `${Math.sign(perPx) * PARALLAX_MAX_TRAVEL}px`,\n            \"--parallax-range\": `${PARALLAX_MAX_TRAVEL / Math.abs(perPx)}px`,\n          } as React.CSSProperties)\n        : undefined;\n\n    return (\n      <div\n        ref={innerRef}\n        data-slot=\"parallax-plane\"\n        data-plane={plane}\n        data-parallax={mode === \"static\" ? undefined : mode}\n        className={className}\n        style={timelineStyle ? { ...style, ...timelineStyle } : style}\n        {...props}\n      />\n    );\n  },\n);\nParallaxPlane.displayName = \"ParallaxPlane\";\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AAiEjB;AAzDC,IAAM,uBAA0D;AAAA,EACrE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACT;AAGO,IAAM,sBAAsB;AAc5B,SAAS,eAAe,SAAiB,MAAc,QAAwB;AACpF,QAAM,UAAU,IAAI,QAAQ,SAAS;AACrC,SAAO,KAAK,IAAI,CAAC,qBAAqB,KAAK,IAAI,qBAAqB,MAAM,CAAC;AAC7E;AAQO,IAAM,gBAAsB;AAAA,EACjC,CAAC,EAAE,QAAQ,WAAW,MAAM,WAAW,OAAO,GAAG,MAAM,GAAG,QAAQ;AAChE,UAAM,WAAiB,aAAuB,IAAI;AAClD,IAAM,0BAAoB,KAAK,MAAM,SAAS,SAA2B,CAAC,CAAC;AAE3E,UAAM,gBAAgB,QAAQ,qBAAqB,KAAK;AACxD,UAAM,EAAE,MAAM,OAAO,IAAI;AAAA,MACvB,CAAC,YAAY;AACX,cAAM,KAAK,SAAS;AACpB,YAAI;AACF,aAAG,MAAM,YAAY,cAAc,eAAe,SAAS,eAAe,MAAM,CAAC;AAAA,MACrF;AAAA,MACA,EAAE,SAAS,kBAAkB,GAAG,QAAQ,SAAS;AAAA,IACnD;AAEA,UAAM,SAAS,IAAI,iBAAiB;AACpC,UAAM,gBACJ,SAAS,cAAc,UAAU,IAC5B;AAAA,MACC,qBAAqB,GAAG,KAAK,KAAK,KAAK,IAAI,mBAAmB;AAAA,MAC9D,oBAAoB,GAAG,sBAAsB,KAAK,IAAI,KAAK,CAAC;AAAA,IAC9D,IACA;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAU;AAAA,QACV,cAAY;AAAA,QACZ,iBAAe,SAAS,WAAW,SAAY;AAAA,QAC/C;AAAA,QACA,OAAO,gBAAgB,EAAE,GAAG,OAAO,GAAG,cAAc,IAAI;AAAA,QACvD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/chunk-RWUKMJYA.js

@@ -0,0 +1,39 @@
+"use client";
+import {
+  illustrationAccent,
+  illustrationSvgProps
+} from "./chunk-A47AZPCL.js";
+
+// src/illustrations/success-illustration.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SuccessIllustration = forwardRef(
+  function SuccessIllustration2({ size, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        ...illustrationSvgProps(size, className),
+        "data-slot": "success-illustration",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "80", cy: "78", r: "44" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M59,81 L75,96 L103,60",
+              style: { stroke: illustrationAccent("var(--success-text)") },
+              strokeWidth: 3
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SuccessIllustration.displayName = "SuccessIllustration";
+
+export {
+  SuccessIllustration
+};
+//# sourceMappingURL=chunk-RWUKMJYA.js.map

package/dist/chunk-RWUKMJYA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/illustrations/success-illustration.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  illustrationSvgProps,\n  illustrationAccent,\n  type IllustrationProps,\n} from \"./illustration-base\";\n\n/**\n * Completed / positive-outcome state. A line-art ring with a `--success-text`\n * checkmark — a ring + check needs no rays. The checkmark is meaning-bearing\n * (per the accent-semantics convention in `illustration-base.tsx`, #48\n * finding 1) — a bare ring alone carries no state at all.\n *\n * Redrawn for #24 fix round 1 (P0-1, P1-4) — the checkmark previously used\n * `--primary` (re-creating the \"success chips read as primary\" confusion #334\n * removed from the tokens) at `strokeWidth={6}` (off the shared accent-weight\n * rule), and the three radiating ticks straddled the now-removed dashed stage\n * (two crossed it, one didn't), reading as a clock/sun rather than a\n * celebration.\n */\nexport const SuccessIllustration = forwardRef<SVGSVGElement, IllustrationProps>(\n  function SuccessIllustration({ size, className, ...props }, ref) {\n    return (\n      <svg\n        ref={ref}\n        {...illustrationSvgProps(size, className)}\n        data-slot=\"success-illustration\"\n        {...props}\n      >\n        <circle cx=\"80\" cy=\"78\" r=\"44\" />\n        <path\n          d=\"M59,81 L75,96 L103,60\"\n          style={{ stroke: illustrationAccent(\"var(--success-text)\") }}\n          strokeWidth={3}\n        />\n      </svg>\n    );\n  },\n);\nSuccessIllustration.displayName = \"SuccessIllustration\";\n"],"mappings":";;;;;;;AAAA,SAAS,kBAAkB;AAuBrB,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,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,UAC/B;AAAA,YAAC;AAAA;AAAA,cACC,GAAE;AAAA,cACF,OAAO,EAAE,QAAQ,mBAAmB,qBAAqB,EAAE;AAAA,cAC3D,aAAa;AAAA;AAAA,UACf;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,oBAAoB,cAAc;","names":["SuccessIllustration"]}

package/dist/chunk-SMTAPQEQ.js

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

package/dist/chunk-SMTAPQEQ.js.map

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

package/dist/chunk-SS6EOZKZ.js

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

package/dist/chunk-SS6EOZKZ.js.map

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

package/dist/chunk-T2XEMEN2.js

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

package/dist/chunk-T2XEMEN2.js.map

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

package/dist/chunk-T4JNXV75.js

@@ -0,0 +1,125 @@
+"use client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-D3C3VVCX.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  Calendar
+} from "./chunk-RNC4M6SG.js";
+import {
+  useIsMobile
+} from "./chunk-YCFOFNQF.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/date-range-picker/date-range-picker.tsx
+import { forwardRef } from "react";
+import { Calendar as CalendarIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NARROW_BREAKPOINT = 640;
+var DateRangePicker = forwardRef(
+  function DateRangePicker2({
+    value,
+    defaultValue,
+    onValueChange,
+    presets,
+    numberOfMonths = 2,
+    placeholder = "Pick a date range",
+    className,
+    ...props
+  }, ref) {
+    const { formatDate } = useLocale();
+    const [range, setRange] = useControllableState(
+      value,
+      defaultValue,
+      onValueChange
+    );
+    const fmt = (date) => formatDate(date, { dateStyle: "medium" });
+    const formatRange = (r) => {
+      if (!r) return placeholder;
+      if (r.from && r.to) return `${fmt(r.from)} \u2013 ${fmt(r.to)}`;
+      if (r.from) return `${fmt(r.from)} \u2013 \u2026`;
+      return placeholder;
+    };
+    const hasRange = Boolean(range?.from);
+    const label = formatRange(range);
+    const isNarrow = useIsMobile(NARROW_BREAKPOINT);
+    const monthsToShow = isNarrow ? 1 : numberOfMonths;
+    return /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          ref,
+          variant: "outline",
+          "aria-haspopup": "dialog",
+          ...props,
+          className: cn(
+            "w-full justify-start gap-2 text-start font-normal",
+            !hasRange && "text-muted-foreground",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4", "aria-hidden": "true" }),
+            label
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          className: "w-auto max-w-[calc(100vw-1rem)] p-0",
+          align: "start",
+          collisionPadding: 8,
+          children: presets && presets.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1 border-e border-border p-2", children: presets.map((preset) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "justify-start",
+                onClick: () => setRange(preset.getRange()),
+                children: preset.label
+              },
+              preset.label
+            )) }),
+            /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                mode: "range",
+                numberOfMonths: monthsToShow,
+                selected: range,
+                onSelect: setRange,
+                autoFocus: true
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "range",
+              numberOfMonths: monthsToShow,
+              selected: range,
+              onSelect: setRange,
+              autoFocus: true
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+
+export {
+  DateRangePicker
+};
+//# sourceMappingURL=chunk-T4JNXV75.js.map

package/dist/chunk-T4JNXV75.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["// a2ui.exposed: yes\n\"use client\";\n\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { Calendar as CalendarIcon } from \"lucide-react\";\nimport type { DateRange } from \"react-day-picker\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../lib/use-controllable-state\";\nimport { useIsMobile } from \"../../lib/use-mobile\";\nimport { Button } from \"../button\";\nimport { Calendar } from \"../calendar\";\nimport { useLocale } from \"../locale-provider\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\n\n/** Below this width, the calendar collapses to a single month (Tailwind `sm`). */\nconst NARROW_BREAKPOINT = 640;\n\nexport type { DateRange };\n\nexport interface DateRangePreset {\n  label: string;\n  getRange: () => DateRange;\n}\n\nexport interface DateRangePickerProps extends Omit<\n  HTMLAttributes<HTMLButtonElement>,\n  \"onSelect\" | \"children\" | \"value\" | \"defaultValue\"\n> {\n  value?: DateRange;\n  defaultValue?: DateRange;\n  onValueChange?: (range?: DateRange) => void;\n  presets?: DateRangePreset[];\n  numberOfMonths?: number;\n  placeholder?: string;\n  className?: string;\n}\n\n/**\n * Date range picker (Popover + Calendar in range mode).\n * Supports optional preset quick-picks, controlled or uncontrolled.\n */\nexport const DateRangePicker = forwardRef<HTMLButtonElement, DateRangePickerProps>(\n  function DateRangePicker(\n    {\n      value,\n      defaultValue,\n      onValueChange,\n      presets,\n      numberOfMonths = 2,\n      placeholder = \"Pick a date range\",\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const { formatDate } = useLocale();\n    const [range, setRange] = useControllableState<DateRange | undefined>(\n      value,\n      defaultValue,\n      onValueChange,\n    );\n\n    const fmt = (date: Date) => formatDate(date, { dateStyle: \"medium\" });\n    const formatRange = (r: DateRange | undefined): string => {\n      if (!r) return placeholder;\n      if (r.from && r.to) return `${fmt(r.from)} – ${fmt(r.to)}`;\n      if (r.from) return `${fmt(r.from)} – …`;\n      return placeholder;\n    };\n\n    const hasRange = Boolean(range?.from);\n    const label = formatRange(range);\n\n    // Below `sm`, two side-by-side months push the popover off-screen (#reviewed).\n    const isNarrow = useIsMobile(NARROW_BREAKPOINT);\n    const monthsToShow = isNarrow ? 1 : numberOfMonths;\n\n    return (\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            variant=\"outline\"\n            aria-haspopup=\"dialog\"\n            {...props}\n            className={cn(\n              \"w-full justify-start gap-2 text-start font-normal\",\n              !hasRange && \"text-muted-foreground\",\n              className,\n            )}\n          >\n            <CalendarIcon className=\"size-4\" aria-hidden=\"true\" />\n            {label}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-auto max-w-[calc(100vw-1rem)] p-0\"\n          align=\"start\"\n          collisionPadding={8}\n        >\n          {presets && presets.length > 0 ? (\n            <div className=\"flex\">\n              <div className=\"flex flex-col gap-1 border-e border-border p-2\">\n                {presets.map((preset) => (\n                  <Button\n                    key={preset.label}\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"justify-start\"\n                    onClick={() => setRange(preset.getRange())}\n                  >\n                    {preset.label}\n                  </Button>\n                ))}\n              </div>\n              <Calendar\n                mode=\"range\"\n                numberOfMonths={monthsToShow}\n                selected={range}\n                onSelect={setRange}\n                autoFocus\n              />\n            </div>\n          ) : (\n            <Calendar\n              mode=\"range\"\n              numberOfMonths={monthsToShow}\n              selected={range}\n              onSelect={setRange}\n              autoFocus\n            />\n          )}\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,kBAAuC;AAChD,SAAS,YAAY,oBAAoB;AA4E/B,SAWE,KAXF;AAjEV,IAAM,oBAAoB;AA0BnB,IAAM,kBAAkB;AAAA,EAC7B,SAASA,iBACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,EAAE,WAAW,IAAI,UAAU;AACjC,UAAM,CAAC,OAAO,QAAQ,IAAI;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,MAAM,CAAC,SAAe,WAAW,MAAM,EAAE,WAAW,SAAS,CAAC;AACpE,UAAM,cAAc,CAAC,MAAqC;AACxD,UAAI,CAAC,EAAG,QAAO;AACf,UAAI,EAAE,QAAQ,EAAE,GAAI,QAAO,GAAG,IAAI,EAAE,IAAI,CAAC,WAAM,IAAI,EAAE,EAAE,CAAC;AACxD,UAAI,EAAE,KAAM,QAAO,GAAG,IAAI,EAAE,IAAI,CAAC;AACjC,aAAO;AAAA,IACT;AAEA,UAAM,WAAW,QAAQ,OAAO,IAAI;AACpC,UAAM,QAAQ,YAAY,KAAK;AAG/B,UAAM,WAAW,YAAY,iBAAiB;AAC9C,UAAM,eAAe,WAAW,IAAI;AAEpC,WACE,qBAAC,WACC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,SAAQ;AAAA,UACR,iBAAc;AAAA,UACb,GAAG;AAAA,UACJ,WAAW;AAAA,YACT;AAAA,YACA,CAAC,YAAY;AAAA,YACb;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,gBAAa,WAAU,UAAS,eAAY,QAAO;AAAA,YACnD;AAAA;AAAA;AAAA,MACH,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAM;AAAA,UACN,kBAAkB;AAAA,UAEjB,qBAAW,QAAQ,SAAS,IAC3B,qBAAC,SAAI,WAAU,QACb;AAAA,gCAAC,SAAI,WAAU,kDACZ,kBAAQ,IAAI,CAAC,WACZ;AAAA,cAAC;AAAA;AAAA,gBAEC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS,MAAM,SAAS,OAAO,SAAS,CAAC;AAAA,gBAExC,iBAAO;AAAA;AAAA,cANH,OAAO;AAAA,YAOd,CACD,GACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,gBAAgB;AAAA,gBAChB,UAAU;AAAA,gBACV,UAAU;AAAA,gBACV,WAAS;AAAA;AAAA,YACX;AAAA,aACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,UAAU;AAAA,cACV,WAAS;AAAA;AAAA,UACX;AAAA;AAAA,MAEJ;AAAA,OACF;AAAA,EAEJ;AACF;","names":["DateRangePicker"]}

package/dist/chunk-T7JOWG2A.js

@@ -0,0 +1,10 @@
+"use client";
+
+// src/components/aspect-ratio/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+export {
+  AspectRatio
+};
+//# sourceMappingURL=chunk-T7JOWG2A.js.map

package/dist/chunk-T7JOWG2A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nexport const AspectRatio = AspectRatioPrimitive.Root;\n"],"mappings":";;;AAAA,YAAY,0BAA0B;AAE/B,IAAM,cAAmC;","names":[]}

package/dist/chunk-TAQI4JTE.js

@@ -0,0 +1,12 @@
+"use client";
+
+// src/lib/has-renderable-content.ts
+import { Children } from "react";
+function hasRenderableContent(node) {
+  return Boolean(node) && Children.toArray(node).filter(Boolean).length > 0;
+}
+
+export {
+  hasRenderableContent
+};
+//# sourceMappingURL=chunk-TAQI4JTE.js.map

package/dist/chunk-TAQI4JTE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/has-renderable-content.ts"],"sourcesContent":["import { Children, type ReactNode } from \"react\";\n\n/**\n * Whether `node` has any renderable content. `{condition && \"message\"}` is\n * the ordinary React idiom for optional content, and `condition === false`\n * must render nothing — a `false`/`0`/`\"\"`/`null`/`undefined` value is \"no\n * content\", not an empty paragraph/alert. `Boolean(node)` alone is not\n * enough: an array is always truthy, so `{errors.map(...)}` on an empty list\n * (or `[a && \"x\", b && \"y\"]` with both false) would still count as content.\n * `Children.toArray` drops `null`/`undefined`/booleans from an array but\n * KEEPS `\"\"` (and `0`), so an array like `[\"\", \"\"]` would still slip through\n * as \"content\" without the trailing `.filter(Boolean)` — filtering after\n * `toArray` is what makes this match the scalar check for every array shape,\n * not just the ones `toArray` already prunes.\n *\n * Shared by `FieldDescription`/`FieldError` (`../components/field/field.tsx`)\n * and `FieldRow` (`../components/field-row/field-row.tsx`) — extracted so a\n * fix to the predicate reaches every caller instead of drifting between\n * hand-duplicated copies, which is exactly how `FieldRow` ended up with the\n * weaker, bare-truthiness version of this check for two rounds of `Field*`\n * fixes (#93).\n *\n * **Known limit:** a `node` that is itself a component returning `null` (or\n * an empty fragment) is not knowable from the element before render — a\n * React element is always truthy, whatever the component it names will\n * return, so this function reports `true` for it. That limit is documented\n * on `FieldDescription`/`FieldError`/`FieldRow`'s own JSDoc; it is not, and\n * cannot be, fixed here.\n */\nexport function hasRenderableContent(node: ReactNode): boolean {\n  return Boolean(node) && Children.toArray(node).filter(Boolean).length > 0;\n}\n"],"mappings":";;;AAAA,SAAS,gBAAgC;AA6BlC,SAAS,qBAAqB,MAA0B;AAC7D,SAAO,QAAQ,IAAI,KAAK,SAAS,QAAQ,IAAI,EAAE,OAAO,OAAO,EAAE,SAAS;AAC1E;","names":[]}

package/dist/chunk-TEKBTTP2.js

@@ -0,0 +1,27 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/label/label.tsx
+import { forwardRef } from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx } from "react/jsx-runtime";
+var Label = forwardRef(function Label2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "text-body font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-TEKBTTP2.js.map

package/dist/chunk-TEKBTTP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/label/label.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Label = forwardRef<\n  ElementRef<typeof LabelPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(function Label({ className, ...props }, ref) {\n  return (\n    <LabelPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"text-body font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,oBAAoB;AAQ5B;AALG,IAAM,QAAQ,WAGnB,SAASA,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7C,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Label"]}