@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-L37QZALU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/merge-refs.ts"],"sourcesContent":["\"use client\";\n\nimport type { ForwardedRef } from \"react\";\n\n/**\n * Combine a `forwardRef`-forwarded ref with one or more locally-owned refs so\n * both end up pointing at the same DOM node. Returns a stable callback ref\n * wrapper — memoize the result (`useMemo`) keyed on the forwarded ref so it\n * doesn't detach/reattach on every render.\n */\nexport function mergeRefs<T>(...refs: Array<ForwardedRef<T> | undefined>) {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (!ref) continue;\n      if (typeof ref === \"function\") ref(node);\n      else ref.current = node;\n    }\n  };\n}\n"],"mappings":";;;AAUO,SAAS,aAAgB,MAA0C;AACxE,SAAO,CAAC,SAAmB;AACzB,eAAW,OAAO,MAAM;AACtB,UAAI,CAAC,IAAK;AACV,UAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,UAClC,KAAI,UAAU;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-L3SHPHLK.js

@@ -0,0 +1,35 @@
+"use client";
+
+// src/components/dialog/use-dialog-dismiss-guard.ts
+import { useCallback, useState } from "react";
+function useDialogDismissGuard({
+  dirty,
+  onClose,
+  onOpen
+}) {
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const onOpenChange = useCallback(
+    (open) => {
+      if (open) {
+        onOpen?.();
+        return;
+      }
+      if (dirty) {
+        setConfirmOpen(true);
+        return;
+      }
+      onClose();
+    },
+    [dirty, onClose, onOpen]
+  );
+  const confirmDiscard = useCallback(() => {
+    setConfirmOpen(false);
+    onClose();
+  }, [onClose]);
+  return { onOpenChange, confirmOpen, onConfirmOpenChange: setConfirmOpen, confirmDiscard };
+}
+
+export {
+  useDialogDismissGuard
+};
+//# sourceMappingURL=chunk-L3SHPHLK.js.map

package/dist/chunk-L3SHPHLK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/use-dialog-dismiss-guard.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nexport interface UseDialogDismissGuardOptions {\n  /**\n   * Does the dialog currently hold unsaved changes? **App-owned** — brand-ui is\n   * a presentation layer (`docs/DECISIONS.md` §D5) and cannot know what \"dirty\"\n   * means for your form. Compute it (a `react-hook-form` `isDirty`, a deep\n   * compare, a store flag) and pass it in.\n   */\n  dirty: boolean;\n  /** Close the dialog — the app sets its own `open` state to `false`. */\n  onClose: () => void;\n  /**\n   * Open the dialog. Only needed when a `DialogTrigger` (rather than the app)\n   * opens it, because Radix routes that through the same `onOpenChange`.\n   */\n  onOpen?: () => void;\n}\n\nexport interface DialogDismissGuard {\n  /**\n   * Spread onto `<Dialog onOpenChange={…}>`. Intercepts EVERY user dismissal —\n   * Escape, overlay click, the built-in close ✕ and any `DialogClose` — because\n   * Radix funnels all four through `onOpenChange(false)`.\n   */\n  onOpenChange: (open: boolean) => void;\n  /** Controlled `open` for the discard confirmation. */\n  confirmOpen: boolean;\n  /** Controlled `onOpenChange` for the discard confirmation. */\n  onConfirmOpenChange: (open: boolean) => void;\n  /** Confirm the discard: closes the confirmation AND calls `onClose()`. */\n  confirmDiscard: () => void;\n}\n\n/**\n * Warn before a dialog with unsaved changes is dismissed (#341).\n *\n * `.claude/rules/interaction-guidelines.md` (Forms) requires warning before\n * navigating away from unsaved changes; this is that rule for dialogs, as a HOOK\n * rather than a prop because the component must not own app state — the app owns\n * `open` and decides what `dirty` means (D5).\n *\n * ## The asymmetry is structural, not a flag\n *\n * A **user dismissal** reaches Radix's `onOpenChange`, so the guard sees it and\n * can hold the dialog open. A **programmatic close** (the app setting its own\n * `open` to `false` after a successful save) never touches the guard, so it is\n * unobservable here and closes silently. That is exactly the wanted behaviour,\n * and it falls out of the wiring — there is no \"skip the guard\" option to get\n * wrong.\n *\n * The name is literal: it guards DISMISSALS routed through the returned\n * `onOpenChange`. It is not a navigation blocker and it cannot intercept a tab\n * close, a router navigation, or an `open` prop that the app flips itself.\n *\n * ```tsx\n * const [open, setOpen] = useState(false);\n * const guard = useDialogDismissGuard({\n *   dirty,\n *   onClose: () => setOpen(false),\n *   onOpen: () => setOpen(true),\n * });\n *\n * <Dialog open={open} onOpenChange={guard.onOpenChange}>…</Dialog>\n * <ConfirmDialog\n *   open={guard.confirmOpen}\n *   onOpenChange={guard.onConfirmOpenChange}\n *   onConfirm={guard.confirmDiscard}\n *   tone=\"destructive\"\n *   title=\"Discard changes?\"\n *   description=\"Your edits to this project have not been saved.\"\n *   confirmLabel=\"Discard\"\n * />\n * ```\n *\n * The `ConfirmDialog` is a SIBLING of the guarded dialog, not a child of it.\n */\nexport function useDialogDismissGuard({\n  dirty,\n  onClose,\n  onOpen,\n}: UseDialogDismissGuardOptions): DialogDismissGuard {\n  const [confirmOpen, setConfirmOpen] = useState(false);\n\n  const onOpenChange = useCallback(\n    (open: boolean) => {\n      // Opening is never guarded; a `DialogTrigger` routes through here too.\n      if (open) {\n        onOpen?.();\n        return;\n      }\n      if (dirty) {\n        setConfirmOpen(true);\n        return;\n      }\n      onClose();\n    },\n    [dirty, onClose, onOpen],\n  );\n\n  const confirmDiscard = useCallback(() => {\n    setConfirmOpen(false);\n    onClose();\n  }, [onClose]);\n\n  return { onOpenChange, confirmOpen, onConfirmOpenChange: setConfirmOpen, confirmDiscard };\n}\n"],"mappings":";;;AAEA,SAAS,aAAa,gBAAgB;AA6E/B,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAqD;AACnD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,eAAe;AAAA,IACnB,CAAC,SAAkB;AAEjB,UAAI,MAAM;AACR,iBAAS;AACT;AAAA,MACF;AACA,UAAI,OAAO;AACT,uBAAe,IAAI;AACnB;AAAA,MACF;AACA,cAAQ;AAAA,IACV;AAAA,IACA,CAAC,OAAO,SAAS,MAAM;AAAA,EACzB;AAEA,QAAM,iBAAiB,YAAY,MAAM;AACvC,mBAAe,KAAK;AACpB,YAAQ;AAAA,EACV,GAAG,CAAC,OAAO,CAAC;AAEZ,SAAO,EAAE,cAAc,aAAa,qBAAqB,gBAAgB,eAAe;AAC1F;","names":[]}

package/dist/chunk-L5O2O67Y.js

@@ -0,0 +1,164 @@
+"use client";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-72H7HUTH.js";
+import {
+  CommandChip
+} from "./chunk-3BZBNDRP.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-36SY7TID.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/integration-matrix/integration-matrix.tsx
+import { forwardRef } from "react";
+import { ArrowRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_INTEGRATION_MATRIX_LABELS = {
+  hostSelectLabel: "Show commands for",
+  hostSelectAriaLabel: "Host to show commands for",
+  unitHeading: "Unit",
+  givesHeading: "Gives you",
+  actionsHeading: "Actions",
+  routineHeading: "The daily routine"
+};
+function resolveCopyValue(value, hostId) {
+  if (typeof value === "string") return value;
+  return value[hostId] ?? Object.values(value)[0] ?? "";
+}
+var IntegrationMatrix = forwardRef(
+  function IntegrationMatrix2({
+    hosts,
+    rows,
+    routine,
+    value,
+    defaultValue,
+    onValueChange,
+    onCopyAction,
+    labels: labelsProp,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...DEFAULT_INTEGRATION_MATRIX_LABELS, ...labelsProp };
+    const [hostId, setHostId] = useControllableState(
+      value,
+      defaultValue ?? hosts[0]?.id ?? "",
+      onValueChange
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "integration-matrix",
+        className: cn("flex flex-col gap-6", className),
+        ...props,
+        children: [
+          hosts.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-body text-muted-foreground", children: labels.hostSelectLabel }),
+            /* @__PURE__ */ jsxs(Select, { value: hostId, onValueChange: setHostId, children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  "data-slot": "integration-matrix-host",
+                  "aria-label": labels.hostSelectAriaLabel,
+                  className: "min-w-40",
+                  children: /* @__PURE__ */ jsx(SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: hosts.map((host) => /* @__PURE__ */ jsx(SelectItem, { value: host.id, children: host.label }, host.id)) })
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:gap-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "hidden grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] gap-4 border-b border-border-strong pb-2 md:grid", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-caption font-semibold text-muted-foreground", children: labels.unitHeading }),
+              /* @__PURE__ */ jsx("span", { className: "text-caption font-semibold text-muted-foreground", children: labels.givesHeading }),
+              /* @__PURE__ */ jsx("span", { className: "text-caption font-semibold text-muted-foreground", children: labels.actionsHeading })
+            ] }),
+            rows.map((row) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-slot": "integration-matrix-row",
+                className: "grid grid-cols-1 gap-3 border-b py-4 last:border-b-0 md:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] md:items-center md:gap-4",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-foreground", children: row.unit }),
+                  /* @__PURE__ */ jsx("span", { className: "text-body text-muted-foreground", children: row.gives }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      "data-slot": "integration-matrix-actions",
+                      className: "flex flex-wrap items-center gap-2",
+                      children: row.actions.map(
+                        (action) => action.kind === "copy" ? /* @__PURE__ */ jsx(
+                          CommandChip,
+                          {
+                            className: "max-w-full",
+                            hosts: [
+                              {
+                                id: "value",
+                                label: action.label,
+                                command: resolveCopyValue(action.value, hostId)
+                              }
+                            ],
+                            onCopyCommand: (text, copied) => onCopyAction?.(row.id, action.label, text, copied)
+                          },
+                          action.label
+                        ) : /* @__PURE__ */ jsx(Button, { variant: "link", size: "sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: resolveCopyValue(action.value, hostId), children: action.label }) }, action.label)
+                      )
+                    }
+                  )
+                ]
+              },
+              row.id
+            ))
+          ] }),
+          routine && routine.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-caption font-semibold text-muted-foreground", children: labels.routineHeading }),
+            /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "integration-matrix-routine",
+                className: "flex flex-wrap items-center gap-2",
+                children: routine.map((step, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "data-slot": "integration-matrix-routine-step",
+                        tabIndex: 0,
+                        className: "inline-flex items-center rounded-md border border-input bg-card px-2.5 py-1 font-mono text-code text-foreground focus-ring",
+                        children: step.verb
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: step.does })
+                  ] }),
+                  index < routine.length - 1 ? /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", className: "size-4 text-muted-foreground" }) : null
+                ] }, step.verb))
+              }
+            ) })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+
+export {
+  DEFAULT_INTEGRATION_MATRIX_LABELS,
+  IntegrationMatrix
+};
+//# sourceMappingURL=chunk-L5O2O67Y.js.map

