@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-3BZBNDRP.js

@@ -0,0 +1,123 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuTrigger
+} from "./chunk-ZSYT5H6U.js";
+import {
+  useCopyToClipboard
+} from "./chunk-FBJ2JSRA.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/command-chip/command-chip.tsx
+import { forwardRef, useRef, useState } from "react";
+import { Check, ChevronDown, Copy } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_COMMAND_CHIP_LABELS = {
+  copy: "Copy command",
+  copied: "Copied",
+  selectFallback: "Command selected \u2014 press Ctrl+C or \u2318C to copy",
+  chooseHost: "Install for",
+  menuLabel: "Install for"
+};
+var CommandChip = forwardRef(function CommandChip2({
+  hosts,
+  value,
+  defaultValue,
+  onValueChange,
+  onCopyCommand,
+  labels: labelsProp,
+  className,
+  ...props
+}, ref) {
+  const labels = { ...DEFAULT_COMMAND_CHIP_LABELS, ...labelsProp };
+  const [selectedId, setSelectedId] = useControllableState(
+    value,
+    defaultValue ?? hosts[0]?.id ?? "",
+    onValueChange
+  );
+  const host = hosts.find((h) => h.id === selectedId) ?? hosts[0];
+  const { copied, copy } = useCopyToClipboard();
+  const commandRef = useRef(null);
+  const [selectedManually, setSelectedManually] = useState(false);
+  if (!host) return null;
+  const onCopy = () => {
+    void copy(host.command).then((ok) => {
+      setSelectedManually(!ok);
+      if (!ok && commandRef.current && typeof window !== "undefined") {
+        const selection = window.getSelection();
+        selection?.selectAllChildren(commandRef.current);
+      }
+      onCopyCommand?.(host.command, ok);
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "command-chip",
+      "data-copied": copied ? "" : void 0,
+      className: cn(
+        "inline-flex max-w-full min-w-0 items-center gap-1 rounded-md border border-input bg-card p-1 shadow-xs",
+        className
+      ),
+      ...props,
+      children: [
+        hosts.length > 1 ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsxs(
+            DropdownMenuTrigger,
+            {
+              "data-slot": "command-chip-host",
+              "aria-label": `${labels.chooseHost}: ${host.label}`,
+              className: "inline-flex shrink-0 items-center gap-1 rounded-sm px-2 py-1 text-meta text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring",
+              children: [
+                host.label,
+                /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+            /* @__PURE__ */ jsx(DropdownMenuLabel, { children: labels.menuLabel }),
+            /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: host.id, onValueChange: setSelectedId, children: hosts.map((h) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: h.id, children: h.label }, h.id)) })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          "code",
+          {
+            ref: commandRef,
+            "data-slot": "command-chip-command",
+            className: "min-w-0 flex-1 truncate px-2 font-mono text-code text-foreground",
+            title: host.command,
+            children: host.command
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "command-chip-copy",
+            "aria-label": labels.copy,
+            onClick: onCopy,
+            className: "inline-flex size-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring",
+            children: copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", "data-slot": "command-chip-status", children: copied ? labels.copied : selectedManually ? labels.selectFallback : "" })
+      ]
+    }
+  );
+});
+
+export {
+  DEFAULT_COMMAND_CHIP_LABELS,
+  CommandChip
+};
+//# sourceMappingURL=chunk-3BZBNDRP.js.map

package/dist/chunk-3BZBNDRP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command-chip/command-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useRef, useState, type HTMLAttributes } from \"react\";\nimport { Check, ChevronDown, Copy } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../lib/use-controllable-state\";\nimport { useCopyToClipboard } from \"../../lib/use-copy-to-clipboard\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\";\n\n/** One install target: the host a visitor runs the command in, and the exact command. */\nexport interface CommandChipHost {\n  /** Stable id, reported to `onValueChange`. */\n  id: string;\n  /** Host name shown in the menu and on the trigger. */\n  label: string;\n  /** The exact text shown in the chip and written to the clipboard. */\n  command: string;\n}\n\n/** Every string the chip renders — pass your own to localize it. */\nexport interface CommandChipLabels {\n  /** Accessible name of the copy button. */\n  copy: string;\n  /** Announced (and shown to sighted users as the check icon) after a successful copy. */\n  copied: string;\n  /** Announced when the clipboard is unavailable and the command is selected instead. */\n  selectFallback: string;\n  /** Accessible name prefix of the host trigger (the current host follows it). */\n  chooseHost: string;\n  /** Heading of the host menu. */\n  menuLabel: string;\n}\n\nexport const DEFAULT_COMMAND_CHIP_LABELS: CommandChipLabels = {\n  copy: \"Copy command\",\n  copied: \"Copied\",\n  selectFallback: \"Command selected — press Ctrl+C or ⌘C to copy\",\n  chooseHost: \"Install for\",\n  menuLabel: \"Install for\",\n};\n\nexport interface CommandChipProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onCopy\"> {\n  /** The hosts to choose between; the first is the default selection. */\n  hosts: CommandChipHost[];\n  /** Selected host id (controlled). */\n  value?: string;\n  /** Initially selected host id (uncontrolled). Default: the first host. */\n  defaultValue?: string;\n  /** Fires when the visitor picks another host. */\n  onValueChange?: (id: string) => void;\n  /** Fires after a copy attempt with the command and whether the clipboard accepted it. */\n  onCopyCommand?: (command: string, copied: boolean) => void;\n  /** Override any rendered string. */\n  labels?: Partial<CommandChipLabels>;\n}\n\n/**\n * A one-line install command in a monospace chip: pick the host (Claude Code, Cursor, …) from a\n * menu, copy the exact command. When the page has no clipboard access (insecure origin, denied\n * permission) the command text is selected instead so the visitor can copy it by hand; either\n * outcome is announced through an always-mounted live region.\n */\nexport const CommandChip = forwardRef<HTMLDivElement, CommandChipProps>(function CommandChip(\n  {\n    hosts,\n    value,\n    defaultValue,\n    onValueChange,\n    onCopyCommand,\n    labels: labelsProp,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const labels = { ...DEFAULT_COMMAND_CHIP_LABELS, ...labelsProp };\n  const [selectedId, setSelectedId] = useControllableState(\n    value,\n    defaultValue ?? hosts[0]?.id ?? \"\",\n    onValueChange,\n  );\n  const host = hosts.find((h) => h.id === selectedId) ?? hosts[0];\n  const { copied, copy } = useCopyToClipboard();\n  const commandRef = useRef<HTMLElement>(null);\n  const [selectedManually, setSelectedManually] = useState(false);\n\n  if (!host) return null;\n\n  const onCopy = () => {\n    void copy(host.command).then((ok) => {\n      setSelectedManually(!ok);\n      if (!ok && commandRef.current && typeof window !== \"undefined\") {\n        // No clipboard here: select the command so a manual copy takes one keystroke.\n        const selection = window.getSelection();\n        selection?.selectAllChildren(commandRef.current);\n      }\n      onCopyCommand?.(host.command, ok);\n    });\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"command-chip\"\n      data-copied={copied ? \"\" : undefined}\n      className={cn(\n        \"inline-flex max-w-full min-w-0 items-center gap-1 rounded-md border border-input bg-card p-1 shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      {hosts.length > 1 ? (\n        <DropdownMenu>\n          <DropdownMenuTrigger\n            data-slot=\"command-chip-host\"\n            aria-label={`${labels.chooseHost}: ${host.label}`}\n            className=\"inline-flex shrink-0 items-center gap-1 rounded-sm px-2 py-1 text-meta text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring\"\n          >\n            {host.label}\n            <ChevronDown aria-hidden=\"true\" className=\"size-3.5\" />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\">\n            <DropdownMenuLabel>{labels.menuLabel}</DropdownMenuLabel>\n            <DropdownMenuRadioGroup value={host.id} onValueChange={setSelectedId}>\n              {hosts.map((h) => (\n                <DropdownMenuRadioItem key={h.id} value={h.id}>\n                  {h.label}\n                </DropdownMenuRadioItem>\n              ))}\n            </DropdownMenuRadioGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      ) : null}\n      <code\n        ref={commandRef}\n        data-slot=\"command-chip-command\"\n        className=\"min-w-0 flex-1 truncate px-2 font-mono text-code text-foreground\"\n        title={host.command}\n      >\n        {host.command}\n      </code>\n      <button\n        type=\"button\"\n        data-slot=\"command-chip-copy\"\n        aria-label={labels.copy}\n        onClick={onCopy}\n        className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring\"\n      >\n        {copied ? (\n          <Check aria-hidden=\"true\" className=\"size-4\" />\n        ) : (\n          <Copy aria-hidden=\"true\" className=\"size-4\" />\n        )}\n      </button>\n      {/* Always mounted so the announcement is not missed (ARIA22); only its text changes. */}\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\" data-slot=\"command-chip-status\">\n        {copied ? labels.copied : selectedManually ? labels.selectFallback : \"\"}\n      </span>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,SAAS,YAAY,QAAQ,gBAAqC;AAClE,SAAS,OAAO,aAAa,YAAY;AAqH/B,SAME,KANF;AAhFH,IAAM,8BAAiD;AAAA,EAC5D,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AACb;AAuBO,IAAM,cAAc,WAA6C,SAASA,aAC/E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,SAAS,EAAE,GAAG,6BAA6B,GAAG,WAAW;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,IACA,gBAAgB,MAAM,CAAC,GAAG,MAAM;AAAA,IAChC;AAAA,EACF;AACA,QAAM,OAAO,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU,KAAK,MAAM,CAAC;AAC9D,QAAM,EAAE,QAAQ,KAAK,IAAI,mBAAmB;AAC5C,QAAM,aAAa,OAAoB,IAAI;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,SAAS,MAAM;AACnB,SAAK,KAAK,KAAK,OAAO,EAAE,KAAK,CAAC,OAAO;AACnC,0BAAoB,CAAC,EAAE;AACvB,UAAI,CAAC,MAAM,WAAW,WAAW,OAAO,WAAW,aAAa;AAE9D,cAAM,YAAY,OAAO,aAAa;AACtC,mBAAW,kBAAkB,WAAW,OAAO;AAAA,MACjD;AACA,sBAAgB,KAAK,SAAS,EAAE;AAAA,IAClC,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,eAAa,SAAS,KAAK;AAAA,MAC3B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM,SAAS,IACd,qBAAC,gBACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,cAAY,GAAG,OAAO,UAAU,KAAK,KAAK,KAAK;AAAA,cAC/C,WAAU;AAAA,cAET;AAAA,qBAAK;AAAA,gBACN,oBAAC,eAAY,eAAY,QAAO,WAAU,YAAW;AAAA;AAAA;AAAA,UACvD;AAAA,UACA,qBAAC,uBAAoB,OAAM,SACzB;AAAA,gCAAC,qBAAmB,iBAAO,WAAU;AAAA,YACrC,oBAAC,0BAAuB,OAAO,KAAK,IAAI,eAAe,eACpD,gBAAM,IAAI,CAAC,MACV,oBAAC,yBAAiC,OAAO,EAAE,IACxC,YAAE,SADuB,EAAE,EAE9B,CACD,GACH;AAAA,aACF;AAAA,WACF,IACE;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,aAAU;AAAA,YACV,WAAU;AAAA,YACV,OAAO,KAAK;AAAA,YAEX,eAAK;AAAA;AAAA,QACR;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAU;AAAA,YACV,cAAY,OAAO;AAAA,YACnB,SAAS;AAAA,YACT,WAAU;AAAA,YAET,mBACC,oBAAC,SAAM,eAAY,QAAO,WAAU,UAAS,IAE7C,oBAAC,QAAK,eAAY,QAAO,WAAU,UAAS;AAAA;AAAA,QAEhD;AAAA,QAEA,oBAAC,UAAK,MAAK,UAAS,aAAU,UAAS,WAAU,WAAU,aAAU,uBAClE,mBAAS,OAAO,SAAS,mBAAmB,OAAO,iBAAiB,IACvE;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["CommandChip"]}

