cursedbelt 5.38.0 → 5.40.0

package/dist/react/components/InfoHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoHint.js","sourceRoot":"","sources":["../../../src/react/components/InfoHint.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InfoHint.js","sourceRoot":"","sources":["../../../src/react/components/InfoHint.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAsB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAA8C,MAAM,oBAAoB,CAAC;AAMnG,IAAI,UAAU,GAAiC,IAAI,CAAC;AACpD,IAAI,WAAW,GAA0C,IAAI,CAAC;AAE9D,0DAA0D;AAC1D,SAAS,eAAe;IACtB,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,WAAW,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACnD,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;YACvB,OAAO,CAAC,CAAC,OAAO,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,yFAAyF;AACzF,6FAA6F;AAC7F,IAAI,OAAO,MAAM,KAAK,WAAW;IAAE,KAAK,eAAe,EAAE,CAAC;AAE1D;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,mFAAmF;IACnF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA+B,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;IACjF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,OAAO;QACjB,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,KAAK,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAChC,IAAI,KAAK;gBAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,KAAK,GAAG,KAAK,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,IAAI;QAAE,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,OAAO,GAAI,CAAC;IAElG,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACjD,OAAO,CACL;QACE,mFAAmF;QACnF,+EAA+E;QAC/E,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC3C,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;YACX,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,wBAAe,GAChC,CACV,CAAC;AACJ,CAAC"}

package/dist/react/components/InfoHintImpl.d.ts

@@ -0,0 +1,16 @@
+import { type InfoHintImplProps } from '../lib/infoHint.js';
+/**
+ * "ⓘ" field-help — the bespoke anchored composite on @floating-ui/react (portaled,
+ * flips + shifts, never clipped by an overflow ancestor). The reference model for
+ * any future bespoke anchored composite (color picker on a swatch, date picker on an
+ * input); standard primitives (Tooltip/DropdownMenu/SelectField/Popover/HoverCard)
+ * use Radix instead.
+ *
+ * Opens on hover + focus on pointer devices, and on click/tap everywhere — so it is
+ * reachable on touch screens (which have no hover). `useHasHover` disables the hover
+ * interaction on touch devices so the panel isn't left stuck open after a tap.
+ *
+ * Loaded by `InfoHint.tsx` with a dynamic `import()` — see that file for why.
+ */
+export default function InfoHintImpl({ children, title, align, className, label, initialOpen, initialFocus, }: InfoHintImplProps): import("react").JSX.Element;
+//# sourceMappingURL=InfoHintImpl.d.ts.map

package/dist/react/components/InfoHintImpl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoHintImpl.d.ts","sourceRoot":"","sources":["../../../src/react/components/InfoHintImpl.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAqB,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,KAAK,EACL,KAAc,EACd,SAAS,EACT,KAAmB,EACnB,WAAmB,EACnB,YAAoB,GACrB,EAAE,iBAAiB,+BAwEnB"}

package/dist/react/components/InfoHintImpl.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { autoUpdate, FloatingPortal, flip, offset, shift, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from '@floating-ui/react';
+import { Info } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { useHasHover } from '../hooks/useHasHover.js';
+import { cn } from '../lib/cn.js';
+import { HOVER_HINT_DELAY_MS } from '../lib/hoverIntent.js';
+import { INFO_HINT_TRIGGER } from '../lib/infoHint.js';
+/**
+ * "ⓘ" field-help — the bespoke anchored composite on @floating-ui/react (portaled,
+ * flips + shifts, never clipped by an overflow ancestor). The reference model for
+ * any future bespoke anchored composite (color picker on a swatch, date picker on an
+ * input); standard primitives (Tooltip/DropdownMenu/SelectField/Popover/HoverCard)
+ * use Radix instead.
+ *
+ * Opens on hover + focus on pointer devices, and on click/tap everywhere — so it is
+ * reachable on touch screens (which have no hover). `useHasHover` disables the hover
+ * interaction on touch devices so the panel isn't left stuck open after a tap.
+ *
+ * Loaded by `InfoHint.tsx` with a dynamic `import()` — see that file for why.
+ */
+export default function InfoHintImpl({ children, title, align = 'left', className, label = 'More info', initialOpen = false, initialFocus = false, }) {
+    const [open, setOpen] = useState(initialOpen);
+    const hasHover = useHasHover();
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: setOpen,
+        placement: align === 'right' ? 'bottom-end' : 'bottom-start',
+        whileElementsMounted: autoUpdate,
+        middleware: [offset(6), flip(), shift({ padding: 8 })],
+    });
+    // Hover only where a hover pointer exists; click/tap works on every device.
+    //
+    // 🔴 The hover half waits (`lib/hoverIntent.ts`); the CLICK half does not, and that
+    // asymmetry is the point. An (i) is small and it sits inside dense label rows, so a
+    // pointer on its way somewhere else crosses it constantly — this panel is richer than
+    // a tooltip bubble and occludes correspondingly more when it fires by accident. A
+    // click on it is an unambiguous request and still opens instantly, below.
+    const hover = useHover(context, {
+        move: false,
+        enabled: hasHover,
+        delay: { open: HOVER_HINT_DELAY_MS, close: 0 },
+    });
+    const focus = useFocus(context);
+    const click = useClick(context);
+    const dismiss = useDismiss(context);
+    const role = useRole(context, { role: 'tooltip' });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        hover,
+        focus,
+        click,
+        dismiss,
+        role,
+    ]);
+    // The placeholder trigger had focus when this replaced it: hand it to the real one, so a
+    // keyboard user's place is not dropped to <body> by the swap.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: once, on the swap
+    useEffect(() => {
+        if (initialFocus)
+            refs.domReference.current?.focus();
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx("button", { 
+                // guardrails-ignore no-raw-action-button: presentational hover/click disclosure
+                // trigger for the floating help panel — no destructive/mutating intent, and the
+                // floating-ui ref/interaction wiring here doesn't fit the Button primitive.
+                type: 'button', ref: refs.setReference, "aria-label": label, className: cn(INFO_HINT_TRIGGER, className), ...getReferenceProps(), children: _jsx(Info, { className: 'size-4', "aria-hidden": true }) }), open ? (_jsx(FloatingPortal, { children: _jsxs("div", { 
+                    // guardrails-ignore no-hand-rolled-surface: the hint's floating-ui bubble — a tooltip-class overlay with its own z-index and shadow, not a card
+                    ref: refs.setFloating, "data-cb-prose": '', style: floatingStyles, ...getFloatingProps(), className: 'z-50 max-w-xs rounded-md border border-border bg-popover px-3 py-2 text-xs text-popover-foreground shadow-[var(--shadow-overlay)]', children: [title ? _jsx("p", { className: 'mb-1 font-semibold', children: title }) : null, children] }) })) : null] }));
+}
+//# sourceMappingURL=InfoHintImpl.js.map

