cursedbelt 5.52.2 → 5.54.0

package/dist/react/activity-bar/ActivityBar.d.ts

@@ -49,6 +49,20 @@
  * {@link ActivityBarItem.render} takes the consumer's own popover, and
  * {@link ActivityBarItem.hasMenu}/{@link ActivityBarItem.menuOpen} say so to a screen reader.
  *
+ * ── 🔴 It shows its WORDS on demand (NAV-2, forge task 2748) ───────────────────────────
+ * An icon-only rail is a row of riddles: `DESIGN.md`'s NAV-2 wants every navigation surface
+ * to be able to say what each glyph is without a hover on each one. So the column stays 48px
+ * and EXPANDS, as an overlay over whatever is beside it (nothing reflows), into icon + label
+ * rows — the hover-expand rail Gmail and the Azure portal draw, and the labelled activity
+ * bar VS Code's own users keep asking for. Three ways in, one for each kind of hand:
+ *  · a mouse resting on the rail for {@link EXPAND_HOVER_MS} (the delay is what lets a pointer
+ *    cross the rail on its way to the sidebar without the rail flaring at it);
+ *  · keyboard focus arriving in it (`:focus-visible`), so tabbing reads the words too;
+ *  · a touch-and-hold of {@link EXPAND_PRESS_MS} on any control — the hold is swallowed, so
+ *    reading the labels never also presses the button under the thumb.
+ * It folds again when the mouse leaves, focus leaves, a touch lands outside it, Escape is
+ * pressed, or a control is chosen. {@link ActivityBarProps.expandable} `false` opts out.
+ *
  * ── Plain CSS, deliberately ─────────────────────────────────────────────────────────────
  * `activityBar.css` under the `cbab-` prefix, the same convention (and the same reason) as
  * `fileTree.css` and `denseGallery.css`: this mounts inside apps whose Tailwind build cannot
@@ -56,7 +70,7 @@
  * ships a NARROWED `@source` list and has already shipped one unstyled control from exactly
  * that gap.
  */
-import type { JSX, ReactNode } from 'react';
+import { type JSX, type ReactNode } from 'react';
 import './activityBar.css';
 /**
  * One control in the strip.
@@ -85,7 +99,12 @@ export interface ActivityBarItem {
     icon?: ReactNode;
     /** Drawn as the view you are in — a hairline, not a box. See the file header. */
     active?: boolean;
-    onSelect?: () => void;
+    /**
+     * The press. It is handed the button that was pressed, so a control that opens a popover can
+     * anchor it — and name it as the trigger, so a second press closes rather than re-opens —
+     * without needing a {@link render} slot of its own.
+     */
+    onSelect?: (trigger: HTMLButtonElement) => void;
     /**
      * Why this cannot act right now. Present ⇒ the control is DISABLED and says why on hover,
      * never hidden — `DESIGN.md`'s standing rule, and the reason an owner UI is one UI.
@@ -100,6 +119,13 @@ export interface ActivityBarItem {
      * says *look here*; what the number is belongs to whatever the button opens.
      */
     badge?: boolean;
+    /**
+     * How many — drawn at the END of the expanded row only (Gmail's expanded rail: "Inbox 3"),
+     * where there is room for a number at full size. Collapsed, the 20px glyph has none, which
+     * is why {@link badge} stays a dot; put the number in {@link title} as well so a hover
+     * reads it there. Zero or absent draws nothing.
+     */
+    count?: number;
     /**
      * Render this instead of a button. For a widget the consumer already owns — an account
      * menu, a fleet launcher — that has to keep its own behaviour and its own popover.
@@ -122,6 +148,16 @@ export interface ActivityBarProps {
     /** Names the whole column for a screen reader. */
     ariaLabel?: string;
     className?: string;
+    /**
+     * Expand into icon + label rows on a hover, keyboard focus or touch-and-hold — see the file
+     * header. Default `true`: NAV-2 is the design law, not a preference. `false` keeps the
+     * icon-only column (a rail whose every control is already named beside it).
+     */
+    expandable?: boolean;
 }
-export declare function ActivityBar({ top, bottom, ariaLabel, className, }: ActivityBarProps): JSX.Element;
+/** How long a mouse rests on the rail before it opens its words. */
+export declare const EXPAND_HOVER_MS = 350;
+/** How long a touch holds before the rail opens its words — Android's long-press. */
+export declare const EXPAND_PRESS_MS = 450;
+export declare function ActivityBar({ top, bottom, ariaLabel, className, expandable, }: ActivityBarProps): JSX.Element;
 //# sourceMappingURL=ActivityBar.d.ts.map