package/dist/chunk-L5O2O67Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/integration-matrix/integration-matrix.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * IntegrationMatrix — every agent-facing integration unit, as installable rows.\n *\n * Ships no site copy, no URL and no install command of its own (`i18n-strings`,\n * `remote-origins`): every string, host and command text is a prop. A single host\n * selector at the top swaps every row's copy action at once, so a visitor picks\n * their tool once instead of re-reading each row for it.\n */\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../lib/use-controllable-state\";\nimport { Button } from \"../button\";\nimport { CommandChip } from \"../command-chip\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../select\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip\";\n\n/** One host the visitor can pick — the selection swaps every row's copy action. */\nexport interface IntegrationMatrixHost {\n  /** Stable id, matched against each action's `value` map. */\n  id: string;\n  /** Shown in the selector. */\n  label: string;\n}\n\n/** One action a row offers: copy a command, or follow a link. */\nexport interface IntegrationMatrixAction {\n  /** Shown on the link button, or as the copy button's accessible name suffix. */\n  label: string;\n  kind: \"copy\" | \"link\";\n  /**\n   * `kind: \"copy\"` — the exact text per host id (a row that never changes by host\n   * repeats the same string under every id). `kind: \"link\"` — a single href string.\n   */\n  value: string | Record<string, string>;\n}\n\n/** One installable unit — hosted MCP, local MCP + CLI, the plugin, `llms.txt`, … */\nexport interface IntegrationMatrixRow {\n  id: string;\n  unit: string;\n  gives: string;\n  actions: IntegrationMatrixAction[];\n}\n\n/** One step of the routine line below the matrix (`info → search → docs → …`). */\nexport interface IntegrationMatrixRoutineStep {\n  verb: string;\n  /** Tooltip body — what the verb does. */\n  does: string;\n}\n\nexport interface IntegrationMatrixLabels {\n  /** Visible label beside the host selector. */\n  hostSelectLabel: string;\n  /** `aria-label` of the host `Select` trigger. */\n  hostSelectAriaLabel: string;\n  unitHeading: string;\n  givesHeading: string;\n  actionsHeading: string;\n  /** Heading above the routine chips. */\n  routineHeading: string;\n}\n\nexport const DEFAULT_INTEGRATION_MATRIX_LABELS: IntegrationMatrixLabels = {\n  hostSelectLabel: \"Show commands for\",\n  hostSelectAriaLabel: \"Host to show commands for\",\n  unitHeading: \"Unit\",\n  givesHeading: \"Gives you\",\n  actionsHeading: \"Actions\",\n  routineHeading: \"The daily routine\",\n};\n\nexport interface IntegrationMatrixProps extends HTMLAttributes<HTMLDivElement> {\n  hosts: IntegrationMatrixHost[];\n  rows: IntegrationMatrixRow[];\n  /** The routine strip below the matrix; omitted entirely when empty. */\n  routine?: IntegrationMatrixRoutineStep[];\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 row id, the action label and the text. */\n  onCopyAction?: (rowId: string, actionLabel: string, text: string, copied: boolean) => void;\n  labels?: Partial<IntegrationMatrixLabels>;\n}\n\nfunction resolveCopyValue(value: string | Record<string, string>, hostId: string): string {\n  if (typeof value === \"string\") return value;\n  return value[hostId] ?? Object.values(value)[0] ?? \"\";\n}\n\nexport const IntegrationMatrix = forwardRef<HTMLDivElement, IntegrationMatrixProps>(\n  function IntegrationMatrix(\n    {\n      hosts,\n      rows,\n      routine,\n      value,\n      defaultValue,\n      onValueChange,\n      onCopyAction,\n      labels: labelsProp,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const labels = { ...DEFAULT_INTEGRATION_MATRIX_LABELS, ...labelsProp };\n    const [hostId, setHostId] = useControllableState(\n      value,\n      defaultValue ?? hosts[0]?.id ?? \"\",\n      onValueChange,\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"integration-matrix\"\n        className={cn(\"flex flex-col gap-6\", className)}\n        {...props}\n      >\n        {hosts.length > 1 ? (\n          <div className=\"flex items-center gap-3\">\n            <span className=\"text-body text-muted-foreground\">{labels.hostSelectLabel}</span>\n            <Select value={hostId} onValueChange={setHostId}>\n              <SelectTrigger\n                data-slot=\"integration-matrix-host\"\n                aria-label={labels.hostSelectAriaLabel}\n                className=\"min-w-40\"\n              >\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {hosts.map((host) => (\n                  <SelectItem key={host.id} value={host.id}>\n                    {host.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        ) : null}\n\n        {/* md+: a 3-column grid with a header row. Below md: stacked cards, one per row. */}\n        <div className=\"flex flex-col gap-4 md:gap-0\">\n          <div className=\"hidden grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] gap-4 border-b border-border-strong pb-2 md:grid\">\n            <span className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.unitHeading}\n            </span>\n            <span className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.givesHeading}\n            </span>\n            <span className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.actionsHeading}\n            </span>\n          </div>\n          {rows.map((row) => (\n            <div\n              key={row.id}\n              data-slot=\"integration-matrix-row\"\n              className=\"grid grid-cols-1 gap-3 border-b py-4 last:border-b-0 md:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] md:items-center md:gap-4\"\n            >\n              <span className=\"text-body font-medium text-foreground\">{row.unit}</span>\n              <span className=\"text-body text-muted-foreground\">{row.gives}</span>\n              <div\n                data-slot=\"integration-matrix-actions\"\n                className=\"flex flex-wrap items-center gap-2\"\n              >\n                {row.actions.map((action) =>\n                  action.kind === \"copy\" ? (\n                    <CommandChip\n                      key={action.label}\n                      className=\"max-w-full\"\n                      hosts={[\n                        {\n                          id: \"value\",\n                          label: action.label,\n                          command: resolveCopyValue(action.value, hostId),\n                        },\n                      ]}\n                      onCopyCommand={(text, copied) =>\n                        onCopyAction?.(row.id, action.label, text, copied)\n                      }\n                    />\n                  ) : (\n                    <Button key={action.label} variant=\"link\" size=\"sm\" asChild>\n                      <a href={resolveCopyValue(action.value, hostId)}>{action.label}</a>\n                    </Button>\n                  ),\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n\n        {routine && routine.length > 0 ? (\n          <div className=\"flex flex-col gap-3\">\n            <h3 className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.routineHeading}\n            </h3>\n            <TooltipProvider>\n              <div\n                data-slot=\"integration-matrix-routine\"\n                className=\"flex flex-wrap items-center gap-2\"\n              >\n                {routine.map((step, index) => (\n                  <div key={step.verb} className=\"flex items-center gap-2\">\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <span\n                          data-slot=\"integration-matrix-routine-step\"\n                          tabIndex={0}\n                          className=\"inline-flex items-center rounded-md border border-input bg-card px-2.5 py-1 font-mono text-code text-foreground focus-ring\"\n                        >\n                          {step.verb}\n                        </span>\n                      </TooltipTrigger>\n                      <TooltipContent>{step.does}</TooltipContent>\n                    </Tooltip>\n                    {index < routine.length - 1 ? (\n                      <ArrowRight aria-hidden=\"true\" className=\"size-4 text-muted-foreground\" />\n                    ) : null}\n                  </div>\n                ))}\n              </div>\n            </TooltipProvider>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAAS,kBAAuC;AAChD,SAAS,kBAAkB;AAqHf,cACA,YADA;AA9DL,IAAM,oCAA6D;AAAA,EACxE,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;AAkBA,SAAS,iBAAiB,OAAwC,QAAwB;AACxF,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,SAAO,MAAM,MAAM,KAAK,OAAO,OAAO,KAAK,EAAE,CAAC,KAAK;AACrD;AAEO,IAAM,oBAAoB;AAAA,EAC/B,SAASA,mBACP;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,SAAS,EAAE,GAAG,mCAAmC,GAAG,WAAW;AACrE,UAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,MAC1B;AAAA,MACA,gBAAgB,MAAM,CAAC,GAAG,MAAM;AAAA,MAChC;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC7C,GAAG;AAAA,QAEH;AAAA,gBAAM,SAAS,IACd,qBAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,UAAK,WAAU,mCAAmC,iBAAO,iBAAgB;AAAA,YAC1E,qBAAC,UAAO,OAAO,QAAQ,eAAe,WACpC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,aAAU;AAAA,kBACV,cAAY,OAAO;AAAA,kBACnB,WAAU;AAAA,kBAEV,8BAAC,eAAY;AAAA;AAAA,cACf;AAAA,cACA,oBAAC,iBACE,gBAAM,IAAI,CAAC,SACV,oBAAC,cAAyB,OAAO,KAAK,IACnC,eAAK,SADS,KAAK,EAEtB,CACD,GACH;AAAA,eACF;AAAA,aACF,IACE;AAAA,UAGJ,qBAAC,SAAI,WAAU,gCACb;AAAA,iCAAC,SAAI,WAAU,qHACb;AAAA,kCAAC,UAAK,WAAU,oDACb,iBAAO,aACV;AAAA,cACA,oBAAC,UAAK,WAAU,oDACb,iBAAO,cACV;AAAA,cACA,oBAAC,UAAK,WAAU,oDACb,iBAAO,gBACV;AAAA,eACF;AAAA,YACC,KAAK,IAAI,CAAC,QACT;AAAA,cAAC;AAAA;AAAA,gBAEC,aAAU;AAAA,gBACV,WAAU;AAAA,gBAEV;AAAA,sCAAC,UAAK,WAAU,yCAAyC,cAAI,MAAK;AAAA,kBAClE,oBAAC,UAAK,WAAU,mCAAmC,cAAI,OAAM;AAAA,kBAC7D;AAAA,oBAAC;AAAA;AAAA,sBACC,aAAU;AAAA,sBACV,WAAU;AAAA,sBAET,cAAI,QAAQ;AAAA,wBAAI,CAAC,WAChB,OAAO,SAAS,SACd;AAAA,0BAAC;AAAA;AAAA,4BAEC,WAAU;AAAA,4BACV,OAAO;AAAA,8BACL;AAAA,gCACE,IAAI;AAAA,gCACJ,OAAO,OAAO;AAAA,gCACd,SAAS,iBAAiB,OAAO,OAAO,MAAM;AAAA,8BAChD;AAAA,4BACF;AAAA,4BACA,eAAe,CAAC,MAAM,WACpB,eAAe,IAAI,IAAI,OAAO,OAAO,MAAM,MAAM;AAAA;AAAA,0BAV9C,OAAO;AAAA,wBAYd,IAEA,oBAAC,UAA0B,SAAQ,QAAO,MAAK,MAAK,SAAO,MACzD,8BAAC,OAAE,MAAM,iBAAiB,OAAO,OAAO,MAAM,GAAI,iBAAO,OAAM,KADpD,OAAO,KAEpB;AAAA,sBAEJ;AAAA;AAAA,kBACF;AAAA;AAAA;AAAA,cAhCK,IAAI;AAAA,YAiCX,CACD;AAAA,aACH;AAAA,UAEC,WAAW,QAAQ,SAAS,IAC3B,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,QAAG,WAAU,oDACX,iBAAO,gBACV;AAAA,YACA,oBAAC,mBACC;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,gBAET,kBAAQ,IAAI,CAAC,MAAM,UAClB,qBAAC,SAAoB,WAAU,2BAC7B;AAAA,uCAAC,WACC;AAAA,wCAAC,kBAAe,SAAO,MACrB;AAAA,sBAAC;AAAA;AAAA,wBACC,aAAU;AAAA,wBACV,UAAU;AAAA,wBACV,WAAU;AAAA,wBAET,eAAK;AAAA;AAAA,oBACR,GACF;AAAA,oBACA,oBAAC,kBAAgB,eAAK,MAAK;AAAA,qBAC7B;AAAA,kBACC,QAAQ,QAAQ,SAAS,IACxB,oBAAC,cAAW,eAAY,QAAO,WAAU,gCAA+B,IACtE;AAAA,qBAfI,KAAK,IAgBf,CACD;AAAA;AAAA,YACH,GACF;AAAA,aACF,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["IntegrationMatrix"]}

package/dist/chunk-L66VJIRD.js

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

package/dist/chunk-L66VJIRD.js.map

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

package/dist/chunk-L6A3RXCU.js

@@ -0,0 +1,140 @@
+"use client";
+import {
+  Slider
+} from "./chunk-O6V65J5J.js";
+import {
+  NumberInput
+} from "./chunk-GTDCC4YX.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/slider-number/slider-number.tsx
+import { forwardRef, useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getStepDecimals(step) {
+  const str = step.toString();
+  const dot = str.indexOf(".");
+  return dot === -1 ? 0 : str.length - dot - 1;
+}
+function clampValue(value, min, max) {
+  let result = value;
+  if (min !== void 0) result = Math.max(min, result);
+  if (max !== void 0) result = Math.min(max, result);
+  return result;
+}
+function roundValue(value, step, precision) {
+  const decimals = precision ?? getStepDecimals(step);
+  const factor = 10 ** decimals;
+  return Math.round(value * factor) / factor;
+}
+var SliderNumber = forwardRef(function SliderNumber2({
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  precision,
+  resetLabel,
+  disabled,
+  id,
+  name,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  className,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const isControlled = valueProp !== void 0;
+  const [internalValue, setInternalValue] = useState(
+    defaultValue !== void 0 ? defaultValue : null
+  );
+  const currentValue = isControlled ? valueProp : internalValue;
+  const [inputEpoch, setInputEpoch] = useState(0);
+  const commit = useCallback(
+    (next) => {
+      const rounded = next == null ? null : roundValue(clampValue(next, min, max), step, precision);
+      if (next != null && rounded !== next && rounded === currentValue) {
+        setInputEpoch((n) => n + 1);
+      }
+      if (!isControlled) setInternalValue(rounded);
+      onValueChange?.(rounded);
+    },
+    [isControlled, onValueChange, min, max, step, precision, currentValue]
+  );
+  const isDefault = currentValue == null;
+  const sliderValue = currentValue ?? min;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "slider-number",
+      className: cn("flex w-80 max-w-full items-center gap-3", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            "data-slot": "slider-number-slider",
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            min,
+            max,
+            step,
+            disabled,
+            value: [sliderValue],
+            onValueChange: (values) => commit(values[0] ?? null),
+            thumbProps: {
+              // Visually distinct "provider default" thumb — dimmed + dashed,
+              // never confusable with a real value (including 0).
+              className: cn(isDefault && "opacity-50 border-dashed")
+            },
+            className: "flex-1"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          NumberInput,
+          {
+            "data-slot": "slider-number-input",
+            id,
+            name,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            min,
+            max,
+            step,
+            disabled,
+            value: currentValue,
+            onValueChange: commit,
+            className: "w-32 shrink-0"
+          },
+          inputEpoch
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            "data-slot": "slider-number-reset",
+            disabled: disabled || isDefault,
+            onClick: () => commit(null),
+            children: resetLabel ?? t("ui.sliderNumber.reset")
+          }
+        )
+      ]
+    }
+  );
+});
+
+export {
+  SliderNumber
+};
+//# sourceMappingURL=chunk-L6A3RXCU.js.map

