@charcuterie/ui 3.30.0 → 3.32.0

package/README.md

@@ -82,6 +82,20 @@ screen reader announces. `onClick` is required, so a pill nobody can press is a
 construction
 ([decision](../../docs/decisions/2026-08-22-a-pressable-badge-is-a-sibling-component-not-a-prop.md)).
 
+**`ActionTiles` is the tile that presses**, and it is the case the
+[choice-tile record](../../docs/decisions/2026-08-25-a-choice-tile-is-a-radiogroup-shape-not-a-third-component.md)
+named as out of scope: mux-magic's "Pick a tool" tiles are `<a href>` and points-market's are
+`<Link>`, and a link is not a radio. That record's test was *only the box changes*, and here
+it is false — no role to borrow, no roving tabindex, no selection-follows-focus, no
+read-only, no pending value — so the two share **the box and nothing else**, through
+`tileStyles.ts`, and the test compares *computed* styles rather than class names. It exists
+because QueuePilot's queue-type chooser was two `Button`s with `height: auto`: a `Button`
+carries **no block padding at all**, so the override computed to `padding: 0` down the block
+axis and shipped a card whose title sat flush against its top border. Nothing could report
+it — the class really was in the DOM, tsc never reads the CSS, and unstyled markup passes
+axe
+([decision](../../docs/decisions/2026-09-01-a-tile-that-acts-is-its-own-component-and-shares-only-the-box.md)).
+
 **The unified app shell adds four**: `Shell`, `Header`, `Rail`, `Main` — the fleet's largest
 single duplication, where ten of twelve UI repos hand-roll the page chrome and three of them
 have a file named `AppShell.tsx` (two of those headers are a *byte-identical* class string,

package/dist/ActionTiles/ActionTiles.d.ts

@@ -0,0 +1,115 @@
+import type { ControlSize } from "@charcuterie/tokens";
+import type { ReactNode } from "react";
+export type ActionTileItem = {
+    /**
+     * A line of help under the name. Drawn one step down the type ramp
+     * in `content-muted`, **inside** the tile — so `getByRole` computes
+     * it into the accessible name. A hint a screen reader never reads
+     * is a hint half the audience does not have.
+     */
+    hint?: ReactNode;
+    /**
+     * Makes this tile a real `<a href>`: middle-click, ctrl-click,
+     * "open in new tab", "copy link address" and the status bar all
+     * come from the element rather than from the paint. Routed through
+     * the injected `RouterLink` when the destination is same-origin and
+     * not a fragment.
+     *
+     * Without one, the tile is a `<button>` that calls the set's
+     * `onChoose`. A set may mix the two.
+     */
+    href?: string;
+    /**
+     * Leading content, above the name. A `Badge`, an app's own icon, a
+     * count.
+     *
+     * `aria-hidden` by construction: the name it sits above is inside
+     * the same tile, so an announced icon is the label read twice.
+     */
+    icon?: ReactNode;
+    isDisabled?: boolean;
+    /** Opens in a new tab, and says so to a screen reader. `href` only. */
+    isExternal?: boolean;
+    label: ReactNode;
+    /**
+     * Identity. The React key, and what `onChoose` is handed.
+     *
+     * Required even on a tile that navigates, so a set can mix the two
+     * without one half losing its key — the same reason `RadioItem`
+     * carries one.
+     */
+    value: string;
+};
+export type ActionTilesProps = {
+    className?: string;
+    items: readonly ActionTileItem[];
+    /** The set's accessible name. Required. */
+    label: string;
+    /**
+     * The narrowest a tile track may be, in CSS px.
+     *
+     * It is the grid's floor and not the tile's width: tracks below it
+     * are not created, and the ones that are share the row evenly.
+     */
+    minTileInlineSize?: number;
+    /** Fired by a tile that carries no `href`. */
+    onChoose?: (value: string) => void;
+    /** What `isExternal` announces. Not shown. */
+    newTabLabel?: string;
+    size?: ControlSize;
+};
+/**
+ * A set of ACTIONS drawn as tiles — a bordered card carrying a name
+ * and a line of help, in a grid that gains columns with its
+ * container.
+ *
+ * This is `RadioGroup`'s `itemShape="tile"` with the radio taken
+ * away. The
+ * [2026-08-25 record](../../../../docs/decisions/2026-08-25-a-choice-tile-is-a-radiogroup-shape-not-a-third-component.md)
+ * that made the choice tile a `RadioGroup` shape named this case
+ * under *"What this deliberately does not cover"* — mux-magic's "Pick
+ * a tool" tiles are `<a href>` and points-market's are `<Link>`, and
+ * *"a link is not a radio, and giving one `aria-checked` would be
+ * worse than the paint it replaced"*. So the box is shared through
+ * `tileStyles.ts` and nothing else is.
+ *
+ * ### Which of the two you want
+ *
+ * Ask what a press does.
+ *
+ *  - It **records a value** the user will then submit, or that
+ *    filters what is below it — `RadioGroup itemShape="tile"`. The
+ *    set announces "3 of 6", the arrow keys move the choice, and one
+ *    tile stays selected.
+ *  - It **goes somewhere or starts something** — this. Nothing stays
+ *    selected, because nothing was chosen: the page moved on. Tab
+ *    reaches each tile, Enter and Space press it, and a `href` tile
+ *    is a real anchor.
+ *
+ * A first step that opens the next step is the second kind, which is
+ * why QueuePilot's "Queue type" chooser is here and its Tonight
+ * activity filter is not.
+ *
+ * ### Why this is not a `Button` with a `className`
+ *
+ * A `Button` is sized by `h-(--control-height-md)` and carries **no
+ * block padding at all** — one line of text, by contract. An app that
+ * wants a wrapping two-line card reaches for `height: auto`, which
+ * deletes the height and leaves `padding: 0` down the block axis:
+ * a title flush against the top border and a description flush
+ * against the bottom one, with nothing to report it. That shipped in
+ * QueuePilot and is what this component exists to have made
+ * impossible.
+ *
+ * ### `role="group"`, and no roving tabindex
+ *
+ * These are ordinary buttons and anchors, so the platform already
+ * owns the keyboard: Tab reaches each one, Enter and Space press it,
+ * and a link opens in a new tab on ctrl-click. A radio group borrows
+ * one tab stop and moves the choice with the arrow keys because
+ * exactly one of its options is true at a time; nothing here is
+ * true, so imposing that model would only cost a keyboard user the
+ * ability to Tab to the second tile.
+ */
+export declare const ActionTiles: ({ className, items, label, minTileInlineSize, newTabLabel, onChoose, size, }: ActionTilesProps) => ReactNode;
+//# sourceMappingURL=ActionTiles.d.ts.map

package/dist/ActionTiles/ActionTiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionTiles.d.ts","sourceRoot":"","sources":["../../src/ActionTiles/ActionTiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAiBrD,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;IAChB;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,SAAS,cAAc,EAAE,CAAA;IAChC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,WAAW,GAAI,8EAQzB,gBAAgB,KAAG,SAwJrB,CAAA"}

package/dist/ActionTiles/ActionTiles.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FOCUS_RING_CLASS } from "../intentStyles.js";
+import { useRouterLink } from "../RouterLink/RouterLinkProvider.js";
+import { getIsRoutedHref } from "../RouterLink/routerLink.js";
+import { TILE_BOX_CLASS, TILE_COLUMNS_CLASS, TILE_GAP_CLASS, TILE_HINT_TEXT_CLASS, TILE_MIN_INLINE_SIZE_PROPERTY, TILE_PADDING_CLASS, TILE_TEXT_SIZE_CLASS, } from "../tileStyles.js";
+import { toClassName } from "../toClassName.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+/**
+ * A set of ACTIONS drawn as tiles — a bordered card carrying a name
+ * and a line of help, in a grid that gains columns with its
+ * container.
+ *
+ * This is `RadioGroup`'s `itemShape="tile"` with the radio taken
+ * away. The
+ * [2026-08-25 record](../../../../docs/decisions/2026-08-25-a-choice-tile-is-a-radiogroup-shape-not-a-third-component.md)
+ * that made the choice tile a `RadioGroup` shape named this case
+ * under *"What this deliberately does not cover"* — mux-magic's "Pick
+ * a tool" tiles are `<a href>` and points-market's are `<Link>`, and
+ * *"a link is not a radio, and giving one `aria-checked` would be
+ * worse than the paint it replaced"*. So the box is shared through
+ * `tileStyles.ts` and nothing else is.
+ *
+ * ### Which of the two you want
+ *
+ * Ask what a press does.
+ *
+ *  - It **records a value** the user will then submit, or that
+ *    filters what is below it — `RadioGroup itemShape="tile"`. The
+ *    set announces "3 of 6", the arrow keys move the choice, and one
+ *    tile stays selected.
+ *  - It **goes somewhere or starts something** — this. Nothing stays
+ *    selected, because nothing was chosen: the page moved on. Tab
+ *    reaches each tile, Enter and Space press it, and a `href` tile
+ *    is a real anchor.
+ *
+ * A first step that opens the next step is the second kind, which is
+ * why QueuePilot's "Queue type" chooser is here and its Tonight
+ * activity filter is not.
+ *
+ * ### Why this is not a `Button` with a `className`
+ *
+ * A `Button` is sized by `h-(--control-height-md)` and carries **no
+ * block padding at all** — one line of text, by contract. An app that
+ * wants a wrapping two-line card reaches for `height: auto`, which
+ * deletes the height and leaves `padding: 0` down the block axis:
+ * a title flush against the top border and a description flush
+ * against the bottom one, with nothing to report it. That shipped in
+ * QueuePilot and is what this component exists to have made
+ * impossible.
+ *
+ * ### `role="group"`, and no roving tabindex
+ *
+ * These are ordinary buttons and anchors, so the platform already
+ * owns the keyboard: Tab reaches each one, Enter and Space press it,
+ * and a link opens in a new tab on ctrl-click. A radio group borrows
+ * one tab stop and moves the choice with the arrow keys because
+ * exactly one of its options is true at a time; nothing here is
+ * true, so imposing that model would only cost a keyboard user the
+ * ability to Tab to the second tile.
+ */
+export const ActionTiles = ({ className, items, label, minTileInlineSize = 200, newTabLabel = "(opens in a new tab)", onChoose, size = "md", }) => {
+    const RouterLink = useRouterLink();
+    return (_jsx("div", { "aria-label": label, className: toClassName("grid", TILE_COLUMNS_CLASS, TILE_GAP_CLASS[size], className), role: "group", style: {
+            [TILE_MIN_INLINE_SIZE_PROPERTY]: `${minTileInlineSize}px`,
+        }, children: items.map(({ hint, href, icon, isDisabled = false, isExternal = false, label: tileLabel, value, }) => {
+            const tileClassName = toClassName(
+            // `flex`, not `inline-flex`: a grid item stretches to its
+            // track, and an inline box would sit at max-content
+            // inside it. `min-w-0` with `wrap-anywhere` below,
+            // because a grid item's automatic minimum is its
+            // min-content width — one unbroken token would otherwise
+            // set the track's floor and shove the grid out of its
+            // container.
+            "flex min-w-0 flex-col gap-0.5 text-start wrap-anywhere transition-colors duration-(--duration-fast) ease-standard", TILE_BOX_CLASS, TILE_PADDING_CLASS[size], TILE_TEXT_SIZE_CLASS[size], 
+            // Disabled turns the whole tile down with `opacity-60`,
+            // the same family treatment as `Checkbox`, `Switch` and
+            // the radio tile, rather than fading the border to a
+            // token that disappeared on a pale theme.
+            isDisabled
+                ? "cursor-not-allowed opacity-60"
+                : "cursor-pointer hover:border-border-strong", FOCUS_RING_CLASS);
+            const content = (_jsxs(_Fragment, { children: [icon === undefined ? null : (_jsx("span", { "aria-hidden": true, className: "flex", children: icon })), _jsx("span", { className: "font-semibold text-content-primary", children: tileLabel }), hint === undefined ? null : (_jsx("span", { className: toClassName("font-normal text-content-muted", TILE_HINT_TEXT_CLASS[size]), children: hint })), isExternal && href !== undefined ? (_jsx(VisuallyHidden, { children: newTabLabel })) : null] }));
+            if (href !== undefined && !isDisabled) {
+                // An external destination or a fragment is never the
+                // router's — pushing `https://…` or `#credits` onto the
+                // history stack navigates the SPA to a route that does
+                // not exist. Same destination test as `ButtonLink`.
+                const LinkElement = isExternal || !getIsRoutedHref(href)
+                    ? "a"
+                    : RouterLink;
+                return (_jsx(LinkElement, { className: tileClassName, href: href, 
+                    // `noreferrer` alongside `noopener` on purpose:
+                    // `noopener` closes the `window.opener` hole, and
+                    // `noreferrer` is what keeps a private app's URL out
+                    // of the destination's logs.
+                    rel: isExternal
+                        ? "noopener noreferrer"
+                        : undefined, target: isExternal ? "_blank" : undefined, children: content }, value));
+            }
+            if (href !== undefined) {
+                // `isDisabled` drops `href` entirely rather than shipping
+                // a focusable anchor that silently ignores clicks — an
+                // anchor with no `href` is inert by the platform's own
+                // rules, and the explicit `role`/`aria-disabled` keeps it
+                // *announced* as a link that is currently unavailable
+                // rather than vanishing from the tree. `ButtonLink`'s
+                // rule, unchanged.
+                return (_jsx("a", { "aria-disabled": "true", className: tileClassName, role: "link", children: content }, value));
+            }
+            return (_jsx("button", { className: tileClassName, disabled: isDisabled, onClick: () => {
+                    onChoose?.(value);
+                }, type: "button", children: content }, value));
+        }) }));
+};
+//# sourceMappingURL=ActionTiles.js.map