package/dist/react/components/InfoHintImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoHintImpl.js","sourceRoot":"","sources":["../../../src/react/components/InfoHintImpl.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/NativeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,KAAK,WAAW,EAAwC,MAAM,iBAAiB,CAAC;AAEzF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACtF,iFAAiF;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;gFAC4E;IAC5E,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC;;;kBAGc;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAmCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,+BA6CnB"}
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,KAAK,WAAW,EAA0D,MAAM,iBAAiB,CAAC;AAE3G,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACtF,iFAAiF;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;gFAC4E;IAC5E,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC;;;kBAGc;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAmCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,+BA6CnB"}

package/dist/react/components/NativeSelect.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown } from 'lucide-react';
 import { Children, isValidElement } from 'react';
 import { cn } from '../lib/cn.js';
-import { declareFieldWidth, fieldControlClass } from '../lib/field.js';
+import { choiceFieldWidth, declareFieldWidth, fieldControlClass } from '../lib/field.js';
 /**
  * Does this control offer anything the reader can actually pick?
  *
@@ -84,5 +84,6 @@ export function NativeSelect({ size = 'md', options, placeholder, className, wra
                 // reserves the room the drawn chevron below occupies.
                 'appearance-none pr-9', className), ...props, children: [placeholder !== undefined && (_jsx("option", { value: '', disabled: true, children: placeholder })), options?.map((option) => (_jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))), children, empty && (_jsx("option", { disabled: true, value: '__empty__', children: emptyLabel ?? 'Nothing to choose from yet' }))] }), _jsx(ChevronDown, { "aria-hidden": 'true', className: 'pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 opacity-60' })] }));
 }
-declareFieldWidth(NativeSelect, 'md');
+// Sized by its longest option, not stretched to the panel (FRM-3, forge task 2463).
+declareFieldWidth(NativeSelect, choiceFieldWidth);
 //# sourceMappingURL=NativeSelect.js.map

package/dist/react/components/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAoB,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAqCzF;;;;;;;GAOG;AACH,SAAS,mBAAmB,CAC1B,OAAkD,EAClD,QAAmB;IAEnB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC/C,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,MAAM,KAAK,GAAG,CAAC,IAAe,EAAQ,EAAE;QACtC,IAAI,KAAK;YAAE,OAAO;QAClB,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,IAAI,KAAK;gBAAE,OAAO;YAClB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;gBAAE,SAAS;YACrC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAsE,CAAC;YAC3F,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC9B,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,IAAI,KAAK,CAAC,QAAQ;gBAAE,SAAS;YAC7B,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,SAAS;YAC9D,KAAK,GAAG,IAAI,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IACF,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,IAAI,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,KAAK,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtD,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,aACrD;gBACE,6EAA6E;gBAC7E,qEAAqE;gBACrE,SAAS,EAAE,EAAE,CACX,iBAAiB,CAAC,IAAI,CAAC;gBACvB,wEAAwE;gBACxE,uEAAuE;gBACvE,sDAAsD;gBACtD,sBAAsB,EACtB,SAAS,CACV,KACG,KAAK,aAER,WAAW,KAAK,SAAS,IAAI,CAC5B,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,WAAW,GACL,CACV,EACA,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,YACtE,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,EACD,QAAQ,EAIR,KAAK,IAAI,CACR,iBAAQ,QAAQ,QAAC,KAAK,EAAC,WAAW,YAC/B,UAAU,IAAI,4BAA4B,GACpC,CACV,IACM,EAGT,KAAC,WAAW,mBACE,MAAM,EAClB,SAAS,EAAC,iFAAiF,GAC3F,IACG,CACR,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../../src/react/components/NativeSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAoB,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAqC3G;;;;;;;GAOG;AACH,SAAS,mBAAmB,CAC1B,OAAkD,EAClD,QAAmB;IAEnB,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC/C,IAAI,KAAK,GAAG,KAAK,CAAC;IAClB,MAAM,KAAK,GAAG,CAAC,IAAe,EAAQ,EAAE;QACtC,IAAI,KAAK;YAAE,OAAO;QAClB,KAAK,MAAM,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3C,IAAI,KAAK;gBAAE,OAAO;YAClB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;gBAAE,SAAS;YACrC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAsE,CAAC;YAC3F,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC9B,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACtB,SAAS;YACX,CAAC;YACD,IAAI,KAAK,CAAC,QAAQ;gBAAE,SAAS;YAC7B,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,SAAS;YAC9D,KAAK,GAAG,IAAI,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IACF,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,IAAI,EACX,OAAO,EACP,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACU;IAClB,MAAM,KAAK,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtD,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,aACrD;gBACE,6EAA6E;gBAC7E,qEAAqE;gBACrE,SAAS,EAAE,EAAE,CACX,iBAAiB,CAAC,IAAI,CAAC;gBACvB,wEAAwE;gBACxE,uEAAuE;gBACvE,sDAAsD;gBACtD,sBAAsB,EACtB,SAAS,CACV,KACG,KAAK,aAER,WAAW,KAAK,SAAS,IAAI,CAC5B,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,WAAW,GACL,CACV,EACA,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,YACtE,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,EACD,QAAQ,EAIR,KAAK,IAAI,CACR,iBAAQ,QAAQ,QAAC,KAAK,EAAC,WAAW,YAC/B,UAAU,IAAI,4BAA4B,GACpC,CACV,IACM,EAGT,KAAC,WAAW,mBACE,MAAM,EAClB,SAAS,EAAC,iFAAiF,GAC3F,IACG,CACR,CAAC;AACJ,CAAC;AAED,oFAAoF;AACpF,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/react/components/SegmentedControl.d.ts

@@ -23,7 +23,19 @@ export interface SegmentedControlProps<T extends string> {
     /** Segment height on the shared control-height scale (`--control-h-*`, task
      *  cbux-41). Default `md`. */
     size?: ControlSize;
