cursedbelt 5.39.0 → 5.40.0

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

@@ -13,6 +13,9 @@ export interface ActionGroupItem {
     /** Async action — inherits {@link Button}'s spinner/success/error handling. */
     onAsyncClick?: (e: MouseEvent<HTMLButtonElement>) => Promise<unknown>;
     disabled?: boolean;
+    /** Why this action cannot work here: drawn disabled, refused on press, and the reason shows on
+     *  hover AND on tap (STA-6) — see {@link Button}'s `unavailableReason`. */
+    unavailableReason?: string;
     /** Quiet destructive weight — red text, solid red only on hover/focus. For a
      *  persisted-item DELETE use {@link DeleteButton} beside the group instead:
      *  this strip never confirms. */

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

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../../../src/react/components/ActionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ;gEAC4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;qCAEiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAW,EACX,YAAY,EAAE,SAAqB,EACnC,SAAS,GACV,EAAE,gBAAgB,+BAsClB"}
+{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../../../src/react/components/ActionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ;gEAC4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;+EAC2E;IAC3E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;qCAEiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAW,EACX,YAAY,EAAE,SAAqB,EACnC,SAAS,GACV,EAAE,gBAAgB,+BAuClB"}

package/dist/react/components/ActionGroup.js

@@ -24,6 +24,7 @@ export function ActionGroup({ items, size = 'sm', 'aria-label': ariaLabel = 'Act
             const common = {
                 variant,
                 disabled: item.disabled,
+                unavailableReason: item.unavailableReason,
                 onClick: item.onClick,
                 onAsyncClick: item.onAsyncClick,
             };

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

@@ -1 +1 @@
-{"version":3,"file":"ActionGroup.js","sourceRoot":"","sources":["../../../src/react/components/ActionGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA8B7C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,SAAS,GACQ;IACjB,OAAO,CACL,KAAC,WAAW,kBACE,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,4CAA4C;QAC5C,8EAA8E;QAC9E,mEAAmE;QACnE,kFAAkF,EAClF,SAAS,CACV,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC;YAC3D,MAAM,MAAM,GAAG;gBACb,OAAO;gBACP,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,YAAY,EAAE,IAAI,CAAC,YAAY;aACvB,CAAC;YACX,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACpC,KAAC,UAAU,IAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,MAAM,YACjE,IAAI,CAAC,IAAI,IADK,IAAI,CAAC,GAAG,CAEZ,CACd,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,QAAQ,EAAE,IAAI,CAAC,IAAI,KACf,MAAM,YAET,IAAI,CAAC,KAAK,IANN,IAAI,CAAC,GAAG,CAON,CACV,CAAC;QACJ,CAAC,CAAC,GACU,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ActionGroup.js","sourceRoot":"","sources":["../../../src/react/components/ActionGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiC7C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,SAAS,GACQ;IACjB,OAAO,CACL,KAAC,WAAW,kBACE,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,4CAA4C;QAC5C,8EAA8E;QAC9E,mEAAmE;QACnE,kFAAkF,EAClF,SAAS,CACV,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC;YAC3D,MAAM,MAAM,GAAG;gBACb,OAAO;gBACP,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,YAAY,EAAE,IAAI,CAAC,YAAY;aACvB,CAAC;YACX,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACpC,KAAC,UAAU,IAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,MAAM,YACjE,IAAI,CAAC,IAAI,IADK,IAAI,CAAC,GAAG,CAEZ,CACd,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,QAAQ,EAAE,IAAI,CAAC,IAAI,KACf,MAAM,YAET,IAAI,CAAC,KAAK,IANN,IAAI,CAAC,GAAG,CAON,CACV,CAAC;QACJ,CAAC,CAAC,GACU,CACf,CAAC;AACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGlF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;;;8EA4F1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACxF,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAElF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;8CAG0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;6EACyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;eAQW;IACX,OAAO,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9C,8EAA8E;IAC9E,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;6DAGyD;IACzD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE;yFACqF;IACrF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAClC;gFAC4E;IAC5E,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC;;;;;;;;;;;;;OAaG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAe,EACf,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAsB,EACtB,YAAmB,EACnB,OAAc,EACd,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,+BAmGb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/react/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,oBAAoB,EAEzB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGlF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;;;8EA4F1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACxF,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAElF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;8CAG0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;6EACyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;eAQW;IACX,OAAO,EAAE,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9C,8EAA8E;IAC9E,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B;;;6DAGyD;IACzD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtE;yFACqF;IACrF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAClC;gFAC4E;IAC5E,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC;;;;;;;;;;;;;OAaG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAe,EACf,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAsB,EACtB,YAAmB,EACnB,OAAc,EACd,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,WAAW,+BA0Gb"}

package/dist/react/components/Button.js

@@ -171,6 +171,6 @@ export function Button({ className, variant, size, asChild = false, loading = fa
     // The single "button with a tooltip" seam: wrap once, here, so no call site re-implements it.
     // `multiline`: a hint that is a sentence ("Nothing to restore — the trash is empty") wraps
     // inside a capped bubble instead of running off a narrow pane; a short one is unchanged.
-    return (_jsx(Tooltip, { content: refused ? reason : tooltip, side: tooltipSide, mobile: tooltipMobile, multiline: true, children: el }));
+    return (_jsx(Tooltip, { content: refused ? reason : tooltip, side: tooltipSide, mobile: refused ? (tooltipMobile && tooltipMobile !== 'off' ? tooltipMobile : 'tap') : tooltipMobile, multiline: true, children: el }));
 }
 //# sourceMappingURL=Button.js.map

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

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

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

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import { type FieldGridProps } from './FieldGrid.js';
+export interface ControlGroupProps {
+    /** The topic, as an eyebrow ("Color", "Texture", "Quality") — FRM-15. */
+    title: string;
+    /** The group's fields: `SliderField`s, `Field layout="inline"`s, a `SegmentedControl` row. */
+    children: ReactNode;
+    /** On a phone, whether this group starts open (default closed — open the one most tuned). */
+    defaultOpen?: boolean;
+    /** The label column the group's fields share (see {@link FieldGrid}). */
+    labelWidth?: FieldGridProps['labelWidth'];
+    className?: string;
+}
+export interface ControlPanelProps {
+    /** The panel's name, shown at the left of its header row. */
+    title?: ReactNode;
+    /**
+     * Global controls — settings, reset-all, presets, theme. They live in the header row, never as
+     * a stray gear inside a parameter column (FRM-16).
+     */
+    actions?: ReactNode;
+    /** `ControlGroup`s, one column each. */
+    children: ReactNode;
+    /**
+     * The narrowest a column may get before the columns wrap whole (LAY-4): `sm` 20rem · `md`
+     * 23rem (default) · `lg` 28rem. A one-row slider needs about 22rem — label column, a usable
+     * track and the value box — so a column never gets narrower than that by default.
+     */
+    columnMin?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+/**
+ * The control-studio's parameter panel (FRM-15 … FRM-17, `docs/design/blueprints/control-studio.md`):
+ * a header row holding the panel's global controls, then one column per topic group with NO
+ * boxes — whitespace and a 1px vertical rule between columns. Columns wrap whole, every column in
+ * a row is the same height and padding, and each group's fields share one label column. On a
+ * phone the groups become stacked accordions (the first open), so the canvas above stays in view
+ * and no column is squeezed past use.
+ */
+export declare function ControlPanel({ title, actions, children, columnMin, className }: ControlPanelProps): import("react").JSX.Element;
+/**
+ * One topic column of a {@link ControlPanel}: a `.cb-meta-label` eyebrow over a {@link FieldGrid},
+ * cardless. On a phone it is a collapsible section instead.
+ */
+export declare function ControlGroup({ title, children, defaultOpen, labelWidth, className }: ControlGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=ControlPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlPanel.d.ts","sourceRoot":"","sources":["../../../src/react/components/ControlPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKhE,MAAM,WAAW,iBAAiB;IAChC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,QAAQ,EAAE,SAAS,CAAC;IACpB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yEAAyE;IACzE,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAgB,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAgCxG;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAiB,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAsB7G"}

package/dist/react/components/ControlPanel.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMediaQuery } from '../hooks/useMediaQuery.js';
+import { cn } from '../lib/cn.js';
+import { Collapsible } from './Collapsible.js';
+import { FieldGrid } from './FieldGrid.js';
+/** Below this a panel's columns would be squeezed past use, so they stack as accordions (FRM-17). */
+const PHONE_QUERY = '(max-width: 639px)';
+const COLUMN_MIN = {
+    sm: '20rem',
+    md: '23rem',
+    lg: '28rem',
+};
+/**
+ * The control-studio's parameter panel (FRM-15 … FRM-17, `docs/design/blueprints/control-studio.md`):
+ * a header row holding the panel's global controls, then one column per topic group with NO
+ * boxes — whitespace and a 1px vertical rule between columns. Columns wrap whole, every column in
+ * a row is the same height and padding, and each group's fields share one label column. On a
+ * phone the groups become stacked accordions (the first open), so the canvas above stays in view
+ * and no column is squeezed past use.
+ */
+export function ControlPanel({ title, actions, children, columnMin = 'md', className }) {
+    const phone = useMediaQuery(PHONE_QUERY);
+    const name = typeof title === 'string' ? title : undefined;
+    return (_jsxs("section", { className: cn('flex min-w-0 flex-col gap-4', className), "data-cb-control-panel": phone ? 'stacked' : 'columns', "aria-label": name, children: [title != null || actions != null ? (_jsxs("div", { className: 'flex min-w-0 items-center justify-between gap-3', "data-cb-control-panel-header": '', children: [title != null ? _jsx("h2", { className: 'm-0 min-w-0 truncate text-sm font-semibold text-foreground', children: title }) : _jsx("span", {}), actions != null ? _jsx("div", { className: 'flex shrink-0 items-center gap-2', children: actions }) : null] })) : null, phone ? (_jsx("div", { className: 'flex flex-col divide-y divide-border', "data-cb-control-panel-groups": '', "data-phone": '', children: children })) : (_jsx("div", { className: 'cb-control-panel-frame', children: _jsx("div", { className: 'cb-control-panel-groups', "data-cb-control-panel-groups": '', style: { '--cb-panel-col-min': COLUMN_MIN[columnMin] }, children: children }) }))] }));
+}
+/**
+ * One topic column of a {@link ControlPanel}: a `.cb-meta-label` eyebrow over a {@link FieldGrid},
+ * cardless. On a phone it is a collapsible section instead.
+ */
+export function ControlGroup({ title, children, defaultOpen, labelWidth = 'md', className }) {
+    const phone = useMediaQuery(PHONE_QUERY);
+    const body = _jsx(FieldGrid, { labelWidth: labelWidth, children: children });
+    if (phone) {
+        return (_jsx("div", { className: className, "data-cb-control-group": '', children: _jsx(Collapsible, { trigger: _jsx("span", { className: 'cb-meta-label', children: title }), defaultOpen: defaultOpen, contentClassName: 'pb-4 pt-1', children: body }) }));
+    }
+    return (_jsxs("fieldset", { className: cn('m-0 min-w-0 border-0 p-0', className), "data-cb-control-group": '', children: [_jsx("legend", { className: 'cb-meta-label mb-3 p-0', children: title }), body] }));
+}
+//# sourceMappingURL=ControlPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlPanel.js","sourceRoot":"","sources":["../../../src/react/components/ControlPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAEhE,qGAAqG;AACrG,MAAM,WAAW,GAAG,oBAAoB,CAAC;AAiCzC,MAAM,UAAU,GAAgE;IAC9E,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACZ,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAqB;IACvG,MAAM,KAAK,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,2BAChC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,gBACxC,IAAI,aAEf,KAAK,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAClC,eAAK,SAAS,EAAC,iDAAiD,kCAA8B,EAAE,aAC7F,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,4DAA4D,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,gBAAQ,EAClH,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IACvF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,sCAAsC,kCAA8B,EAAE,gBAAY,EAAE,YAChG,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,wBAAwB,YACrC,cACE,SAAS,EAAC,yBAAyB,kCACN,EAAE,EAC/B,KAAK,EAAE,EAAE,oBAAoB,EAAE,UAAU,CAAC,SAAS,CAAC,EAAmB,YAEtE,QAAQ,GACL,GACF,CACP,IACO,CACX,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,GAAG,IAAI,EAAE,SAAS,EAAqB;IAC5G,MAAM,KAAK,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,KAAC,SAAS,IAAC,UAAU,EAAE,UAAU,YAAG,QAAQ,GAAa,CAAC;IACvE,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,2BAAwB,EAAE,YACjD,KAAC,WAAW,IACV,OAAO,EAAE,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,EACvD,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAC,WAAW,YAE3B,IAAI,GACO,GACV,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,oBAAU,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,2BAAwB,EAAE,aACtF,iBAAQ,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAU,EAC1D,IAAI,IACI,CACZ,CAAC;AACJ,CAAC"}

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

@@ -1,6 +1,6 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { DESCRIPTION_FOLD_CHARS, type FieldWidth } from '../lib/field.js';
-export { DESCRIPTION_FOLD_CHARS };
+import { DESCRIPTION_FOLD_CHARS, HELP_FOLD_CHARS, type FieldWidth } from '../lib/field.js';
+export { DESCRIPTION_FOLD_CHARS, HELP_FOLD_CHARS };
 /** The id + aria a control needs to be wired to its label, description, and error.
  *  Injected into a single child via `cloneElement`, or handed to a render-prop child
  *  (e.g. inside a `<Controller>`, where cloneElement can't reach the real control). */
@@ -23,8 +23,18 @@ interface FieldBaseProps {
     label?: ReactNode;
     /** "ⓘ" help shown next to the label (renders an {@link InfoHint}). */
     hint?: ReactNode;
-    /** Help text rendered below the label, above the control. */
+    /**
+     * Help text, directly UNDER the control: 12px, muted, at most two lines (FRM-9). A string
+     * longer than {@link HELP_FOLD_CHARS} moves into the label's ⓘ at every width instead. A
+     * validation error takes this slot while it shows (FRM-10), so nothing below moves.
+     */
     description?: ReactNode;
+    /**
+     * `stacked` (default): the label sits over its control (FRM-1). `inline`: the label sits in
+     * the row's label column — the shared `--cb-label-col` track a {@link FieldGrid} sets — so
+     * every label and every control in the grid share their edges (FRM-2). A phone stacks it.
+     */
+    layout?: 'stacked' | 'inline';
     required?: boolean;
     className?: string;
     /**
@@ -85,8 +95,8 @@ export type FieldProps = FieldBaseProps & ({
     children: ReactNode;
 });
 /**
- * The atomic form-row: label + optional ⓘ hint + description + control + inline
- * error, wired to the surrounding react-hook-form context so the control's `id`,
+ * The atomic form-row: label + optional ⓘ hint + control + one help slot under it that the
+ * inline error takes over (FRM-9, FRM-10), wired to the surrounding react-hook-form context so the control's `id`,
  * `aria-invalid`, and `aria-describedby` are automatic and the error reads with
  * `role="alert"` + a destructive icon + color + text.
  *
@@ -102,5 +112,5 @@ export type FieldProps = FieldBaseProps & ({
  * Usable outside a `FormProvider` (label + control render; no error) so option-form
  * snippets can reuse it, but the error wiring needs a form context.
  */
-export declare function Field({ name, label, hint, description, required, children, className, reserveErrorSpace, width, descriptionOnNarrow, group, }: FieldProps): import("react").JSX.Element;
+export declare function Field({ name, label, hint, description, required, children, className, reserveErrorSpace, width, descriptionOnNarrow, layout, group, }: FieldProps): import("react").JSX.Element;
 //# sourceMappingURL=Field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/react/components/Field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAG/F,OAAO,EACL,sBAAsB,EAEtB,KAAK,UAAU,EAEhB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC;;uFAEuF;AACvF,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,cAAc,EAAE,IAAI,GAAG,SAAS,CAAC;IACjC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,UAAU,cAAc;IACtB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,CACI;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;OAKG;IACH,QAAQ,EAAE,YAAY,GAAG,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;CACrE,GACD;IACE;;;;;;;;;;OAUG;IACH,KAAK,EAAE,IAAI,CAAC;IACZ,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB,CACJ,CAAC;AAEJ;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAyB,EACzB,KAAK,EACL,mBAA4B,EAC5B,KAAa,GACd,EAAE,UAAU,+BAgJZ"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/react/components/Field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAG/F,OAAO,EACL,sBAAsB,EAEtB,eAAe,EACf,KAAK,UAAU,EAEhB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC;AAEnD;;uFAEuF;AACvF,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,cAAc,EAAE,IAAI,GAAG,SAAS,CAAC;IACjC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,UAAU,cAAc;IACtB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,CACI;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;;OAKG;IACH,QAAQ,EAAE,YAAY,GAAG,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;CACrE,GACD;IACE;;;;;;;;;;OAUG;IACH,KAAK,EAAE,IAAI,CAAC;IACZ,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB,CACJ,CAAC;AAEJ;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,iBAAyB,EACzB,KAAK,EACL,mBAA4B,EAC5B,MAAkB,EAClB,KAAa,GACd,EAAE,UAAU,+BAiKZ"}

package/dist/react/components/Field.js

@@ -3,12 +3,12 @@ import { AlertCircle } from 'lucide-react';
 import { cloneElement, isValidElement, useId } from 'react';
 import { get, useFormContext } from 'react-hook-form';
 import { cn } from '../lib/cn.js';
-import { DESCRIPTION_FOLD_CHARS, FIELD_WIDTH_CLASS, naturalFieldWidth, } from '../lib/field.js';
+import { DESCRIPTION_FOLD_CHARS, FIELD_WIDTH_CLASS, HELP_FOLD_CHARS, naturalFieldWidth, } from '../lib/field.js';
 import { InfoHint } from './InfoHint.js';
-export { DESCRIPTION_FOLD_CHARS };
+export { DESCRIPTION_FOLD_CHARS, HELP_FOLD_CHARS };
 /**
- * The atomic form-row: label + optional ⓘ hint + description + control + inline
- * error, wired to the surrounding react-hook-form context so the control's `id`,
+ * The atomic form-row: label + optional ⓘ hint + control + one help slot under it that the
+ * inline error takes over (FRM-9, FRM-10), wired to the surrounding react-hook-form context so the control's `id`,
  * `aria-invalid`, and `aria-describedby` are automatic and the error reads with
  * `role="alert"` + a destructive icon + color + text.
  *
@@ -24,7 +24,7 @@ export { DESCRIPTION_FOLD_CHARS };
  * Usable outside a `FormProvider` (label + control render; no error) so option-form
  * snippets can reuse it, but the error wiring needs a form context.
  */
-export function Field({ name, label, hint, description, required, children, className, reserveErrorSpace = false, width, descriptionOnNarrow = 'auto', group = false, }) {
+export function Field({ name, label, hint, description, required, children, className, reserveErrorSpace = false, width, descriptionOnNarrow = 'auto', layout = 'stacked', group = false, }) {
     const form = useFormContext();
     const errors = form?.formState.errors;
     const error = (errors && name ? get(errors, name)?.message : undefined);
@@ -45,11 +45,16 @@ export function Field({ name, label, hint, description, required, children, clas
             ? naturalFieldWidth(children.type, (children.props ?? {}))
             : 'full');
     const widthClass = FIELD_WIDTH_CLASS[resolvedWidth];
-    const folds = description != null &&
+    // Help too long for two lines lives in the ⓘ at every width (FRM-9) …
+    const foldsAlways = description != null &&
         (descriptionOnNarrow === 'hint' ||
-            (descriptionOnNarrow === 'auto' &&
-                typeof description === 'string' &&
-                description.length > DESCRIPTION_FOLD_CHARS));
+            (descriptionOnNarrow === 'auto' && typeof description === 'string' && description.length > HELP_FOLD_CHARS));
+    // … and help longer than a phone's line folds there only.
+    const folds = !foldsAlways &&
+        description != null &&
+        descriptionOnNarrow === 'auto' &&
+        typeof description === 'string' &&
+        description.length > DESCRIPTION_FOLD_CHARS;
     const control = typeof children === 'function'
         ? children(aria)
         : !group && isValidElement(children)
@@ -62,12 +67,13 @@ export function Field({ name, label, hint, description, required, children, clas
             })
             : children;
     const asterisk = required ? (_jsxs("span", { className: 'text-field-error', "aria-hidden": true, children: [' ', "*"] })) : null;
-    return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), "data-cb-field": '', "data-cb-field-width": resolvedWidth, ...(group
+    const labelTitle = typeof label === 'string' ? label : undefined;
+    return (_jsxs("div", { className: cn(layout === 'inline' ? 'cb-field-inline' : 'flex flex-col gap-1.5', className), "data-cb-field": '', "data-cb-field-width": resolvedWidth, "data-cb-field-layout": layout, ...(group
             ? {
                 role: 'group',
                 'aria-labelledby': label != null ? labelId : undefined,
                 'aria-describedby': describedBy,
             }
-            : {}), children: [label != null || hint != null || folds ? (_jsxs("div", { className: 'flex items-center gap-1', children: [label != null ? (group ? (_jsxs("span", { id: labelId, className: 'text-sm font-medium text-foreground', "data-cb-field-label": '', children: [label, asterisk] })) : (_jsxs("label", { htmlFor: id, className: 'text-sm font-medium text-foreground', "data-cb-field-label": '', children: [label, asterisk] }))) : null, hint != null && !folds ? (_jsx(InfoHint, { title: typeof label === 'string' ? label : undefined, children: hint })) : null, folds ? (_jsxs(_Fragment, { children: [hint != null ? (_jsx("span", { className: 'inline-flex max-sm:hidden', children: _jsx(InfoHint, { title: typeof label === 'string' ? label : undefined, children: hint }) })) : null, _jsx("span", { className: 'inline-flex sm:hidden', children: _jsxs(InfoHint, { title: typeof label === 'string' ? label : undefined, children: [hint != null ? _jsx("p", { className: 'mb-1', children: hint }) : null, description] }) })] })) : null] })) : null, description != null ? (_jsx("p", { id: descId, "data-cb-field-description": '', className: cn('text-xs font-normal leading-snug text-muted-foreground', folds && 'max-sm:hidden'), children: description })) : null, widthClass ? (_jsx("div", { className: cn('w-full', widthClass), "data-cb-field-control": '', children: control })) : (control), error ? (_jsxs("p", { id: errId, role: 'alert', className: 'flex items-center gap-1.5 text-sm text-field-error', children: [_jsx(AlertCircle, { className: 'size-4 shrink-0', "aria-hidden": true }), error] })) : reserveErrorSpace ? (_jsx("p", { "aria-hidden": true, className: 'min-h-[1lh] text-sm', "data-cc-field-error-reserved": '' })) : null] }));
+            : {}), children: [label != null || hint != null || folds || foldsAlways ? (_jsxs("div", { className: 'flex min-w-0 items-center gap-1', "data-cb-field-head": '', children: [label != null ? (group ? (_jsxs("span", { id: labelId, className: 'text-sm font-medium text-foreground', "data-cb-field-label": '', children: [label, asterisk] })) : (_jsxs("label", { htmlFor: id, className: 'text-sm font-medium text-foreground', "data-cb-field-label": '', children: [label, asterisk] }))) : null, foldsAlways ? (_jsxs(InfoHint, { title: labelTitle, children: [hint != null ? _jsx("p", { className: 'mb-1', children: hint }) : null, description] })) : null, hint != null && !folds && !foldsAlways ? _jsx(InfoHint, { title: labelTitle, children: hint }) : null, folds ? (_jsxs(_Fragment, { children: [hint != null ? (_jsx("span", { className: 'inline-flex max-sm:hidden', children: _jsx(InfoHint, { title: labelTitle, children: hint }) })) : null, _jsx("span", { className: 'inline-flex sm:hidden', children: _jsxs(InfoHint, { title: labelTitle, children: [hint != null ? _jsx("p", { className: 'mb-1', children: hint }) : null, description] }) })] })) : null] })) : null, widthClass ? (_jsx("div", { className: cn('w-full', widthClass), "data-cb-field-control": '', children: control })) : (control), description != null ? (_jsx("p", { id: descId, "data-cb-field-description": '', "data-cb-field-help": '', className: cn('m-0 line-clamp-2 text-xs font-normal leading-snug text-muted-foreground', (error || foldsAlways) && 'sr-only', folds && 'max-sm:hidden'), children: description })) : null, error ? (_jsxs("p", { id: errId, role: 'alert', className: 'm-0 flex items-center gap-1.5 text-sm text-field-error', "data-cb-field-error": '', children: [_jsx(AlertCircle, { className: 'size-4 shrink-0', "aria-hidden": true }), error] })) : reserveErrorSpace && (description == null || foldsAlways) ? (_jsx("p", { "aria-hidden": true, className: 'min-h-[1lh] text-sm', "data-cc-field-error-reserved": '' })) : null] }));
 }
 //# sourceMappingURL=Field.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface FieldGridProps {
+    /** `Field layout="inline"`s and `SliderField`s — each draws its label in the grid's one label column. */
+    children: ReactNode;
+    /**
+     * The label column's width: `sm` 7rem · `md` 9rem (default) · `lg` 11rem. One track for every
+     * row, sized by token, never per row to its own text (FRM-1). A longer label wraps inside it.
+     */
+    labelWidth?: 'sm' | 'md' | 'lg';
+    /** `dense` (default): 12px between fields, for a control panel · `standard`: 16px, for a form (FRM-4). */
+    density?: 'dense' | 'standard';
+    className?: string;
+}
+/**
+ * A column of fields whose labels share ONE label column (FRM-1, FRM-2): every label shares a
+ * left edge, and every control shares its left edge, so a dense settings list or a control
+ * panel reads as one straight-edged table instead of a zig-zag. Put `Field layout="inline"`
+ * and `SliderField` inside it. Stacked labels (a plain `Stack` of `Field`s) stay the default
+ * for an ordinary form; reach for this only for a dense panel or a settings list. On a phone
+ * each row stacks its label over its control.
+ */
+export declare function FieldGrid({ children, labelWidth, density, className }: FieldGridProps): import("react").JSX.Element;
+//# sourceMappingURL=FieldGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGrid.d.ts","sourceRoot":"","sources":["../../../src/react/components/FieldGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,cAAc;IAC7B,yGAAyG;IACzG,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChC,0GAA0G;IAC1G,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,UAAiB,EAAE,OAAiB,EAAE,SAAS,EAAE,EAAE,cAAc,+BAYtG"}

package/dist/react/components/FieldGrid.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+const LABEL_COL = {
+    sm: '7rem',
+    md: '9rem',
+    lg: '11rem',
+};
+/**
+ * A column of fields whose labels share ONE label column (FRM-1, FRM-2): every label shares a
+ * left edge, and every control shares its left edge, so a dense settings list or a control
+ * panel reads as one straight-edged table instead of a zig-zag. Put `Field layout="inline"`
+ * and `SliderField` inside it. Stacked labels (a plain `Stack` of `Field`s) stay the default
+ * for an ordinary form; reach for this only for a dense panel or a settings list. On a phone
+ * each row stacks its label over its control.
+ */
+export function FieldGrid({ children, labelWidth = 'md', density = 'dense', className }) {
+    return (_jsx("div", { className: cn('cb-field-grid', className), "data-cb-field-grid": '', "data-density": density, 
+        // A live custom property — the one track every row's label column reads.
+        style: { '--cb-label-col': LABEL_COL[labelWidth] }, children: children }));
+}
+//# sourceMappingURL=FieldGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGrid.js","sourceRoot":"","sources":["../../../src/react/components/FieldGrid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAelC,MAAM,SAAS,GAA8D;IAC3E,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,OAAO;CACZ,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAkB;IACrG,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,wBACtB,EAAE,kBACP,OAAO;QACrB,yEAAyE;QACzE,KAAK,EAAE,EAAE,gBAAgB,EAAE,SAAS,CAAC,UAAU,CAAC,EAAmB,YAElE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,24 +1,19 @@
-import { type ReactNode } from 'react';
-export interface InfoHintProps {
-    /** The help body. */
-    children?: ReactNode;
-    /** Optional bold heading above the body. */
-    title?: ReactNode;
-    /** Which side of the trigger the panel aligns to (default `'left'`). */
-    align?: 'left' | 'right';
-    className?: string;
-    label?: string;
-}
+import { type InfoHintProps } from '../lib/infoHint.js';
+export type { InfoHintProps };
 /**
- * "ⓘ" 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.
+ * "ⓘ" field-help: hover + focus on pointer devices, click/tap everywhere, the panel portaled
+ * and never clipped (the behaviour is `InfoHintImpl.tsx`).
  *
- * 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.
+ * ── Why this file is a wrapper and not the hint ─────────────────────────────
+ * 🔴 The panel is built on `@floating-ui/react` (+ `tabbable`), ~10 KB gzip, and every field
+ * primitive renders an InfoHint for a long `hint` — so a static import put that engine in the
+ * chunk of every page that renders a `SliderField` or `Field`, hint or not. cursedbelt 5.40.0's
+ * SliderField did exactly that to roms' controls chunk: ShortcutsPanel 14.68 → 25.24 kB gzip
+ * (forge task 2518). A hint is a closed icon until it is asked for, so the engine is a dynamic
+ * `import()` and this file — React, an icon and a class string — is what a page carries.
+ *
+ * A press or focus that beats the fetch is not lost: the placeholder records it and the real
+ * hint opens (or takes the focus) the moment it replaces it.
  */
-export declare function InfoHint({ children, title, align, className, label, }: InfoHintProps): import("react").JSX.Element;
+export declare function InfoHint(props: InfoHintProps): import("react").JSX.Element;
 //# sourceMappingURL=InfoHint.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoHint.d.ts","sourceRoot":"","sources":["../../../src/react/components/InfoHint.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,KAAc,EACd,SAAS,EACT,KAAmB,GACpB,EAAE,aAAa,+BAuEf"}
+{"version":3,"file":"InfoHint.d.ts","sourceRoot":"","sources":["../../../src/react/components/InfoHint.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6C,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnG,YAAY,EAAE,aAAa,EAAE,CAAC;AAsB9B;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAwC5C"}

package/dist/react/components/InfoHint.js

@@ -1,65 +1,68 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
 import { Info } from 'lucide-react';
-import { useState } from 'react';
-import { useHasHover } from '../hooks/useHasHover.js';
+import { useEffect, useRef, useState } from 'react';
 import { cn } from '../lib/cn.js';
-import { HOVER_HINT_DELAY_MS } from '../lib/hoverIntent.js';
-import { TAP_TARGET } from '../lib/tapTarget.js';
+import { INFO_HINT_TRIGGER } from '../lib/infoHint.js';
+let loadedImpl = null;
+let pendingImpl = null;
+/** Fetch the floating-ui implementation once per page. */
+function preloadInfoHint() {
+    if (!pendingImpl) {
+        pendingImpl = import('./InfoHintImpl.js').then((m) => {
+            loadedImpl = m.default;
+            return m.default;
+        });
+    }
+    return pendingImpl;
+}
+// Start the fetch when this module is evaluated, so the implementation is normally there
+// before the first hint mounts and no trigger is ever swapped (Tooltip.tsx has the history).
+if (typeof window !== 'undefined')
+    void preloadInfoHint();
 /**
- * "ⓘ" 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.
+ * "ⓘ" field-help: hover + focus on pointer devices, click/tap everywhere, the panel portaled
+ * and never clipped (the behaviour is `InfoHintImpl.tsx`).
+ *
+ * ── Why this file is a wrapper and not the hint ─────────────────────────────
+ * 🔴 The panel is built on `@floating-ui/react` (+ `tabbable`), ~10 KB gzip, and every field
+ * primitive renders an InfoHint for a long `hint` — so a static import put that engine in the
+ * chunk of every page that renders a `SliderField` or `Field`, hint or not. cursedbelt 5.40.0's
+ * SliderField did exactly that to roms' controls chunk: ShortcutsPanel 14.68 → 25.24 kB gzip
+ * (forge task 2518). A hint is a closed icon until it is asked for, so the engine is a dynamic
+ * `import()` and this file — React, an icon and a class string — is what a page carries.
  *
- * 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.
+ * A press or focus that beats the fetch is not lost: the placeholder records it and the real
+ * hint opens (or takes the focus) the moment it replaces it.
  */
-export function InfoHint({ children, title, align = 'left', className, label = 'More info', }) {
-    const [open, setOpen] = useState(false);
-    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,
-    ]);
-    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(
-                // ≥44px touch target on coarse pointers (the same `TAP_TARGET` floor
-                // Button/IconButton carry — a bare `size-4` icon glyph with no padding
-                // measured 16×16px on mobile, cc/197).
-                `inline-flex items-center justify-center text-muted-foreground hover:text-accent ${TAP_TARGET}`, 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] }));
+export function InfoHint(props) {
+    // `() => loadedImpl`: a component IS a function, and `useState(fn)` would call it.
+    const [Impl, setImpl] = useState(() => loadedImpl);
+    const pressed = useRef(false);
+    const focused = useRef(false);
+    useEffect(() => {
+        if (Impl)
+            return;
+        let alive = true;
+        void preloadInfoHint().then((c) => {
+            if (alive)
+                setImpl(() => c);
+        });
+        return () => {
+            alive = false;
+        };
+    }, [Impl]);
+    if (Impl)
+        return _jsx(Impl, { ...props, initialOpen: pressed.current, initialFocus: focused.current });
+    const { label = 'More info', className } = props;
+    return (_jsx("button", { 
+        // guardrails-ignore no-raw-action-button: the ⓘ disclosure's placeholder until its
+        // floating panel loads — the same presentational trigger InfoHintImpl renders.
+        type: 'button', "aria-label": label, className: cn(INFO_HINT_TRIGGER, className), onClick: () => {
+            pressed.current = true;
+        }, onFocus: () => {
+            focused.current = true;
+        }, onBlur: () => {
+            focused.current = false;
+        }, children: _jsx(Info, { className: 'size-4', "aria-hidden": true }) }));
 }
 //# sourceMappingURL=InfoHint.js.map