@hjmds/react 1.34.0 → 1.35.1

package/dist/selection.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid } from "./layout.js";
+import { Button } from "./actions.js";
 import { useDesignProfileDefaults } from "./internal.js";
 import { chipRecipe, iconRecipe, segmentedControlRecipe, selectionControlRecipe, selectionGroupRecipe, switchRecipe, } from "@hjmds/design-contracts/recipes";
 import { resolveControlAccessibleName, reconcileCheckboxSelection, reconcileRadioSelection, resolveInitialRadioValue, toggleCheckboxSelection, validateCheckboxSelection, validateRadioSelection, } from "@hjmds/design-contracts/behaviors";
@@ -69,7 +71,10 @@ export const Radio = forwardRef(function Radio({ label, description, checked: ch
                     size: iconRecipe.sizes[selectionControlRecipe.leading.size],
                 }) })) : null, _jsxs("span", { className: "hjm-choice__copy", children: [_jsx("span", { children: label }), description ? _jsx("span", { className: "hjm-choice__description", children: description }) : null] })] }));
 });
-function CheckboxGroupInner({ items, label, accessibilityLabel, description, error, orientation = selectionGroupRecipe.defaults.orientation, presentation = selectionGroupRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, name, required = false, readOnly = false, renderLeading, value: valueProp, defaultValue, onValueChange, disabled, className, layoutStyle, style, ...props }, ref) {
+function ChoiceItems({ grid, className, children }) {
+    return grid ? _jsx(Grid, { ...grid, children: children }) : _jsx("div", { className: className, children: children });
+}
+function CheckboxGroupInner({ items, label, accessibilityLabel, description, error, orientation = selectionGroupRecipe.defaults.orientation, grid, presentation = selectionGroupRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, name, required = false, readOnly = false, renderLeading, value: valueProp, defaultValue, onValueChange, disabled, className, layoutStyle, style, ...props }, ref) {
     const resolvedLabel = resolveControlAccessibleName(label, accessibilityLabel, "CheckboxGroup");
     const [value, setValue] = useControllableState({
         ...(valueProp === undefined ? {} : { value: valueProp }),
@@ -89,7 +94,7 @@ function CheckboxGroupInner({ items, label, accessibilityLabel, description, err
     const generatedId = useId().replaceAll(":", "");
     const descriptionId = `${generatedId}-checkbox-group-description`;
     const errorId = `${generatedId}-checkbox-group-error`;
-    return (_jsxs("fieldset", { ...props, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-checkbox-group", className), "data-orientation": orientation, "data-presentation": presentation, "data-size": size, "data-state": error ? "invalid" : disabled ? "disabled" : "idle", disabled: disabled, "aria-label": accessibilityLabel, "aria-describedby": error ? errorId : description ? descriptionId : undefined, "aria-required": required || undefined, "aria-readonly": readOnly || undefined, children: [_jsx("legend", { className: label === undefined ? "hjm-visually-hidden" : undefined, children: label ?? resolvedLabel }), description && !error ? (_jsx("div", { id: descriptionId, className: "hjm-field__description", children: description })) : null, _jsx("div", { className: "hjm-checkbox-group__items", children: items.map((item) => {
+    return (_jsxs("fieldset", { ...props, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-checkbox-group", className), "data-orientation": orientation, "data-presentation": presentation, "data-size": size, "data-state": error ? "invalid" : disabled ? "disabled" : "idle", disabled: disabled, "aria-label": accessibilityLabel, "aria-describedby": error ? errorId : description ? descriptionId : undefined, "aria-required": required || undefined, "aria-readonly": readOnly || undefined, children: [_jsx("legend", { className: label === undefined ? "hjm-visually-hidden" : undefined, children: label ?? resolvedLabel }), description && !error ? (_jsx("div", { id: descriptionId, className: "hjm-field__description", children: description })) : null, _jsx(ChoiceItems, { grid: grid, className: "hjm-checkbox-group__items", children: items.map((item) => {
                     const checked = reconciledValue.has(item.id);
                     return (_jsxs("label", { className: "hjm-choice", "data-kind": "checkbox", "data-state": checked ? "checked" : "unchecked", "data-disabled": item.disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [_jsx("input", { className: "hjm-choice__input", type: "checkbox", name: name, value: item.id, checked: checked, disabled: item.disabled, "aria-readonly": readOnly || undefined, onChange: () => {
                                     if (!readOnly) {
@@ -118,7 +123,7 @@ function validateItems(component, items) {
         values.add(item.value);
     }
 }
-export const RadioGroup = forwardRef(function RadioGroup({ label, accessibilityLabel, items, value: valueProp, defaultValue = null, onValueChange, orientation = selectionGroupRecipe.defaults.orientation, presentation = selectionGroupRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, description, error, name, required = false, readOnly = false, renderLeading, disabled, className, layoutStyle, style, ...props }, ref) {
+export const RadioGroup = forwardRef(function RadioGroup({ label, accessibilityLabel, items, value: valueProp, defaultValue = null, onValueChange, orientation = selectionGroupRecipe.defaults.orientation, grid, presentation = selectionGroupRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, description, error, name, required = false, readOnly = false, indicator = "default", renderLeading, renderLabel, disabled, className, layoutStyle, style, ...props }, ref) {
     validateItems("RadioGroup", items);
     if (accessibilityLabel !== undefined &&
         accessibilityLabel.trim().length === 0)
@@ -165,16 +170,21 @@ export const RadioGroup = forwardRef(function RadioGroup({ label, accessibilityL
     }, [controlled, setValue, storedValue, value]);
     const descriptionId = `${generatedName}-radio-description`;
     const errorId = `${generatedName}-radio-error`;
-    return (_jsxs("fieldset", { ...props, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-radio-group", className), "data-orientation": orientation, "data-presentation": presentation, "data-size": size, "data-state": error ? "invalid" : disabled ? "disabled" : "idle", disabled: disabled, "aria-label": accessibilityLabel, "aria-describedby": error ? errorId : description ? descriptionId : undefined, "aria-readonly": readOnly || undefined, children: [_jsx("legend", { className: label == null ? "hjm-visually-hidden" : undefined, children: resolvedLabel }), description && !error ? _jsx("div", { id: descriptionId, className: "hjm-field__description", children: description }) : null, _jsx("div", { className: "hjm-radio-group__items", children: items.map((item) => {
+    return (_jsxs("fieldset", { ...props, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-radio-group", className), "data-orientation": orientation, "data-presentation": presentation, "data-size": size, "data-state": error ? "invalid" : disabled ? "disabled" : "idle", disabled: disabled, "aria-label": accessibilityLabel, "aria-describedby": error ? errorId : description ? descriptionId : undefined, "aria-readonly": readOnly || undefined, children: [_jsx("legend", { className: label == null ? "hjm-visually-hidden" : undefined, children: resolvedLabel }), description && !error ? _jsx("div", { id: descriptionId, className: "hjm-field__description", children: description }) : null, _jsx(ChoiceItems, { grid: grid, className: "hjm-radio-group__items", children: items.map((item) => {
                     const selected = item.value === value;
-                    return (_jsxs("label", { className: "hjm-choice", "data-kind": "radio", "data-state": selected ? "checked" : "unchecked", "data-disabled": item.disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [_jsx("input", { className: "hjm-choice__input", type: "radio", name: name ?? generatedName, value: item.value, checked: selected, disabled: item.disabled, required: required, "aria-readonly": readOnly || undefined, onClick: readOnly ? (event) => event.preventDefault() : undefined, onChange: () => {
+                    const choice = (_jsxs("label", { className: item.action ? "hjm-choice__target" : "hjm-choice", "data-kind": "radio", "data-state": selected ? "checked" : "unchecked", "data-disabled": item.disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [_jsx("input", { className: "hjm-choice__input", type: "radio", name: name ?? generatedName, value: item.value, checked: selected, disabled: item.disabled, required: required, ...(renderLabel && typeof item.label === "string" ? { "aria-label": item.label } : {}), "aria-readonly": readOnly || undefined, onClick: readOnly ? (event) => event.preventDefault() : undefined, onChange: () => {
                                     if (!readOnly)
                                         setValue(item.value);
-                                } }), _jsx("span", { className: "hjm-choice__indicator", "aria-hidden": "true" }), renderLeading ? (_jsx("span", { className: "hjm-choice__leading", "aria-hidden": "true", children: renderLeading(item, {
+                                } }), indicator === "default" ? _jsx("span", { className: "hjm-choice__indicator", "aria-hidden": "true" }) : null, renderLeading ? (_jsx("span", { className: "hjm-choice__leading", "aria-hidden": "true", children: renderLeading(item, {
                                     selected,
                                     color: "currentColor",
                                     size: iconRecipe.sizes[selectionControlRecipe.leading.size],
-                                }) })) : null, _jsxs("span", { className: "hjm-choice__copy", children: [_jsx("span", { children: item.label }), item.description ? (_jsx("span", { className: "hjm-choice__description", children: item.description })) : null] })] }, item.value));
+                                }) })) : null, _jsxs("span", { className: "hjm-choice__copy", children: [_jsx("span", { children: renderLabel?.(item) ?? item.label }), item.description ? (_jsx("span", { className: "hjm-choice__description", children: item.description })) : null] })] }, item.value));
+                    if (!item.action)
+                        return choice;
+                    // A button inside a label can activate its radio. Keep two independent targets
+                    // inside one recipe-owned frame, including when the group is read-only.
+                    return _jsxs("div", { className: "hjm-choice hjm-choice--with-action", "data-kind": "radio", "data-state": selected ? "checked" : "unchecked", "data-disabled": item.disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [choice, _jsx("span", { className: "hjm-choice__action", children: _jsx(Button, { tone: "ghost", size: "small", disabled: disabled || item.disabled || item.action.disabled, "aria-label": item.action.accessibilityLabel, onClick: item.action.onAction, children: item.action.label }) })] }, item.value);
                 }) }), _jsx(FieldError, { id: errorId, error: error })] }));
 });
 export const Switch = forwardRef(function Switch({ label, labelVisibility = "visible", description, presentation = switchRecipe.presentationDefaults.web, checked: checkedProp, defaultChecked = false, size = switchRecipe.defaults.size, onCheckedChange, disabled, type = "button", className, onClick, layoutStyle, style, ...props }, ref) {
@@ -191,7 +201,7 @@ export const Switch = forwardRef(function Switch({ label, labelVisibility = "vis
             onClick?.(event);
         }, children: [_jsx("span", { className: "hjm-switch__track", "aria-hidden": "true", children: _jsx("span", { className: "hjm-switch__thumb" }) }), _jsxs("span", { className: classNames("hjm-switch__copy", labelVisibility === "hidden" && "hjm-visually-hidden"), children: [_jsx("span", { id: labelId, className: classNames("hjm-switch__label", presentation === "row" && "hjm-text"), "data-font-role": presentation === "row" ? "ui" : undefined, "data-variant": presentation === "row" ? switchRecipe.rowLabelTextVariant : undefined, children: label }), hasDescription ? _jsx("span", { id: descriptionId, className: "hjm-switch__description", children: description }) : null] })] }));
 });
-export const SegmentedControl = forwardRef(function SegmentedControl({ label, items, value: valueProp, defaultValue, onValueChange, size = segmentedControlRecipe.defaults.size, presentation = "connected", textEmphasis = "strong", selectionMotion: suppliedSelectionMotion, name, disabled = false, className, layoutStyle, style, ...props }, ref) {
+export const SegmentedControl = forwardRef(function SegmentedControl({ label, items, value: valueProp, defaultValue, onValueChange, size = segmentedControlRecipe.defaults.size, presentation = "connected", textEmphasis = "strong", selectionMotion: suppliedSelectionMotion, name, overflow = "wrap", actions, disabled = false, className, layoutStyle, style, ...props }, ref) {
     const designProfile = useDesignProfileDefaults();
     const selectionMotion = presentation === "text" ? "none" : suppliedSelectionMotion ?? designProfile?.interactions.selectionMotion ?? "none";
     validateItems("SegmentedControl", items);
@@ -269,6 +279,19 @@ export const SegmentedControl = forwardRef(function SegmentedControl({ label, it
         document.addEventListener("visibilitychange", visibility);
         return () => { observer?.disconnect(); document.removeEventListener("visibilitychange", visibility); };
     }, [value, items, presentation, selectionMotion, disabled]);
-    return (_jsxs("fieldset", { ...props, disabled: disabled, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-segmented", className), "data-size": size, "data-presentation": presentation, "data-text-emphasis": presentation === "text" ? textEmphasis : undefined, role: presentation === "text" ? "radiogroup" : undefined, children: [_jsx("legend", { className: "hjm-visually-hidden", children: label }), _jsx("div", { className: "hjm-segmented__scroller", children: _jsxs("div", { className: "hjm-segmented__items", ref: trackRef, children: [selectionMotion === "slide" ? _jsx("span", { ref: highlightRef, className: "hjm-segmented__highlight", "aria-hidden": "true" }) : null, items.map((item) => (_jsxs("label", { className: "hjm-segmented__item", "data-state": item.value === value ? "checked" : "unchecked", "data-disabled": item.disabled || disabled || undefined, children: [_jsx("input", { type: "radio", name: name ?? generatedName, value: item.value, checked: item.value === value, disabled: item.disabled || disabled, required: true, onChange: () => setValue(item.value) }), _jsx("span", { children: item.label })] }, item.value)))] }) })] }));
+    const revealOption = (option) => {
+        if (overflow !== "scroll" || !option)
+            return;
+        const viewport = trackRef.current?.parentElement;
+        if (!viewport)
+            return;
+        const frame = viewport.getBoundingClientRect(), bounds = option.getBoundingClientRect();
+        const delta = bounds.left < frame.left ? bounds.left - frame.left : bounds.right > frame.right ? bounds.right - frame.right : 0;
+        if (delta)
+            viewport.scrollBy({ left: delta, behavior: "instant" });
+    };
+    useLayoutEffect(() => { revealOption(trackRef.current?.querySelector('[data-state="checked"]') ?? null); }, [value, items, overflow]);
+    const group = (_jsxs("fieldset", { ...props, disabled: disabled, ref: ref, style: { ...style, ...(actions == null ? layoutStyle : { flex: 1, minInlineSize: 0 }) }, className: classNames("hjm-segmented", className), "data-overflow": overflow, onFocusCapture: event => { props.onFocusCapture?.(event); revealOption(event.target.closest(".hjm-segmented__item")); }, "data-size": size, "data-presentation": presentation, "data-text-emphasis": presentation === "text" ? textEmphasis : undefined, role: presentation === "text" ? "radiogroup" : undefined, children: [_jsx("legend", { className: "hjm-visually-hidden", children: label }), _jsx("div", { className: "hjm-segmented__scroller", children: _jsxs("div", { className: "hjm-segmented__items", ref: trackRef, children: [selectionMotion === "slide" ? _jsx("span", { ref: highlightRef, className: "hjm-segmented__highlight", "aria-hidden": "true" }) : null, items.map((item) => (_jsxs("label", { className: "hjm-segmented__item", "data-state": item.value === value ? "checked" : "unchecked", "data-disabled": item.disabled || disabled || undefined, children: [_jsx("input", { type: "radio", name: name ?? generatedName, value: item.value, "aria-label": item.accessibilityLabel, checked: item.value === value, disabled: item.disabled || disabled, required: true, onChange: () => setValue(item.value) }), _jsx("span", { children: item.label })] }, item.value)))] }) })] }));
+    return actions == null ? group : _jsxs("div", { className: "hjm-segmented-rail", style: layoutStyle, children: [group, actions] });
 });
 //# sourceMappingURL=selection.js.map

package/dist/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useDesignProfileDefaults } from \"./internal.js\";\nimport {\n  chipRecipe,\n  iconRecipe,\n  segmentedControlRecipe,\n  selectionControlRecipe,\n  selectionGroupRecipe,\n  switchRecipe,\n  type SegmentedControlSize,\n  type SelectionControlPresentation,\n  type SelectionControlSize,\n  type SelectionGroupOrientation,\n  type SelectionGroupPresentation,\n  type SwitchSize,\n  type SwitchPresentation,\n} from \"@hjmds/design-contracts/recipes\";\n\nexport type { SwitchSize, SwitchPresentation };\nimport {\n  resolveControlAccessibleName,\n  reconcileCheckboxSelection,\n  reconcileRadioSelection,\n  resolveInitialRadioValue,\n  toggleCheckboxSelection,\n  validateCheckboxSelection,\n  validateRadioSelection,\n  type CheckboxGroupSelection,\n  type SelectionItemDescriptor,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useId,\n  useRef,\n  type ButtonHTMLAttributes,\n  type ChangeEvent,\n  type FieldsetHTMLAttributes,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from \"react\";\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nimport { FieldError } from \"./internal/field-error.js\";\n\nexport type ChoiceLeadingRenderProps = Readonly<{\n  selected: boolean;\n  color: \"currentColor\";\n  size: number;\n}>;\n\ntype ChipBaseProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onChange\" | \"onClick\" | \"size\"\n> &\n  Readonly<{\n    label: ReactNode;\n    size?: keyof typeof chipRecipe.sizes;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    renderSelectionIndicator?: (props: Readonly<{\n      selected: boolean;\n      color: \"currentColor\";\n      size: number;\n    }>) => ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\ntype ActionChipProps = Readonly<{\n  selectionMode?: \"action\";\n  selected?: never;\n  onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onSelectedChange?: never;\n}>;\n\ntype SelectionChipProps = Readonly<{\n  selectionMode: \"single\" | \"multiple\";\n  selected: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n}>;\n\nexport type ChipProps = ChipBaseProps & (ActionChipProps | SelectionChipProps);\n\n/** Action/filter chip with explicit selection semantics and no hidden state. */\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n  {\n    label,\n    size = chipRecipe.defaults.size,\n    leading,\n    trailing,\n    renderSelectionIndicator,\n    selectionMode = \"action\",\n    selected,\n    onSelectedChange,\n    onPress,\n    disabled,\n    className,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const selectable = selectionMode !== \"action\";\n  const active = selectable && selected === true;\n  return (\n    <button\n      {...props}\n      style={{ ...style, ...layoutStyle }}\n      ref={ref}\n      aria-checked={selectable ? active : undefined}\n      className={classNames(\"hjm-chip\", className)}\n      data-selected={active || undefined}\n      data-size={size}\n      disabled={disabled}\n      onClick={(event) => {\n        onPress?.(event);\n        if (!event.defaultPrevented && selectable) onSelectedChange?.(!active);\n      }}\n      role={selectionMode === \"single\" ? \"radio\" : selectionMode === \"multiple\" ? \"checkbox\" : undefined}\n      type=\"button\"\n    >\n      {active ? (\n        <span aria-hidden=\"true\" className=\"hjm-chip__indicator\">\n          {renderSelectionIndicator?.({\n            selected: true,\n            color: \"currentColor\",\n            size: iconRecipe.sizes[chipRecipe.selectionIndicator.glyph],\n          }) ?? \"✓\"}\n        </span>\n      ) : null}\n      {leading === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__leading\">{leading}</span>}\n      <span className=\"hjm-chip__label\">{label}</span>\n      {trailing === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__trailing\">{trailing}</span>}\n    </button>\n  );\n});\n\nexport type CheckboxProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n  Readonly<{\n    label: ReactNode;\n    description?: ReactNode;\n    checked?: boolean;\n    defaultChecked?: boolean;\n    indeterminate?: boolean;\n    onCheckedChange?: (checked: boolean) => void;\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n    presentation?: SelectionControlPresentation;\n    size?: SelectionControlSize;\n    renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n    /**\n     * Canonical layout-only placement on the root `<label>`. `style` keeps going\n     * to the native input, where it always went, so existing callers do not move.\n     */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  function Checkbox(\n    {\n      label,\n      description,\n      checked: checkedProp,\n      defaultChecked = false,\n      indeterminate = false,\n      onCheckedChange,\n      onChange,\n      disabled,\n      readOnly = false,\n      presentation = selectionControlRecipe.defaults.presentation,\n      size = selectionControlRecipe.defaults.size,\n      renderLeading,\n      className,\n      onClick,\n      layoutStyle,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const [checked, setChecked] = useControllableState({\n      ...(checkedProp === undefined ? {} : { value: checkedProp }),\n      defaultValue: defaultChecked,\n      ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),\n    });\n    const inputRef = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n      if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n    }, [indeterminate]);\n    const selected = checked || indeterminate;\n    const leadingSize = iconRecipe.sizes[selectionControlRecipe.leading.size];\n\n    return (\n      <label\n        className={classNames(\"hjm-choice\", className)}\n        style={layoutStyle}\n        data-kind=\"checkbox\"\n        data-state={indeterminate ? \"mixed\" : checked ? \"checked\" : \"unchecked\"}\n        data-disabled={disabled || undefined}\n        data-readonly={readOnly || undefined}\n        data-presentation={presentation}\n        data-size={size}\n      >\n        <input\n          {...props}\n          ref={composeRefs(inputRef, forwardedRef)}\n          className=\"hjm-choice__input\"\n          type=\"checkbox\"\n          checked={checked}\n          disabled={disabled}\n          aria-readonly={readOnly || undefined}\n          aria-checked={indeterminate ? \"mixed\" : checked}\n          onClick={(event) => {\n            onClick?.(event);\n            if (readOnly) event.preventDefault();\n          }}\n          onChange={(event) => {\n            if (!readOnly) setChecked(event.currentTarget.checked);\n            onChange?.(event);\n          }}\n        />\n        <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n        {renderLeading ? (\n          <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n            {renderLeading({\n              selected,\n              color: \"currentColor\",\n              size: leadingSize,\n            })}\n          </span>\n        ) : null}\n        <span className=\"hjm-choice__copy\">\n          <span>{label}</span>\n          {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n        </span>\n      </label>\n    );\n  },\n);\n\ntype RadioState =\n  | Readonly<{\n      checked: boolean;\n      defaultChecked?: never;\n      onCheckedChange(checked: true): void;\n    }>\n  | Readonly<{\n      checked?: never;\n      defaultChecked?: boolean;\n      onCheckedChange?: (checked: true) => void;\n    }>;\n\nexport type RadioProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n  RadioState &\n  Readonly<{\n    label: ReactNode;\n    description?: ReactNode;\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n    presentation?: SelectionControlPresentation;\n    size?: SelectionControlSize;\n    renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n    /**\n     * Canonical layout-only placement on the root `<label>`. `style` keeps going\n     * to the native input, where it always went, so existing callers do not move.\n     */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\n/** Native radio item primitive. Use RadioGroup when the renderer owns group state. */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    label,\n    description,\n    checked: checkedProp,\n    defaultChecked = false,\n    onCheckedChange,\n    onChange,\n    disabled,\n    readOnly = false,\n    presentation = selectionControlRecipe.defaults.presentation,\n    size = selectionControlRecipe.defaults.size,\n    renderLeading,\n    className,\n    onClick,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const [checked, setChecked] = useControllableState({\n    ...(checkedProp === undefined ? {} : { value: checkedProp }),\n    defaultValue: defaultChecked,\n    ...(onCheckedChange === undefined\n      ? {}\n      : { onChange: (next: boolean) => next && onCheckedChange(true) }),\n  });\n  return (\n    <label\n      className={classNames(\"hjm-choice\", className)}\n      style={layoutStyle}\n      data-kind=\"radio\"\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      data-disabled={disabled || undefined}\n      data-readonly={readOnly || undefined}\n      data-presentation={presentation}\n      data-size={size}\n    >\n      <input\n        {...props}\n        ref={ref}\n        className=\"hjm-choice__input\"\n        type=\"radio\"\n        checked={checked}\n        disabled={disabled}\n        aria-readonly={readOnly || undefined}\n        onClick={(event) => {\n          onClick?.(event);\n          if (readOnly) event.preventDefault();\n        }}\n        onChange={(event) => {\n          if (!readOnly && event.currentTarget.checked) setChecked(true);\n          onChange?.(event);\n        }}\n      />\n      <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n      {renderLeading ? (\n        <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n          {renderLeading({\n            selected: checked,\n            color: \"currentColor\",\n            size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n          })}\n        </span>\n      ) : null}\n      <span className=\"hjm-choice__copy\">\n        <span>{label}</span>\n        {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n      </span>\n    </label>\n  );\n});\n\nexport type CheckboxGroupItem<Key extends string = string> =\n  SelectionItemDescriptor<Key>;\n\ntype CheckboxGroupBaseProps<Key extends string> = Omit<\n  FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  \"defaultValue\" | \"onChange\" | \"value\"\n> &\n  Readonly<{\n    items: readonly CheckboxGroupItem<Key>[];\n    label?: string;\n    accessibilityLabel?: string;\n    description?: ReactNode;\n    error?: ReactNode;\n    orientation?: SelectionGroupOrientation;\n    presentation?: SelectionGroupPresentation;\n    size?: SelectionControlSize;\n    name?: string;\n    required?: boolean;\n    readOnly?: boolean;\n    renderLeading?: (\n      item: CheckboxGroupItem<Key>,\n      appearance: ChoiceLeadingRenderProps,\n    ) => ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport type CheckboxGroupProps<Key extends string = string> =\n  CheckboxGroupBaseProps<Key> & CheckboxGroupSelection<Key>;\n\nfunction CheckboxGroupInner<Key extends string>(\n  {\n    items,\n    label,\n    accessibilityLabel,\n    description,\n    error,\n    orientation = selectionGroupRecipe.defaults.orientation,\n    presentation = selectionGroupRecipe.defaults.presentation,\n    size = selectionControlRecipe.defaults.size,\n    name,\n    required = false,\n    readOnly = false,\n    renderLeading,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    disabled,\n    className,\n    layoutStyle,\n    style,\n    ...props\n  }: CheckboxGroupProps<Key>,\n  ref: React.ForwardedRef<HTMLFieldSetElement>,\n) {\n  const resolvedLabel = resolveControlAccessibleName(\n    label,\n    accessibilityLabel,\n    \"CheckboxGroup\",\n  );\n  const [value, setValue] = useControllableState<ReadonlySet<Key>>({\n    ...(valueProp === undefined ? {} : { value: valueProp }),\n    defaultValue: defaultValue ?? new Set<Key>(),\n    ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n  });\n  const controlled = valueProp !== undefined;\n  if (controlled) validateCheckboxSelection(items, value);\n  const reconciledValue = controlled\n    ? value\n    : reconcileCheckboxSelection(items, value);\n  useEffect(() => {\n    if (!controlled && reconciledValue !== value) setValue(reconciledValue);\n  }, [controlled, reconciledValue, setValue, value]);\n  const generatedId = useId().replaceAll(\":\", \"\");\n  const descriptionId = `${generatedId}-checkbox-group-description`;\n  const errorId = `${generatedId}-checkbox-group-error`;\n  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      style={{ ...style, ...layoutStyle }}\n      className={classNames(\"hjm-checkbox-group\", className)}\n      data-orientation={orientation}\n      data-presentation={presentation}\n      data-size={size}\n      data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n      disabled={disabled}\n      aria-label={accessibilityLabel}\n      aria-describedby={error ? errorId : description ? descriptionId : undefined}\n      aria-required={required || undefined}\n      aria-readonly={readOnly || undefined}\n    >\n      <legend className={label === undefined ? \"hjm-visually-hidden\" : undefined}>\n        {label ?? resolvedLabel}\n      </legend>\n      {description && !error ? (\n        <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n      ) : null}\n      <div className=\"hjm-checkbox-group__items\">\n        {items.map((item) => {\n          const checked = reconciledValue.has(item.id);\n          return (\n            <label\n              key={item.id}\n              className=\"hjm-choice\"\n              data-kind=\"checkbox\"\n              data-state={checked ? \"checked\" : \"unchecked\"}\n              data-disabled={item.disabled || undefined}\n              data-readonly={readOnly || undefined}\n              data-presentation={presentation}\n              data-size={size}\n            >\n              <input\n                className=\"hjm-choice__input\"\n                type=\"checkbox\"\n                name={name}\n                value={item.id}\n                checked={checked}\n                disabled={item.disabled}\n                aria-readonly={readOnly || undefined}\n                onChange={() => {\n                  if (!readOnly) {\n                    setValue(toggleCheckboxSelection(items, reconciledValue, item.id));\n                  }\n                }}\n                onClick={readOnly ? (event) => event.preventDefault() : undefined}\n              />\n              <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n              {renderLeading ? (\n                <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n                  {renderLeading(item, {\n                    selected: checked,\n                    color: \"currentColor\",\n                    size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n                  })}\n                </span>\n              ) : null}\n              <span className=\"hjm-choice__copy\">\n                <span>{item.label}</span>\n                {item.description ? (\n                  <span className=\"hjm-choice__description\">{item.description}</span>\n                ) : null}\n              </span>\n            </label>\n          );\n        })}\n      </div>\n      <FieldError id={errorId} error={error} />\n    </fieldset>\n  );\n}\n\nexport const CheckboxGroup = forwardRef(CheckboxGroupInner) as <Key extends string = string>(\n  props: CheckboxGroupProps<Key> & RefAttributes<HTMLFieldSetElement>,\n) => ReactElement;\n\nexport type RadioGroupItem = Readonly<{\n  value: string;\n  label: ReactNode;\n  description?: ReactNode;\n  disabled?: boolean;\n}>;\n\ntype RadioGroupLabelProps =\n  | Readonly<{ label: ReactNode; accessibilityLabel?: string }>\n  | Readonly<{ label?: never; accessibilityLabel: string }>;\n\nexport type RadioGroupProps = Omit<\n  FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  \"defaultValue\" | \"onChange\" | \"value\"\n> &\n  RadioGroupLabelProps &\n  Readonly<{\n    items: readonly RadioGroupItem[];\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string) => void;\n    orientation?: SelectionGroupOrientation;\n    presentation?: SelectionGroupPresentation;\n    size?: SelectionControlSize;\n    description?: ReactNode;\n    error?: ReactNode;\n    name?: string;\n    required?: boolean;\n    readOnly?: boolean;\n    renderLeading?: (\n      item: RadioGroupItem,\n      appearance: ChoiceLeadingRenderProps,\n    ) => ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nfunction validateItems(\n  component: \"RadioGroup\" | \"SegmentedControl\",\n  items: readonly Readonly<{ value: string }>[] ,\n): void {\n  if (items.length === 0) {\n    throw new TypeError(`${component} requires at least one item`);\n  }\n  const values = new Set<string>();\n  for (const item of items) {\n    if (item.value.trim().length === 0) {\n      throw new TypeError(`${component} item value must not be empty`);\n    }\n    if (values.has(item.value)) {\n      throw new TypeError(`Duplicate ${component} item value: ${item.value}`);\n    }\n    values.add(item.value);\n  }\n}\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(\n  function RadioGroup(\n    {\n      label,\n      accessibilityLabel,\n      items,\n      value: valueProp,\n      defaultValue = null,\n      onValueChange,\n      orientation = selectionGroupRecipe.defaults.orientation,\n      presentation = selectionGroupRecipe.defaults.presentation,\n      size = selectionControlRecipe.defaults.size,\n      description,\n      error,\n      name,\n      required = false,\n      readOnly = false,\n      renderLeading,\n      disabled,\n      className,\n      layoutStyle,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    validateItems(\"RadioGroup\", items);\n    if (\n      accessibilityLabel !== undefined &&\n      accessibilityLabel.trim().length === 0\n    ) throw new TypeError(\"RadioGroup accessibilityLabel must not be empty\");\n    const resolvedLabel = label === undefined || label === null\n      ? resolveControlAccessibleName(undefined, accessibilityLabel, \"RadioGroup\")\n      : label;\n    const descriptors = items.map((item) => ({\n      id: item.value,\n      label: typeof item.label === \"string\" ? item.label : item.value,\n      ...(typeof item.description === \"string\"\n        ? { description: item.description }\n        : {}),\n      ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n    }));\n    const initialValueRef = useRef<Readonly<{ value: string | null }> | null>(null);\n    if (initialValueRef.current === null) {\n      initialValueRef.current = {\n        value: resolveInitialRadioValue(descriptors, defaultValue, required),\n      };\n    }\n    const generatedName = useId().replaceAll(\":\", \"\");\n    const [storedValue, setValue] = useControllableState<string | null>({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue: initialValueRef.current.value,\n      ...(onValueChange === undefined\n        ? {}\n        : {\n            onChange: (next: string | null) => {\n              if (next !== null) onValueChange(next);\n            },\n          }),\n    });\n    const controlled = valueProp !== undefined;\n    if (controlled) validateRadioSelection(descriptors, storedValue);\n    const value = controlled\n      ? storedValue\n      : reconcileRadioSelection(descriptors, storedValue, required);\n    useEffect(() => {\n      if (!controlled && value !== storedValue) setValue(value);\n    }, [controlled, setValue, storedValue, value]);\n    const descriptionId = `${generatedName}-radio-description`;\n    const errorId = `${generatedName}-radio-error`;\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        style={{ ...style, ...layoutStyle }}\n        className={classNames(\"hjm-radio-group\", className)}\n        data-orientation={orientation}\n        data-presentation={presentation}\n        data-size={size}\n        data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n        disabled={disabled}\n        aria-label={accessibilityLabel}\n        aria-describedby={error ? errorId : description ? descriptionId : undefined}\n        aria-readonly={readOnly || undefined}\n      >\n        <legend className={label == null ? \"hjm-visually-hidden\" : undefined}>\n          {resolvedLabel}\n        </legend>\n        {description && !error ? <div id={descriptionId} className=\"hjm-field__description\">{description}</div> : null}\n        <div className=\"hjm-radio-group__items\">\n          {items.map((item) => {\n            const selected = item.value === value;\n            return (\n              <label\n                key={item.value}\n                className=\"hjm-choice\"\n                data-kind=\"radio\"\n                data-state={selected ? \"checked\" : \"unchecked\"}\n                data-disabled={item.disabled || undefined}\n                data-readonly={readOnly || undefined}\n                data-presentation={presentation}\n                data-size={size}\n              >\n                <input\n                  className=\"hjm-choice__input\"\n                  type=\"radio\"\n                  name={name ?? generatedName}\n                  value={item.value}\n                  checked={selected}\n                  disabled={item.disabled}\n                  required={required}\n                  aria-readonly={readOnly || undefined}\n                  onClick={readOnly ? (event) => event.preventDefault() : undefined}\n                  onChange={() => {\n                    if (!readOnly) setValue(item.value);\n                  }}\n                />\n                <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n                {renderLeading ? (\n                  <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n                    {renderLeading(item, {\n                      selected,\n                      color: \"currentColor\",\n                      size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n                    })}\n                  </span>\n                ) : null}\n                <span className=\"hjm-choice__copy\">\n                  <span>{item.label}</span>\n                  {item.description ? (\n                    <span className=\"hjm-choice__description\">{item.description}</span>\n                  ) : null}\n                </span>\n              </label>\n            );\n          })}\n        </div>\n        <FieldError id={errorId} error={error} />\n      </fieldset>\n    );\n  },\n);\n\nexport type SwitchProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"role\" | \"onChange\" | \"value\"\n> &\n  Readonly<{\n    label: ReactNode;\n    /** Supporting copy is described separately from the stable accessible name. */\n    description?: ReactNode;\n    presentation?: SwitchPresentation;\n    /** Hide repeated row copy visually while preserving the switch's accessible name. */\n    labelVisibility?: \"visible\" | \"hidden\";\n    checked?: boolean;\n    defaultChecked?: boolean;\n    /** Track and thumb geometry from `switchRecipe.sizes`. */\n    size?: SwitchSize;\n    onCheckedChange?: (checked: boolean) => void;\n      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  {\n    label,\n    labelVisibility = \"visible\",\n    description,\n    presentation = switchRecipe.presentationDefaults.web,\n    checked: checkedProp,\n    defaultChecked = false,\n    size = switchRecipe.defaults.size,\n    onCheckedChange,\n    disabled,\n    type = \"button\",\n    className,\n    onClick,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const labelId = useId();\n  const descriptionId = useId();\n  const hasDescription = description !== undefined && description !== null;\n  const [checked, setChecked] = useControllableState({\n    ...(checkedProp === undefined ? {} : { value: checkedProp }),\n    defaultValue: defaultChecked,\n    ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),\n  });\n  return (\n    <button\n      {...props}\n      style={{ ...style, ...layoutStyle }}\n      ref={ref}\n      type={type}\n      role=\"switch\"\n      className={classNames(\"hjm-switch\", className)}\n      data-size={size}\n      data-presentation={presentation}\n      data-label-visibility={labelVisibility}\n      // Two-line row geometry only applies when the copy is on screen; a hidden label (ListRow trailing) keeps 44.\n      data-two-line={(hasDescription && labelVisibility === \"visible\") || undefined}\n      aria-labelledby={props[\"aria-labelledby\"] ?? (props[\"aria-label\"] ? undefined : labelId)}\n      aria-describedby={[props[\"aria-describedby\"], hasDescription ? descriptionId : undefined].filter(Boolean).join(\" \") || undefined}\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      aria-checked={checked}\n      disabled={disabled}\n      onClick={(event) => {\n        setChecked((current) => !current);\n        onClick?.(event);\n      }}\n    >\n      <span className=\"hjm-switch__track\" aria-hidden=\"true\">\n        <span className=\"hjm-switch__thumb\" />\n      </span>\n      <span className={classNames(\"hjm-switch__copy\", labelVisibility === \"hidden\" && \"hjm-visually-hidden\")}>\n        <span id={labelId}\n          className={classNames(\"hjm-switch__label\", presentation === \"row\" && \"hjm-text\")}\n          data-font-role={presentation === \"row\" ? \"ui\" : undefined}\n          data-variant={presentation === \"row\" ? switchRecipe.rowLabelTextVariant : undefined}\n        >{label}</span>\n        {hasDescription ? <span id={descriptionId} className=\"hjm-switch__description\">{description}</span> : null}\n      </span>\n    </button>\n  );\n});\n\nexport type SegmentedControlItem = Readonly<{\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}>;\n\nexport type SegmentedControlProps = Omit<\n  FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  \"defaultValue\" | \"onChange\" | \"value\"\n> &\n  Readonly<{\n    label: string;\n    items: readonly SegmentedControlItem[];\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    size?: SegmentedControlSize;\n    presentation?: \"connected\" | \"pills\" | \"text\";\n    textEmphasis?: \"regular\" | \"strong\";\n    /** Move only the selection artwork; radio semantics and hit targets stay fixed. */\n    selectionMotion?: \"none\" | \"slide\";\n    name?: string;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const SegmentedControl = forwardRef<\n  HTMLFieldSetElement,\n  SegmentedControlProps\n>(function SegmentedControl(\n  {\n    label,\n    items,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    size = segmentedControlRecipe.defaults.size,\n    presentation = \"connected\",\n    textEmphasis = \"strong\",\n    selectionMotion: suppliedSelectionMotion,\n    name,\n    disabled = false,\n    className,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const designProfile = useDesignProfileDefaults();\n  const selectionMotion = presentation === \"text\" ? \"none\" : suppliedSelectionMotion ?? designProfile?.interactions.selectionMotion ?? \"none\";\n  validateItems(\"SegmentedControl\", items);\n  const descriptors = items.map((item) => ({\n    id: item.value,\n    label: typeof item.label === \"string\" ? item.label : item.value,\n    ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n  }));\n  const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n  if (initialValueRef.current === null) {\n    const initial = resolveInitialRadioValue(descriptors, defaultValue ?? null, true);\n    if (initial === null) {\n      throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n    }\n    initialValueRef.current = { value: initial };\n  }\n  const generatedName = useId();\n  const [storedValue, setValue] = useControllableState({\n    ...(valueProp === undefined ? {} : { value: valueProp }),\n    defaultValue: initialValueRef.current.value,\n    ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n  });\n  const controlled = valueProp !== undefined;\n  if (controlled) validateRadioSelection(descriptors, storedValue);\n  const value = controlled\n    ? storedValue\n    : reconcileRadioSelection(descriptors, storedValue, true);\n  if (value === null) {\n    throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n  }\n  useEffect(() => {\n    if (!controlled && value !== storedValue) setValue(value);\n  }, [controlled, setValue, storedValue, value]);\n  const trackRef = useRef<HTMLDivElement>(null);\n  const highlightRef = useRef<HTMLSpanElement>(null);\n  const previousSelection = useRef<string | null>(null);\n  useLayoutEffect(() => {\n    const track = trackRef.current; const highlight = highlightRef.current;\n    if (selectionMotion !== \"slide\" || !track || !highlight) { previousSelection.current = null; if (track) delete track.dataset.highlightReady; return; }\n    const selected = Array.from(track.querySelectorAll<HTMLLabelElement>(\".hjm-segmented__item\")).find(item => item.dataset.state === \"checked\");\n    if (!selected) return;\n    const place = (animate: boolean) => {\n      // CSS owns reduced motion (both provider and OS); no provider import is\n      // added to this small selection entry just for decorative artwork.\n      highlight.dataset.moving = animate && !document.hidden ? \"true\" : \"false\";\n      const inset = presentation === \"pills\" ? Number.parseFloat(getComputedStyle(selected, \"::before\").top) || 0 : 0;\n      Object.assign(highlight.style, { left: `${selected.offsetLeft}px`, top: `${selected.offsetTop + inset}px`, width: `${selected.offsetWidth}px`, height: `${selected.offsetHeight - inset * 2}px`, opacity: selected.dataset.disabled === \"true\" ? \"0.5\" : \"1\" });\n      track.dataset.highlightReady = \"true\";\n    };\n    place(previousSelection.current !== null && previousSelection.current !== value);\n    previousSelection.current = value;\n    let bounds = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n    const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => {\n      const next = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n      if (next !== bounds) { bounds = next; place(false); }\n    });\n    for (const item of track.querySelectorAll(\".hjm-segmented__item\")) observer?.observe(item);\n    // Fixed-width RTL pills move when the track resizes without changing their\n    // own size. Observing only items leaves the selected artwork at its old x.\n    observer?.observe(track);\n    const visibility = () => place(false);\n    document.addEventListener(\"visibilitychange\", visibility);\n    return () => { observer?.disconnect(); document.removeEventListener(\"visibilitychange\", visibility); };\n  }, [value, items, presentation, selectionMotion, disabled]);\n  return (\n    <fieldset\n      {...props}\n      disabled={disabled}\n      ref={ref}\n      style={{ ...style, ...layoutStyle }}\n      className={classNames(\"hjm-segmented\", className)}\n      data-size={size}\n      data-presentation={presentation}\n      data-text-emphasis={presentation === \"text\" ? textEmphasis : undefined}\n      role={presentation === \"text\" ? \"radiogroup\" : undefined}\n    >\n      <legend className=\"hjm-visually-hidden\">{label}</legend>\n      {/* The scroller is separate from the drawn track so a small track's options can extend their hit area past\n          the track edge; a scrolling track would clip it (segmentedControlRecipe.sizes, 2026-10-17). */}\n      <div className=\"hjm-segmented__scroller\">\n      <div className=\"hjm-segmented__items\" ref={trackRef}>\n        {selectionMotion === \"slide\" ? <span ref={highlightRef} className=\"hjm-segmented__highlight\" aria-hidden=\"true\" /> : null}\n        {items.map((item) => (\n          <label\n            key={item.value}\n            className=\"hjm-segmented__item\"\n            data-state={item.value === value ? \"checked\" : \"unchecked\"}\n            // A disabled group must look disabled like Native; fieldset[disabled] alone only\n            // blocked input and the per-item styling never saw it (2026-10-17 review).\n            data-disabled={item.disabled || disabled || undefined}\n          >\n            <input\n              type=\"radio\"\n              name={name ?? generatedName}\n              value={item.value}\n              checked={item.value === value}\n              disabled={item.disabled || disabled}\n              required\n              onChange={() => setValue(item.value)}\n            />\n            <span>{item.label}</span>\n          </label>\n        ))}\n      </div>\n      </div>\n    </fieldset>\n  );\n});\n"]}
+{"version":3,"file":"selection.js","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Grid } from \"./layout.js\";\nimport type { GridDescriptor } from \"@hjmds/design-contracts/grid\";\nimport { Button } from \"./actions.js\";\nimport { useDesignProfileDefaults } from \"./internal.js\";\nimport {\n  chipRecipe,\n  iconRecipe,\n  segmentedControlRecipe,\n  selectionControlRecipe,\n  selectionGroupRecipe,\n  switchRecipe,\n  type SegmentedControlSize,\n  type SelectionControlPresentation,\n  type SelectionControlSize,\n  type SelectionGroupOrientation,\n  type SelectionGroupPresentation,\n  type SwitchSize,\n  type SwitchPresentation,\n} from \"@hjmds/design-contracts/recipes\";\n\nexport type { SwitchSize, SwitchPresentation };\nimport {\n  resolveControlAccessibleName,\n  reconcileCheckboxSelection,\n  reconcileRadioSelection,\n  resolveInitialRadioValue,\n  toggleCheckboxSelection,\n  validateCheckboxSelection,\n  validateRadioSelection,\n  type CheckboxGroupSelection,\n  type SelectionItemDescriptor,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useId,\n  useRef,\n  type ButtonHTMLAttributes,\n  type ChangeEvent,\n  type FieldsetHTMLAttributes,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from \"react\";\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nimport { FieldError } from \"./internal/field-error.js\";\n\nexport type ChoiceLeadingRenderProps = Readonly<{\n  selected: boolean;\n  color: \"currentColor\";\n  size: number;\n}>;\n\ntype ChipBaseProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onChange\" | \"onClick\" | \"size\"\n> &\n  Readonly<{\n    label: ReactNode;\n    size?: keyof typeof chipRecipe.sizes;\n    leading?: ReactNode;\n    trailing?: ReactNode;\n    renderSelectionIndicator?: (props: Readonly<{\n      selected: boolean;\n      color: \"currentColor\";\n      size: number;\n    }>) => ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\ntype ActionChipProps = Readonly<{\n  selectionMode?: \"action\";\n  selected?: never;\n  onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onSelectedChange?: never;\n}>;\n\ntype SelectionChipProps = Readonly<{\n  selectionMode: \"single\" | \"multiple\";\n  selected: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n}>;\n\nexport type ChipProps = ChipBaseProps & (ActionChipProps | SelectionChipProps);\n\n/** Action/filter chip with explicit selection semantics and no hidden state. */\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n  {\n    label,\n    size = chipRecipe.defaults.size,\n    leading,\n    trailing,\n    renderSelectionIndicator,\n    selectionMode = \"action\",\n    selected,\n    onSelectedChange,\n    onPress,\n    disabled,\n    className,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const selectable = selectionMode !== \"action\";\n  const active = selectable && selected === true;\n  return (\n    <button\n      {...props}\n      style={{ ...style, ...layoutStyle }}\n      ref={ref}\n      aria-checked={selectable ? active : undefined}\n      className={classNames(\"hjm-chip\", className)}\n      data-selected={active || undefined}\n      data-size={size}\n      disabled={disabled}\n      onClick={(event) => {\n        onPress?.(event);\n        if (!event.defaultPrevented && selectable) onSelectedChange?.(!active);\n      }}\n      role={selectionMode === \"single\" ? \"radio\" : selectionMode === \"multiple\" ? \"checkbox\" : undefined}\n      type=\"button\"\n    >\n      {active ? (\n        <span aria-hidden=\"true\" className=\"hjm-chip__indicator\">\n          {renderSelectionIndicator?.({\n            selected: true,\n            color: \"currentColor\",\n            size: iconRecipe.sizes[chipRecipe.selectionIndicator.glyph],\n          }) ?? \"✓\"}\n        </span>\n      ) : null}\n      {leading === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__leading\">{leading}</span>}\n      <span className=\"hjm-chip__label\">{label}</span>\n      {trailing === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__trailing\">{trailing}</span>}\n    </button>\n  );\n});\n\nexport type CheckboxProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n  Readonly<{\n    label: ReactNode;\n    description?: ReactNode;\n    checked?: boolean;\n    defaultChecked?: boolean;\n    indeterminate?: boolean;\n    onCheckedChange?: (checked: boolean) => void;\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n    presentation?: SelectionControlPresentation;\n    size?: SelectionControlSize;\n    renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n    /**\n     * Canonical layout-only placement on the root `<label>`. `style` keeps going\n     * to the native input, where it always went, so existing callers do not move.\n     */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  function Checkbox(\n    {\n      label,\n      description,\n      checked: checkedProp,\n      defaultChecked = false,\n      indeterminate = false,\n      onCheckedChange,\n      onChange,\n      disabled,\n      readOnly = false,\n      presentation = selectionControlRecipe.defaults.presentation,\n      size = selectionControlRecipe.defaults.size,\n      renderLeading,\n      className,\n      onClick,\n      layoutStyle,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const [checked, setChecked] = useControllableState({\n      ...(checkedProp === undefined ? {} : { value: checkedProp }),\n      defaultValue: defaultChecked,\n      ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),\n    });\n    const inputRef = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n      if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n    }, [indeterminate]);\n    const selected = checked || indeterminate;\n    const leadingSize = iconRecipe.sizes[selectionControlRecipe.leading.size];\n\n    return (\n      <label\n        className={classNames(\"hjm-choice\", className)}\n        style={layoutStyle}\n        data-kind=\"checkbox\"\n        data-state={indeterminate ? \"mixed\" : checked ? \"checked\" : \"unchecked\"}\n        data-disabled={disabled || undefined}\n        data-readonly={readOnly || undefined}\n        data-presentation={presentation}\n        data-size={size}\n      >\n        <input\n          {...props}\n          ref={composeRefs(inputRef, forwardedRef)}\n          className=\"hjm-choice__input\"\n          type=\"checkbox\"\n          checked={checked}\n          disabled={disabled}\n          aria-readonly={readOnly || undefined}\n          aria-checked={indeterminate ? \"mixed\" : checked}\n          onClick={(event) => {\n            onClick?.(event);\n            if (readOnly) event.preventDefault();\n          }}\n          onChange={(event) => {\n            if (!readOnly) setChecked(event.currentTarget.checked);\n            onChange?.(event);\n          }}\n        />\n        <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n        {renderLeading ? (\n          <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n            {renderLeading({\n              selected,\n              color: \"currentColor\",\n              size: leadingSize,\n            })}\n          </span>\n        ) : null}\n        <span className=\"hjm-choice__copy\">\n          <span>{label}</span>\n          {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n        </span>\n      </label>\n    );\n  },\n);\n\ntype RadioState =\n  | Readonly<{\n      checked: boolean;\n      defaultChecked?: never;\n      onCheckedChange(checked: true): void;\n    }>\n  | Readonly<{\n      checked?: never;\n      defaultChecked?: boolean;\n      onCheckedChange?: (checked: true) => void;\n    }>;\n\nexport type RadioProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n  RadioState &\n  Readonly<{\n    label: ReactNode;\n    description?: ReactNode;\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n    presentation?: SelectionControlPresentation;\n    size?: SelectionControlSize;\n    renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n    /**\n     * Canonical layout-only placement on the root `<label>`. `style` keeps going\n     * to the native input, where it always went, so existing callers do not move.\n     */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\n/** Native radio item primitive. Use RadioGroup when the renderer owns group state. */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    label,\n    description,\n    checked: checkedProp,\n    defaultChecked = false,\n    onCheckedChange,\n    onChange,\n    disabled,\n    readOnly = false,\n    presentation = selectionControlRecipe.defaults.presentation,\n    size = selectionControlRecipe.defaults.size,\n    renderLeading,\n    className,\n    onClick,\n    layoutStyle,\n    ...props\n  },\n  ref,\n) {\n  const [checked, setChecked] = useControllableState({\n    ...(checkedProp === undefined ? {} : { value: checkedProp }),\n    defaultValue: defaultChecked,\n    ...(onCheckedChange === undefined\n      ? {}\n      : { onChange: (next: boolean) => next && onCheckedChange(true) }),\n  });\n  return (\n    <label\n      className={classNames(\"hjm-choice\", className)}\n      style={layoutStyle}\n      data-kind=\"radio\"\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      data-disabled={disabled || undefined}\n      data-readonly={readOnly || undefined}\n      data-presentation={presentation}\n      data-size={size}\n    >\n      <input\n        {...props}\n        ref={ref}\n        className=\"hjm-choice__input\"\n        type=\"radio\"\n        checked={checked}\n        disabled={disabled}\n        aria-readonly={readOnly || undefined}\n        onClick={(event) => {\n          onClick?.(event);\n          if (readOnly) event.preventDefault();\n        }}\n        onChange={(event) => {\n          if (!readOnly && event.currentTarget.checked) setChecked(true);\n          onChange?.(event);\n        }}\n      />\n      <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n      {renderLeading ? (\n        <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n          {renderLeading({\n            selected: checked,\n            color: \"currentColor\",\n            size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n          })}\n        </span>\n      ) : null}\n      <span className=\"hjm-choice__copy\">\n        <span>{label}</span>\n        {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n      </span>\n    </label>\n  );\n});\n\nfunction ChoiceItems({ grid, className, children }: Readonly<{ grid: GridDescriptor | undefined; className: string; children: ReactNode }>) {\n  return grid ? <Grid {...grid}>{children}</Grid> : <div className={className}>{children}</div>;\n}\n\nexport type CheckboxGroupItem<Key extends string = string> =\n  SelectionItemDescriptor<Key>;\n\ntype CheckboxGroupBaseProps<Key extends string> = Omit<\n  FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  \"defaultValue\" | \"onChange\" | \"value\"\n> &\n  Readonly<{\n    items: readonly CheckboxGroupItem<Key>[];\n    label?: string;\n    accessibilityLabel?: string;\n    description?: ReactNode;\n    error?: ReactNode;\n    orientation?: SelectionGroupOrientation;\n    /** Equal-width responsive options; uses the shared Grid contract instead of intrinsic row widths. */\n    grid?: GridDescriptor;\n    presentation?: SelectionGroupPresentation;\n    size?: SelectionControlSize;\n    name?: string;\n    required?: boolean;\n    readOnly?: boolean;\n    renderLeading?: (\n      item: CheckboxGroupItem<Key>,\n      appearance: ChoiceLeadingRenderProps,\n    ) => ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport type CheckboxGroupProps<Key extends string = string> =\n  CheckboxGroupBaseProps<Key> & CheckboxGroupSelection<Key>;\n\nfunction CheckboxGroupInner<Key extends string>(\n  {\n    items,\n    label,\n    accessibilityLabel,\n    description,\n    error,\n    orientation = selectionGroupRecipe.defaults.orientation,\n    grid,\n    presentation = selectionGroupRecipe.defaults.presentation,\n    size = selectionControlRecipe.defaults.size,\n    name,\n    required = false,\n    readOnly = false,\n    renderLeading,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    disabled,\n    className,\n    layoutStyle,\n    style,\n    ...props\n  }: CheckboxGroupProps<Key>,\n  ref: React.ForwardedRef<HTMLFieldSetElement>,\n) {\n  const resolvedLabel = resolveControlAccessibleName(\n    label,\n    accessibilityLabel,\n    \"CheckboxGroup\",\n  );\n  const [value, setValue] = useControllableState<ReadonlySet<Key>>({\n    ...(valueProp === undefined ? {} : { value: valueProp }),\n    defaultValue: defaultValue ?? new Set<Key>(),\n    ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n  });\n  const controlled = valueProp !== undefined;\n  if (controlled) validateCheckboxSelection(items, value);\n  const reconciledValue = controlled\n    ? value\n    : reconcileCheckboxSelection(items, value);\n  useEffect(() => {\n    if (!controlled && reconciledValue !== value) setValue(reconciledValue);\n  }, [controlled, reconciledValue, setValue, value]);\n  const generatedId = useId().replaceAll(\":\", \"\");\n  const descriptionId = `${generatedId}-checkbox-group-description`;\n  const errorId = `${generatedId}-checkbox-group-error`;\n  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      style={{ ...style, ...layoutStyle }}\n      className={classNames(\"hjm-checkbox-group\", className)}\n      data-orientation={orientation}\n      data-presentation={presentation}\n      data-size={size}\n      data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n      disabled={disabled}\n      aria-label={accessibilityLabel}\n      aria-describedby={error ? errorId : description ? descriptionId : undefined}\n      aria-required={required || undefined}\n      aria-readonly={readOnly || undefined}\n    >\n      <legend className={label === undefined ? \"hjm-visually-hidden\" : undefined}>\n        {label ?? resolvedLabel}\n      </legend>\n      {description && !error ? (\n        <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n      ) : null}\n      <ChoiceItems grid={grid} className=\"hjm-checkbox-group__items\">\n        {items.map((item) => {\n          const checked = reconciledValue.has(item.id);\n          return (\n            <label\n              key={item.id}\n              className=\"hjm-choice\"\n              data-kind=\"checkbox\"\n              data-state={checked ? \"checked\" : \"unchecked\"}\n              data-disabled={item.disabled || undefined}\n              data-readonly={readOnly || undefined}\n              data-presentation={presentation}\n              data-size={size}\n            >\n              <input\n                className=\"hjm-choice__input\"\n                type=\"checkbox\"\n                name={name}\n                value={item.id}\n                checked={checked}\n                disabled={item.disabled}\n                aria-readonly={readOnly || undefined}\n                onChange={() => {\n                  if (!readOnly) {\n                    setValue(toggleCheckboxSelection(items, reconciledValue, item.id));\n                  }\n                }}\n                onClick={readOnly ? (event) => event.preventDefault() : undefined}\n              />\n              <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n              {renderLeading ? (\n                <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n                  {renderLeading(item, {\n                    selected: checked,\n                    color: \"currentColor\",\n                    size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n                  })}\n                </span>\n              ) : null}\n              <span className=\"hjm-choice__copy\">\n                <span>{item.label}</span>\n                {item.description ? (\n                  <span className=\"hjm-choice__description\">{item.description}</span>\n                ) : null}\n              </span>\n            </label>\n          );\n        })}\n      </ChoiceItems>\n      <FieldError id={errorId} error={error} />\n    </fieldset>\n  );\n}\n\nexport const CheckboxGroup = forwardRef(CheckboxGroupInner) as <Key extends string = string>(\n  props: CheckboxGroupProps<Key> & RefAttributes<HTMLFieldSetElement>,\n) => ReactElement;\n\nexport type RadioGroupItem = Readonly<{\n  value: string;\n  label: ReactNode;\n  description?: ReactNode;\n  disabled?: boolean;\n  /** Independent sibling action; activating it never selects the option. */\n  action?: Readonly<{ label: string; accessibilityLabel?: string; onAction: () => void; disabled?: boolean }>;\n}>;\n\ntype RadioGroupLabelProps =\n  | Readonly<{ label: ReactNode; accessibilityLabel?: string }>\n  | Readonly<{ label?: never; accessibilityLabel: string }>;\n\nexport type RadioGroupProps = Omit<\n  FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  \"defaultValue\" | \"onChange\" | \"value\"\n> &\n  RadioGroupLabelProps &\n  Readonly<{\n    items: readonly RadioGroupItem[];\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string) => void;\n    orientation?: SelectionGroupOrientation;\n    /** Equal-width responsive options; uses the shared Grid contract instead of intrinsic row widths. */\n    grid?: GridDescriptor;\n    presentation?: SelectionGroupPresentation;\n    size?: SelectionControlSize;\n    /** Hide the decorative dot when a product preview already communicates the choice. */\n    indicator?: \"default\" | \"none\";\n    description?: ReactNode;\n    error?: ReactNode;\n    name?: string;\n    required?: boolean;\n    readOnly?: boolean;\n    /** Visual preview only; the item label remains the accessible name. */\n    renderLabel?: (item: RadioGroupItem) => ReactNode;\n    renderLeading?: (\n      item: RadioGroupItem,\n      appearance: ChoiceLeadingRenderProps,\n    ) => ReactNode;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nfunction validateItems(\n  component: \"RadioGroup\" | \"SegmentedControl\",\n  items: readonly Readonly<{ value: string }>[] ,\n): void {\n  if (items.length === 0) {\n    throw new TypeError(`${component} requires at least one item`);\n  }\n  const values = new Set<string>();\n  for (const item of items) {\n    if (item.value.trim().length === 0) {\n      throw new TypeError(`${component} item value must not be empty`);\n    }\n    if (values.has(item.value)) {\n      throw new TypeError(`Duplicate ${component} item value: ${item.value}`);\n    }\n    values.add(item.value);\n  }\n}\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(\n  function RadioGroup(\n    {\n      label,\n      accessibilityLabel,\n      items,\n      value: valueProp,\n      defaultValue = null,\n      onValueChange,\n      orientation = selectionGroupRecipe.defaults.orientation,\n      grid,\n      presentation = selectionGroupRecipe.defaults.presentation,\n      size = selectionControlRecipe.defaults.size,\n      description,\n      error,\n      name,\n      required = false,\n      readOnly = false,\n      indicator = \"default\",\n      renderLeading,\n      renderLabel,\n      disabled,\n      className,\n      layoutStyle,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    validateItems(\"RadioGroup\", items);\n    if (\n      accessibilityLabel !== undefined &&\n      accessibilityLabel.trim().length === 0\n    ) throw new TypeError(\"RadioGroup accessibilityLabel must not be empty\");\n    const resolvedLabel = label === undefined || label === null\n      ? resolveControlAccessibleName(undefined, accessibilityLabel, \"RadioGroup\")\n      : label;\n    const descriptors = items.map((item) => ({\n      id: item.value,\n      label: typeof item.label === \"string\" ? item.label : item.value,\n      ...(typeof item.description === \"string\"\n        ? { description: item.description }\n        : {}),\n      ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n    }));\n    const initialValueRef = useRef<Readonly<{ value: string | null }> | null>(null);\n    if (initialValueRef.current === null) {\n      initialValueRef.current = {\n        value: resolveInitialRadioValue(descriptors, defaultValue, required),\n      };\n    }\n    const generatedName = useId().replaceAll(\":\", \"\");\n    const [storedValue, setValue] = useControllableState<string | null>({\n      ...(valueProp === undefined ? {} : { value: valueProp }),\n      defaultValue: initialValueRef.current.value,\n      ...(onValueChange === undefined\n        ? {}\n        : {\n            onChange: (next: string | null) => {\n              if (next !== null) onValueChange(next);\n            },\n          }),\n    });\n    const controlled = valueProp !== undefined;\n    if (controlled) validateRadioSelection(descriptors, storedValue);\n    const value = controlled\n      ? storedValue\n      : reconcileRadioSelection(descriptors, storedValue, required);\n    useEffect(() => {\n      if (!controlled && value !== storedValue) setValue(value);\n    }, [controlled, setValue, storedValue, value]);\n    const descriptionId = `${generatedName}-radio-description`;\n    const errorId = `${generatedName}-radio-error`;\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        style={{ ...style, ...layoutStyle }}\n        className={classNames(\"hjm-radio-group\", className)}\n        data-orientation={orientation}\n        data-presentation={presentation}\n        data-size={size}\n        data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n        disabled={disabled}\n        aria-label={accessibilityLabel}\n        aria-describedby={error ? errorId : description ? descriptionId : undefined}\n        aria-readonly={readOnly || undefined}\n      >\n        <legend className={label == null ? \"hjm-visually-hidden\" : undefined}>\n          {resolvedLabel}\n        </legend>\n        {description && !error ? <div id={descriptionId} className=\"hjm-field__description\">{description}</div> : null}\n        <ChoiceItems grid={grid} className=\"hjm-radio-group__items\">\n          {items.map((item) => {\n            const selected = item.value === value;\n            const choice = (\n              <label\n                key={item.value}\n                className={item.action ? \"hjm-choice__target\" : \"hjm-choice\"}\n                data-kind=\"radio\"\n                data-state={selected ? \"checked\" : \"unchecked\"}\n                data-disabled={item.disabled || undefined}\n                data-readonly={readOnly || undefined}\n                data-presentation={presentation}\n                data-size={size}\n              >\n                <input\n                  className=\"hjm-choice__input\"\n                  type=\"radio\"\n                  name={name ?? generatedName}\n                  value={item.value}\n                  checked={selected}\n                  disabled={item.disabled}\n                  required={required}\n                  {...(renderLabel && typeof item.label === \"string\" ? { \"aria-label\": item.label } : {})}\n                  aria-readonly={readOnly || undefined}\n                  onClick={readOnly ? (event) => event.preventDefault() : undefined}\n                  onChange={() => {\n                    if (!readOnly) setValue(item.value);\n                  }}\n                />\n                {indicator === \"default\" ? <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" /> : null}\n                {renderLeading ? (\n                  <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n                    {renderLeading(item, {\n                      selected,\n                      color: \"currentColor\",\n                      size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n                    })}\n                  </span>\n                ) : null}\n                <span className=\"hjm-choice__copy\">\n                  <span>{renderLabel?.(item) ?? item.label}</span>\n                  {item.description ? (\n                    <span className=\"hjm-choice__description\">{item.description}</span>\n                  ) : null}\n                </span>\n              </label>\n            );\n            if (!item.action) return choice;\n            // A button inside a label can activate its radio. Keep two independent targets\n            // inside one recipe-owned frame, including when the group is read-only.\n            return <div key={item.value} className=\"hjm-choice hjm-choice--with-action\"\n              data-kind=\"radio\" data-state={selected ? \"checked\" : \"unchecked\"}\n              data-disabled={item.disabled || undefined} data-readonly={readOnly || undefined}\n              data-presentation={presentation} data-size={size}>\n              {choice}\n              <span className=\"hjm-choice__action\"><Button tone=\"ghost\" size=\"small\"\n                disabled={disabled || item.disabled || item.action.disabled}\n                aria-label={item.action.accessibilityLabel} onClick={item.action.onAction}>{item.action.label}</Button></span>\n            </div>;\n          })}\n        </ChoiceItems>\n        <FieldError id={errorId} error={error} />\n      </fieldset>\n    );\n  },\n);\n\nexport type SwitchProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"role\" | \"onChange\" | \"value\"\n> &\n  Readonly<{\n    label: ReactNode;\n    /** Supporting copy is described separately from the stable accessible name. */\n    description?: ReactNode;\n    presentation?: SwitchPresentation;\n    /** Hide repeated row copy visually while preserving the switch's accessible name. */\n    labelVisibility?: \"visible\" | \"hidden\";\n    checked?: boolean;\n    defaultChecked?: boolean;\n    /** Track and thumb geometry from `switchRecipe.sizes`. */\n    size?: SwitchSize;\n    onCheckedChange?: (checked: boolean) => void;\n      /** Canonical layout-only placement. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n  {\n    label,\n    labelVisibility = \"visible\",\n    description,\n    presentation = switchRecipe.presentationDefaults.web,\n    checked: checkedProp,\n    defaultChecked = false,\n    size = switchRecipe.defaults.size,\n    onCheckedChange,\n    disabled,\n    type = \"button\",\n    className,\n    onClick,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const labelId = useId();\n  const descriptionId = useId();\n  const hasDescription = description !== undefined && description !== null;\n  const [checked, setChecked] = useControllableState({\n    ...(checkedProp === undefined ? {} : { value: checkedProp }),\n    defaultValue: defaultChecked,\n    ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),\n  });\n  return (\n    <button\n      {...props}\n      style={{ ...style, ...layoutStyle }}\n      ref={ref}\n      type={type}\n      role=\"switch\"\n      className={classNames(\"hjm-switch\", className)}\n      data-size={size}\n      data-presentation={presentation}\n      data-label-visibility={labelVisibility}\n      // Two-line row geometry only applies when the copy is on screen; a hidden label (ListRow trailing) keeps 44.\n      data-two-line={(hasDescription && labelVisibility === \"visible\") || undefined}\n      aria-labelledby={props[\"aria-labelledby\"] ?? (props[\"aria-label\"] ? undefined : labelId)}\n      aria-describedby={[props[\"aria-describedby\"], hasDescription ? descriptionId : undefined].filter(Boolean).join(\" \") || undefined}\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      aria-checked={checked}\n      disabled={disabled}\n      onClick={(event) => {\n        setChecked((current) => !current);\n        onClick?.(event);\n      }}\n    >\n      <span className=\"hjm-switch__track\" aria-hidden=\"true\">\n        <span className=\"hjm-switch__thumb\" />\n      </span>\n      <span className={classNames(\"hjm-switch__copy\", labelVisibility === \"hidden\" && \"hjm-visually-hidden\")}>\n        <span id={labelId}\n          className={classNames(\"hjm-switch__label\", presentation === \"row\" && \"hjm-text\")}\n          data-font-role={presentation === \"row\" ? \"ui\" : undefined}\n          data-variant={presentation === \"row\" ? switchRecipe.rowLabelTextVariant : undefined}\n        >{label}</span>\n        {hasDescription ? <span id={descriptionId} className=\"hjm-switch__description\">{description}</span> : null}\n      </span>\n    </button>\n  );\n});\n\nexport type SegmentedControlItem = Readonly<{\n  value: string;\n  label: ReactNode;\n  /** Full spoken name when the visible label is abbreviated. */\n  accessibilityLabel?: string;\n  disabled?: boolean;\n}>;\n\nexport type SegmentedControlProps = Omit<\n  FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  \"defaultValue\" | \"onChange\" | \"value\"\n> &\n  Readonly<{\n    label: string;\n    items: readonly SegmentedControlItem[];\n    value?: string;\n    defaultValue?: string;\n    onValueChange?: (value: string) => void;\n    size?: SegmentedControlSize;\n    presentation?: \"connected\" | \"pills\" | \"text\";\n    textEmphasis?: \"regular\" | \"strong\";\n    /** Move only the selection artwork; radio semantics and hit targets stay fixed. */\n    selectionMotion?: \"none\" | \"slide\";\n    overflow?: \"wrap\" | \"scroll\";\n    actions?: ReactNode;\n    name?: string;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const SegmentedControl = forwardRef<\n  HTMLFieldSetElement,\n  SegmentedControlProps\n>(function SegmentedControl(\n  {\n    label,\n    items,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    size = segmentedControlRecipe.defaults.size,\n    presentation = \"connected\",\n    textEmphasis = \"strong\",\n    selectionMotion: suppliedSelectionMotion,\n    name,\n    overflow = \"wrap\", actions,\n    disabled = false,\n    className,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const designProfile = useDesignProfileDefaults();\n  const selectionMotion = presentation === \"text\" ? \"none\" : suppliedSelectionMotion ?? designProfile?.interactions.selectionMotion ?? \"none\";\n  validateItems(\"SegmentedControl\", items);\n  const descriptors = items.map((item) => ({\n    id: item.value,\n    label: typeof item.label === \"string\" ? item.label : item.value,\n    ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n  }));\n  const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n  if (initialValueRef.current === null) {\n    const initial = resolveInitialRadioValue(descriptors, defaultValue ?? null, true);\n    if (initial === null) {\n      throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n    }\n    initialValueRef.current = { value: initial };\n  }\n  const generatedName = useId();\n  const [storedValue, setValue] = useControllableState({\n    ...(valueProp === undefined ? {} : { value: valueProp }),\n    defaultValue: initialValueRef.current.value,\n    ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n  });\n  const controlled = valueProp !== undefined;\n  if (controlled) validateRadioSelection(descriptors, storedValue);\n  const value = controlled\n    ? storedValue\n    : reconcileRadioSelection(descriptors, storedValue, true);\n  if (value === null) {\n    throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n  }\n  useEffect(() => {\n    if (!controlled && value !== storedValue) setValue(value);\n  }, [controlled, setValue, storedValue, value]);\n  const trackRef = useRef<HTMLDivElement>(null);\n  const highlightRef = useRef<HTMLSpanElement>(null);\n  const previousSelection = useRef<string | null>(null);\n  useLayoutEffect(() => {\n    const track = trackRef.current; const highlight = highlightRef.current;\n    if (selectionMotion !== \"slide\" || !track || !highlight) { previousSelection.current = null; if (track) delete track.dataset.highlightReady; return; }\n    const selected = Array.from(track.querySelectorAll<HTMLLabelElement>(\".hjm-segmented__item\")).find(item => item.dataset.state === \"checked\");\n    if (!selected) return;\n    const place = (animate: boolean) => {\n      // CSS owns reduced motion (both provider and OS); no provider import is\n      // added to this small selection entry just for decorative artwork.\n      highlight.dataset.moving = animate && !document.hidden ? \"true\" : \"false\";\n      const inset = presentation === \"pills\" ? Number.parseFloat(getComputedStyle(selected, \"::before\").top) || 0 : 0;\n      Object.assign(highlight.style, { left: `${selected.offsetLeft}px`, top: `${selected.offsetTop + inset}px`, width: `${selected.offsetWidth}px`, height: `${selected.offsetHeight - inset * 2}px`, opacity: selected.dataset.disabled === \"true\" ? \"0.5\" : \"1\" });\n      track.dataset.highlightReady = \"true\";\n    };\n    place(previousSelection.current !== null && previousSelection.current !== value);\n    previousSelection.current = value;\n    let bounds = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n    const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => {\n      const next = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n      if (next !== bounds) { bounds = next; place(false); }\n    });\n    for (const item of track.querySelectorAll(\".hjm-segmented__item\")) observer?.observe(item);\n    // Fixed-width RTL pills move when the track resizes without changing their\n    // own size. Observing only items leaves the selected artwork at its old x.\n    observer?.observe(track);\n    const visibility = () => place(false);\n    document.addEventListener(\"visibilitychange\", visibility);\n    return () => { observer?.disconnect(); document.removeEventListener(\"visibilitychange\", visibility); };\n  }, [value, items, presentation, selectionMotion, disabled]);\n  const revealOption = (option: Element | null) => {\n    if (overflow !== \"scroll\" || !option) return;\n    const viewport = trackRef.current?.parentElement;\n    if (!viewport) return;\n    const frame = viewport.getBoundingClientRect(), bounds = option.getBoundingClientRect();\n    const delta = bounds.left < frame.left ? bounds.left - frame.left : bounds.right > frame.right ? bounds.right - frame.right : 0;\n    if (delta) viewport.scrollBy({ left: delta, behavior: \"instant\" });\n  };\n  useLayoutEffect(() => { revealOption(trackRef.current?.querySelector('[data-state=\"checked\"]') ?? null); }, [value, items, overflow]);\n  const group = (\n    <fieldset\n      {...props}\n      disabled={disabled}\n      ref={ref}\n      style={{ ...style, ...(actions == null ? layoutStyle : { flex: 1, minInlineSize: 0 }) }}\n      className={classNames(\"hjm-segmented\", className)}\n      data-overflow={overflow}\n      onFocusCapture={event => { props.onFocusCapture?.(event); revealOption((event.target as HTMLElement).closest(\".hjm-segmented__item\")); }}\n      data-size={size}\n      data-presentation={presentation}\n      data-text-emphasis={presentation === \"text\" ? textEmphasis : undefined}\n      role={presentation === \"text\" ? \"radiogroup\" : undefined}\n    >\n      <legend className=\"hjm-visually-hidden\">{label}</legend>\n      {/* The scroller is separate from the drawn track so a small track's options can extend their hit area past\n          the track edge; a scrolling track would clip it (segmentedControlRecipe.sizes, 2026-10-17). */}\n      <div className=\"hjm-segmented__scroller\">\n      <div className=\"hjm-segmented__items\" ref={trackRef}>\n        {selectionMotion === \"slide\" ? <span ref={highlightRef} className=\"hjm-segmented__highlight\" aria-hidden=\"true\" /> : null}\n        {items.map((item) => (\n          <label\n            key={item.value}\n            className=\"hjm-segmented__item\"\n            data-state={item.value === value ? \"checked\" : \"unchecked\"}\n            // A disabled group must look disabled like Native; fieldset[disabled] alone only\n            // blocked input and the per-item styling never saw it (2026-10-17 review).\n            data-disabled={item.disabled || disabled || undefined}\n          >\n            <input\n              type=\"radio\"\n              name={name ?? generatedName}\n              value={item.value}\n              aria-label={item.accessibilityLabel}\n              checked={item.value === value}\n              disabled={item.disabled || disabled}\n              required\n              onChange={() => setValue(item.value)}\n            />\n            <span>{item.label}</span>\n          </label>\n        ))}\n      </div>\n      </div>\n    </fieldset>\n  );\n  return actions == null ? group : <div className=\"hjm-segmented-rail\" style={layoutStyle}>{group}{actions}</div>;\n});\n"]}

package/dist/shortcut-rail.d.ts

@@ -0,0 +1,27 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import { chipRecipe } from "@hjmds/design-contracts/recipes";
+import { type ShortcutRailItem } from "@hjmds/design-contracts/shortcut-rail";
+import type { HjmCompositionStyleProp } from "./composition-style.js";
+export type ShortcutRailProps<Item extends ShortcutRailItem = ShortcutRailItem> = Omit<HTMLAttributes<HTMLUListElement>, "children"> & Readonly<{
+    label: string;
+    items: readonly Item[];
+    onAction(item: NoInfer<Item>): void;
+    /** Controls before the item list, in the same scroll/wrap flow. */
+    leading?: ReactNode;
+    layout?: "scroll" | "wrap";
+    size?: keyof typeof chipRecipe.sizes;
+    renderLeading?(item: NoInfer<Item>): ReactNode;
+    layoutStyle?: HjmCompositionStyleProp;
+}> & (Readonly<{
+    onRemove(item: NoInfer<Item>): void;
+    removeLabel(item: NoInfer<Item>): string;
+    removeIcon?: ReactNode;
+    isRemovable?(item: NoInfer<Item>): boolean;
+}> | Readonly<{
+    onRemove?: never;
+    removeLabel?: never;
+    removeIcon?: never;
+    isRemovable?: never;
+}>);
+export declare function ShortcutRail<Item extends ShortcutRailItem>({ label, items, onAction, onRemove, removeLabel, removeIcon, isRemovable, leading, layout, size, renderLeading, layoutStyle, className, style, ...props }: ShortcutRailProps<Item>): import("react").JSX.Element;
+//# sourceMappingURL=shortcut-rail.d.ts.map

package/dist/shortcut-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-rail.d.ts","sourceRoot":"","sources":["../src/shortcut-rail.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAA4C,KAAK,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACxH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC;IAE9I,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC3E,mEAAmE;IACnE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC,KAAK,CAAC;IAAC,aAAa,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CAC7H,CAAC,GAAG,CAAC,QAAQ,CAAC;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAAC,WAAW,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,OAAO,CAAA;CAAE,CAAC,GACjK,QAAQ,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC,CAAC;AAElG,wBAAgB,YAAY,CAAC,IAAI,SAAS,gBAAgB,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAC3I,MAA2C,EAAE,IAA+B,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,+BAoChK"}

package/dist/shortcut-rail.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef } from "react";
+import { chipRecipe } from "@hjmds/design-contracts/recipes";
+import { shortcutRailRecipe, validateShortcutRail } from "@hjmds/design-contracts/shortcut-rail";
+import { classNames } from "./internal.js";
+export function ShortcutRail({ label, items, onAction, onRemove, removeLabel, removeIcon, isRemovable, leading, layout = shortcutRailRecipe.defaults.layout, size = chipRecipe.defaults.size, renderLeading, layoutStyle, className, style, ...props }) {
+    validateShortcutRail(items, label, layout);
+    const root = useRef(null), leadingRoot = useRef(null), buttons = useRef(new Map());
+    const pending = useRef(null);
+    const hasLeading = leading != null && leading !== false;
+    const removable = (item) => !!onRemove && isRemovable?.(item) !== false;
+    const identity = JSON.stringify(items.map(item => [item.id, removable(item)]));
+    useLayoutEffect(() => {
+        const request = pending.current;
+        if (!request)
+            return;
+        const retained = items.find(item => item.id === request.removed);
+        if (retained && removable(retained))
+            return; // A refused clear must leave its focused remove button retryable.
+        pending.current = null;
+        // Clearing may keep the same stable item as a non-removable default (for example the current season).
+        const next = retained && !retained.disabled ? retained : items.slice(request.index).find(item => !item.disabled) ?? [...items.slice(0, request.index)].reverse().find(item => !item.disabled);
+        const control = leadingRoot.current?.querySelector('button:not(:disabled), a[href], input:not(:disabled), [tabindex="0"]');
+        (next ? buttons.current.get(next.id) : control ?? root.current)?.focus({ preventScroll: true });
+    }, [identity]);
+    return _jsxs("ul", { ...props, ref: root, "aria-label": label, tabIndex: -1, className: classNames("hjm-shortcut-rail", className), "data-layout": layout, "data-size": size, "data-empty": !items.length && !hasLeading || undefined, style: { ...style, ...layoutStyle, gap: shortcutRailRecipe.gap }, children: [hasLeading ? _jsx("li", { ref: leadingRoot, style: { display: "inline-flex", flex: "0 0 auto", alignItems: "center" }, onFocusCapture: event => event.currentTarget.scrollIntoView({ block: "nearest", inline: "nearest" }), children: leading }) : null, items.map((item, index) => _jsxs("li", { className: "hjm-shortcut-rail__item", "data-disabled": item.disabled || undefined, children: [_jsxs("button", { ref: node => { if (node)
+                            buttons.current.set(item.id, node);
+                        else
+                            buttons.current.delete(item.id); }, type: "button", disabled: item.disabled, "aria-label": item.label, "aria-description": item.description, className: "hjm-shortcut-rail__action", onFocus: event => event.currentTarget.closest("li")?.scrollIntoView({ block: "nearest", inline: "nearest" }), onClick: () => onAction(item), children: [renderLeading ? _jsx("span", { "aria-hidden": "true", children: renderLeading(item) }) : null, _jsx("span", { children: item.label })] }), onRemove && removable(item) ? _jsx("button", { type: "button", disabled: item.disabled, "aria-label": removeLabel(item), className: "hjm-shortcut-rail__remove", onClick: event => {
+                            // Reconcile only a focused removal after the product actually removes its stable ID.
+                            if (event.currentTarget === document.activeElement)
+                                pending.current = { removed: item.id, index };
+                            onRemove(item);
+                        }, children: _jsx("span", { "aria-hidden": "true", children: removeIcon ?? "×" }) }) : null] }, item.id))] });
+}
+//# sourceMappingURL=shortcut-rail.js.map

package/dist/shortcut-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut-rail.js","sourceRoot":"","sources":["../src/shortcut-rail.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport { useLayoutEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { chipRecipe } from \"@hjmds/design-contracts/recipes\";\nimport { shortcutRailRecipe, validateShortcutRail, type ShortcutRailItem } from \"@hjmds/design-contracts/shortcut-rail\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nimport { classNames } from \"./internal.js\";\n\nexport type ShortcutRailProps<Item extends ShortcutRailItem = ShortcutRailItem> = Omit<HTMLAttributes<HTMLUListElement>, \"children\"> & Readonly<{\n  // Infer payload from items; a product's base-typed handler must not erase extra fields.\n  label: string; items: readonly Item[]; onAction(item: NoInfer<Item>): void;\n  /** Controls before the item list, in the same scroll/wrap flow. */\n  leading?: ReactNode;\n  layout?: \"scroll\" | \"wrap\";\n  size?: keyof typeof chipRecipe.sizes; renderLeading?(item: NoInfer<Item>): ReactNode; layoutStyle?: HjmCompositionStyleProp;\n}> & (Readonly<{ onRemove(item: NoInfer<Item>): void; removeLabel(item: NoInfer<Item>): string; removeIcon?: ReactNode; isRemovable?(item: NoInfer<Item>): boolean }>\n  | Readonly<{ onRemove?: never; removeLabel?: never; removeIcon?: never; isRemovable?: never }>);\n\nexport function ShortcutRail<Item extends ShortcutRailItem>({ label, items, onAction, onRemove, removeLabel, removeIcon, isRemovable, leading,\n  layout = shortcutRailRecipe.defaults.layout, size = chipRecipe.defaults.size, renderLeading, layoutStyle, className, style, ...props }: ShortcutRailProps<Item>) {\n  validateShortcutRail(items, label, layout);\n  const root = useRef<HTMLUListElement>(null), leadingRoot = useRef<HTMLLIElement>(null), buttons = useRef(new Map<string, HTMLButtonElement>());\n  const pending = useRef<{ removed: string; index: number } | null>(null);\n  const hasLeading = leading != null && leading !== false;\n  const removable = (item: Item) => !!onRemove && isRemovable?.(item) !== false;\n  const identity = JSON.stringify(items.map(item => [item.id, removable(item)]));\n  useLayoutEffect(() => {\n    const request = pending.current;\n    if (!request) return;\n    const retained = items.find(item => item.id === request.removed);\n    if (retained && removable(retained)) return; // A refused clear must leave its focused remove button retryable.\n    pending.current = null;\n    // Clearing may keep the same stable item as a non-removable default (for example the current season).\n    const next = retained && !retained.disabled ? retained : items.slice(request.index).find(item => !item.disabled) ?? [...items.slice(0, request.index)].reverse().find(item => !item.disabled);\n    const control = leadingRoot.current?.querySelector<HTMLElement>('button:not(:disabled), a[href], input:not(:disabled), [tabindex=\"0\"]');\n    (next ? buttons.current.get(next.id) : control ?? root.current)?.focus({ preventScroll: true });\n  }, [identity]);\n  return <ul {...props} ref={root} aria-label={label} tabIndex={-1} className={classNames(\"hjm-shortcut-rail\", className)}\n    data-layout={layout} data-size={size} data-empty={!items.length && !hasLeading || undefined} style={{ ...style, ...layoutStyle, gap: shortcutRailRecipe.gap }}>\n    {hasLeading ? <li ref={leadingRoot} style={{ display: \"inline-flex\", flex: \"0 0 auto\", alignItems: \"center\" }}\n      onFocusCapture={event => event.currentTarget.scrollIntoView({ block: \"nearest\", inline: \"nearest\" })}>{leading}</li> : null}\n    {items.map((item, index) => <li key={item.id} className=\"hjm-shortcut-rail__item\" data-disabled={item.disabled || undefined}>\n      <button ref={node => { if (node) buttons.current.set(item.id, node); else buttons.current.delete(item.id); }}\n        type=\"button\" disabled={item.disabled} aria-label={item.label} aria-description={item.description} className=\"hjm-shortcut-rail__action\"\n        onFocus={event => event.currentTarget.closest(\"li\")?.scrollIntoView({ block: \"nearest\", inline: \"nearest\" })} onClick={() => onAction(item)}>\n        {renderLeading ? <span aria-hidden=\"true\">{renderLeading(item)}</span> : null}<span>{item.label}</span>\n      </button>\n      {onRemove && removable(item) ? <button type=\"button\" disabled={item.disabled} aria-label={removeLabel(item)} className=\"hjm-shortcut-rail__remove\"\n        onClick={event => {\n          // Reconcile only a focused removal after the product actually removes its stable ID.\n          if (event.currentTarget === document.activeElement) pending.current = { removed: item.id, index };\n          onRemove(item);\n        }}><span aria-hidden=\"true\">{removeIcon ?? \"×\"}</span></button> : null}\n    </li>)}\n  </ul>;\n}\n"]}

package/dist/steps.d.ts

@@ -8,7 +8,8 @@ export type StepsProps<Id extends string = string> = Omit<HTMLAttributes<HTMLOLi
     renderMark?: (status: StepStatus, position: number) => ReactNode;
     /**
      * Return to a step before the cursor (2026-10-18, spint compose). Only those steps become buttons; the cursor and
-     * later steps stay static so the flow never skips forward past validation. Omit it while the flow is locked.
+     * later steps stay static in default linear mode. Free reading mode makes every step selectable.
+     * Omit the handler while the flow is locked.
      */
     onStepPress?: (id: Id) => void;
     /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */
@@ -24,6 +25,7 @@ export declare const Steps: import("react").ForwardRefExoticComponent<Omit<HTMLA
         }>[];
         currentStepId: string;
         currentStepStatus?: import("@hjmds/design-contracts/components/steps").StepCursorStatus;
+        navigationMode?: "linear" | "free";
     }>;
     statusLabels: Readonly<{
         pending: string;
@@ -35,7 +37,8 @@ export declare const Steps: import("react").ForwardRefExoticComponent<Omit<HTMLA
     renderMark?: (status: StepStatus, position: number) => ReactNode;
     /**
      * Return to a step before the cursor (2026-10-18, spint compose). Only those steps become buttons; the cursor and
-     * later steps stay static so the flow never skips forward past validation. Omit it while the flow is locked.
+     * later steps stay static in default linear mode. Free reading mode makes every step selectable.
+     * Omit the handler while the flow is locked.
      */
     onStepPress?: (id: string) => void;
     /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */

package/dist/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../src/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,UAAU,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACvD,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,CACX,GAAG,QAAQ,CAAC;IACX,UAAU,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC;IAChC,YAAY,EAAE,iBAAiB,CAAC;IAChC,qBAAqB,EAAE,0BAA0B,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAC/B,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEH,kGAAkG;AAClG,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;2BAZO,0BAA0B;iBACpC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS;IAChE;;;OAGG;kCACuB,IAAI;IAC9B,gGAAgG;kBAClF,uBAAuB;qDAgDrC,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../src/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,UAAU,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACvD,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,CACX,GAAG,QAAQ,CAAC;IACX,UAAU,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC;IAChC,YAAY,EAAE,iBAAiB,CAAC;IAChC,qBAAqB,EAAE,0BAA0B,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;IACjE;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAC/B,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEH,kGAAkG;AAClG,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;2BAbO,0BAA0B;iBACpC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS;IAChE;;;;OAIG;kCACuB,IAAI;IAC9B,gGAAgG;kBAClF,uBAAuB;qDAmDrC,CAAC"}

package/dist/steps.js

@@ -6,10 +6,10 @@ import { classNames } from "./internal.js";
 export const Steps = forwardRef(function Steps({ descriptor, statusLabels, composeAccessibleName, renderMark, onStepPress, className, layoutStyle, ...props }, ref) {
     const steps = resolveStepsDescriptor(descriptor, { statusLabels, composeAccessibleName });
     const statusId = useId();
-    return (_jsx("ol", { ...props, style: { ["--hjm-steps-press-target"]: `${stepsRecipe.press.minTouchTarget}px`, ...props.style, ...layoutStyle }, ref: ref, className: classNames("hjm-steps", className), children: steps.map((step, index) => {
-            const content = _jsxs(_Fragment, { children: [_jsxs("div", { className: "hjm-steps__rail", "aria-hidden": "true", children: [_jsx("span", { className: "hjm-steps__indicator", children: renderMark?.(step.status, step.position) ?? (step.status === "complete" ? "✓" : step.status === "error" ? "!" : step.position) }), index === steps.length - 1 ? null : _jsx("span", { className: "hjm-steps__connector" })] }), _jsxs("div", { className: "hjm-steps__copy", children: [_jsx("span", { className: "hjm-steps__label", children: step.label }), step.description === undefined ? null : (_jsx("span", { className: "hjm-steps__description", children: step.description })), _jsx("span", { className: "hjm-visually-hidden", id: `${statusId}-${index}`, children: step.statusLabel })] })] });
+    return (_jsx("ol", { ...props, style: { ["--hjm-steps-count"]: steps.length, ["--hjm-steps-connector-count"]: steps.length - 1, ["--hjm-steps-press-target"]: `${stepsRecipe.press.minTouchTarget}px`, ...props.style, ...layoutStyle }, ref: ref, className: classNames("hjm-steps", className), children: steps.map((step, index) => {
+            const content = _jsxs(_Fragment, { children: [_jsxs("div", { className: "hjm-steps__rail", "aria-hidden": "true", children: [index === steps.length - 1 ? _jsx("span", { className: "hjm-steps__connector", "data-reached": steps[index - 1]?.status === "complete" || undefined }) : null, _jsx("span", { className: "hjm-steps__indicator", children: renderMark?.(step.status, step.position) ?? (step.status === "complete" ? "✓" : step.status === "error" ? "!" : step.position) }), index === steps.length - 1 ? null : _jsx("span", { className: "hjm-steps__connector" })] }), _jsxs("div", { className: "hjm-steps__copy", children: [_jsx("span", { className: "hjm-steps__label", children: step.label }), step.description === undefined ? null : (_jsx("span", { className: "hjm-steps__description", children: step.description })), _jsx("span", { className: "hjm-visually-hidden", id: `${statusId}-${index}`, children: step.statusLabel })] })] });
             // A pressable step is one named button; its status stays a description so the name keeps order + label.
-            return step.revisitable && onStepPress ? (_jsx("li", { className: "hjm-steps__step", "data-status": step.status, children: _jsx("button", { type: "button", className: "hjm-steps__press", "aria-label": step.accessibleName, "aria-describedby": `${statusId}-${index}`, onClick: () => onStepPress(step.id), children: content }) }, step.id)) : (_jsx("li", { "aria-label": step.accessibleName, "aria-current": step.status === "current" || step.status === "error" ? "step" : undefined, className: "hjm-steps__step", "data-status": step.status, children: content }, step.id));
+            return (descriptor.navigationMode === "free" || step.revisitable) && onStepPress ? (_jsx("li", { className: "hjm-steps__step", "data-status": step.status, children: _jsx("button", { type: "button", className: "hjm-steps__press", "aria-label": step.accessibleName, "aria-describedby": `${statusId}-${index}`, "aria-current": step.status === "current" || step.status === "error" ? "step" : undefined, onClick: () => onStepPress(step.id), children: content }) }, step.id)) : (_jsx("li", { "aria-label": step.accessibleName, "aria-current": step.status === "current" || step.status === "error" ? "step" : undefined, className: "hjm-steps__step", "data-status": step.status, children: content }, step.id));
         }) }));
 });
 //# sourceMappingURL=steps.js.map