package/dist/chunk-3DJ4KY3U.js

@@ -0,0 +1,82 @@
+"use client";
+import {
+  hasRenderableContent
+} from "./chunk-TAQI4JTE.js";
+import {
+  Label
+} from "./chunk-U756JCDK.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/field-row/field-row.tsx
+import {
+  cloneElement,
+  forwardRef,
+  useId
+} from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FieldRow = forwardRef(function FieldRow2({ label, description, error, children, className, ...props }, ref) {
+  const id = useId();
+  const descriptionId = `${id}-description`;
+  const errorId = `${id}-error`;
+  const control = children;
+  const childProps = control.props;
+  const controlId = childProps.id ?? `${id}-control`;
+  const hasDescription = hasRenderableContent(description);
+  const hasError = hasRenderableContent(error);
+  const describedBy = [
+    childProps["aria-describedby"] ?? null,
+    hasDescription ? descriptionId : null,
+    hasError ? errorId : null
+  ].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "field-row", className: cn("space-y-2", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      Label,
+      {
+        htmlFor: controlId,
+        "data-slot": "field-row-label",
+        className: cn(
+          "transition-colors duration-fast ease-standard",
+          error && "text-destructive-text"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Slot,
+      {
+        id: controlId,
+        "aria-describedby": describedBy,
+        "aria-invalid": hasError,
+        "data-slot": "field-row-control",
+        children: cloneElement(control, { id: controlId, "aria-describedby": describedBy })
+      }
+    ),
+    hasDescription ? /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: descriptionId,
+        "data-slot": "field-row-description",
+        className: "text-body text-muted-foreground",
+        children: description
+      }
+    ) : null,
+    hasError ? /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: errorId,
+        role: "alert",
+        "data-slot": "field-row-error",
+        className: "text-body font-medium text-destructive-text",
+        children: error
+      }
+    ) : null
+  ] });
+});
+
+export {
+  FieldRow
+};
+//# sourceMappingURL=chunk-3DJ4KY3U.js.map