+    /**
+     * Every segment the same width and height, on one baseline (FRM-7) — the strip a set of
+     * short peers (z² … z⁸, 1×/2×/4×) reads as one control instead of bouncing. Default: on
+     * when every label is a string of at most {@link EQUAL_SEGMENT_MAX_CHARS} characters.
+     */
+    equal?: boolean;
 }
+/** Labels this short are peers: the strip gives them equal segments unless told otherwise. */
+export declare const EQUAL_SEGMENT_MAX_CHARS = 4;
+/** Whether a set of options gets equal segments by default (FRM-7). Exported for tests. */
+export declare function segmentsAreShortPeers<O extends {
+    label: ReactNode;
+}>(options: readonly O[]): boolean;
 /**
  * A pill-style segment toggle / view switcher. Backed by Radix `Tabs` purely for
  * its a11y (roving focus + arrow-key navigation + the tablist/tab ARIA pattern) —
@@ -31,5 +43,5 @@ export interface SegmentedControlProps<T extends string> {
  * without them). The active segment lifts onto a `background` pill over the `muted`
  * track. Options may be individually `disabled` (with a `tooltip` explaining why).
  */
-export declare function SegmentedControl<T extends string>({ options, value, onChange, capitalize, className, 'aria-label': ariaLabel, size, }: SegmentedControlProps<T>): import("react").JSX.Element;
+export declare function SegmentedControl<T extends string>({ options, value, onChange, capitalize, className, 'aria-label': ariaLabel, size, equal, }: SegmentedControlProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/react/components/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/react/components/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAIzE,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM;IAC7C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;sFACkF;IAClF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM;IACrD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;kCAC8B;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,SAAS,EACT,YAAY,EAAE,SAAqB,EACnC,IAAW,GACZ,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BAuD1B"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/react/components/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAIzE,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM;IAC7C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;sFACkF;IAClF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM;IACrD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;kCAC8B;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8FAA8F;AAC9F,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,2FAA2F;AAC3F,wBAAgB,qBAAqB,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,SAAS,CAAA;CAAE,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,GAAG,OAAO,CAEpG;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAkB,EAClB,SAAS,EACT,YAAY,EAAE,SAAqB,EACnC,IAAW,EACX,KAAK,GACN,EAAE,qBAAqB,CAAC,CAAC,CAAC,+BAgE1B"}

package/dist/react/components/SegmentedControl.js

@@ -4,6 +4,12 @@ import { cn } from '../lib/cn.js';
 import { CONTROL_HEIGHT_CLASS } from '../lib/field.js';
 import { Tooltip } from './Tooltip.js';
 import { TAP_TARGET } from '../lib/tapTarget.js';
+/** Labels this short are peers: the strip gives them equal segments unless told otherwise. */
+export const EQUAL_SEGMENT_MAX_CHARS = 4;
+/** Whether a set of options gets equal segments by default (FRM-7). Exported for tests. */
+export function segmentsAreShortPeers(options) {
+    return options.length > 1 && options.every((o) => typeof o.label === 'string' && [...o.label].length <= EQUAL_SEGMENT_MAX_CHARS);
+}
 /**
  * A pill-style segment toggle / view switcher. Backed by Radix `Tabs` purely for
  * its a11y (roving focus + arrow-key navigation + the tablist/tab ARIA pattern) —
@@ -11,12 +17,19 @@ import { TAP_TARGET } from '../lib/tapTarget.js';
  * without them). The active segment lifts onto a `background` pill over the `muted`
  * track. Options may be individually `disabled` (with a `tooltip` explaining why).
  */