package/dist/ActionTiles/ActionTiles.js.map

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

package/dist/RadioGroup/RadioGroup.d.ts

@@ -97,6 +97,16 @@ export type RadioGroupProps = {
  * and `isReadOnly` are the ones already tested here. `SegmentedControl`
  * earns its own file by being a different control — one connected
  * strip, no radio affordance; a tile is this control with a border.
+ *
+ * ### A tile that ACTS is `ActionTiles`
+ *
+ * Same box, read from `tileStyles.ts`, and nothing else in common:
+ * no `radio` role, no roving tabindex, no selection to follow focus,
+ * no read-only. Ask what a press does. It records a value something
+ * below reads — this. It goes somewhere or starts something, and
+ * nothing stays selected — `ActionTiles`. Inverting every clause of
+ * the paragraph above is what earned that one its own file
+ * (`docs/decisions/2026-09-01-a-tile-that-acts-is-its-own-component-and-shares-only-the-box.md`).
  */
 export declare const RadioGroup: ({ className, itemShape, items, isReadOnly, label, minTileInlineSize, onChange, selectedValue, size, }: RadioGroupProps) => ReactNode;
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,KAAK,EAAE,SAAS,SAAS,EAAE,CAAA;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAiDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,UAAU,GAAI,uGAUxB,eAAe,KAAG,SA4JpB,CAAA"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAWrD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,KAAK,EAAE,SAAS,SAAS,EAAE,CAAA;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,UAAU,GAAI,uGAUxB,eAAe,KAAG,SA4JpB,CAAA"}