package/dist/chunk-3DJ4KY3U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/field-row/field-row.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  cloneElement,\n  forwardRef,\n  useId,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"../../lib/cn\";\nimport { hasRenderableContent } from \"../../lib/has-renderable-content\";\nimport { Label } from \"../label\";\n\nexport interface FieldRowProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** Field label — rendered as a real `<label>`, click-to-focus associated with the control. */\n  label: ReactNode;\n  /**\n   * Optional help/description text, always visible (not gated by an error).\n   * Renders nothing — and contributes no id to `aria-describedby` — when\n   * `description` is falsy (`false`/`0`/`\"\"`/`null`/`undefined`), an empty\n   * array, or an array containing only falsy values (`{list.map(...)}` on an\n   * empty list; `[a && \"x\", b && \"y\"]` with both false).\n   *\n   * **Known limit:** a value that is itself a COMPONENT that renders nothing\n   * (returns `null`/an empty fragment) is not knowable before render, so it\n   * still produces an empty paragraph that `aria-describedby` points at.\n   * `FieldDescription` and the wider React ecosystem share this limit — pass\n   * a falsy value instead of a component that may render nothing, e.g.\n   * `description={hasHint ? hintText : undefined}`, never\n   * `description={<MaybeRendersNull />}`.\n   */\n  description?: ReactNode;\n  /**\n   * Validation error text. When present: sets `aria-invalid` on the control,\n   * is appended to `aria-describedby`, and is announced via `role=\"alert\"`.\n   * Renders nothing — and leaves `aria-invalid=\"false\"` — when `error` is\n   * falsy (`false`/`0`/`\"\"`/`null`/`undefined`), an empty array, or an array\n   * containing only falsy values (`{errors.map(...)}` on an empty list — the\n   * idiomatic \"no errors\" shape).\n   *\n   * **Known limit:** a value that is itself a COMPONENT that renders nothing\n   * (returns `null`/an empty fragment) is not knowable before render, so it\n   * still produces an empty `role=\"alert\"` element that `aria-describedby`\n   * points at. `FieldError` and the wider React ecosystem share this limit —\n   * pass a falsy value instead of a component that may render nothing, e.g.\n   * `error={hasError ? message : undefined}`, never\n   * `error={<MaybeRendersNull />}`.\n   */\n  error?: ReactNode;\n  /**\n   * The single field control (`Input`, `Textarea`, `Select`, …). Receives\n   * `id`/`aria-describedby`/`aria-invalid` via a Radix `Slot` — must be a\n   * single element that forwards those props to a real form control.\n   */\n  children: ReactElement;\n}\n\n/**\n * Label/description/error/`aria-describedby` wiring for a field OUTSIDE a\n * `react-hook-form` tree — the same anatomy as `FormItem`/`FormLabel`/\n * `FormControl`/`FormDescription`/`FormMessage` (`../form`), but driven by\n * plain props (`label`/`description`/`error`) instead of RHF field state, so\n * a single `useState`-controlled field doesn't need a full `<Form>` +\n * `<FormField>` + `Controller` just to get correct label/error association.\n *\n * Reach for `Form`/`FormField`/… instead when the field already lives inside\n * a `react-hook-form` `<FormProvider>` — this component does not replace that\n * family, it covers the gap outside it (#354).\n */\nexport const FieldRow = forwardRef<HTMLDivElement, FieldRowProps>(function FieldRow(\n  { label, description, error, children, className, ...props },\n  ref,\n) {\n  const id = useId();\n  const descriptionId = `${id}-description`;\n  const errorId = `${id}-error`;\n\n  // Radix `Slot` merges CHILD props OVER slot props, so a control that carries\n  // its own `id` / `aria-describedby` (a perfectly ordinary `<Input id=\"email\">`)\n  // silently wins — the `<Label htmlFor>` would then point at nothing and the\n  // description/error would never be announced, defeating the one thing this\n  // component exists to guarantee. So compose with the child's own values\n  // instead of assuming they are absent, and clone the child with the composed\n  // result so \"child wins\" resolves to the composed value either way.\n  const control = children as ReactElement<{\n    id?: string;\n    \"aria-describedby\"?: string;\n  }>;\n  const childProps = control.props;\n  const controlId = childProps.id ?? `${id}-control`;\n\n  // Same predicate `FieldDescription`/`FieldError` use (`../field/field.tsx`)\n  // — bare truthiness (`description ? … : null`) treats an empty/all-falsy\n  // ARRAY as content, since every array is truthy in JS. `errors.map(...)`\n  // on an empty list is the idiomatic \"no errors\" shape, so that gap is a\n  // real defect here, not a hypothetical (#93).\n  const hasDescription = hasRenderableContent(description);\n  const hasError = hasRenderableContent(error);\n\n  const describedBy =\n    [\n      childProps[\"aria-describedby\"] ?? null,\n      hasDescription ? descriptionId : null,\n      hasError ? errorId : null,\n    ]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  return (\n    <div ref={ref} data-slot=\"field-row\" className={cn(\"space-y-2\", className)} {...props}>\n      <Label\n        htmlFor={controlId}\n        data-slot=\"field-row-label\"\n        className={cn(\n          \"transition-colors duration-fast ease-standard\",\n          error && \"text-destructive-text\",\n        )}\n      >\n        {label}\n      </Label>\n      <Slot\n        id={controlId}\n        aria-describedby={describedBy}\n        // `FieldRoot.invalid` (`../field/field.tsx`) is intentionally\n        // INDEPENDENT of whether a `FieldError` with content is mounted — a\n        // caller can mark the control invalid before its message settles.\n        // `FieldRow` has no such prop: `error` is its only invalidity\n        // signal, so \"no error content\" must mean \"not invalid\" — deriving\n        // this from raw `!!error` marked `error={[]}` invalid with nothing\n        // to explain why (#93).\n        aria-invalid={hasError}\n        data-slot=\"field-row-control\"\n      >\n        {cloneElement(control, { id: controlId, \"aria-describedby\": describedBy })}\n      </Slot>\n      {hasDescription ? (\n        <p\n          id={descriptionId}\n          data-slot=\"field-row-description\"\n          className=\"text-body text-muted-foreground\"\n        >\n          {description}\n        </p>\n      ) : null}\n      {hasError ? (\n        <p\n          id={errorId}\n          role=\"alert\"\n          data-slot=\"field-row-error\"\n          className=\"text-body font-medium text-destructive-text\"\n        >\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,YAAY;AAqGjB,SACE,KADF;AAxCG,IAAM,WAAW,WAA0C,SAASA,UACzE,EAAE,OAAO,aAAa,OAAO,UAAU,WAAW,GAAG,MAAM,GAC3D,KACA;AACA,QAAM,KAAK,MAAM;AACjB,QAAM,gBAAgB,GAAG,EAAE;AAC3B,QAAM,UAAU,GAAG,EAAE;AASrB,QAAM,UAAU;AAIhB,QAAM,aAAa,QAAQ;AAC3B,QAAM,YAAY,WAAW,MAAM,GAAG,EAAE;AAOxC,QAAM,iBAAiB,qBAAqB,WAAW;AACvD,QAAM,WAAW,qBAAqB,KAAK;AAE3C,QAAM,cACJ;AAAA,IACE,WAAW,kBAAkB,KAAK;AAAA,IAClC,iBAAiB,gBAAgB;AAAA,IACjC,WAAW,UAAU;AAAA,EACvB,EACG,OAAO,OAAO,EACd,KAAK,GAAG,KAAK;AAElB,SACE,qBAAC,SAAI,KAAU,aAAU,aAAY,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAC9E;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA,SAAS;AAAA,QACX;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,oBAAkB;AAAA,QAQlB,gBAAc;AAAA,QACd,aAAU;AAAA,QAET,uBAAa,SAAS,EAAE,IAAI,WAAW,oBAAoB,YAAY,CAAC;AAAA;AAAA,IAC3E;AAAA,IACC,iBACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,aAAU;AAAA,QACV,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IACE;AAAA,IACH,WACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,MAAK;AAAA,QACL,aAAU;AAAA,QACV,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ,CAAC;","names":["FieldRow"]}