package/dist/chunk-L6A3RXCU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/slider-number/slider-number.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport { NumberInput } from \"../number-input\";\nimport { Slider } from \"../slider\";\nimport { useLocale } from \"../locale-provider\";\n\nexport interface SliderNumberProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** Controlled value. Pass `null` for \"use the provider default\". */\n  value?: number | null;\n  /** Uncontrolled initial value. */\n  defaultValue?: number | null;\n  /** Called when the value changes — always rounded identically on the drag and type paths. */\n  onValueChange?: (value: number | null) => void;\n  /** Minimum allowed value. Defaults to 0. */\n  min?: number;\n  /** Maximum allowed value. Defaults to 100. */\n  max?: number;\n  /** Step increment for both the slider and the number input's arrow keys. Defaults to 1. */\n  step?: number;\n  /**\n   * Number of decimal places to round to. Defaults to the decimal places in\n   * `step` (e.g. `step={0.1}` rounds to 1 decimal). Applied identically on\n   * BOTH the slider path and the number-input path so drag-then-type never\n   * disagrees.\n   */\n  precision?: number;\n  /** Label for the reset-to-provider-default control. Defaults to \"Reset\". */\n  resetLabel?: ReactNode;\n  /** Disables the whole control. */\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nfunction getStepDecimals(step: number): number {\n  const str = step.toString();\n  const dot = str.indexOf(\".\");\n  return dot === -1 ? 0 : str.length - dot - 1;\n}\n\nfunction clampValue(value: number, min?: number, max?: number): number {\n  let result = value;\n  if (min !== undefined) result = Math.max(min, result);\n  if (max !== undefined) result = Math.min(max, result);\n  return result;\n}\n\n/** Rounds to a fixed decimal precision — the ONE function both paths call. */\nfunction roundValue(value: number, step: number, precision?: number): number {\n  const decimals = precision ?? getStepDecimals(step);\n  const factor = 10 ** decimals;\n  return Math.round(value * factor) / factor;\n}\n\n/**\n * SliderNumber — a `Slider` and a `NumberInput` bound to one value, clamped\n * and rounded in lockstep so they can never disagree, plus an explicit\n * `null` state meaning \"use the provider default\" with a reset control.\n *\n * The subtle part (#372): both the slider's `onValueChange` and the number\n * input's `onValueChange` are routed through the SAME `commit` function,\n * which rounds to a fixed decimal precision before storing — so dragging to\n * a value and then typing the same value never produces two representations\n * of the same intent (e.g. floating-point drift like `0.30000000000000004`).\n */\nexport const SliderNumber = forwardRef<HTMLDivElement, SliderNumberProps>(function SliderNumber(\n  {\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    precision,\n    resetLabel,\n    disabled,\n    id,\n    name,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  const isControlled = valueProp !== undefined;\n  const [internalValue, setInternalValue] = useState<number | null>(\n    defaultValue !== undefined ? defaultValue : null,\n  );\n  const currentValue = isControlled ? valueProp : internalValue;\n\n  // Bumped whenever this component normalises a typed value back to the value\n  // it ALREADY holds. `NumberInput` only re-derives its display text when the\n  // controlled `value` prop CHANGES, so in that one case it would keep showing\n  // the raw keystrokes (\"0.44\") while the slider and the committed value read\n  // the rounded one (0.4) — the exact \"slider and input disagree\" failure this\n  // component exists to prevent. Remounting it re-derives the text from the\n  // value that was actually accepted. It only ever fires on blur, when the\n  // input is no longer focused, so the remount is invisible.\n  const [inputEpoch, setInputEpoch] = useState(0);\n\n  const commit = useCallback(\n    (next: number | null) => {\n      const rounded = next == null ? null : roundValue(clampValue(next, min, max), step, precision);\n      if (next != null && rounded !== next && rounded === currentValue) {\n        setInputEpoch((n) => n + 1);\n      }\n      if (!isControlled) setInternalValue(rounded);\n      onValueChange?.(rounded);\n    },\n    [isControlled, onValueChange, min, max, step, precision, currentValue],\n  );\n\n  const isDefault = currentValue == null;\n  const sliderValue = currentValue ?? min;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"slider-number\"\n      // A default FIXED width (matching Slider's own convention — it has no\n      // intrinsic width either, and its stories always pass one via\n      // className) so the Slider's `flex-1` has real space to grow into.\n      // `w-full`/percentage widths are unresolvable inside an ancestor with\n      // no definite width (e.g. Storybook's default \"centered\" layout, or a\n      // bare inline/flex context), which collapses `flex-1` to near-zero.\n      // Callers in a definite-width layout can still override via `className`\n      // (e.g. `className=\"w-full\"` inside a form field's own fixed-width row).\n      // `max-w-full` keeps the fixed width from OVERFLOWING a container\n      // narrower than 20rem (a settings drawer, a 320px mobile column) — it is\n      // a preferred width, not a floor.\n      className={cn(\"flex w-80 max-w-full items-center gap-3\", className)}\n      {...props}\n    >\n      <Slider\n        data-slot=\"slider-number-slider\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        value={[sliderValue]}\n        onValueChange={(values) => commit(values[0] ?? null)}\n        thumbProps={{\n          // Visually distinct \"provider default\" thumb — dimmed + dashed,\n          // never confusable with a real value (including 0).\n          className: cn(isDefault && \"opacity-50 border-dashed\"),\n        }}\n        className=\"flex-1\"\n      />\n      <NumberInput\n        key={inputEpoch}\n        data-slot=\"slider-number-input\"\n        id={id}\n        name={name}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        value={currentValue}\n        onValueChange={commit}\n        // NumberInput's own default is w-36 (144px); shrinking it below\n        // ~w-32 leaves too little room for the digits once its own\n        // decrease/increase buttons are subtracted, clipping the text.\n        className=\"w-32 shrink-0\"\n      />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        data-slot=\"slider-number-reset\"\n        disabled={disabled || isDefault}\n        onClick={() => commit(null)}\n      >\n        {resetLabel ?? t(\"ui.sliderNumber.reset\")}\n      </Button>\n    </div>\n  );\n});\n"],"mappings":"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","names":["SliderNumber"]}