package/dist/react/activity-bar/ActivityBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityBar.d.ts","sourceRoot":"","sources":["../../../src/react/activity-bar/ActivityBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX;;;;;;;;OAQG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,iDAAiD;IACjD,GAAG,EAAE,SAAS,eAAe,EAAE,CAAC;IAChC,uFAAuF;IACvF,MAAM,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACpC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuDD,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAW,EACX,SAAgC,EAChC,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiBhC"}
+{"version":3,"file":"ActivityBar.d.ts","sourceRoot":"","sources":["../../../src/react/activity-bar/ActivityBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,OAAO,EAEL,KAAK,GAAG,EAIR,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX;;;;;;;;OAQG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,iDAAiD;IACjD,GAAG,EAAE,SAAS,eAAe,EAAE,CAAC;IAChC,uFAAuF;IACvF,MAAM,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACpC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,oEAAoE;AACpE,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,qFAAqF;AACrF,eAAO,MAAM,eAAe,MAAM,CAAC;AAuMnC,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,MAAW,EACX,SAAgC,EAChC,SAAS,EACT,UAAiB,GAClB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA6BhC"}

package/dist/react/activity-bar/ActivityBar.js

@@ -1,22 +1,230 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The far-left icon strip — a full-height rail of icon-only controls, VSCode-shaped.
+ *
+ * ── Where it came from ──────────────────────────────────────────────────────────────────
+ * Owner, of `cursed-embeddable-spreadsheet`: *"put the light/dark mode icon, settings icon,
+ * magnifier glass search icon and other icons that would be a good fit in a far left narrow
+ * strip column like vscode does for many icons. We can use this to eliminate clutter and
+ * extra rows that hold these types of items."* — and then, of collections, 2026-09-08:
+ * *"I also want the far left thin column with the sidebar collapse and expand icon, the
+ * search icon, the menu for unique settings, the full screen icon, the dark/light icon, and
+ * the main settings cog icon. The top two rows will go away."*
+ *
+ * 🔴 **It REPLACES a header rather than joining one.** That is the whole stated reason it
+ * exists: a strip *beside* a header keeps every row it was built to remove. A consumer that
+ * mounts this and keeps its `<header>` has bought 48 pixels of width and saved nothing.
+ *
+ * ── Why the shape is this shape ─────────────────────────────────────────────────────────
+ * 48px wide — two 14px margins either side of a 20px glyph, which is what every editor of
+ * this kind settled on. Two groups: {@link ActivityBarProps.top}, the things that change
+ * what is on screen, and {@link ActivityBarProps.bottom}, the things that are true of the
+ * *application*, pinned to the floor because that is the convention and needs no explaining.
+ *
+ * It is the full height of the window and sits OUTSIDE whatever it is left of, so the column
+ * reads as one edge rather than as something that starts halfway down — and so a sidebar
+ * resizer that measures its own container's left edge does not have to subtract 48.
+ *
+ * ── 🔴 The active state is a hairline, not a box ────────────────────────────────────────
+ * Owner, 2026-09-08, looking at the strip this was ported from: *"the sidebar collapse and
+ * expand icon (although without the big border and highlight it somehow is showing in the
+ * image)"*. A focus ring drawn around a pressed icon reads as a selected form control. What
+ * says "this view is the one you are in" here is a 2px accent bar on the inside edge and a
+ * brighter glyph — the same language the file tree's selected row uses, so a person learns
+ * it once.
+ *
+ * ── 🔴 The graduation verdict, 2026-09-13: THIS one, unchanged ──────────────────────────
+ * `cursedesk` has an `ActivityBar.tsx` of its own and the pair was compared to decide which
+ * should be the shared one. Nothing moved here, and the reason is that they are not two
+ * versions of one component: this is a RAIL that takes {@link ActivityBarProps.top} and
+ * {@link ActivityBarProps.bottom} and draws whatever is in them; the app's is one particular
+ * seven-button composition — Explorer, Search, ⌘P, the command menu, full screen, theme,
+ * settings — hard-wired to that app's `primitives.tsx` and `shortcuts.ts`, with every prop
+ * (`searchOpen`, `onSwitcher`, `shortcutPrefs`, `commandUnavailable`) naming one of them.
+ *
+ * A design system cannot hold that: `onSwitcher` is a door onto a file finder and
+ * `shortcutPrefs` is a preferences table, neither of which a rail has any business knowing.
+ * So the app's copy is deleted rather than moved, and its seven buttons become seven
+ * `ActivityBarItem`s built where the app's state already lives. The one thing it has that
+ * this does not — a command menu rendered by the rail itself — is already expressible:
+ * {@link ActivityBarItem.render} takes the consumer's own popover, and
+ * {@link ActivityBarItem.hasMenu}/{@link ActivityBarItem.menuOpen} say so to a screen reader.
+ *
+ * ── 🔴 It shows its WORDS on demand (NAV-2, forge task 2748) ───────────────────────────
+ * An icon-only rail is a row of riddles: `DESIGN.md`'s NAV-2 wants every navigation surface
+ * to be able to say what each glyph is without a hover on each one. So the column stays 48px
+ * and EXPANDS, as an overlay over whatever is beside it (nothing reflows), into icon + label
+ * rows — the hover-expand rail Gmail and the Azure portal draw, and the labelled activity
+ * bar VS Code's own users keep asking for. Three ways in, one for each kind of hand:
+ *  · a mouse resting on the rail for {@link EXPAND_HOVER_MS} (the delay is what lets a pointer
+ *    cross the rail on its way to the sidebar without the rail flaring at it);
+ *  · keyboard focus arriving in it (`:focus-visible`), so tabbing reads the words too;
+ *  · a touch-and-hold of {@link EXPAND_PRESS_MS} on any control — the hold is swallowed, so
+ *    reading the labels never also presses the button under the thumb.
+ * It folds again when the mouse leaves, focus leaves, a touch lands outside it, Escape is
+ * pressed, or a control is chosen. {@link ActivityBarProps.expandable} `false` opts out.
+ *
+ * ── Plain CSS, deliberately ─────────────────────────────────────────────────────────────
+ * `activityBar.css` under the `cbab-` prefix, the same convention (and the same reason) as
+ * `fileTree.css` and `denseGallery.css`: this mounts inside apps whose Tailwind build cannot
+ * see this package's classes, so the look has to travel with the component. collections
+ * ships a NARROWED `@source` list and has already shipped one unstyled control from exactly
+ * that gap.
+ */
+import { useCallback, useEffect, useRef, useState, } from 'react';
 import { Tooltip } from '../components/Tooltip.js';
 import './activityBar.css';
-function ActivityButton({ item }) {
+/** How long a mouse rests on the rail before it opens its words. */
+export const EXPAND_HOVER_MS = 350;
+/** How long a touch holds before the rail opens its words — Android's long-press. */
+export const EXPAND_PRESS_MS = 450;
+/** A hold that drifts further than this is a scroll or a drag, not a press. */
+const PRESS_SLOP_PX = 10;
+function ActivityButton({ item, onChosen }) {
     const disabled = item.unavailableReason !== undefined;
     const button = (_jsxs("button", { 
         // guardrails-ignore no-raw-action-button: THE rail's own icon control, styled by this
         // module's self-contained plain CSS. cursedbelt's `Button` runs on the Tailwind token
         // layer, which fights `.cbab-btn`'s fixed 48px column geometry on cascade order rather
         // than composing with it — the same split `GalleryActionButton` records.
-        type: 'button', className: 'cbab-btn', "data-active": item.active || undefined, onClick: disabled ? undefined : item.onSelect, "aria-disabled": disabled || undefined, ...(item.active === undefined ? {} : { 'aria-pressed': item.active }), ...(item.hasMenu ? { 'aria-haspopup': 'menu', 'aria-expanded': item.menuOpen === true } : {}), "aria-label": item.label, children: [_jsx("span", { className: 'cbab-glyph', "aria-hidden": 'true', children: item.icon }), item.badge ? _jsx("span", { className: 'cbab-badge', "aria-hidden": 'true' }) : null] }));
+        type: 'button', className: 'cbab-btn', "data-active": item.active || undefined, onClick: disabled
+            ? undefined
+            : (event) => {
+                item.onSelect?.(event.currentTarget);
+                onChosen();
+            }, "aria-disabled": disabled || undefined, ...(item.active === undefined ? {} : { 'aria-pressed': item.active }), ...(item.hasMenu ? { 'aria-haspopup': 'menu', 'aria-expanded': item.menuOpen === true } : {}), "aria-label": item.label, children: [_jsxs("span", { className: 'cbab-glyph', "aria-hidden": 'true', children: [item.icon, item.badge ? _jsx("span", { className: 'cbab-badge' }) : null] }), _jsx("span", { className: 'cbab-label', "aria-hidden": 'true', children: item.label }), item.count ? (_jsx("span", { className: 'cbab-count', "aria-hidden": 'true', children: item.count.toLocaleString() })) : null] }));
     return (_jsx(Tooltip, { content: item.unavailableReason ?? item.title ?? item.label, side: 'right', children: button }));
 }