package/dist/chunk-3EDNWHWD.js

@@ -0,0 +1,125 @@
+"use client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-SGBCLZQF.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  Calendar
+} from "./chunk-B3DANITU.js";
+import {
+  useIsMobile
+} from "./chunk-YCFOFNQF.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.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-3EDNWHWD.js.map

package/dist/chunk-3EDNWHWD.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-3JAEQNCB.js

@@ -0,0 +1,60 @@
+"use client";
+
+// src/lib/use-scroll-progress.ts
+import { useEffect, useRef, useState } from "react";
+var MOTION_FACTOR_FLOOR = 0.01;
+function readMotionFactor(el) {
+  if (typeof window === "undefined") return 1;
+  const target = el ?? document.documentElement;
+  const value = Number.parseFloat(getComputedStyle(target).getPropertyValue("--motion-factor"));
+  return Number.isFinite(value) ? value : 1;
+}
+function isMotionAtFloor(factor) {
+  return factor <= MOTION_FACTOR_FLOOR;
+}
+function supportsScrollTimeline() {
+  return typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("animation-timeline: scroll()");
+}
+function useScrollProgress(onScroll, { enabled = true, target } = {}) {
+  const [state, setState] = useState({ mode: "static", factor: 1 });
+  const onScrollRef = useRef(onScroll);
+  useEffect(() => {
+    onScrollRef.current = onScroll;
+  });
+  useEffect(() => {
+    const factor = readMotionFactor(target?.current);
+    if (!enabled || isMotionAtFloor(factor)) {
+      setState({ mode: "static", factor });
+      return;
+    }
+    if (supportsScrollTimeline()) {
+      setState({ mode: "timeline", factor });
+      return;
+    }
+    setState({ mode: "script", factor });
+    let cancelled = false;
+    let stop;
+    import("motion").then(({ scroll }) => {
+      if (cancelled) return;
+      stop = scroll((progress, info) => {
+        onScrollRef.current?.(info.y.current, progress);
+      });
+    }).catch(() => {
+      if (!cancelled) setState({ mode: "static", factor });
+    });
+    return () => {
+      cancelled = true;
+      stop?.();
+    };
+  }, [enabled, target]);
+  return state;
+}
+
+export {
+  MOTION_FACTOR_FLOOR,
+  readMotionFactor,
+  isMotionAtFloor,
+  supportsScrollTimeline,
+  useScrollProgress
+};
+//# sourceMappingURL=chunk-3JAEQNCB.js.map