package/dist/chunk-LDOCY4SU.js

@@ -0,0 +1,68 @@
+"use client";
+
+// src/lib/compact-number.ts
+var PRESET_NUMBER_FORMAT_SPECS = {
+  number: { style: "number", abbreviate: false },
+  compact: { style: "number", abbreviate: "auto" },
+  currency: { style: "currency", abbreviate: "auto" },
+  percent: { style: "percent", abbreviate: false }
+};
+function resolveNumberFormatSpec(format) {
+  return typeof format === "string" ? PRESET_NUMBER_FORMAT_SPECS[format] ?? PRESET_NUMBER_FORMAT_SPECS.compact : format;
+}
+var COMPACT_THRESHOLD = 1e3;
+var DEFAULT_CURRENCY = "USD";
+var DEFAULT_MAX_FRACTION_DIGITS = 1;
+function shouldCompact(value) {
+  return Number.isFinite(value) && Math.abs(value) >= COMPACT_THRESHOLD;
+}
+function resolveNumberFormat(format, value, currency = DEFAULT_CURRENCY, maxFractionDigits) {
+  const spec = resolveNumberFormatSpec(format);
+  const style = spec.style ?? "number";
+  const isPercent = style === "percent";
+  const options = {};
+  if (style === "currency") {
+    options.style = "currency";
+    options.currency = spec.currency ?? currency;
+  } else if (isPercent) {
+    options.style = "percent";
+  }
+  const wantsAbbreviate = !isPercent && (spec.abbreviate === true || spec.abbreviate !== false && shouldCompact(value));
+  if (wantsAbbreviate) {
+    options.notation = "compact";
+    options.compactDisplay = "short";
+  }
+  const exactValueEscapeHatch = style === "number" && spec.abbreviate === false;
+  const digits = spec.decimals ?? maxFractionDigits ?? (exactValueEscapeHatch ? void 0 : DEFAULT_MAX_FRACTION_DIGITS);
+  if (digits !== void 0) {
+    options.maximumFractionDigits = digits;
+    if (spec.optionalDecimals === false) {
+      options.minimumFractionDigits = digits;
+    }
+  }
+  if (spec.grouping === false) {
+    options.useGrouping = false;
+  }
+  let parens = false;
+  if (spec.sign === "always") {
+    options.signDisplay = "always";
+  } else if (spec.sign === "parens") {
+    options.signDisplay = "never";
+    parens = true;
+  }
+  return { options, prefix: spec.prefix ?? "", suffix: spec.suffix ?? "", parens };
+}
+function numberFormatOptions(format, value, currency = DEFAULT_CURRENCY, maxFractionDigits) {
+  return resolveNumberFormat(format, value, currency, maxFractionDigits).options;
+}
+
+export {
+  resolveNumberFormatSpec,
+  COMPACT_THRESHOLD,
+  DEFAULT_CURRENCY,
+  DEFAULT_MAX_FRACTION_DIGITS,
+  shouldCompact,
+  resolveNumberFormat,
+  numberFormatOptions
+};
+//# sourceMappingURL=chunk-LDOCY4SU.js.map

