cursedbelt 5.77.0 → 5.79.0

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

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveWorkbench.d.ts","sourceRoot":"","sources":["../../../src/react/components/ResponsiveWorkbench.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AASjD;;yFAEyF;AACzF,wBAAgB,sBAAsB,CAAC,UAAU,GAAE,MAA2B,GAAG,OAAO,CAEvF;AAaD,MAAM,WAAW,wBAAwB;IACvC,mFAAmF;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IAEpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,qFAAqF;IACrF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;yEACqE;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,gBAAgB,EAChB,eAAsB,EACtB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EACjB,gBAAwB,EACxB,SAAe,EACf,UAAgB,EAChB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,UAA+B,EAC/B,gBAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,+BAmF1B"}
+{"version":3,"file":"ResponsiveWorkbench.d.ts","sourceRoot":"","sources":["../../../src/react/components/ResponsiveWorkbench.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AASzD;;yFAEyF;AACzF,wBAAgB,sBAAsB,CAAC,UAAU,GAAE,MAA2B,GAAG,OAAO,CAEvF;AAaD,MAAM,WAAW,wBAAwB;IACvC,mFAAmF;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IAEpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,qFAAqF;IACrF,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;yEACqE;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAE7B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACpC,4GAA4G;IAC5G,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,gBAAgB,EAChB,eAAsB,EACtB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EACjB,gBAAwB,EACxB,SAAe,EACf,UAAgB,EAChB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,UAA+B,EAC/B,gBAAgB,EAChB,YAAwB,EACxB,gBAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,+BAiI1B"}

package/dist/react/components/ResponsiveWorkbench.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 import { useMediaQuery } from '../hooks/useMediaQuery.js';
 import { cn } from '../lib/cn.js';
 import { Drawer } from './Drawer.js';
@@ -18,6 +18,8 @@ function useOpenState(controlled, onChange, defaultValue) {
     const setOpen = onChange ?? setUncontrolled;
     return [open, setOpen];
 }
+/** Travel, in px, that turns a press on the sheets handle into a swipe up. */
+const SWIPE_UP = 32;
 /**
  * The three-pane workbench (left rail / main / right rail) used by builder-style apps.
  * At/above `breakpoint` (default 1024, Tailwind `lg`) both rails render as persistent,
@@ -33,12 +35,39 @@ function useOpenState(controlled, onChange, defaultValue) {
  * This is the reusable answer to "sidebars must become drawers on mobile" — write the
  * responsive behavior once here, not per app.
  */
-export function ResponsiveWorkbench({ left, right, children, leftOpen: leftOpenProp, onLeftOpenChange, defaultLeftOpen = true, rightOpen: rightOpenProp, onRightOpenChange, defaultRightOpen = false, leftWidth = 280, rightWidth = 280, leftTitle, rightTitle, leftCollapsedRail, rightCollapsedRail, breakpoint = DEFAULT_BREAKPOINT, mobileUtilityBar, className, }) {
+export function ResponsiveWorkbench({ left, right, children, leftOpen: leftOpenProp, onLeftOpenChange, defaultLeftOpen = true, rightOpen: rightOpenProp, onRightOpenChange, defaultRightOpen = false, leftWidth = 280, rightWidth = 280, leftTitle, rightTitle, leftCollapsedRail, rightCollapsedRail, breakpoint = DEFAULT_BREAKPOINT, mobileUtilityBar, mobilePanels = 'drawers', mobileSwipeOpens, className, }) {
     const isDesktop = useWorkbenchBreakpoint(breakpoint);
     const [leftOpen, setLeftOpen] = useOpenState(leftOpenProp, onLeftOpenChange, defaultLeftOpen);
     const [rightOpen, setRightOpen] = useOpenState(rightOpenProp, onRightOpenChange, defaultRightOpen);
+    const sheets = mobilePanels === 'sheets';
+    // The handle's swipe up. A swipe that starts on one of the caller's buttons must not ALSO click
+    // it (Explore opening on top of the sheet the swipe opened), so the click after a swipe is eaten.
+    const swipe = useRef(null);
+    const swiped = useRef(false);
+    const swipeTarget = mobileSwipeOpens ?? (right ? 'right' : 'left');
     return (_jsxs("div", { "data-cb-page-width": 'full', className: cn('relative flex min-h-0 flex-1 flex-col overflow-hidden', className), children: [_jsxs("div", { className: 'flex min-h-0 flex-1 overflow-hidden', children: [left &&
-                        (isDesktop ? (leftOpen ? (_jsx("aside", { "data-cb-workbench-rail": 'left', style: { width: leftWidth }, className: 'flex shrink-0 flex-col overflow-hidden border-r border-border bg-card', children: left })) : ((leftCollapsedRail ?? null))) : (_jsx(Drawer, { open: leftOpen, onClose: () => setLeftOpen(false), side: 'left', title: leftTitle, scrollBody: false, children: _jsx("div", { className: 'flex min-h-0 flex-1 flex-col', children: left }) }))), _jsx("div", { "data-cb-workbench-main": '', className: 'flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden', children: children }), right &&
-                        (isDesktop ? (rightOpen ? (_jsx("aside", { "data-cb-workbench-rail": 'right', style: { width: rightWidth }, className: 'flex shrink-0 flex-col overflow-hidden border-l border-border bg-card', children: right })) : ((rightCollapsedRail ?? null))) : (_jsx(Drawer, { open: rightOpen, onClose: () => setRightOpen(false), side: 'right', title: rightTitle, scrollBody: false, children: _jsx("div", { className: 'flex min-h-0 flex-1 flex-col', children: right }) })))] }), !isDesktop && mobileUtilityBar && (_jsx("div", { "data-cb-workbench-utility-bar": '', className: cn('flex shrink-0 items-center justify-between gap-2', 'border-t border-border bg-background px-3 py-2', 'pb-[max(env(safe-area-inset-bottom,0px),0.5rem)]'), style: { marginBottom: 'var(--keyboard-inset, 0px)' }, children: mobileUtilityBar }))] }));
+                        (isDesktop ? (leftOpen ? (_jsx("aside", { "data-cb-workbench-rail": 'left', style: { width: leftWidth }, className: 'flex shrink-0 flex-col overflow-hidden border-r border-border bg-card', children: left })) : ((leftCollapsedRail ?? null))) : (_jsx(Drawer, { open: leftOpen, onClose: () => setLeftOpen(false), side: sheets ? 'bottom' : 'left', size: sheets ? 'lg' : undefined, title: leftTitle, scrollBody: false, children: _jsx("div", { className: 'flex min-h-0 flex-1 flex-col', children: left }) }))), _jsx("div", { "data-cb-workbench-main": '', className: 'flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden', children: children }), right &&
+                        (isDesktop ? (rightOpen ? (_jsx("aside", { "data-cb-workbench-rail": 'right', style: { width: rightWidth }, className: 'flex shrink-0 flex-col overflow-hidden border-l border-border bg-card', children: right })) : ((rightCollapsedRail ?? null))) : (_jsx(Drawer, { open: rightOpen, onClose: () => setRightOpen(false), side: sheets ? 'bottom' : 'right', size: sheets ? 'lg' : undefined, title: rightTitle, scrollBody: false, children: _jsx("div", { className: 'flex min-h-0 flex-1 flex-col', children: right }) })))] }), !isDesktop && mobileUtilityBar && sheets && (_jsx("div", { className: 'pointer-events-none absolute inset-x-3 bottom-[max(env(safe-area-inset-bottom,0px),0.75rem)] flex justify-center', children: _jsxs("div", { "data-cb-workbench-sheet-handle": '', className: cn('pointer-events-auto flex w-full max-w-md touch-none flex-col items-stretch gap-1.5', 'rounded-2xl border border-border/60 bg-background/85 px-2 pt-1.5 pb-2 shadow-raised backdrop-blur-md'), onPointerDown: (e) => {
+                        swipe.current = { id: e.pointerId, y: e.clientY };
+                        swiped.current = false;
+                    }, onPointerUp: (e) => {
+                        const start = swipe.current;
+                        swipe.current = null;
+                        if (!start || start.id !== e.pointerId || start.y - e.clientY < SWIPE_UP)
+                            return;
+                        swiped.current = true;
+                        if (swipeTarget === 'right')
+                            setRightOpen(true);
+                        else
+                            setLeftOpen(true);
+                    }, onPointerCancel: () => {
+                        swipe.current = null;
+                    }, onClickCapture: (e) => {
+                        if (!swiped.current)
+                            return;
+                        swiped.current = false;
+                        e.preventDefault();
+                        e.stopPropagation();
+                    }, children: [_jsx("span", { "aria-hidden": true, className: 'mx-auto h-1 w-9 shrink-0 rounded-full bg-border' }), mobileUtilityBar] }) })), !isDesktop && mobileUtilityBar && !sheets && (_jsx("div", { "data-cb-workbench-utility-bar": '', className: cn('flex shrink-0 items-center justify-between gap-2', 'border-t border-border bg-background px-3 py-2', 'pb-[max(env(safe-area-inset-bottom,0px),0.5rem)]'), style: { marginBottom: 'var(--keyboard-inset, 0px)' }, children: mobileUtilityBar }))] }));
 }
 //# sourceMappingURL=ResponsiveWorkbench.js.map

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

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

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