-export function SegmentedControl({ options, value, onChange, capitalize = false, className, 'aria-label': ariaLabel = 'Segment', size = 'md', }) {
-    return (_jsx(Tabs.Root, { className: 'min-w-0', value: value, onValueChange: (v) => onChange(v), children: _jsx(Tabs.List, { "aria-label": ariaLabel, "data-cb-scrollarea": '', className: cn(
+export function SegmentedControl({ options, value, onChange, capitalize = false, className, 'aria-label': ariaLabel = 'Segment', size = 'md', equal, }) {
+    const uniform = equal ?? segmentsAreShortPeers(options);
+    return (_jsx(Tabs.Root, { className: 'min-w-0', value: value, onValueChange: (v) => onChange(v), children: _jsx(Tabs.List, { "aria-label": ariaLabel, "data-cb-scrollarea": '', "data-cb-segments-equal": uniform ? '' : undefined, className: cn(
             // guardrails-ignore no-raw-overflow: small inline horizontal scroller for the
             // segment-pill row, not a keyboard-aware page scroll region.
-            'inline-flex max-w-full items-center gap-0.5 overflow-x-auto rounded-md bg-muted p-1', className), children: options.map((opt) => {
-                const trigger = (_jsx(Tabs.Trigger, { value: opt.value, disabled: opt.disabled, "data-testid": opt['data-testid'], className: cn('inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded-[calc(var(--radius-md)-0.25rem)] px-3 text-sm font-medium transition-colors', CONTROL_HEIGHT_CLASS[size], 'text-muted-foreground hover:text-foreground', 'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-raised', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground', TAP_TARGET, capitalize && 'capitalize'), children: opt.label }, opt.value));
+            'max-w-full items-center gap-0.5 overflow-x-auto rounded-md bg-muted p-1', 
+            // Equal: one grid track per segment, every track 1fr of the widest — so z² and z⁸
+            // are the same size and the strip does not bounce (FRM-7).
+            uniform ? 'inline-grid auto-cols-fr grid-flow-col' : 'inline-flex', className), children: options.map((opt) => {
+                const trigger = (_jsx(Tabs.Trigger, { value: opt.value, disabled: opt.disabled, "data-testid": opt['data-testid'], className: cn('inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded-[calc(var(--radius-md)-0.25rem)] px-3 text-sm font-medium transition-colors', CONTROL_HEIGHT_CLASS[size], 'text-muted-foreground hover:text-foreground', 'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-raised', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground', TAP_TARGET, 
+                    // One line box for every segment: a superscript (`<sup>`) must not push its
+                    // segment's baseline down and make the row uneven.
+                    'leading-none [&_sup]:leading-none', uniform && 'w-full', capitalize && 'capitalize'), children: opt.label }, opt.value));
                 return opt.tooltip != null ? (_jsx(Tooltip, { content: opt.tooltip, children: _jsx("span", { className: 'inline-flex', children: trigger }) }, opt.value)) : (trigger);
             }) }) }));
 }

package/dist/react/components/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/react/components/SegmentedControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAoB,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AA4BjD;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAmB,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,IAAI,GAAG,IAAI,GACc;IACzB,OAAO,CAML,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAM,CAAC,YACjF,KAAC,IAAI,CAAC,IAAI,kBACI,SAAS,wBAIF,EAAE,EACrB,SAAS,EAAE,EAAE;YACX,8EAA8E;YAC9E,6DAA6D;YAC7D,qFAAqF,EACrF,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACnB,MAAM,OAAO,GAAG,CACd,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,iBACT,GAAG,CAAC,aAAa,CAAC,EAC/B,SAAS,EAAE,EAAE,CACX,wJAAwJ,EACxJ,oBAAoB,CAAC,IAAI,CAAC,EAC1B,6CAA6C,EAC7C,yGAAyG,EACzG,yEAAyE,EACzE,sFAAsF,EACtF,UAAU,EACV,UAAU,IAAI,YAAY,CAC3B,YAEA,GAAG,CAAC,KAAK,IAfL,GAAG,CAAC,KAAK,CAgBD,CAChB,CAAC;gBACF,OAAO,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAG3B,KAAC,OAAO,IAAiB,OAAO,EAAE,GAAG,CAAC,OAAO,YAC3C,eAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,IADlC,GAAG,CAAC,KAAK,CAEb,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;YACJ,CAAC,CAAC,GACQ,GACF,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../src/react/components/SegmentedControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAoB,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAkCjD,8FAA8F;AAC9F,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAEzC,2FAA2F;AAC3F,MAAM,UAAU,qBAAqB,CAAiC,OAAqB;IACzF,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,IAAI,uBAAuB,CAAC,CAAC;AACnI,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAmB,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,IAAI,GAAG,IAAI,EACX,KAAK,GACoB;IACzB,MAAM,OAAO,GAAG,KAAK,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACxD,OAAO,CAML,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAM,CAAC,YACjF,KAAC,IAAI,CAAC,IAAI,kBACI,SAAS,wBAIF,EAAE,4BACG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAChD,SAAS,EAAE,EAAE;YACX,8EAA8E;YAC9E,6DAA6D;YAC7D,yEAAyE;YACzE,kFAAkF;YAClF,2DAA2D;YAC3D,OAAO,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,aAAa,EAClE,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACnB,MAAM,OAAO,GAAG,CACd,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,iBACT,GAAG,CAAC,aAAa,CAAC,EAC/B,SAAS,EAAE,EAAE,CACX,wJAAwJ,EACxJ,oBAAoB,CAAC,IAAI,CAAC,EAC1B,6CAA6C,EAC7C,yGAAyG,EACzG,yEAAyE,EACzE,sFAAsF,EACtF,UAAU;oBACV,4EAA4E;oBAC5E,mDAAmD;oBACnD,mCAAmC,EACnC,OAAO,IAAI,QAAQ,EACnB,UAAU,IAAI,YAAY,CAC3B,YAEA,GAAG,CAAC,KAAK,IAnBL,GAAG,CAAC,KAAK,CAoBD,CAChB,CAAC;gBACF,OAAO,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAG3B,KAAC,OAAO,IAAiB,OAAO,EAAE,GAAG,CAAC,OAAO,YAC3C,eAAM,SAAS,EAAC,aAAa,YAAE,OAAO,GAAQ,IADlC,GAAG,CAAC,KAAK,CAEb,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;YACJ,CAAC,CAAC,GACQ,GACF,CACb,CAAC;AACJ,CAAC"}

package/dist/react/components/SelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/react/components/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,WAAW,EAAwC,MAAM,iBAAiB,CAAC;AAQzF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;mEAC+D;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sEAAsE;IACtE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;sFACkF;IAClF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,OAAY,EACZ,MAAW,EACX,WAAuB,EACvB,QAAQ,EACR,UAAiB,EACjB,IAAW,EACX,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,GACpC,EAAE,gBAAgB,+BA2FlB"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/react/components/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,WAAW,EAA0D,MAAM,iBAAiB,CAAC;AAQ3G,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;mEAC+D;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sEAAsE;IACtE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;sFACkF;IAClF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,OAAY,EACZ,MAAW,EACX,WAAuB,EACvB,QAAQ,EACR,UAAiB,EACjB,IAAW,EACX,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAAE,eAAe,GACpC,EAAE,gBAAgB,+BA2FlB"}

package/dist/react/components/SelectField.js

@@ -3,7 +3,7 @@ import * as RSelect from '@radix-ui/react-select';
 import { Check, ChevronDown, ChevronUp } from 'lucide-react';
 import { cn } from '../lib/cn.js';
 import { useFloatingContainer } from '../lib/floatingContainer.js';
-import { declareFieldWidth, fieldControlClass } from '../lib/field.js';
+import { choiceFieldWidth, declareFieldWidth, fieldControlClass } from '../lib/field.js';
 import { FLOATING_ANIMATION, FLOATING_COLLISION_PADDING, FLOATING_CONTENT_BASE, FLOATING_ITEM_BASE, } from '../lib/floatingStyles.js';
 /**
  * Portal-based select control on Radix Select. Replaces the native `<select>`
@@ -24,5 +24,6 @@ export function SelectField({ value, onValueChange, options = [], groups = [], p
     const container = useFloatingContainer();
     return (_jsxs(RSelect.Root, { value: value, onValueChange: onValueChange, disabled: disabled, name: name, required: required, children: [_jsxs(RSelect.Trigger, { id: id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, className: cn(fieldStyle && fieldControlClass(size), 'flex items-center justify-between gap-2 data-[placeholder]:text-muted-foreground', className), children: [_jsx(RSelect.Value, { placeholder: placeholder }), _jsx(RSelect.Icon, { asChild: true, children: _jsx(ChevronDown, { className: 'size-4 shrink-0 opacity-50' }) })] }), _jsx(RSelect.Portal, { container: container, children: _jsxs(RSelect.Content, { position: 'popper', sideOffset: 4, collisionPadding: FLOATING_COLLISION_PADDING, className: cn(FLOATING_COLLISION_PADDING, FLOATING_CONTENT_BASE, FLOATING_ANIMATION, 'max-h-[var(--radix-select-content-available-height)] min-w-[var(--radix-select-trigger-width)] p-1'), children: [_jsx(RSelect.ScrollUpButton, { className: 'flex cursor-default items-center justify-center py-1', children: _jsx(ChevronUp, { className: 'size-4' }) }), _jsxs(RSelect.Viewport, { children: [empty && (_jsxs("div", { className: 'flex flex-col gap-0.5 px-2 py-2.5 text-left', children: [_jsx("span", { className: 'text-sm font-medium', children: emptyLabel ?? 'Nothing to choose from yet' }), emptyHint && _jsx("span", { className: 'text-xs text-muted-foreground', children: emptyHint })] })), allGroups.map((group, gi) => (_jsxs(RSelect.Group, { children: [group.label && (_jsx(RSelect.Label, { className: 'px-2 py-1.5 text-xs font-semibold text-muted-foreground', children: group.label })), group.options.map((opt) => (_jsxs(RSelect.Item, { value: opt.value, disabled: opt.disabled, className: cn(FLOATING_ITEM_BASE, 'pr-8'), children: [_jsx(RSelect.ItemIndicator, { className: 'absolute right-2 flex size-4 items-center justify-center', children: _jsx(Check, { className: 'size-3' }) }), _jsx(RSelect.ItemText, { children: opt.label }), opt.description && (_jsx("span", { className: 'text-xs text-muted-foreground', children: opt.description }))] }, opt.value))), gi < allGroups.length - 1 && _jsx(RSelect.Separator, { className: 'my-1 h-px bg-border' })] }, group.label ?? gi)))] }), _jsx(RSelect.ScrollDownButton, { className: 'flex cursor-default items-center justify-center py-1', children: _jsx(ChevronDown, { className: 'size-4' }) })] }) })] }));
 }
-declareFieldWidth(SelectField, 'md');
+// Sized by its longest option, not stretched to the panel (FRM-3, forge task 2463).
+declareFieldWidth(SelectField, choiceFieldWidth);
 //# sourceMappingURL=SelectField.js.map

package/dist/react/components/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/react/components/SelectField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/react/components/SelectField.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/Slider.d.ts

@@ -15,6 +15,8 @@ export interface SliderProps extends SliderBaseProps {
     onChange?: (value: number) => void;
     /** Fired once when the user releases the thumb (commit semantics). */
     onCommit?: (value: number) => void;
+    /** The value as words for a screen reader (e.g. `"40%"`, `"Screen edges"`). */
+    'aria-valuetext'?: string;
 }
 /**
  * A single-value slider form control built on Radix `Slider` — full slider ARIA
@@ -22,7 +24,7 @@ export interface SliderProps extends SliderBaseProps {
  * Accent fill over a `muted` track. For media trim ranges keep using the specialized
  * `TrimRangeSlider`; this is the general form control.
  */
-export declare function Slider({ value, defaultValue, onChange, onCommit, min, max, step, disabled, 'aria-label': ariaLabel, className, }: SliderProps): import("react").JSX.Element;
+export declare function Slider({ value, defaultValue, onChange, onCommit, min, max, step, disabled, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, className, }: SliderProps): import("react").JSX.Element;
 export interface RangeSliderProps extends SliderBaseProps {
     /** Controlled [low, high] pair. */
     value?: [number, number];

package/dist/react/components/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/react/components/Slider.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AASD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,WAAW,+BAmBb;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,mCAAmC;IACnC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,MAAU,EACV,QAAQ,EACR,WAAoC,EACpC,SAAS,GACV,EAAE,gBAAgB,+BAsBlB"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/react/components/Slider.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AASD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,gBAAgB,EAAE,aAAa,EAC/B,SAAS,GACV,EAAE,WAAW,+BAmBb;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,mCAAmC;IACnC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,IAAQ,EACR,MAAU,EACV,QAAQ,EACR,WAAoC,EACpC,SAAS,GACV,EAAE,gBAAgB,+BAsBlB"}

package/dist/react/components/Slider.js

@@ -12,8 +12,8 @@ const THUMB = 'block size-4 rounded-full border border-border bg-background shad
  * Accent fill over a `muted` track. For media trim ranges keep using the specialized
  * `TrimRangeSlider`; this is the general form control.
  */
-export function Slider({ value, defaultValue, onChange, onCommit, min = 0, max = 100, step = 1, disabled, 'aria-label': ariaLabel, className, }) {
-    return (_jsxs(RadixSlider.Root, { value: value == null ? undefined : [value], defaultValue: defaultValue == null ? undefined : [defaultValue], onValueChange: (v) => onChange?.(v[0] ?? min), onValueCommit: (v) => onCommit?.(v[0] ?? min), min: min, max: max, step: step, disabled: disabled, className: cn('relative flex w-full touch-none select-none items-center py-2', className), children: [_jsx(RadixSlider.Track, { className: TRACK, children: _jsx(RadixSlider.Range, { className: RANGE }) }), _jsx(RadixSlider.Thumb, { "aria-label": ariaLabel, className: THUMB })] }));
+export function Slider({ value, defaultValue, onChange, onCommit, min = 0, max = 100, step = 1, disabled, 'aria-label': ariaLabel, 'aria-valuetext': ariaValueText, className, }) {
+    return (_jsxs(RadixSlider.Root, { value: value == null ? undefined : [value], defaultValue: defaultValue == null ? undefined : [defaultValue], onValueChange: (v) => onChange?.(v[0] ?? min), onValueCommit: (v) => onCommit?.(v[0] ?? min), min: min, max: max, step: step, disabled: disabled, className: cn('relative flex w-full touch-none select-none items-center py-2', className), children: [_jsx(RadixSlider.Track, { className: TRACK, children: _jsx(RadixSlider.Range, { className: RANGE }) }), _jsx(RadixSlider.Thumb, { "aria-label": ariaLabel, "aria-valuetext": ariaValueText, className: THUMB })] }));
 }
 /**
  * A dual-thumb range slider (min/max pair) on the same Radix base and visual

package/dist/react/components/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/react/components/Slider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/react/components/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/SliderField.d.ts

@@ -5,39 +5,60 @@ import { type ReactNode } from 'react';
  * nearest step from `min`. Exported for unit tests.
  */
 export declare function clampSliderValue(raw: number, min: number, max: number, step: number, fallback: number): number;
+/** How many decimals a step can resolve — `1` shows none, `0.05` shows two (FRM-5). */
+export declare function stepDecimals(step: number): number;
+/** The value as the step can resolve it: an integer step never shows `16.00`. */
+export declare function formatSliderValue(value: number, step: number): string;
 export interface SliderFieldProps {
-    /** Field label, rendered above the control. */
+    /** Field label — the first cell of the row (FRM-5). Inside a `FieldGrid` it takes the shared label column. */
     label: ReactNode;
     /** Controlled value. */
     value: number;
     min: number;
     max: number;
+    /** What the parameter can resolve. It drives the readout's precision: an integer step shows no decimals. */
     step?: number;
     disabled?: boolean;
-    /** Fired on every drag/typed change (live value). */
+    /**
+     * The live value while dragging or typing. With `debounceMs` it fires at most once per
+     * pause instead of on every pixel — the thumb and the readout still follow the pointer.
+     */
     onChange?: (value: number) => void;
     /** Fired once when the user releases the thumb or commits the input (Enter/blur). */
     onCommit?: (value: number) => void;
     /**
-     * Human-readable rendering of the current value, shown right-aligned in the label
-     * row (e.g. `(v) => `${v} concurrent attempts``). Default: the bare number.
+     * Debounce `onChange` by this many ms (default 0: every change). For an EXPENSIVE render —
+     * a fractal, a re-tile — use 150 to preview while dragging, or render on `onCommit` alone
+     * (FRM-5). `onCommit` is never debounced, and it flushes a pending preview first.
+     */
+    debounceMs?: number;
+    /**
+     * The value as words, shown in the value cell when it is not being edited (e.g. `"Screen
+     * edges"` at the max, or `"40%"`), and read as the slider's `aria-valuetext`. Typing still
+     * edits the bare number. Default: the number at the step's precision.
      */
     formatValue?: (value: number) => ReactNode;
-    /** Helper text under the control (kept at readable `muted-foreground` contrast). */
+    /**
+     * Help under the track: 12px, muted, at most two lines (FRM-9). A string longer than
+     * {@link HELP_FOLD_CHARS} (the same rule as `Field`) moves into an ⓘ beside the label instead.
+     */
     hint?: ReactNode;
+    /** `capped` (default): the track stops at `--cb-slider-max` (16rem). `full`: it fills the row. */
+    width?: 'capped' | 'full';
     /** Accessible name for the slider thumb + number input. Required when `label` isn't plain text. */
     'aria-label'?: string;
     className?: string;
 }
 /**
- * The standard "professional" numeric-range field: a {@link Slider} paired with a
- * numeric {@link Input} so users can drag for feel OR type an exact value, plus
- * always-visible min/max bound labels and a live value readout in the label row.
- * Pair-with-input is the commercial-dashboard norm — a bare slider forces users to
- * guess at exact values with the mouse.
+ * The one numeric-range field: `[label] [track] [value]` on ONE row (FRM-5). The value cell
+ * is a fixed-width, right-aligned, `tabular-nums` box you can type into; it shows the value
+ * at the step's precision, so an integer parameter never jumps through `16.00`. Help sits
+ * under the track. Inside a {@link FieldGrid} every slider and inline field shares one label
+ * column, so a panel of them reads as one straight-edged table.
  *
- * The number input is committed on Enter/blur (clamped to `[min, max]` and snapped
- * to `step`); the slider commits on thumb release. Both funnel through `onCommit`.
+ * Which callback to use for an expensive render: preview on `onChange` with
+ * `debounceMs={150}`, and do the full-quality pass on `onCommit` (release / Enter / blur).
+ * The typed value is clamped to `[min, max]` and snapped to `step`.
  */
-export declare function SliderField({ label, value, min, max, step, disabled, onChange, onCommit, formatValue, hint, 'aria-label': ariaLabel, className, }: SliderFieldProps): import("react").JSX.Element;
+export declare function SliderField({ label, value, min, max, step, disabled, onChange, onCommit, debounceMs, formatValue, hint, width, 'aria-label': ariaLabel, className, }: SliderFieldProps): import("react").JSX.Element;
 //# sourceMappingURL=SliderField.d.ts.map

package/dist/react/components/SliderField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../src/react/components/SliderField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAKxD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAI9G;AAED,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC3C,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mGAAmG;IACnG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,gBAAgB,+BA8DlB"}
+{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../src/react/components/SliderField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAQxD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAM9G;AAED,uFAAuF;AACvF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAErE;AAKD,MAAM,WAAW,gBAAgB;IAC/B,8GAA8G;IAC9G,KAAK,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,4GAA4G;IAC5G,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kGAAkG;IAClG,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B,mGAAmG;IACnG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAc,EACd,WAAW,EACX,IAAI,EACJ,KAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,gBAAgB,+BA2GlB"}

package/dist/react/components/SliderField.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useState } from 'react';
+import { useDebouncedCallback } from '../hooks/useDebouncedCallback.js';
 import { cn } from '../lib/cn.js';
+import { HELP_FOLD_CHARS } from '../lib/field.js';
+import { InfoHint } from './InfoHint.js';
 import { Input } from './Input.js';
 import { Slider } from './Slider.js';
 /**
@@ -12,32 +15,96 @@ export function clampSliderValue(raw, min, max, step, fallback) {
     if (Number.isNaN(raw))
         return fallback;
     const stepped = step > 0 ? min + Math.round((raw - min) / step) * step : raw;
-    return Math.min(max, Math.max(min, stepped));
+    // Re-round to the step's own precision: 0.1 * 3 is 0.30000000000000004, not 0.3.
+    const tidy = step > 0 ? Number(stepped.toFixed(stepDecimals(step))) : stepped;
+    return Math.min(max, Math.max(min, tidy));
 }
+/** How many decimals a step can resolve — `1` shows none, `0.05` shows two (FRM-5). */
+export function stepDecimals(step) {
+    if (!Number.isFinite(step) || step <= 0 || Number.isInteger(step))
+        return 0;
+    const text = String(step);
+    const exp = /e-(\d+)$/.exec(text);
+    if (exp)
+        return Number(exp[1]);
+    return text.split('.')[1]?.length ?? 0;
+}
+/** The value as the step can resolve it: an integer step never shows `16.00`. */
+export function formatSliderValue(value, step) {
+    return value.toFixed(stepDecimals(step));
+}
+/** A formatted readout longer than this widens the value cell instead of truncating. */
+const WIDE_READOUT_CHARS = 6;
 /**
- * The standard "professional" numeric-range field: a {@link Slider} paired with a
- * numeric {@link Input} so users can drag for feel OR type an exact value, plus
- * always-visible min/max bound labels and a live value readout in the label row.
- * Pair-with-input is the commercial-dashboard norm — a bare slider forces users to
- * guess at exact values with the mouse.
+ * The one numeric-range field: `[label] [track] [value]` on ONE row (FRM-5). The value cell
+ * is a fixed-width, right-aligned, `tabular-nums` box you can type into; it shows the value
+ * at the step's precision, so an integer parameter never jumps through `16.00`. Help sits
+ * under the track. Inside a {@link FieldGrid} every slider and inline field shares one label
+ * column, so a panel of them reads as one straight-edged table.
  *
- * The number input is committed on Enter/blur (clamped to `[min, max]` and snapped
- * to `step`); the slider commits on thumb release. Both funnel through `onCommit`.
+ * Which callback to use for an expensive render: preview on `onChange` with
+ * `debounceMs={150}`, and do the full-quality pass on `onCommit` (release / Enter / blur).
+ * The typed value is clamped to `[min, max]` and snapped to `step`.
  */
-export function SliderField({ label, value, min, max, step = 1, disabled, onChange, onCommit, formatValue, hint, 'aria-label': ariaLabel, className, }) {
+export function SliderField({ label, value, min, max, step = 1, disabled, onChange, onCommit, debounceMs = 0, formatValue, hint, width = 'capped', 'aria-label': ariaLabel, className, }) {
     const id = useId();
+    const helpId = `${id}-help`;
     // The input keeps its own draft while focused so partial entries ("1" on the way
     // to "12") aren't clamped mid-keystroke; the slider value stays authoritative.
     const [draft, setDraft] = useState(null);
+    // The value the thumb is at while a debounced drag has not reached the caller yet.
+    const [live, setLive] = useState(null);
+    // Once the caller has caught up, the prop is the truth again (adjusted during render, so no
+    // frame ever paints the stale drag value over the new prop).
+    const [seen, setSeen] = useState(value);
+    if (seen !== value) {
+        setSeen(value);
+        setLive(null);
+    }
+    const shown = live ?? value;
+    const preview = useDebouncedCallback((next) => onChange?.(next), debounceMs);
+    const change = (next) => {
+        if (debounceMs <= 0) {
+            onChange?.(next);
+            return;
+        }
+        setLive(next);
+        preview(next);
+    };
+    // A release: every change already reached the caller, unless one is still waiting on the debounce.
+    const commit = (next) => {
+        preview.cancel();
+        if (debounceMs > 0)
+            onChange?.(next);
+        onCommit?.(next);
+    };
+    // A typed value never went through `onChange` at all, so it is both a change and a commit.
+    const commitTyped = (next) => {
+        preview.cancel();
+        setLive(null);
+        onChange?.(next);
+        onCommit?.(next);
+    };
     const name = ariaLabel ?? (typeof label === 'string' ? label : undefined);
+    const readout = formatValue ? formatValue(shown) : formatSliderValue(shown, step);
+    const readoutText = typeof readout === 'string' || typeof readout === 'number' ? String(readout) : null;
+    // Size the cell from the longest readout the field can show, measured at the bounds, so it
+    // does not resize mid-drag and a word readout ("Screen edges") is not truncated.
+    const widest = Math.max(...[min, max, shown].map((v) => {
+        const r = formatValue ? formatValue(v) : formatSliderValue(v, step);
+        return typeof r === 'string' || typeof r === 'number' ? String(r).length : 0;
+    }));
+    const wide = widest > WIDE_READOUT_CHARS;
+    const folds = typeof hint === 'string' && hint.length > HELP_FOLD_CHARS;
     const commitDraft = () => {
         if (draft == null)
             return;
         const next = clampSliderValue(Number(draft), min, max, step, value);
         setDraft(null);
-        onChange?.(next);
-        onCommit?.(next);
+        // Focusing the box seeds the draft, so a focus and a blur with no edit must not commit.
+        if (next !== shown)
+            commitTyped(next);
     };
-    return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), children: [_jsxs("div", { className: 'flex items-baseline justify-between gap-3', children: [_jsx("label", { htmlFor: id, className: 'text-sm font-semibold text-foreground', children: label }), _jsx("span", { className: 'text-sm text-muted-foreground tabular-nums', children: formatValue ? formatValue(value) : value })] }), _jsxs("div", { className: 'flex items-center gap-3', children: [_jsxs("div", { className: 'min-w-0 flex-1', children: [_jsx(Slider, { value: value, min: min, max: max, step: step, disabled: disabled, onChange: onChange, onCommit: onCommit, "aria-label": name }), _jsxs("div", { "aria-hidden": 'true', className: 'flex justify-between text-xs text-muted-foreground tabular-nums', children: [_jsx("span", { children: min }), _jsx("span", { children: max })] })] }), _jsx(Input, { id: id, type: 'number', inputMode: 'numeric', min: min, max: max, step: step, disabled: disabled, value: draft ?? String(value), onChange: (e) => setDraft(e.target.value), onEnter: commitDraft, onBlur: commitDraft, "aria-label": name, className: 'w-20 shrink-0 text-right' })] }), hint && _jsx("p", { className: 'm-0 text-xs leading-relaxed text-muted-foreground', children: hint })] }));
+    return (_jsxs("div", { className: cn('cb-slider-row', className), "data-cb-field": '', "data-cb-slider-width": width, children: [_jsxs("div", { className: 'flex min-w-0 items-center gap-1', "data-cb-field-head": '', children: [_jsx("label", { htmlFor: id, className: 'text-sm font-medium text-foreground', "data-cb-field-label": '', children: label }), folds ? _jsx(InfoHint, { title: typeof label === 'string' ? label : undefined, children: hint }) : null] }), _jsx(Slider, { value: shown, min: min, max: max, step: step, disabled: disabled, onChange: change, onCommit: commit, "aria-label": name, "aria-valuetext": readoutText ?? undefined }), _jsx(Input, { id: id, type: 'text', inputMode: step > 0 && Number.isInteger(step) && min >= 0 ? 'numeric' : 'decimal', disabled: disabled, value: draft ?? readoutText ?? formatSliderValue(shown, step), onFocus: () => setDraft(formatSliderValue(shown, step)), onChange: (e) => setDraft(e.target.value), onEnter: commitDraft, onBlur: commitDraft, "aria-label": name, "aria-describedby": hint != null && !folds ? helpId : undefined, className: cn('shrink-0 text-right tabular-nums', wide ? 'w-32' : 'w-20'), "data-cb-slider-value": '' }), hint != null && !folds ? (_jsx("p", { id: helpId, className: 'm-0 line-clamp-2 text-xs leading-snug text-muted-foreground', "data-cb-field-help": '', children: hint })) : null] }));
 }
 //# sourceMappingURL=SliderField.js.map