package/dist/chunk-LDOCY4SU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/compact-number.ts"],"sourcesContent":["/**\n * compact-number.ts — the same \"shown short, copied exact\" number rule the\n * charts package applies to axis ticks and tooltips, available to `ui` surfaces\n * that display a figure (today: `MetricCard`).\n *\n * DELIBERATE TWIN of `packages/charts/src/charts/value-format.ts`. Dependencies\n * flow one way — `tokens → ui → charts` — so `ui` cannot import the charts\n * module, and a chart-domain union does not belong in the `ui` public API just\n * to be shared. The duplication is ~20 lines and the two must stay in step:\n * **change one, change the other**, and keep {@link COMPACT_THRESHOLD} equal in\n * both. `metric-card.test.tsx` and `value-format.test.ts` pin the same cases on\n * each side so a drift shows up as a failing test rather than as two surfaces\n * disagreeing about what `1500` looks like.\n */\n\n/** How a numeric value is rendered. Mirrors the charts `ChartValueFormatPreset`. */\nexport type NumberFormatKind = \"number\" | \"compact\" | \"currency\" | \"percent\";\n\n/**\n * The object form of {@link NumberFormat} (RM-109) — decimals, sign,\n * prefix/suffix and abbreviation as independent knobs. Mirrors the charts\n * `ChartValueFormatSpec` field-for-field; see that type's docblock\n * (`packages/charts/src/charts/value-format.ts`) for the full contract of\n * each field — this is the DELIBERATE TWIN, not a reinterpretation.\n */\nexport interface NumberFormatSpec {\n  style?: \"number\" | \"currency\" | \"percent\";\n  decimals?: number;\n  optionalDecimals?: boolean;\n  abbreviate?: boolean | \"auto\";\n  sign?: \"auto\" | \"always\" | \"parens\";\n  prefix?: string;\n  suffix?: string;\n  grouping?: boolean;\n  currency?: string;\n}\n\n/** A preset string or the {@link NumberFormatSpec} object form (RM-109). */\nexport type NumberFormat = NumberFormatKind | NumberFormatSpec;\n\n/** The preset strings' shape, expressed as specs — the union's one resolved shape. */\nconst PRESET_NUMBER_FORMAT_SPECS: Record<NumberFormatKind, NumberFormatSpec> = {\n  number: { style: \"number\", abbreviate: false },\n  compact: { style: \"number\", abbreviate: \"auto\" },\n  currency: { style: \"currency\", abbreviate: \"auto\" },\n  percent: { style: \"percent\", abbreviate: false },\n};\n\n/** Normalizes a preset string or a spec object to one {@link NumberFormatSpec} shape. */\nexport function resolveNumberFormatSpec(format: NumberFormat): NumberFormatSpec {\n  return typeof format === \"string\"\n    ? (PRESET_NUMBER_FORMAT_SPECS[format] ?? PRESET_NUMBER_FORMAT_SPECS.compact)\n    : format;\n}\n\n/** Magnitude at or above which `compact`/`currency` switch to compact notation. */\nexport const COMPACT_THRESHOLD = 1000;\n\n/** Used when a caller asks for currency without naming one. */\nexport const DEFAULT_CURRENCY = \"USD\";\n\n/** One decimal keeps `1.5M` readable without implying precision it lacks. */\nexport const DEFAULT_MAX_FRACTION_DIGITS = 1;\n\n/** Whether `value`'s magnitude earns compact notation. */\nexport function shouldCompact(value: number): boolean {\n  return Number.isFinite(value) && Math.abs(value) >= COMPACT_THRESHOLD;\n}\n\n/**\n * The full answer for `format` at this magnitude: `Intl.NumberFormatOptions`\n * plus the two things Intl cannot express — literal `prefix`/`suffix` text\n * and `sign: \"parens\"` (accounting-style negatives). Twin of\n * `resolveChartValueFormat` (`value-format.ts`) — same fields, same rules.\n */\nexport interface ResolvedNumberFormat {\n  /** Pure `Intl.NumberFormatOptions` — everything Intl itself can render. */\n  options: Intl.NumberFormatOptions;\n  /** Literal text before the formatted number. */\n  prefix: string;\n  /** Literal text after the formatted number. */\n  suffix: string;\n  /** `true` when a negative value renders as `(…)` instead of a minus sign. */\n  parens: boolean;\n}\n\nexport function resolveNumberFormat(\n  format: NumberFormat,\n  value: number,\n  currency: string = DEFAULT_CURRENCY,\n  maxFractionDigits?: number,\n): ResolvedNumberFormat {\n  const spec = resolveNumberFormatSpec(format);\n  const style = spec.style ?? \"number\";\n  const isPercent = style === \"percent\";\n  const options: Intl.NumberFormatOptions = {};\n\n  if (style === \"currency\") {\n    options.style = \"currency\";\n    options.currency = spec.currency ?? currency;\n  } else if (isPercent) {\n    options.style = \"percent\";\n  }\n\n  const wantsAbbreviate =\n    !isPercent && (spec.abbreviate === true || (spec.abbreviate !== false && shouldCompact(value)));\n  if (wantsAbbreviate) {\n    options.notation = \"compact\";\n    options.compactDisplay = \"short\";\n  }\n\n  const exactValueEscapeHatch = style === \"number\" && spec.abbreviate === false;\n  const digits =\n    spec.decimals ??\n    maxFractionDigits ??\n    (exactValueEscapeHatch ? undefined : DEFAULT_MAX_FRACTION_DIGITS);\n  if (digits !== undefined) {\n    options.maximumFractionDigits = digits;\n    if (spec.optionalDecimals === false) {\n      options.minimumFractionDigits = digits;\n    }\n  }\n\n  if (spec.grouping === false) {\n    options.useGrouping = false;\n  }\n\n  let parens = false;\n  if (spec.sign === \"always\") {\n    options.signDisplay = \"always\";\n  } else if (spec.sign === \"parens\") {\n    options.signDisplay = \"never\";\n    parens = true;\n  }\n\n  return { options, prefix: spec.prefix ?? \"\", suffix: spec.suffix ?? \"\", parens };\n}\n\n/**\n * `Intl.NumberFormatOptions` for `format` at this magnitude — the pure-Intl\n * subset of {@link resolveNumberFormat}, kept as its own export because it is\n * the one every existing call site (and test) already depends on.\n */\nexport function numberFormatOptions(\n  format: NumberFormatKind,\n  value: number,\n  currency: string = DEFAULT_CURRENCY,\n  maxFractionDigits?: number,\n): Intl.NumberFormatOptions {\n  return resolveNumberFormat(format, value, currency, maxFractionDigits).options;\n}\n"],"mappings":";;;AAyCA,IAAM,6BAAyE;AAAA,EAC7E,QAAQ,EAAE,OAAO,UAAU,YAAY,MAAM;AAAA,EAC7C,SAAS,EAAE,OAAO,UAAU,YAAY,OAAO;AAAA,EAC/C,UAAU,EAAE,OAAO,YAAY,YAAY,OAAO;AAAA,EAClD,SAAS,EAAE,OAAO,WAAW,YAAY,MAAM;AACjD;AAGO,SAAS,wBAAwB,QAAwC;AAC9E,SAAO,OAAO,WAAW,WACpB,2BAA2B,MAAM,KAAK,2BAA2B,UAClE;AACN;AAGO,IAAM,oBAAoB;AAG1B,IAAM,mBAAmB;AAGzB,IAAM,8BAA8B;AAGpC,SAAS,cAAc,OAAwB;AACpD,SAAO,OAAO,SAAS,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK;AACtD;AAmBO,SAAS,oBACd,QACA,OACA,WAAmB,kBACnB,mBACsB;AACtB,QAAM,OAAO,wBAAwB,MAAM;AAC3C,QAAM,QAAQ,KAAK,SAAS;AAC5B,QAAM,YAAY,UAAU;AAC5B,QAAM,UAAoC,CAAC;AAE3C,MAAI,UAAU,YAAY;AACxB,YAAQ,QAAQ;AAChB,YAAQ,WAAW,KAAK,YAAY;AAAA,EACtC,WAAW,WAAW;AACpB,YAAQ,QAAQ;AAAA,EAClB;AAEA,QAAM,kBACJ,CAAC,cAAc,KAAK,eAAe,QAAS,KAAK,eAAe,SAAS,cAAc,KAAK;AAC9F,MAAI,iBAAiB;AACnB,YAAQ,WAAW;AACnB,YAAQ,iBAAiB;AAAA,EAC3B;AAEA,QAAM,wBAAwB,UAAU,YAAY,KAAK,eAAe;AACxE,QAAM,SACJ,KAAK,YACL,sBACC,wBAAwB,SAAY;AACvC,MAAI,WAAW,QAAW;AACxB,YAAQ,wBAAwB;AAChC,QAAI,KAAK,qBAAqB,OAAO;AACnC,cAAQ,wBAAwB;AAAA,IAClC;AAAA,EACF;AAEA,MAAI,KAAK,aAAa,OAAO;AAC3B,YAAQ,cAAc;AAAA,EACxB;AAEA,MAAI,SAAS;AACb,MAAI,KAAK,SAAS,UAAU;AAC1B,YAAQ,cAAc;AAAA,EACxB,WAAW,KAAK,SAAS,UAAU;AACjC,YAAQ,cAAc;AACtB,aAAS;AAAA,EACX;AAEA,SAAO,EAAE,SAAS,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,UAAU,IAAI,OAAO;AACjF;AAOO,SAAS,oBACd,QACA,OACA,WAAmB,kBACnB,mBAC0B;AAC1B,SAAO,oBAAoB,QAAQ,OAAO,UAAU,iBAAiB,EAAE;AACzE;","names":[]}