@@ -1,50 +1,10 @@
-import type { ReactNode } from 'react';
-import { type ControlSize } from '../lib/field.js';
-export interface SelectOption {
-    value: string;
-    label: ReactNode;
-    description?: ReactNode;
-    disabled?: boolean;
-}
-export interface SelectGroup {
-    label?: string;
-    options: SelectOption[];
-}
-export interface SelectFieldProps {
-    value?: string;
-    onValueChange?: (value: string) => void;
-    options?: SelectOption[];
-    groups?: SelectGroup[];
-    placeholder?: string;
-    disabled?: boolean;
-    /** Use the full field style (16px, rounded-md, border, focus ring). Default true. */
-    fieldStyle?: boolean;
-    /** Trigger height on the shared control-height scale (`--control-h-*`, task
-     *  cbux-41). Default `md`. No-op when `fieldStyle={false}`. */
-    size?: ControlSize;
-    /** Forwarded to the trigger so a visible `<label htmlFor>` can target it. */
-    id?: string;
-    name?: string;
-    required?: boolean;
-    className?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    /**
-     * What to say when there is nothing to choose — *"No lists yet"*.
-     *
-     * 🔴 Required in practice for any control whose options come from DATA rather than
-     * from a constant: an empty popup is a dead end that reads as a broken control, and
-     * the `choice-needs-empty-state` guardrail reports one. Rendered as plain text, not
-     * as an item, so it can never be picked or keyboard-focused.
-     */
-    emptyLabel?: ReactNode;
-    /** The second line — what belongs in this list, or how to get one. */
-    emptyHint?: ReactNode;
-    /** Set by {@link Field} for inline validation — paints the field-token invalid
-     *  border (via `aria-invalid`) and links the description/error to the trigger. */
-    'aria-invalid'?: boolean | 'true' | 'false';
-    'aria-describedby'?: string;
-}
+import { type ComponentType } from 'react';
+import { type SelectFieldImplProps, type SelectFieldProps } from '../lib/selectField.js';
+export type { SelectFieldProps, SelectGroup, SelectOption } from '../lib/selectField.js';
+type SelectFieldImplComponent = ComponentType<SelectFieldImplProps>;
+/** Fetch the Radix implementation once per page. Exported for tests and for a consumer that wants
+ *  to warm it explicitly. */
+export declare function preloadSelectField(): Promise<SelectFieldImplComponent>;
 /**
  * Portal-based select control on Radix Select. Replaces the native `<select>`
  * wrapper. Fully styleable, keyboard-navigable, a11y-correct, and never clipped by
@@ -57,6 +17,16 @@ export interface SelectFieldProps {
  * is true (the default for form fields), giving it the same control-height token +
  * rounded-md as Input at the same `size`. Pass `fieldStyle={false}` + a `className`
  * for a bespoke trigger.
+ *
+ * ── Why this file is a trigger and not the select ───────────────────────────
+ * 🔴 Radix Select (with its popper, focus scope and remove-scroll) is ~29 kB gzip, and a
+ * static import puts it in whatever chunk renders a field. In a lazy page that is a few kB;
+ * in an app's ENTRY it hoisted the Radix code a dozen lazy chunks had shared: music's library
+ * Sort by took `index-*.js` from 203 to 232 kB gzip and was reverted (forge task 3096). So the
+ * Radix select is `SelectFieldImpl`, a dynamic `import()`, and this file draws the same trigger
+ * box — same classes, `role="combobox"`, the chosen option's label, the chevron — until it
+ * lands. A press, Enter, Space or an arrow that beats the fetch is not lost: the real select
+ * mounts open; focus held on the light trigger moves to the real one.
  */