package/dist/chunk-3JAEQNCB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/use-scroll-progress.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState, type RefObject } from \"react\";\n\n/**\n * The motion gate (`packages/tokens/src/themes.css`, MOTION GATE) sets `--motion-factor` to\n * 0.0001 under a reduce request and 1 otherwise. Anything at or below this floor is \"motion off\".\n */\nexport const MOTION_FACTOR_FLOOR = 0.01;\n\n/** `--motion-factor` as seen by `el` (default: the document root); 1 when unset or on the server. */\nexport function readMotionFactor(el?: Element | null): number {\n  if (typeof window === \"undefined\") return 1;\n  const target = el ?? document.documentElement;\n  const value = Number.parseFloat(getComputedStyle(target).getPropertyValue(\"--motion-factor\"));\n  return Number.isFinite(value) ? value : 1;\n}\n\n/** True when the factor sits at the floor — the reader asked for reduced motion. */\nexport function isMotionAtFloor(factor: number): boolean {\n  return factor <= MOTION_FACTOR_FLOOR;\n}\n\n/** True when the browser runs scroll-driven CSS animations (`animation-timeline: scroll()`). */\nexport function supportsScrollTimeline(): boolean {\n  return (\n    typeof CSS !== \"undefined\" &&\n    typeof CSS.supports === \"function\" &&\n    CSS.supports(\"animation-timeline: scroll()\")\n  );\n}\n\n/**\n * How root scroll progress is delivered:\n * - `static` — server render, before hydration, motion at the floor, or disabled: nothing moves.\n * - `timeline` — the browser runs `animation-timeline: scroll()`; the caller's CSS does the work\n *   on the compositor and no JavaScript listens to scroll.\n * - `script` — no scroll timelines: `motion`'s `scroll()` (an optional peer, imported lazily\n *   only here) calls `onScroll` every frame.\n */\nexport type ScrollProgressMode = \"static\" | \"timeline\" | \"script\";\n\nexport interface ScrollProgressOptions {\n  /** Skip all work (e.g. a plane whose rate means it never moves). Default `true`. */\n  enabled?: boolean;\n  /** Read `--motion-factor` from this element (so a subtree can dial motion); default the root. */\n  target?: RefObject<Element | null>;\n}\n\nexport interface ScrollProgress {\n  mode: ScrollProgressMode;\n  /** `--motion-factor` read once after mount (1 before hydration). */\n  factor: number;\n}\n\n/**\n * Root scroll progress under the motion gate. The factor is read once, after hydration, so the\n * server HTML and the first client render are identical (`static`). `onScroll(scrollY, progress)`\n * fires only in `script` mode; it may change between renders without resubscribing.\n */\nexport function useScrollProgress(\n  onScroll?: (scrollY: number, progress: number) => void,\n  { enabled = true, target }: ScrollProgressOptions = {},\n): ScrollProgress {\n  const [state, setState] = useState<ScrollProgress>({ mode: \"static\", factor: 1 });\n  const onScrollRef = useRef(onScroll);\n\n  useEffect(() => {\n    onScrollRef.current = onScroll;\n  });\n\n  useEffect(() => {\n    const factor = readMotionFactor(target?.current);\n    if (!enabled || isMotionAtFloor(factor)) {\n      setState({ mode: \"static\", factor });\n      return;\n    }\n    if (supportsScrollTimeline()) {\n      setState({ mode: \"timeline\", factor });\n      return;\n    }\n    setState({ mode: \"script\", factor });\n    let cancelled = false;\n    let stop: (() => void) | undefined;\n    import(\"motion\")\n      .then(({ scroll }) => {\n        if (cancelled) return;\n        stop = scroll((progress: number, info) => {\n          onScrollRef.current?.(info.y.current, progress);\n        });\n      })\n      .catch(() => {\n        // `motion` is an optional peer: without it the page simply does not move.\n        if (!cancelled) setState({ mode: \"static\", factor });\n      });\n    return () => {\n      cancelled = true;\n      stop?.();\n    };\n  }, [enabled, target]);\n\n  return state;\n}\n"],"mappings":";;;AAEA,SAAS,WAAW,QAAQ,gBAAgC;AAMrD,IAAM,sBAAsB;AAG5B,SAAS,iBAAiB,IAA6B;AAC5D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,SAAS,MAAM,SAAS;AAC9B,QAAM,QAAQ,OAAO,WAAW,iBAAiB,MAAM,EAAE,iBAAiB,iBAAiB,CAAC;AAC5F,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAGO,SAAS,gBAAgB,QAAyB;AACvD,SAAO,UAAU;AACnB;AAGO,SAAS,yBAAkC;AAChD,SACE,OAAO,QAAQ,eACf,OAAO,IAAI,aAAa,cACxB,IAAI,SAAS,8BAA8B;AAE/C;AA8BO,SAAS,kBACd,UACA,EAAE,UAAU,MAAM,OAAO,IAA2B,CAAC,GACrC;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAyB,EAAE,MAAM,UAAU,QAAQ,EAAE,CAAC;AAChF,QAAM,cAAc,OAAO,QAAQ;AAEnC,YAAU,MAAM;AACd,gBAAY,UAAU;AAAA,EACxB,CAAC;AAED,YAAU,MAAM;AACd,UAAM,SAAS,iBAAiB,QAAQ,OAAO;AAC/C,QAAI,CAAC,WAAW,gBAAgB,MAAM,GAAG;AACvC,eAAS,EAAE,MAAM,UAAU,OAAO,CAAC;AACnC;AAAA,IACF;AACA,QAAI,uBAAuB,GAAG;AAC5B,eAAS,EAAE,MAAM,YAAY,OAAO,CAAC;AACrC;AAAA,IACF;AACA,aAAS,EAAE,MAAM,UAAU,OAAO,CAAC;AACnC,QAAI,YAAY;AAChB,QAAI;AACJ,WAAO,QAAQ,EACZ,KAAK,CAAC,EAAE,OAAO,MAAM;AACpB,UAAI,UAAW;AACf,aAAO,OAAO,CAAC,UAAkB,SAAS;AACxC,oBAAY,UAAU,KAAK,EAAE,SAAS,QAAQ;AAAA,MAChD,CAAC;AAAA,IACH,CAAC,EACA,MAAM,MAAM;AAEX,UAAI,CAAC,UAAW,UAAS,EAAE,MAAM,UAAU,OAAO,CAAC;AAAA,IACrD,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AACZ,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,CAAC;AAEpB,SAAO;AACT;","names":[]}