-function Group({ items }) {
+function Group({ items, onChosen }) {
     if (items.length === 0)
         return null;
-    return (_jsx("div", { className: 'cbab-group', children: items.map((item) => item.render === undefined ? (_jsx(ActivityButton, { item: item }, item.id)) : (_jsx("div", { className: 'cbab-slot', children: item.render }, item.id))) }));
+    return (_jsx("div", { className: 'cbab-group', children: items.map((item) => item.render === undefined ? (_jsx(ActivityButton, { item: item, onChosen: onChosen }, item.id)) : (_jsxs("div", { className: 'cbab-slotrow', children: [_jsx("div", { className: 'cbab-slot', children: item.render }), _jsx("span", { className: 'cbab-label', "aria-hidden": 'true', children: item.label })] }, item.id))) }));
 }
-export function ActivityBar({ top, bottom = [], ariaLabel = 'Views and settings', className, }) {
-    return (_jsxs("fieldset", { className: className ? `cbab ${className}` : 'cbab', "aria-label": ariaLabel, children: [_jsx(Group, { items: top }), _jsx("div", { className: 'cbab-spacer' }), _jsx(Group, { items: bottom })] }));
+/** `:focus-visible` — a keyboard arrival, not a click. Old engines without it count as one. */
+function focusVisible(node) {
+    try {
+        return node.matches(':focus-visible');
+    }
+    catch {
+        return true;
+    }
+}
+/**
+ * The expand machinery, apart from the markup so the rules read in one place. Each way in
+ * remembers WHICH way it came, because each way out only undoes its own: a mouse leaving must
+ * not fold a rail the keyboard opened, and a focus leaving must not fold one the hand holds.
+ */
+function useExpand(enabled) {
+    const [by, setBy] = useState(null);
+    const root = useRef(null);
+    const hoverTimer = useRef(undefined);
+    const press = useRef({
+        x: 0,
+        y: 0,
+        held: false,
+    });
+    const clearHover = () => {
+        if (hoverTimer.current !== undefined)
+            clearTimeout(hoverTimer.current);
+        hoverTimer.current = undefined;
+    };
+    const clearPress = () => {
+        if (press.current.timer !== undefined)
+            clearTimeout(press.current.timer);
+        press.current.timer = undefined;
+    };
+    // Refs only, so it is stable across renders — it is handed to every control as `onChosen`.
+    const collapse = useCallback(() => {
+        clearTimeout(hoverTimer.current);
+        hoverTimer.current = undefined;
+        clearTimeout(press.current.timer);
+        press.current.timer = undefined;
+        setBy(null);
+    }, []);
+    // Timers die with the rail; a late one would set state on nothing.
+    useEffect(() => () => {
+        clearTimeout(hoverTimer.current);
+        clearTimeout(press.current.timer);
+    }, []);
+    // Opened by a hold, it folds on a touch anywhere else — there is no "pointer leaves" on glass.
+    useEffect(() => {
+        if (by !== 'press')
+            return;
+        const outside = (event) => {
+            if (!root.current?.contains(event.target))
+                setBy(null);
+        };
+        document.addEventListener('pointerdown', outside, true);
+        return () => document.removeEventListener('pointerdown', outside, true);
+    }, [by]);
+    if (!enabled)
+        return { root, by: null, handlers: {}, collapse };
+    const handlers = {
+        onPointerEnter(event) {
+            if (event.pointerType !== 'mouse' || by !== null)
+                return;
+            clearHover();
+            hoverTimer.current = setTimeout(() => setBy((current) => current ?? 'hover'), EXPAND_HOVER_MS);
+        },
+        onPointerLeave(event) {
+            if (event.pointerType !== 'mouse')
+                return;
+            clearHover();
+            setBy((current) => (current === 'hover' ? null : current));
+        },
+        onPointerDown(event) {
+            if (event.pointerType === 'mouse')
+                return;
+            clearPress();
+            press.current = { x: event.clientX, y: event.clientY, held: false };
+            press.current.timer = setTimeout(() => {
+                press.current.held = true;
+                press.current.timer = undefined;
+                setBy('press');
+            }, EXPAND_PRESS_MS);
+        },
+        onPointerMove(event) {
+            if (press.current.timer === undefined)
+                return;
+            if (Math.hypot(event.clientX - press.current.x, event.clientY - press.current.y) > PRESS_SLOP_PX)
+                clearPress();
+        },
+        onPointerUp: clearPress,
+        onPointerCancel: clearPress,
+        /* 🔴 The hold is SWALLOWED: the click a lifted thumb fires would otherwise press the very
+           control whose label it was reading. Capture phase, so the button never sees it. */
+        onClickCapture(event) {
+            if (!press.current.held)
+                return;
+            press.current.held = false;
+            event.preventDefault();
+            event.stopPropagation();
+        },
+        // iOS/Android raise their own long-press menu on the same gesture.
+        onContextMenu(event) {
+            if (press.current.held || press.current.timer !== undefined)
+                event.preventDefault();
+        },
+        onFocus(event) {
+            if (focusVisible(event.target))
+                setBy((current) => current ?? 'focus');
+        },
+        onBlur(event) {
+            if (root.current?.contains(event.relatedTarget))
+                return;
+            setBy((current) => (current === 'focus' ? null : current));
+        },
+        onKeyDown(event) {
+            if (event.key === 'Escape' && by !== null) {
+                event.stopPropagation();
+                collapse();
+            }
+        },
+    };
+    return { root, by, handlers, collapse };
+}
+export function ActivityBar({ top, bottom = [], ariaLabel = 'Views and settings', className, expandable = true, }) {
+    const { root, by, handlers, collapse } = useExpand(expandable);
+    return (_jsx("fieldset", { ref: root, className: className ? `cbab ${className}` : 'cbab', "aria-label": ariaLabel, "data-expandable": expandable || undefined, "data-expanded": by ?? undefined, ...handlers, children: _jsxs("div", { className: 'cbab-panel', children: [_jsx(Group, { items: top, onChosen: collapse }), _jsx("div", { className: 'cbab-spacer' }), _jsx(Group, { items: bottom, onChosen: collapse })] }) }));
 }
 //# sourceMappingURL=ActivityBar.js.map

package/dist/react/activity-bar/ActivityBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityBar.js","sourceRoot":"","sources":["../../../src/react/activity-bar/ActivityBar.tsx"],"names":[],"mappings":";AA2DA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,mBAAmB,CAAC;AAqE3B,SAAS,cAAc,CAAC,EAAE,IAAI,EAA6B;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,KAAK,SAAS,CAAC;IACtD,MAAM,MAAM,GAAG,CACb;QACE,sFAAsF;QACtF,sFAAsF;QACtF,uFAAuF;QACvF,yEAAyE;QACzE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,UAAU,iBACP,IAAI,CAAC,MAAM,IAAI,SAAS,EACrC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,mBAO9B,QAAQ,IAAI,SAAS,KAChC,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,KAClE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAe,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,gBAC3F,IAAI,CAAC,KAAK,aAEtB,eAAM,SAAS,EAAC,YAAY,iBAAa,MAAM,YAC5C,IAAI,CAAC,IAAI,GACL,EACN,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,YAAY,iBAAa,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,IAChE,CACV,CAAC;IACF,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,YAC/E,MAAM,GACC,CACX,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,KAAK,EAAyC;IAC7D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,IAAO,IAAI,CAAC,EAAE,CAAI,CAC7C,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,MAAM,IADkB,IAAI,CAAC,EAAE,CAEjC,CACP,CACF,GACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,GAAG,EACH,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,oBAAoB,EAChC,SAAS,GACQ;IACjB,OAAO,CAOL,oBAAU,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,gBAAc,SAAS,aAClF,KAAC,KAAK,IAAC,KAAK,EAAE,GAAG,GAAI,EAIrB,cAAK,SAAS,EAAC,aAAa,GAAG,EAC/B,KAAC,KAAK,IAAC,KAAK,EAAE,MAAM,GAAI,IACf,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ActivityBar.js","sourceRoot":"","sources":["../../../src/react/activity-bar/ActivityBar.tsx"],"names":[],"mappings":"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"}

package/dist/react/activity-bar/activityBar.css

@@ -11,15 +11,31 @@
 	   padding by default, none of which a 48px column wants. */
 	margin: 0;
 	border: 0;
+	padding: 0;
 	min-inline-size: 0;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
 	/* 48px = two 14px margins either side of a 20px glyph. See the component header. */
 	inline-size: 48px;
 	flex: 0 0 48px;
 	block-size: 100%;
 	min-block-size: 0;
+	/* The panel inside is what draws, and what widens over the page when the rail expands;
+	   this box only holds the 48px track so nothing beside it ever reflows. */
+	position: relative;
+	/* How wide the expanded rail is. A fixed measure rather than max-content, so it can
+	   animate and so one long label cannot push the overlay across half a phone. */
+	--cbab-expanded: 15rem;
+	/* The hold that opens the words must not also select them or raise the OS callout. */
+	-webkit-touch-callout: none;
+	user-select: none;
+}
+
+.cbab-panel {
+	position: absolute;
+	inset-block: 0;
+	inset-inline-start: 0;
+	inline-size: 100%;
+	display: flex;
+	flex-direction: column;
 	padding-block: 0.375rem;
 	gap: 0.25rem;
 	background: var(--surface-1, var(--background));
@@ -27,14 +43,32 @@
 	/* The rail is chrome: nothing in it scrolls, and a stray overflow here would put a
 	   scrollbar down the 48px column rather than shrinking the glyphs. */
 	overflow: hidden;
+	transition: inline-size 120ms ease-out, box-shadow 120ms ease-out;
+}
+
+.cbab[data-expanded] {
+	/* Over the sidebar and the document beside it, under a dialog. */
+	z-index: var(--z-sticky, 100);
+}
+
+.cbab[data-expanded] .cbab-panel {
+	inline-size: var(--cbab-expanded);
+	box-shadow: var(--shadow-overlay);
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.cbab-panel {
+		transition: none;
+	}
 }
 
 .cbab-group {
 	display: flex;
 	flex-direction: column;
-	align-items: center;
 	gap: 0.125rem;
-	inline-size: 100%;
+	/* 4px each side of a 40px control is the 48px column; expanded, the same inset keeps
+	   every row's glyph exactly where it was, so the icons do not jump as the words arrive. */
+	padding-inline: 4px;
 }
 
 .cbab-spacer {
@@ -49,11 +83,16 @@
 	position: relative;
 	display: flex;
 	align-items: center;
-	justify-content: center;
+	justify-content: flex-start;
+	/* 10px puts a 20px glyph dead centre of a 40px square — and keeps it there expanded. */
+	gap: 12px;
+	padding-inline: 10px;
+	flex: 0 0 auto;
 	inline-size: 40px;
 	block-size: 40px;
-	padding: 0;
+	padding-block: 0;
 	border: 0;
+	white-space: nowrap;
 	border-radius: var(--radius-sm, 0.375rem);
 	background: transparent;
 	color: var(--muted-foreground);
@@ -107,6 +146,8 @@
 }
 
 .cbab-glyph {
+	position: relative;
+	flex: 0 0 auto;
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -119,11 +160,12 @@
 	block-size: 100%;
 }
 
-/* A dot, and only ever a dot — see `ActivityBarItem.badge` for why it carries no number. */
+/* A dot, and only ever a dot — see `ActivityBarItem.badge` for why it carries no number.
+   On the glyph's corner rather than the button's, so it stays on the icon when the row widens. */
 .cbab-badge {
 	position: absolute;
-	inset-block-start: 7px;
-	inset-inline-end: 7px;
+	inset-block-start: -3px;
+	inset-inline-end: -3px;
 	inline-size: 7px;
 	block-size: 7px;
 	border-radius: 999px;
@@ -133,6 +175,46 @@
 	box-shadow: 0 0 0 2px var(--surface-1, var(--background));
 }
 
+/* ── The words ──────────────────────────────────────────────────────────────────────── */
+
+.cbab-label {
+	display: none;
+	min-inline-size: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: 0.875rem;
+	line-height: 1.25rem;
+	font-weight: 500;
+	color: inherit;
+}
+
+.cbab-count {
+	display: none;
+	margin-inline-start: auto;
+	font-size: 0.75rem;
+	line-height: 1rem;
+	font-variant-numeric: tabular-nums;
+	color: var(--muted-foreground);
+}
+
+.cbab[data-expanded] .cbab-label,
+.cbab[data-expanded] .cbab-count {
+	display: block;
+}
+
+.cbab[data-expanded] .cbab-btn {
+	inline-size: 100%;
+}
+
+/* A borrowed widget's row: its own 40px square, then its word beside it, not inside it. */
+.cbab-slotrow {
+	display: flex;
+	align-items: center;
+	gap: 2px;
+	color: var(--muted-foreground);
+}
+
 /*
  * A widget the consumer brought — an account menu, a theme toggle. It gets the column's
  * geometry and nothing else, so whatever is inside keeps its own behaviour and its own
@@ -140,6 +222,8 @@
  */
 .cbab-slot {
 	cursor: default;
+	justify-content: center;
+	padding-inline: 0;
 }
 
 .cbab-slot > * {
@@ -160,5 +244,6 @@
 	.cbab-slot {
 		inline-size: 44px;
 		block-size: 44px;
+		padding-inline: 12px;
 	}
 }

package/dist/react/canvas-hud/HudControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HudControls.d.ts","sourceRoot":"","sources":["../../../src/react/canvas-hud/HudControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4FAA4F;AAC5F,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,cAAc,+BAc5G;AAED,MAAM,WAAW,oBAAoB;IACnC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;6EACyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAA0B,EAC1B,WAAuC,EACvC,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,+BAuBtB;AAED,MAAM,WAAW,mBAAmB;IAClC,qFAAqF;IACrF,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BAetE"}
+{"version":3,"file":"HudControls.d.ts","sourceRoot":"","sources":["../../../src/react/canvas-hud/HudControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4FAA4F;AAC5F,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,cAAc,+BAa5G;AAED,MAAM,WAAW,oBAAoB;IACnC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,qCAAqC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;6EACyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wEAAwE;AACxE,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAA0B,EAC1B,WAAuC,EACvC,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,+BAuBtB;AAED,MAAM,WAAW,mBAAmB;IAClC,qFAAqF;IACrF,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BAetE"}

package/dist/react/canvas-hud/HudControls.js

@@ -5,7 +5,7 @@ import { IconCenter, IconFit, IconZoomIn, IconZoomOut } from '../icons.js';
 import { cn } from '../lib/cn.js';
 /** One HUD control — an icon-sized belt `IconButton`, with a pressed state for a toggle. */
 export function HudButton({ label, onClick, children, pressed, unavailableReason, className }) {
-    return (_jsx(IconButton, { label: label, size: 'sm', "aria-pressed": pressed, unavailableReason: unavailableReason ?? undefined, tooltipMobile: 'off', onClick: onClick, className: cn('text-muted-foreground aria-pressed:bg-muted aria-pressed:text-foreground', className), children: children }));
+    return (_jsx(IconButton, { label: label, size: 'sm', "aria-pressed": pressed, unavailableReason: unavailableReason ?? undefined, onClick: onClick, className: cn('text-muted-foreground aria-pressed:bg-muted aria-pressed:text-foreground', className), children: children }));
 }
 /** CNV-3's essentials as one pill: −, the zoom %, +, Fit and Center. */
 export function HudZoomControls({ scale, onZoomIn, onZoomOut, onFit, onCenter, fitLabel = 'Fit to screen', centerLabel = 'Center on the selection', children, className, }) {

package/dist/react/canvas-hud/HudControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"HudControls.js","sourceRoot":"","sources":["../../../src/react/canvas-hud/HudControls.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AA4BlC,4FAA4F;AAC5F,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAkB;IAC3G,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,IAAI,kBACK,OAAO,EACrB,iBAAiB,EAAE,iBAAiB,IAAI,SAAS,EACjD,aAAa,EAAC,KAAK,EACnB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,0EAA0E,EAAE,SAAS,CAAC,YAEnG,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAmBD,wEAAwE;AACxE,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,eAAe,EAC1B,WAAW,GAAG,yBAAyB,EACvC,QAAQ,EACR,SAAS,GACY;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,OAAO,gBAAY,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,aAC7F,QAAQ,EACT,KAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,SAAS,YAC5C,KAAC,WAAW,KAAG,GACL,EACZ,gBAAM,SAAS,EAAC,iEAAiE,iBAAa,UAAU,aACrG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,SACnB,EACP,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,YAC1C,KAAC,UAAU,KAAG,GACJ,EACZ,KAAC,SAAS,IAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,YACxC,KAAC,OAAO,KAAG,GACD,EACX,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,SAAS,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,YAC9C,KAAC,UAAU,KAAG,GACJ,CACb,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC;AAQD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAuB;IACrE,MAAM,GAAG,GAAG,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;IAClH,OAAO,CACL,6BACe,CAAC,IAAI,iBACN,kBAAkB,EAC9B,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAClC,SAAS,CACV,YAED,MAAC,OAAO,IAAC,SAAS,EAAC,qBAAqB,sBAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,gBAAmB,GAChF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"HudControls.js","sourceRoot":"","sources":["../../../src/react/canvas-hud/HudControls.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AA4BlC,4FAA4F;AAC5F,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAkB;IAC3G,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,IAAI,kBACK,OAAO,EACrB,iBAAiB,EAAE,iBAAiB,IAAI,SAAS,EACjD,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,0EAA0E,EAAE,SAAS,CAAC,YAEnG,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAmBD,wEAAwE;AACxE,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,eAAe,EAC1B,WAAW,GAAG,yBAAyB,EACvC,QAAQ,EACR,SAAS,GACY;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,OAAO,gBAAY,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,aAC7F,QAAQ,EACT,KAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,SAAS,YAC5C,KAAC,WAAW,KAAG,GACL,EACZ,gBAAM,SAAS,EAAC,iEAAiE,iBAAa,UAAU,aACrG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,SACnB,EACP,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,YAC1C,KAAC,UAAU,KAAG,GACJ,EACZ,KAAC,SAAS,IAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,YACxC,KAAC,OAAO,KAAG,GACD,EACX,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,SAAS,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,YAC9C,KAAC,UAAU,KAAG,GACJ,CACb,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC;AAQD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAuB;IACrE,MAAM,GAAG,GAAG,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;IAClH,OAAO,CACL,6BACe,CAAC,IAAI,iBACN,kBAAkB,EAC9B,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAClC,SAAS,CACV,YAED,MAAC,OAAO,IAAC,SAAS,EAAC,qBAAqB,sBAAO,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,gBAAmB,GAChF,CACP,CAAC;AACJ,CAAC"}

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

@@ -44,10 +44,11 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Va
     tooltip: Exclude<ReactNode, null | undefined>;
     /** Preferred tooltip side (auto-flips to stay on-screen). Default `'top'`. */
     tooltipSide?: TooltipPlacement;
-    /** Touch affordance for the tooltip (Tooltip's `mobile`): `'icon'` (default) adds
-     *  the tappable ⓘ, `'tap'` toggles on tap, `'off'` renders no touch affordance —
-     *  use `'off'` when the tooltip merely restates the visible label/action, so
-     *  dense touch layouts don't sprout an ⓘ per control. */
+    /** Touch affordance for the tooltip (Tooltip's `mobile`): `'icon'` adds the tappable
+     *  ⓘ, `'tap'` toggles on tap, `'press'` shows it on a touch-and-hold, `'off'` renders no
+     *  touch affordance. Default: `'press'` for the square `icon*` sizes — an icon-only
+     *  control's tooltip IS its label, and a phone reaches it by holding (CPY-4) — and
+     *  `'off'` for a button whose words are already on it. */
     tooltipMobile?: TooltipMobile;
     /**
      * Async click handler — the single source of truth for "a button that does

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;;;8EAiG1B,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,+BA4Gb"}
+{"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;;;8EAiG1B,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;;;;8DAI0D;IAC1D,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,+BA+Gb"}

package/dist/react/components/Button.js

@@ -174,9 +174,11 @@ export function Button({ className, variant, size, asChild = false, loading = fa
         // implementation is necessarily a raw <button>.
         // Default to type="button" so a button inside a <form> never submits by accident.
         type: type ?? 'button', className: classes, "data-cb-variant": variantAttr, ...props, disabled: (disabled || (isLoading && !refused)) || undefined, "aria-disabled": refused ? true : props['aria-disabled'], "aria-busy": isLoading || undefined, onClick: refuseClick, onKeyDown: refuseKey, children: [isLoading ? _jsx(Loader2, { className: 'absolute size-4 animate-spin', "aria-hidden": true }) : null, !isLoading && justSucceeded ? _jsx(Check, { className: 'absolute size-4', "aria-hidden": true }) : null, _jsxs("span", { className: cn('contents', (isLoading || justSucceeded) && 'invisible'), children: [leftIcon, children] })] }));
+    // An icon-only button's tooltip is its only label, so a phone gets it on a hold (CPY-4).
+    const touchHint = tooltipMobile ?? (typeof size === 'string' && size.startsWith('icon') ? 'press' : undefined);
     // 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: refused ? (tooltipMobile && tooltipMobile !== 'off' ? tooltipMobile : 'tap') : tooltipMobile, multiline: true, children: el }));
+    return (_jsx(Tooltip, { content: refused ? reason : tooltip, side: tooltipSide, mobile: refused ? (tooltipMobile === 'icon' || tooltipMobile === 'tap' ? tooltipMobile : 'tap') : touchHint, 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":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAML,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,OAAO,EAA6C,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B;IACE,+EAA+E;IAC/E,0EAA0E;IAC1E,iBAAiB,EAAE,wCAAwC;IAC3D,kHAAkH;IAClH,sGAAsG;IACtG,+HAA+H;IAC/H,qFAAqF;IACrF,gFAAgF;IAChF,2DAA2D;IAC3D,gFAAgF;IAChF,oFAAoF;IACpF,mGAAmG;IACnG,iCAAiC;CAClC,EACD;IACE,QAAQ,EAAE;QACR,iEAAiE;QACjE,sDAAsD;QACtD,2DAA2D;QAC3D,sEAAsE;QACtE,0EAA0E;QAC1E,uEAAuE;QACvE,wEAAwE;QACxE,yEAAyE;QACzE,yEAAyE;QACzE,oEAAoE;QACpE,+DAA+D;QAC/D,yEAAyE;QACzE,0EAA0E;QAC1E,iEAAiE;QACjE,8EAA8E;QAC9E,iFAAiF;QACjF,qFAAqF;QACrF,OAAO,EAAE;YACP,OAAO,EACL,wFAAwF;YAC1F,0EAA0E;YAC1E,2EAA2E;YAC3E,yEAAyE;YACzE,0EAA0E;YAC1E,qEAAqE;YACrE,SAAS,EACP,4GAA4G;YAC9G,QAAQ,EAAE,0DAA0D;YACpE,KAAK,EAAE,0DAA0D;YACjE,IAAI,EAAE,2FAA2F;YACjG,WAAW,EACT,2LAA2L;YAC7L,qEAAqE;YACrE,sEAAsE;YACtE,sEAAsE;YACtE,qEAAqE;YACrE,wEAAwE;YACxE,qBAAqB,EACnB,gMAAgM;YAClM,mBAAmB,EACjB,kHAAkH;YACpH,eAAe,EAAE,qFAAqF;SACvG;QACD,iFAAiF;QACjF,+EAA+E;QAC/E,4EAA4E;QAC5E,8EAA8E;QAC9E,8EAA8E;QAC9E,6EAA6E;QAC7E,0DAA0D;QAC1D,8EAA8E;QAC9E,4EAA4E;QAC5E,+EAA+E;QAC/E,0EAA0E;QAC1E,4EAA4E;QAC5E,4EAA4E;QAC5E,4EAA4E;QAC5E,4DAA4D;QAC5D,IAAI,EAAE;YACJ,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,gEAAgE;YACpE,qEAAqE;YACrE,8EAA8E;YAC9E,0EAA0E;YAC1E,uEAAuE;YACvE,yBAAyB;YACzB,SAAS,EAAE,6EAA6E;YACxF,IAAI,EAAE,6EAA6E,EAAE,oCAAoC;YACzH,SAAS,EAAE,6EAA6E;SACzF;KACF;IACD,4FAA4F;IAC5F,6FAA6F;IAC7F,8FAA8F;IAC9F,kEAAkE;IAClE,gBAAgB,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5F,eAAe,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;CACtD,CACF,CAAC;AAgFF,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,GAAG,KAAK,EACtB,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,GAAG,KAAK,EACI;IACZ,MAAM,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEtE,MAAM,WAAW,GAAG,YAAY;QAC9B,CAAC,CAAC,KAAK,EAAE,CAAgC,EAAE,EAAE;YACzC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACb,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,UAAU,CAAC,OAAO;gBAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACzD,IAAI,CAAC;gBACH,MAAM,YAAY,CAAC,CAAC,CAAC,CAAC;gBACtB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;oBAC7B,KAAK,CAAC,OAAO,CAAC,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC9E,CAAC;gBACD,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;YAC1E,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;oBAC3B,6DAA6D;oBAC7D,KAAK,CAAC,KAAK,CACT,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAClG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CACrE,CAAC;gBACJ,CAAC;YACH,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;QACH,CAAC,CAAC,OAAO,CAAC;IAEZ,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC;IACrC,MAAM,MAAM,GAAG,iBAAiB,EAAE,IAAI,EAAE,IAAI,SAAS,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC;IAElD,sFAAsF;IACtF,+DAA+D;IAC/D,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,EAAE;QACvD,IAAI,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QACD,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,yFAAyF;IACzF,0EAA0E;IAC1E,MAAM,SAAS,GAAG,CAAC,CAAmC,EAAE,EAAE;QACxD,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,qFAAqF;IACrF,kFAAkF;IAClF,wFAAwF;IACxF,6EAA6E;IAC7E,0EAA0E;IAC1E,MAAM,WAAW,GAAG,OAAO,IAAI,WAAW,CAAC;IAE3C,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,qBAAmB,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YACtG,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF;QACE,iFAAiF;QACjF,gDAAgD;QAChD,kFAAkF;QAClF,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,SAAS,EAAE,OAAO,qBACD,WAAW,KACxB,KAAK,EACT,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,SAAS,mBAC7C,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,eAC3C,SAAS,IAAI,SAAS,EACjC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,aAEnB,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B,wBAAe,CAAC,CAAC,CAAC,IAAI,EACnF,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,wBAAe,CAAC,CAAC,CAAC,IAAI,EAEvF,gBAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC,SAAS,IAAI,aAAa,CAAC,IAAI,WAAW,CAAC,aACzE,QAAQ,EACR,QAAQ,IACJ,IACA,CACV,CAAC;IAEF,yFAAyF;IACzF,MAAM,SAAS,GAAG,aAAa,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE/G,8FAA8F;IAC9F,2FAA2F;IAC3F,yFAAyF;IACzF,OAAO,CAGL,KAAC,OAAO,IACN,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACnC,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa,KAAK,MAAM,IAAI,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3G,SAAS,kBAER,EAAE,GACK,CACX,CAAC;AACJ,CAAC"}