-export declare function SelectField({ value, onValueChange, options, groups, placeholder, disabled, fieldStyle, size, id, name, required, className, emptyLabel, emptyHint, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }: SelectFieldProps): import("react").JSX.Element;
+export declare function SelectField(props: SelectFieldProps): import("react").JSX.Element;
 //# sourceMappingURL=SelectField.d.ts.map

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,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,+BAiGlB"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/react/components/SelectField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAA+B,MAAM,OAAO,CAAC;AAGxE,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EAItB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEzF,KAAK,wBAAwB,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;AAKpE;6BAC6B;AAC7B,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,wBAAwB,CAAC,CAQtE;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA+FlD"}

package/dist/react/components/SelectField.js

@@ -1,10 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 { choiceFieldWidth, declareFieldWidth, fieldControlClass } from '../lib/field.js';
-import { FLOATING_ANIMATION, FLOATING_COLLISION_PADDING, FLOATING_CONTENT_BASE, FLOATING_ITEM_BASE, } from '../lib/floatingStyles.js';
+import { ChevronDown } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
+import { choiceFieldWidth, declareFieldWidth } from '../lib/field.js';
+import { SELECT_OPEN_KEYS, SELECT_VALUE_CLASS, selectGroupsOf, selectShowsPlaceholder, selectTriggerClass, } from '../lib/selectField.js';
+let loadedImpl = null;
+let pendingImpl = null;
+/** Fetch the Radix implementation once per page. Exported for tests and for a consumer that wants
+ *  to warm it explicitly. */
+export function preloadSelectField() {
+    if (!pendingImpl) {
+        pendingImpl = import('./SelectFieldImpl.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 field mounts and no trigger is ever swapped (Tooltip.tsx has the history).
+if (typeof window !== 'undefined')
+    void preloadSelectField();
 /**
  * Portal-based select control on Radix Select. Replaces the native `<select>`
  * wrapper. Fully styleable, keyboard-navigable, a11y-correct, and never clipped by
@@ -17,12 +33,73 @@ import { FLOATING_ANIMATION, FLOATING_COLLISION_PADDING, FLOATING_CONTENT_BASE,
  * is true (the default for form fields), giving it the same control-height token +
  * rounded-md as Input at the same `size`. Pass `fieldStyle={false}` + a `className`
  * for a bespoke trigger.
+ *
+ * ── Why this file is a trigger and not the select ───────────────────────────
+ * 🔴 Radix Select (with its popper, focus scope and remove-scroll) is ~29 kB gzip, and a
+ * static import puts it in whatever chunk renders a field. In a lazy page that is a few kB;
+ * in an app's ENTRY it hoisted the Radix code a dozen lazy chunks had shared: music's library
+ * Sort by took `index-*.js` from 203 to 232 kB gzip and was reverted (forge task 3096). So the
+ * Radix select is `SelectFieldImpl`, a dynamic `import()`, and this file draws the same trigger
+ * box — same classes, `role="combobox"`, the chosen option's label, the chevron — until it
+ * lands. A press, Enter, Space or an arrow that beats the fetch is not lost: the real select
+ * mounts open; focus held on the light trigger moves to the real one.
  */
-export function SelectField({ value, onValueChange, options = [], groups = [], placeholder = 'Select…', disabled, fieldStyle = true, size = 'md', id, name, required, className, emptyLabel, emptyHint, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, }) {
-    const allGroups = groups.length > 0 ? groups : options.length > 0 ? [{ options }] : [];
-    const empty = allGroups.every((group) => group.options.length === 0);
-    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("span", { className: 'block min-w-0 flex-1 truncate text-left', 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' }) })] }) })] }));
+export function SelectField(props) {
+    // `() => loadedImpl`: a component IS a function, and `useState(fn)` would call it.
+    const [Impl, setImpl] = useState(() => loadedImpl);
+    const openRef = useRef(false);
+    const triggerRef = useRef(null);
+    const pointerTypeRef = useRef('mouse');
+    useEffect(() => {
+        if (Impl)
+            return;
+        let alive = true;
+        void preloadSelectField().then((c) => {
+            if (alive)
+                setImpl(() => c);
+        });
+        return () => {
+            alive = false;
+        };
+    }, [Impl]);
+    if (Impl) {
+        const focused = triggerRef.current !== null && triggerRef.current === document.activeElement;
+        return _jsx(Impl, { ...props, initialOpen: openRef.current, initialFocus: focused });
+    }
+    const { value, placeholder = 'Select…', disabled, fieldStyle, size, className, id, required, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, } = props;
+    const showPlaceholder = selectShowsPlaceholder(value);
+    const chosen = showPlaceholder
+        ? undefined
+        : selectGroupsOf(props)
+            .flatMap((group) => group.options)
+            .find((opt) => opt.value === value);
+    const open = () => {
+        openRef.current = true;
+        // Already fetched by another field: swap now rather than on the effect's next tick.
+        if (loadedImpl)
+            setImpl(() => loadedImpl);
+    };
+    return (_jsxs("button", { 
+        // guardrails-ignore no-raw-action-button: task 3096 — SelectField's light trigger until
+        // its Radix select loads, the same box SelectFieldImpl's trigger draws.
+        ref: triggerRef, type: 'button', role: 'combobox', id: id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, "aria-expanded": false, "aria-required": required, "aria-autocomplete": 'none', "data-state": 'closed', disabled: disabled, "data-disabled": disabled ? '' : undefined, "data-placeholder": showPlaceholder ? '' : undefined, className: cn(RAW_BUTTON, selectTriggerClass({ fieldStyle, size, className })), 
+        // Radix's own split: a mouse opens on press, touch and pen on the click (so a scroll that
+        // starts on the field is not a pick).
+        onPointerDown: (e) => {
+            pointerTypeRef.current = e.pointerType;
+            if (e.pointerType === 'mouse' && e.button === 0 && !e.ctrlKey) {
+                e.preventDefault();
+                open();
+            }
+        }, onClick: () => {
+            if (pointerTypeRef.current !== 'mouse')
+                open();
+        }, onKeyDown: (e) => {
+            if (SELECT_OPEN_KEYS.includes(e.key)) {
+                e.preventDefault();
+                open();
+            }
+        }, children: [_jsx("span", { className: SELECT_VALUE_CLASS, children: showPlaceholder ? placeholder : chosen?.label }), _jsx(ChevronDown, { "aria-hidden": true, className: 'size-4 shrink-0 opacity-50' })] }));
 }
 // Sized by its longest option, not stretched to the panel (FRM-3, forge task 2463).
 declareFieldWidth(SelectField, choiceFieldWidth);

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/SelectFieldImpl.d.ts

@@ -0,0 +1,7 @@
+import { type SelectFieldImplProps } from '../lib/selectField.js';
+/**
+ * The Radix Select behind {@link SelectField} — loaded as its own chunk by `SelectField.tsx`, which
+ * says why. Not exported from the package: render `SelectField`.
+ */
+export default function SelectFieldImpl({ value, onValueChange, options, groups, placeholder, disabled, fieldStyle, size, id, name, required, className, emptyLabel, emptyHint, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, initialOpen, initialFocus, }: SelectFieldImplProps): import("react").JSX.Element;
+//# sourceMappingURL=SelectFieldImpl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldImpl.d.ts","sourceRoot":"","sources":["../../../src/react/components/SelectFieldImpl.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,oBAAoB,EAG1B,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,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,EACnC,WAAmB,EACnB,YAAoB,GACrB,EAAE,oBAAoB,+BAgGtB"}

package/dist/react/components/SelectFieldImpl.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RSelect from '@radix-ui/react-select';
+import { Check, ChevronDown, ChevronUp } from 'lucide-react';
+import { useEffect, useRef } from 'react';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
+import { useFloatingContainer } from '../lib/floatingContainer.js';
+import { FLOATING_ANIMATION, FLOATING_COLLISION_PADDING, FLOATING_CONTENT_BASE, FLOATING_ITEM_BASE, } from '../lib/floatingStyles.js';
+import { SELECT_VALUE_CLASS, selectGroupsOf, selectTriggerClass, } from '../lib/selectField.js';
+/**
+ * The Radix Select behind {@link SelectField} — loaded as its own chunk by `SelectField.tsx`, which
+ * says why. Not exported from the package: render `SelectField`.
+ */
+export default function SelectFieldImpl({ value, onValueChange, options = [], groups = [], placeholder = 'Select…', disabled, fieldStyle = true, size = 'md', id, name, required, className, emptyLabel, emptyHint, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, initialOpen = false, initialFocus = false, }) {
+    const allGroups = selectGroupsOf({ options, groups });
+    const empty = allGroups.every((group) => group.options.length === 0);
+    const container = useFloatingContainer();
+    const triggerRef = useRef(null);
+    // The light trigger this replaced had the keyboard focus: keep it here, or it drops to <body>.
+    // An `initialOpen` select moves focus into its list itself, and hands it back on close.
+    useEffect(() => {
+        if (initialFocus && !initialOpen)
+            triggerRef.current?.focus();
+    }, [initialFocus, initialOpen]);
+    return (_jsxs(RSelect.Root, { value: value, onValueChange: onValueChange, disabled: disabled, name: name, required: required, defaultOpen: initialOpen, children: [_jsxs(RSelect.Trigger, { ref: triggerRef, id: id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, className: cn(RAW_BUTTON, selectTriggerClass({ fieldStyle, size, className })), children: [_jsx("span", { className: SELECT_VALUE_CLASS, 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_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' }) })] }) })] }));
+}
+//# sourceMappingURL=SelectFieldImpl.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface ChipProps {
+    active: boolean;
+    onClick: () => void;
+    children: ReactNode;
+}
+export declare function Chip({ active, onClick, children }: ChipProps): import("react").JSX.Element;
+//# sourceMappingURL=filterChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterChip.d.ts","sourceRoot":"","sources":["../../../src/react/components/filterChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,SAAS,+BA2B5D"}

package/dist/react/components/filterChip.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, RAW_BUTTON } from '../lib/cn.js';
+import { PRESS } from '../lib/press.js';
+export function Chip({ active, onClick, children }) {
+    return (_jsx("button", { 
+        // guardrails-ignore no-raw-action-button: presentational filter-chip toggle —
+        // reflects local filter state (aria-pressed), no destructive/mutating intent.
+        type: 'button', onClick: onClick, "aria-pressed": active, className: cn(RAW_BUTTON, 
+        // 44 px min tap target height via py + min-h (STANDARDS §4a). px-4 keeps every
+        // pill's internal padding identical regardless of label length.
+        'inline-flex min-h-11 shrink-0 cursor-pointer items-center rounded-full px-4 text-sm font-medium', PRESS, 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 
+        // Soft active state — an accent tint + accent text (the standardized active
+        // treatment shared with nav items and the `accent` Badge tone), not a stark
+        // solid accent block. `text-accent-strong` (not plain `text-accent`) — the
+        // /15 tint only clears 4.43:1 with the base accent hue, under AA (cbux-101).
+        active
+            ? 'bg-accent/15 text-accent-strong ring-1 ring-inset ring-accent/30'
+            : 'bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground'), children: children }));
+}
+//# sourceMappingURL=filterChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterChip.js","sourceRoot":"","sources":["../../../src/react/components/filterChip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAaxC,MAAM,UAAU,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAa;IAC3D,OAAO,CACL;QACE,8EAA8E;QAC9E,8EAA8E;QAC9E,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,kBACF,MAAM,EACpB,SAAS,EAAE,EAAE,CACX,UAAU;QACV,+EAA+E;QAC/E,gEAAgE;QAChE,iGAAiG,EACjG,KAAK,EACL,yEAAyE;QACzE,4EAA4E;QAC5E,4EAA4E;QAC5E,2EAA2E;QAC3E,6EAA6E;QAC7E,MAAM;YACJ,CAAC,CAAC,kEAAkE;YACpE,CAAC,CAAC,wEAAwE,CAC7E,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/react/hooks/pointerDnd.d.ts

@@ -119,9 +119,15 @@ export interface WireTouchDragConfig {
 /**
  * Wire touch-drag onto one draggable element, using the shared registry + monitor bus.
  * Only `touch` pointers are handled — mouse/pen still drive pragmatic's native adapter,
- * so the two engines never fight over the same gesture. Sets `touch-action: none` on the
- * element while wired (restored on cleanup) so a long-press isn't stolen by the browser's
- * scroll/gesture handling — the same guard the `@dnd-kit` sensors relied on.
+ * so the two engines never fight over the same gesture.
+ *
+ * 🔴 The element stays PANNABLE. A finger that moves before the long press fires is a scroll,
+ * and the browser runs it; only once the drag is live does a non-passive `touchmove` on the
+ * element cancel the browser's pan, so the finger drives the drag instead — the way
+ * `@dnd-kit`'s TouchSensor does it. This used to set `touch-action: none` on the element, and
+ * on a phone a board whose columns are full of cards could not be swiped or scrolled from any
+ * card (forge task 3033, seen on vault-stage at 390). While a press is in flight the
+ * long-press `contextmenu` (Android's menu) is cancelled too.
  *
  * The `pointerdown` listener lives on the element; the `pointermove`/`up`/`cancel`/
  * `keydown` listeners are only attached on the `window` for the life of one interaction
@@ -132,5 +138,33 @@ export interface WireTouchDragConfig {
  * Returns a cleanup that cancels any in-flight drag and removes every listener.
  */
 export declare function wireTouchDragSource(config: WireTouchDragConfig): CleanupFn;
+/** How near a scroller's edge (px) a touch drag must come before it scrolls, and its top speed. */
+export declare const TOUCH_EDGE_PX = 48;
+export declare const TOUCH_EDGE_MAX_STEP_PX = 14;
+interface EdgeRect {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+/**
+ * How far one frame scrolls a scroller whose box is `rect` while a finger drags at (x, y):
+ * nothing in the middle, faster the nearer the edge, full speed at or PAST it — a thumb at the
+ * screen's edge is often outside a scroller inset by the page's gutter (vault-stage at 390: the
+ * strip ends at 374, the thumb sat at 385). An axis only moves while the finger is level with the
+ * box on the other one. Pure, so the feel is tested without a layout.
+ */
+export declare function touchEdgeStep(rect: EdgeRect, x: number, y: number): {
+    dx: number;
+    dy: number;
+};
+/**
+ * Scroll `container` while a TOUCH drag holds near its edge — what pragmatic's
+ * `autoScrollForElements` does for a mouse, which the touch bridge never reaches. Without it a
+ * phone board whose columns are each a screen wide could not carry a card to any other column
+ * (forge task 3033). A finger held still keeps scrolling (one step a frame); scroll snapping is
+ * suspended while it does, and the container settles back onto its snap points on the drop.
+ */
+export declare function registerTouchEdgeScroll(container: HTMLElement): CleanupFn;
 export {};
 //# sourceMappingURL=pointerDnd.d.ts.map

package/dist/react/hooks/pointerDnd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pointerDnd.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/pointerDnd.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pointerDnd.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/pointerDnd.ts"],"names":[],"mappings":"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"}