package/dist/chunk-3OSGTUN2.js

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

package/dist/chunk-3OSGTUN2.js.map

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

package/dist/chunk-3P7SRCDB.js

@@ -0,0 +1,23 @@
+"use client";
+
+// src/lib/format-duration.ts
+var MS_PER_SECOND = 1e3;
+var SECONDS_PER_MINUTE = 60;
+var TEN_SECONDS = 10;
+function formatElapsed(elapsedMs) {
+  if (elapsedMs < MS_PER_SECOND) {
+    return `${Math.round(elapsedMs)}ms`;
+  }
+  const totalSeconds = elapsedMs / MS_PER_SECOND;
+  if (totalSeconds < SECONDS_PER_MINUTE) {
+    return `${totalSeconds.toFixed(totalSeconds < TEN_SECONDS ? 1 : 0)}s`;
+  }
+  const minutes = Math.floor(totalSeconds / SECONDS_PER_MINUTE);
+  const seconds = Math.round(totalSeconds % SECONDS_PER_MINUTE);
+  return `${minutes}m${String(seconds).padStart(2, "0")}s`;
+}
+
+export {
+  formatElapsed
+};
+//# sourceMappingURL=chunk-3P7SRCDB.js.map

package/dist/chunk-3P7SRCDB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/format-duration.ts"],"sourcesContent":["const MS_PER_SECOND = 1000;\nconst SECONDS_PER_MINUTE = 60;\nconst TEN_SECONDS = 10;\n\n/**\n * Human-readable elapsed time — one formatter for every \"how long did this take\"\n * surface in the system: `TurnStatus`'s running turn (#105), `ChangeReview`'s check\n * rows (#112), `AgentEvent`'s hook durations (#109).\n *\n * Exported so a consumer's own elapsed-time surfaces agree with ours.\n * Adapted from `brainless`'s turn-status elapsed formatter (MIT, see `ATTRIBUTION.md`).\n *\n * Rungs: sub-second → \"420ms\" · under ten seconds → \"8.0s\" · under a minute → \"45s\" ·\n * beyond → \"2m05s\".\n */\nexport function formatElapsed(elapsedMs: number): string {\n  if (elapsedMs < MS_PER_SECOND) {\n    return `${Math.round(elapsedMs)}ms`;\n  }\n\n  const totalSeconds = elapsedMs / MS_PER_SECOND;\n\n  if (totalSeconds < SECONDS_PER_MINUTE) {\n    return `${totalSeconds.toFixed(totalSeconds < TEN_SECONDS ? 1 : 0)}s`;\n  }\n\n  const minutes = Math.floor(totalSeconds / SECONDS_PER_MINUTE);\n  const seconds = Math.round(totalSeconds % SECONDS_PER_MINUTE);\n  return `${minutes}m${String(seconds).padStart(2, \"0\")}s`;\n}\n"],"mappings":";;;AAAA,IAAM,gBAAgB;AACtB,IAAM,qBAAqB;AAC3B,IAAM,cAAc;AAab,SAAS,cAAc,WAA2B;AACvD,MAAI,YAAY,eAAe;AAC7B,WAAO,GAAG,KAAK,MAAM,SAAS,CAAC;AAAA,EACjC;AAEA,QAAM,eAAe,YAAY;AAEjC,MAAI,eAAe,oBAAoB;AACrC,WAAO,GAAG,aAAa,QAAQ,eAAe,cAAc,IAAI,CAAC,CAAC;AAAA,EACpE;AAEA,QAAM,UAAU,KAAK,MAAM,eAAe,kBAAkB;AAC5D,QAAM,UAAU,KAAK,MAAM,eAAe,kBAAkB;AAC5D,SAAO,GAAG,OAAO,IAAI,OAAO,OAAO,EAAE,SAAS,GAAG,GAAG,CAAC;AACvD;","names":[]}