package/dist/chunk-LG33MONJ.js

@@ -0,0 +1,74 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/toggle/toggle.tsx
+import { forwardRef } from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva(
+  // Pressed (data-[state=on]) reads as a clearly-distinct, AA-safe state: an
+  // accent fill + bolded label (accent/accent-foreground is a guaranteed AA
+  // pair) plus a solid `primary` border as a ≥3:1 non-text boundary cue. We
+  // deliberately do NOT use `bg-primary`/`text-primary-foreground`: under the
+  // pre-debrand green palette that pair measured only 3.61:1 in `light`, which
+  // fails AA for text labels (#148). The retuned palette flipped
+  // `--primary-foreground` to near-black on a light primary and clears AA
+  // comfortably, so the CONTRAST argument is spent — the shape stands on design
+  // grounds instead: a pressed toggle is a secondary state and an accent fill is
+  // the right weight for it. The border carries the strength; the focus ring is
+  // untouched.
+  //
+  // Active styles are keyed on BOTH data-[state=on]: AND aria-pressed:/aria-checked:
+  // (belt-and-suspenders, mirroring the `segmented` variant). A TooltipTrigger
+  // asChild wrapper overwrites data-state="on" with "closed" — aria-pressed
+  // (Toggle) and aria-checked (ToggleGroupItem) are set by the toggle primitive
+  // alone and survive the merge. (#214)
+  "inline-flex items-center justify-center gap-2 rounded-control text-body font-control transition-colors duration-fast ease-standard hover:bg-muted hover:text-muted-foreground focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:font-semibold aria-pressed:bg-accent aria-pressed:text-accent-foreground aria-pressed:font-semibold aria-checked:bg-accent aria-checked:text-accent-foreground aria-checked:font-semibold [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        // `border border-transparent` reserves the 1px so the pressed
+        // `border-primary` does not shift layout.
+        default: "border border-transparent bg-transparent data-[state=on]:border-primary aria-pressed:border-primary aria-checked:border-primary",
+        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground data-[state=on]:border-primary aria-pressed:border-primary aria-checked:border-primary",
+        // Segmented mode switch: the SAME elevation grammar as TabsTrigger —
+        // raised elevated segment on a recessed `bg-muted` track (the track
+        // comes from ToggleGroup `variant="segmented"`). No `border-primary`
+        // here: within a group the active boundary is the fill/elevation
+        // change (1.4.11 redundant boundary), and no weight shift on press
+        // (labels would jiggle the segment widths).
+        // Keyed off aria-checked/aria-pressed, NOT data-[state=on]: a
+        // TooltipTrigger asChild wrapper overwrites the toggle's data-state
+        // with the tooltip's ("closed"), silently killing the active style —
+        // the aria attributes are set by the toggle primitive alone.
+        segmented: "border-0 bg-transparent text-muted-foreground hover:bg-transparent hover:text-foreground aria-checked:bg-surface-elevated aria-checked:text-foreground aria-checked:font-medium aria-checked:shadow-sm aria-pressed:bg-surface-elevated aria-pressed:text-foreground aria-pressed:font-medium aria-pressed:shadow-sm data-[state=on]:bg-surface-elevated data-[state=on]:text-foreground data-[state=on]:font-medium data-[state=on]:shadow-sm"
+      },
+      size: {
+        default: "h-control px-2.5 min-w-control",
+        sm: "h-control-sm px-2 min-w-control-sm",
+        lg: "h-control-lg px-3 min-w-control-lg"
+      }
+    },
+    defaultVariants: { variant: "default", size: "default" }
+  }
+);
+var Toggle = forwardRef(function Toggle2({ className, variant, size, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      ref,
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+});
+
+export {
+  toggleVariants,
+  Toggle
+};
+//# sourceMappingURL=chunk-LG33MONJ.js.map

package/dist/chunk-LG33MONJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle/toggle.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nexport const toggleVariants = cva(\n  // Pressed (data-[state=on]) reads as a clearly-distinct, AA-safe state: an\n  // accent fill + bolded label (accent/accent-foreground is a guaranteed AA\n  // pair) plus a solid `primary` border as a ≥3:1 non-text boundary cue. We\n  // deliberately do NOT use `bg-primary`/`text-primary-foreground`: under the\n  // pre-debrand green palette that pair measured only 3.61:1 in `light`, which\n  // fails AA for text labels (#148). The retuned palette flipped\n  // `--primary-foreground` to near-black on a light primary and clears AA\n  // comfortably, so the CONTRAST argument is spent — the shape stands on design\n  // grounds instead: a pressed toggle is a secondary state and an accent fill is\n  // the right weight for it. The border carries the strength; the focus ring is\n  // untouched.\n  //\n  // Active styles are keyed on BOTH data-[state=on]: AND aria-pressed:/aria-checked:\n  // (belt-and-suspenders, mirroring the `segmented` variant). A TooltipTrigger\n  // asChild wrapper overwrites data-state=\"on\" with \"closed\" — aria-pressed\n  // (Toggle) and aria-checked (ToggleGroupItem) are set by the toggle primitive\n  // alone and survive the merge. (#214)\n  \"inline-flex items-center justify-center gap-2 rounded-control text-body font-control transition-colors duration-fast ease-standard hover:bg-muted hover:text-muted-foreground focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:font-semibold aria-pressed:bg-accent aria-pressed:text-accent-foreground aria-pressed:font-semibold aria-checked:bg-accent aria-checked:text-accent-foreground aria-checked:font-semibold [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        // `border border-transparent` reserves the 1px so the pressed\n        // `border-primary` does not shift layout.\n        default:\n          \"border border-transparent bg-transparent data-[state=on]:border-primary aria-pressed:border-primary aria-checked:border-primary\",\n        outline:\n          \"border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground data-[state=on]:border-primary aria-pressed:border-primary aria-checked:border-primary\",\n        // Segmented mode switch: the SAME elevation grammar as TabsTrigger —\n        // raised elevated segment on a recessed `bg-muted` track (the track\n        // comes from ToggleGroup `variant=\"segmented\"`). No `border-primary`\n        // here: within a group the active boundary is the fill/elevation\n        // change (1.4.11 redundant boundary), and no weight shift on press\n        // (labels would jiggle the segment widths).\n        // Keyed off aria-checked/aria-pressed, NOT data-[state=on]: a\n        // TooltipTrigger asChild wrapper overwrites the toggle's data-state\n        // with the tooltip's (\"closed\"), silently killing the active style —\n        // the aria attributes are set by the toggle primitive alone.\n        segmented:\n          \"border-0 bg-transparent text-muted-foreground hover:bg-transparent hover:text-foreground aria-checked:bg-surface-elevated aria-checked:text-foreground aria-checked:font-medium aria-checked:shadow-sm aria-pressed:bg-surface-elevated aria-pressed:text-foreground aria-pressed:font-medium aria-pressed:shadow-sm data-[state=on]:bg-surface-elevated data-[state=on]:text-foreground data-[state=on]:font-medium data-[state=on]:shadow-sm\",\n      },\n      size: {\n        default: \"h-control px-2.5 min-w-control\",\n        sm: \"h-control-sm px-2 min-w-control-sm\",\n        lg: \"h-control-lg px-3 min-w-control-lg\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"default\" },\n  },\n);\n\nexport const Toggle = forwardRef<\n  ElementRef<typeof TogglePrimitive.Root>,\n  ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(function Toggle({ className, variant, size, ...props }, ref) {\n  return (\n    <TogglePrimitive.Root\n      ref={ref}\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,qBAAqB;AACjC,SAAS,WAA8B;AA2DnC;AAxDG,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA;AAAA,QAGP,SACE;AAAA,QACF,SACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAWF,WACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,WAAW,MAAM,UAAU;AAAA,EACzD;AACF;AAEO,IAAM,SAAS,WAGpB,SAASA,QAAO,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,GAAG,KAAK;AAC7D,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Toggle"]}

package/dist/chunk-LJGWA2XL.js

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

package/dist/chunk-LJGWA2XL.js.map

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

package/dist/chunk-LLQWLZ75.js

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

package/dist/chunk-LLQWLZ75.js.map

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