package/dist/RadioGroup/RadioGroup.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { selectTabIndex, useRovingFocus, useSinglePicker, } from "@charcuterie/logic";
 import { useCallback, useEffect, useRef } from "react";
+import { TILE_COLUMNS_CLASS, TILE_GAP_CLASS, TILE_MIN_INLINE_SIZE_PROPERTY, } from "../tileStyles.js";
 import { toClassName } from "../toClassName.js";
 import { RadioGroupOption } from "./RadioGroupOption.js";
 const GAP_CLASS = {
@@ -8,44 +9,6 @@ const GAP_CLASS = {
     md: "gap-1.5",
     lg: "gap-2",
 };
-/**
- * Wider than the row gaps: rows are separated by their leading, and
- * tiles by nothing but the gap, so the same 6px that reads as a list
- * reads as a seam between two cards.
- */
-const TILE_GAP_CLASS = {
-    sm: "gap-1.5",
-    md: "gap-2",
-    lg: "gap-3",
-};
-/**
- * `auto-fill`, and deliberately not `auto-fit`.
- *
- * `auto-fit` collapses the empty tracks and lets the ones that
- * remain share the whole row, so six tiles in a 2560px container
- * become six 420px slabs — the full-width-row shape in a new
- * costume. `auto-fill` keeps the empty tracks, so a tile stays a
- * tile and the grid simply has room to spare.
- *
- * `min(…, 100%)` is what stops the floor overflowing a container
- * narrower than one tile, which is the Narrow View and is otherwise
- * a horizontal scrollbar on a phone.
- *
- * The floor arrives as a custom property rather than an interpolated
- * class because Tailwind scans source *text* for complete class
- * strings: `` `grid-cols-[…${n}px…]` `` generates nothing, paints
- * nothing and reports nothing. One written-out literal reading
- * `var(--charcuterie-tile-min-inline-size)` covers every width an
- * app can ask for — the same reason `Card`'s accent edge goes
- * through one property.
- *
- * This is **not** `useAdaptiveColumns`, and the difference is the
- * question being asked. That hook buys a column with height, for an
- * unbounded gallery that will scroll; a radio group is a bounded set
- * of options inside a form section, where the only question is how
- * many fit across the box it was given.
- */
-const TILE_COLUMNS_CLASS = "grid-cols-[repeat(auto-fill,minmax(min(var(--charcuterie-tile-min-inline-size),100%),1fr))]";
 /**
  * One choice out of many, each on its own row with a label the size
  * of prose — the stacked sibling of `SegmentedControl`.
@@ -77,6 +40,16 @@ const TILE_COLUMNS_CLASS = "grid-cols-[repeat(auto-fill,minmax(min(var(--charcut
  * and `isReadOnly` are the ones already tested here. `SegmentedControl`
  * earns its own file by being a different control — one connected
  * strip, no radio affordance; a tile is this control with a border.
+ *
+ * ### A tile that ACTS is `ActionTiles`
+ *
+ * Same box, read from `tileStyles.ts`, and nothing else in common:
+ * no `radio` role, no roving tabindex, no selection to follow focus,
+ * no read-only. Ask what a press does. It records a value something
+ * below reads — this. It goes somewhere or starts something, and
+ * nothing stays selected — `ActionTiles`. Inverting every clause of
+ * the paragraph above is what earned that one its own file
+ * (`docs/decisions/2026-09-01-a-tile-that-acts-is-its-own-component-and-shares-only-the-box.md`).
  */
 export const RadioGroup = ({ className, itemShape = "row", items, isReadOnly = false, label, minTileInlineSize = 200, onChange, selectedValue, size = "md", }) => {
     const groupRef = useRef(null);
@@ -158,7 +131,7 @@ export const RadioGroup = ({ className, itemShape = "row", items, isReadOnly = f
             }
         }, ref: groupRef, style: isTile
             ? {
-                "--charcuterie-tile-min-inline-size": `${minTileInlineSize}px`,
+                [TILE_MIN_INLINE_SIZE_PROPERTY]: `${minTileInlineSize}px`,
             }
             : undefined, role: "radiogroup", children: items.map((item) => (_jsx(RadioGroupOption, { isChecked: checkedValue === item.value, isReadOnly: isReadOnly, item: item, itemShape: itemShape, onChoose: chooseOption, registerFocus: focus.register, registerSelection: selection.register, size: size, 
             // The roving-tabindex rule read from the core rather than

package/dist/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,GAChB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,6BAA6B,GAC9B,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAA;AAuEzD,MAAM,SAAS,GAAgC;IAC7C,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,OAAO;CACZ,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,iBAAiB,GAAG,GAAG,EACvB,QAAQ,EACR,aAAa,EACb,IAAI,GAAG,IAAI,GACK,EAAa,EAAE;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE7C,MAAM,cAAc,GAAG,MAAM,CAC3B,IAAI,GAAG,EAA6B,CACrC,CAAA;IAED,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM,CAAA;IAEnC,MAAM,YAAY,GAChB,aAAa;QACb,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,KAAK;QAC3C,IAAI,CAAA;IAEN,MAAM,SAAS,GAAG,eAAe,CAAS;QACxC,QAAQ;QACR,aAAa,EAAE,YAAY;KAC5B,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,cAAc,CAAS;QACnC,WAAW,EAAE,YAAY;KAC1B,CAAC,CAAA;IAEF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAE5B,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAE7C;;;;;OAKG;IACH,MAAM,YAAY,GAChB,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,YAAY,CAAA;IAEnD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,iEAAiE;QACjE,mCAAmC;QACnC,cAAc,CAAC,KAAK,CAAC,CAAA;QAErB,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,MAAM,CAAC,KAAK,CAAC,CAAA;QACf,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC,CACrC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,8DAA8D;QAC9D,+DAA+D;QAC/D,kEAAkE;QAClE,yDAAyD;QACzD,IAAI,WAAW,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxC,MAAM,CAAC,WAAW,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAA;QAE9B,IACE,CAAC,KAAK;YACN,WAAW,KAAK,IAAI;YACpB,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EACvC,CAAC;YACD,OAAM;QACR,CAAC;QAED,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,CAAA;IAClD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,4BACc,KAAK,mBACF,UAAU,IAAI,SAAS,EACtC,SAAS,EAAE,WAAW,CACpB,MAAM;YACJ,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,kBAAkB,CAAC;YACzC,CAAC,CAAC,eAAe,EACnB,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAC/C,SAAS,CACV,EACD,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE;YACtB,MAAM,QAAQ,GAA+B;gBAC3C,SAAS,EAAE,KAAK,CAAC,IAAI;gBACrB,SAAS,EAAE,KAAK,CAAC,QAAQ;gBACzB,UAAU,EAAE,KAAK,CAAC,IAAI;gBACtB,OAAO,EAAE,KAAK,CAAC,QAAQ;gBACvB,GAAG,EAAE,KAAK,CAAC,IAAI;gBACf,IAAI,EAAE,KAAK,CAAC,KAAK;aAClB,CAAA;YAED,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;YAEtC,IAAI,OAAO,EAAE,CAAC;gBACZ,uDAAuD;gBACvD,sDAAsD;gBACtD,yCAAyC;gBACzC,QAAQ,CAAC,cAAc,EAAE,CAAA;gBAEzB,OAAO,EAAE,CAAA;gBAET,OAAM;YACR,CAAC;YAED,6DAA6D;YAC7D,2DAA2D;YAC3D,4DAA4D;YAC5D,IACE,QAAQ,CAAC,GAAG,KAAK,GAAG;gBACpB,WAAW,KAAK,IAAI;gBACpB,CAAC,UAAU,EACX,CAAC;gBACD,QAAQ,CAAC,cAAc,EAAE,CAAA;gBAEzB,MAAM,CAAC,WAAW,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,EACD,GAAG,EAAE,QAAQ,EACb,KAAK,EACH,MAAM;YACJ,CAAC,CAAE;gBACC,CAAC,6BAA6B,CAAC,EAAE,GAAG,iBAAiB,IAAI;aACxC;YACrB,CAAC,CAAC,SAAS,EAEf,IAAI,EAAC,YAAY,YAEhB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,gBAAgB,IACf,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC,KAAK,EACtC,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EAEpB,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,iBAAiB,EAAE,SAAS,CAAC,QAAQ,EACrC,IAAI,EAAE,IAAI;YACV,0DAA0D;YAC1D,4DAA4D;YAC5D,wCAAwC;YACxC,QAAQ,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC/B,IAAI,OAAO,EAAE,CAAC;oBACZ,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;gBAC5C,CAAC;qBAAM,CAAC;oBACN,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACtC,CAAC;YACH,CAAC,IAfI,IAAI,CAAC,KAAK,CAgBf,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/RadioGroup/RadioGroupOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupOption.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroupOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACf,MAAM,kBAAkB,CAAA;AAEzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,EAAE,cAAc,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAC5C,0DAA0D;IAC1D,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAChD,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,CACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAC9B,IAAI,CAAA;CACV,CAAA;AAqDD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,GAAI,uHAW9B,qBAAqB,KAAG,SA0J1B,CAAA"}
+{"version":3,"file":"RadioGroupOption.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroupOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWtC,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACf,MAAM,kBAAkB,CAAA;AAEzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,EAAE,cAAc,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAC5C,0DAA0D;IAC1D,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IAChD,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,CACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAC9B,IAAI,CAAA;CACV,CAAA;AAiBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,GAAI,uHAW9B,qBAAqB,KAAG,SA0J1B,CAAA"}

package/dist/RadioGroup/RadioGroupOption.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { FOCUS_RING_CLASS } from "../intentStyles.js";
+import { TILE_BOX_CLASS, TILE_HINT_TEXT_CLASS, TILE_PADDING_CLASS, TILE_TEXT_SIZE_CLASS, } from "../tileStyles.js";
 import { toClassName } from "../toClassName.js";
 // Deliberately the `Switch`'s `THUMB_SIZE_CLASS`, value for value — a
 // radio's ring and a switch's knob are then the same circle at every
@@ -15,37 +16,6 @@ const DOT_SIZE_CLASS = {
     md: "size-2",
     lg: "size-2.5",
 };
-const TEXT_SIZE_CLASS = {
-    sm: "text-sm",
-    md: "text-md",
-    lg: "text-lg",
-};
-/**
- * One step down from the option's own text, and never below `xs`:
- * a hint that keeps shrinking with the density axis is the 11px
- * caption the 2026-08-10 ramp rebuild exists to have removed.
- */
-const HINT_TEXT_CLASS = {
-    sm: "text-xs",
-    md: "text-xs",
-    lg: "text-sm",
-};
-/**
- * A tile is a card, so its padding is a card's rather than a
- * control's — enough that the border reads as a box around content
- * and not as an outline on a line of text.
- */
-const TILE_PADDING_CLASS = {
-    sm: "px-3 py-2.5",
-    md: "px-3.5 py-3",
-    lg: "px-4 py-3.5",
-};
-/**
- * The box, and only the box. Every state below it is a **border and
- * a surface**, never colour alone — the same reason `Stepper`
- * refuses to say "done" with a hue.
- */
-const TILE_BOX_CLASS = "rounded-lg border border-border-subtle bg-surface-raised";
 /**
  * Its own file for the same reason `SegmentedOption` is: **both
  * registrations are effects**, and an effect cannot run in a loop.
@@ -82,7 +52,7 @@ export const RadioGroupOption = ({ isChecked, isReadOnly, item, itemShape, onCho
             // centred against both sits beside neither.
             hint === undefined
                 ? "items-center"
-                : "items-start"), TEXT_SIZE_CLASS[size], 
+                : "items-start"), TILE_TEXT_SIZE_CLASS[size], 
         // Disabled turns the whole option down with `opacity-60`, the
         // same family treatment as `Checkbox` and `Switch`, rather than
         // fading the ring to a token that disappeared on a pale theme.
@@ -127,6 +97,6 @@ export const RadioGroupOption = ({ isChecked, isReadOnly, item, itemShape, onCho
                         ? "bg-intent-neutral-solid"
                         : "bg-intent-accent-solid", isChecked ? "scale-100" : "scale-0", DOT_SIZE_CLASS[size]) }) }), hint === undefined && !isTile ? (_jsx("span", { children: label })) : (_jsxs("span", { className: "flex min-w-0 flex-col gap-0.5 wrap-anywhere", children: [icon !== undefined && isTile ? (_jsx("span", { "aria-hidden": true, className: "flex", children: icon })) : null, _jsx("span", { className: isTile
                             ? "font-semibold text-content-primary"
-                            : undefined, children: label }), hint === undefined ? null : (_jsx("span", { className: toClassName("font-normal text-content-muted", HINT_TEXT_CLASS[size]), children: hint }))] }))] }));
+                            : undefined, children: label }), hint === undefined ? null : (_jsx("span", { className: toClassName("font-normal text-content-muted", TILE_HINT_TEXT_CLASS[size]), children: hint }))] }))] }));
 };
 //# sourceMappingURL=RadioGroupOption.js.map

package/dist/RadioGroup/RadioGroupOption.js.map

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

package/dist/Tabs/PanelTabs.d.ts

@@ -0,0 +1,56 @@
+import type { ReactNode } from "react";
+import type { TabsPanelProps } from "./Tabs.tsx";
+/**
+ * The panel bar — every tab a `<button>`, every section a
+ * `role="tabpanel"` this component renders and hides. See `Tabs`
+ * for which of the two bars a screen wants.
+ *
+ * The composition is two hooks and one decision:
+ *
+ * ```ts
+ * const selection = useSinglePicker({ selectedValue: initialKey })
+ * const focus = useRovingFocus({ activeValue: initialKey })
+ *
+ * // `automatic` is this line, and `manual` is its absence.
+ * if (activation === "automatic") selection.select(focus.activeValue)
+ * ```
+ *
+ * ### Selection, not visibility — and the difference is not cosmetic
+ *
+ * M4 built this on `VisibilityGroup`, and the panels do end up
+ * one-at-a-time either way, because the two cores are the same
+ * shape. But the thing that **registers** here is the tab, not the
+ * panel, and what a tab bar is asking is *which one did you pick*.
+ * `SinglePicker` is the kind that answers that; the panel's
+ * `hidden` is derived from the answer.
+ *
+ * Reading it the other way round cost something concrete: it made
+ * `aria-selected` a report about a *panel's* visibility, so a
+ * consumer wanting a tab bar with no panels at all — a segmented
+ * filter, a view switcher that swaps a route — had to model its
+ * choice as a group of visibilities it did not have. `Alert`'s
+ * sibling `SegmentedControl` is exactly that consumer, and it now
+ * shares this component's core rather than hand-rolling a fourth
+ * one.
+ * [Decision](../../../../docs/decisions/2026-07-30-tab-selection-is-a-single-picker.md).
+ *
+ * ### What it does not use, and why that is the right answer
+ *
+ * The plan expected `createLinkedIds` here as well. It does not
+ * fit, and forcing it would have been the wrong call: that kind
+ * exists for a **dynamic** trigger↔target pair — a `Popover` whose
+ * panel mounts and unmounts, where the multiset is what stops
+ * `aria-controls` pointing at a node React has already removed. A
+ * tab bar's pairing is static and known at render, so the ids come
+ * from one `useUniqueId` and cannot get out of step at all.
+ *
+ * ### Focus is moved deliberately, and only then
+ *
+ * `RovingFocus` is state; something still has to call `.focus()`.
+ * That happens only while the tablist already contains the focused
+ * element — otherwise mounting a tab bar, or any parent re-render
+ * that moved `activeValue`, yanks the caret out of whatever the
+ * user was actually doing.
+ */
+export declare const PanelTabs: ({ activation, activeKey, className, label, onChange, orientation, tabs, }: TabsPanelProps) => ReactNode;
+//# sourceMappingURL=PanelTabs.d.ts.map

package/dist/Tabs/PanelTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/PanelTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAgBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,SAAS,GAAI,2EAQvB,cAAc,KAAG,SA6KnB,CAAA"}