package/dist/chunk-3ZR5PMKB.js

@@ -0,0 +1,41 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/switch/switch.tsx
+import { forwardRef } from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx } from "react/jsx-runtime";
+var Switch = forwardRef(function Switch2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      ref,
+      "data-slot": "switch",
+      className: cn(
+        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors duration-fast ease-standard",
+        "focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "pointer-events-none block size-4 rounded-full bg-background shadow-xs ring-0 transition-transform duration-fast ease-standard",
+            "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+});
+
+export {
+  Switch
+};
+//# sourceMappingURL=chunk-3ZR5PMKB.js.map

package/dist/chunk-3ZR5PMKB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/switch/switch.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>\n>(function Switch({ className, ...props }, ref) {\n  return (\n    <SwitchPrimitive.Root\n      ref={ref}\n      data-slot=\"switch\"\n      className={cn(\n        \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors duration-fast ease-standard\",\n        \"focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"pointer-events-none block size-4 rounded-full bg-background shadow-xs ring-0 transition-transform duration-fast ease-standard\",\n          \"data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\",\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,qBAAqB;AAoB3B;AAjBC,IAAM,SAAS,WAGpB,SAASA,QAAO,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["Switch"]}

package/dist/chunk-45ICJ3EV.js

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

package/dist/chunk-45ICJ3EV.js.map

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

package/dist/chunk-47YSHR3H.js

@@ -0,0 +1,77 @@
+"use client";
+import {
+  Separator
+} from "./chunk-MJAIURHO.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/button-group/button-group.tsx
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonGroupVariants = cva(
+  "flex w-fit items-stretch [&>*]:relative [&>*]:focus-within:z-10 has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: { orientation: "horizontal" }
+  }
+);
+var ButtonGroup = forwardRef(function ButtonGroup2({ className, orientation = "horizontal", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className),
+      ...props
+    }
+  );
+});
+var ButtonGroupText = forwardRef(function ButtonGroupText2({ className, asChild = false, ...props }, ref) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-2 rounded-md border bg-muted px-4 text-body font-medium shadow-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ButtonGroupSeparator = forwardRef(
+  function ButtonGroupSeparator2({ className, orientation = "vertical", ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      Separator,
+      {
+        ref,
+        "data-slot": "button-group-separator",
+        orientation,
+        className: cn(
+          "relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  buttonGroupVariants,
+  ButtonGroup,
+  ButtonGroupText,
+  ButtonGroupSeparator
+};
+//# sourceMappingURL=chunk-47YSHR3H.js.map

package/dist/chunk-47YSHR3H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button-group/button-group.tsx"],"sourcesContent":["import { forwardRef, type ComponentProps } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\nimport { Separator } from \"../separator\";\n\nexport const buttonGroupVariants = cva(\n  \"flex w-fit items-stretch [&>*]:relative [&>*]:focus-within:z-10 has-[>[data-slot=button-group]]:gap-2\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: { orientation: \"horizontal\" },\n  },\n);\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>\n>(function ButtonGroup({ className, orientation = \"horizontal\", ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n});\n\nexport const ButtonGroupText = forwardRef<\n  HTMLDivElement,\n  ComponentProps<\"div\"> & { asChild?: boolean }\n>(function ButtonGroupText({ className, asChild = false, ...props }, ref) {\n  const Comp = asChild ? Slot : \"div\";\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-2 rounded-md border bg-muted px-4 text-body font-medium shadow-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const ButtonGroupSeparator = forwardRef<HTMLDivElement, ComponentProps<typeof Separator>>(\n  function ButtonGroupSeparator({ className, orientation = \"vertical\", ...props }, ref) {\n    return (\n      <Separator\n        ref={ref}\n        data-slot=\"button-group-separator\"\n        orientation={orientation}\n        className={cn(\n          \"relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,SAAS,kBAAuC;AAChD,SAAS,YAAY;AACrB,SAAS,WAA8B;AAwBnC;AApBG,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,aAAa,aAAa;AAAA,EAC/C;AACF;AAEO,IAAM,cAAc,WAGzB,SAASA,aAAY,EAAE,WAAW,cAAc,cAAc,GAAG,MAAM,GAAG,KAAK;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,oBAAoB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,IAAM,kBAAkB,WAG7B,SAASC,iBAAgB,EAAE,WAAW,UAAU,OAAO,GAAG,MAAM,GAAG,KAAK;AACxE,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,IAAM,uBAAuB;AAAA,EAClC,SAASC,sBAAqB,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,KAAK;AACpF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["ButtonGroup","ButtonGroupText","ButtonGroupSeparator"]}

package/dist/chunk-4ACT7RLU.js

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

package/dist/chunk-4ACT7RLU.js.map

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