@hjmds/react 1.12.0 → 1.13.0

package/dist/selection.js

@@ -4,10 +4,10 @@ import { resolveControlAccessibleName, reconcileCheckboxSelection, reconcileRadi
 import { forwardRef, useEffect, useId, useRef, } from "react";
 import { classNames, composeRefs, useControllableState } from "./internal.js";
 /** Action/filter chip with explicit selection semantics and no hidden state. */
-export const Chip = forwardRef(function Chip({ label, size = chipRecipe.defaults.size, leading, trailing, renderSelectionIndicator, selectionMode = "action", selected, onSelectedChange, onPress, disabled, className, ...props }, ref) {
+export const Chip = forwardRef(function Chip({ label, size = chipRecipe.defaults.size, leading, trailing, renderSelectionIndicator, selectionMode = "action", selected, onSelectedChange, onPress, disabled, className, layoutStyle, style, ...props }, ref) {
     const selectable = selectionMode !== "action";
     const active = selectable && selected === true;
-    return (_jsxs("button", { ...props, ref: ref, "aria-checked": selectable ? active : undefined, className: classNames("hjm-chip", className), "data-selected": active || undefined, "data-size": size, disabled: disabled, onClick: (event) => {
+    return (_jsxs("button", { ...props, style: { ...style, ...layoutStyle }, ref: ref, "aria-checked": selectable ? active : undefined, className: classNames("hjm-chip", className), "data-selected": active || undefined, "data-size": size, disabled: disabled, onClick: (event) => {
             onPress?.(event);
             if (!event.defaultPrevented && selectable)
                 onSelectedChange?.(!active);
@@ -17,7 +17,7 @@ export const Chip = forwardRef(function Chip({ label, size = chipRecipe.defaults
                     size: iconRecipe.sizes[chipRecipe.selectionIndicator.glyph],
                 }) ?? "✓" })) : null, leading === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "hjm-chip__leading", children: leading }), _jsx("span", { className: "hjm-chip__label", children: label }), trailing === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "hjm-chip__trailing", children: trailing })] }));
 });
-export const Checkbox = forwardRef(function Checkbox({ label, description, checked: checkedProp, defaultChecked = false, indeterminate = false, onCheckedChange, onChange, disabled, readOnly = false, presentation = selectionControlRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, renderLeading, className, onClick, ...props }, forwardedRef) {
+export const Checkbox = forwardRef(function Checkbox({ label, description, checked: checkedProp, defaultChecked = false, indeterminate = false, onCheckedChange, onChange, disabled, readOnly = false, presentation = selectionControlRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, renderLeading, className, onClick, layoutStyle, ...props }, forwardedRef) {
     const [checked, setChecked] = useControllableState({
         ...(checkedProp === undefined ? {} : { value: checkedProp }),
         defaultValue: defaultChecked,
@@ -30,7 +30,7 @@ export const Checkbox = forwardRef(function Checkbox({ label, description, check
     }, [indeterminate]);
     const selected = checked || indeterminate;
     const leadingSize = iconRecipe.sizes[selectionControlRecipe.leading.size];
-    return (_jsxs("label", { className: classNames("hjm-choice", className), "data-kind": "checkbox", "data-state": indeterminate ? "mixed" : checked ? "checked" : "unchecked", "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [_jsx("input", { ...props, ref: composeRefs(inputRef, forwardedRef), className: "hjm-choice__input", type: "checkbox", checked: checked, disabled: disabled, "aria-readonly": readOnly || undefined, "aria-checked": indeterminate ? "mixed" : checked, onClick: (event) => {
+    return (_jsxs("label", { className: classNames("hjm-choice", className), style: layoutStyle, "data-kind": "checkbox", "data-state": indeterminate ? "mixed" : checked ? "checked" : "unchecked", "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [_jsx("input", { ...props, ref: composeRefs(inputRef, forwardedRef), className: "hjm-choice__input", type: "checkbox", checked: checked, disabled: disabled, "aria-readonly": readOnly || undefined, "aria-checked": indeterminate ? "mixed" : checked, onClick: (event) => {
                     onClick?.(event);
                     if (readOnly)
                         event.preventDefault();
@@ -45,7 +45,7 @@ export const Checkbox = forwardRef(function Checkbox({ label, description, check
                 }) })) : null, _jsxs("span", { className: "hjm-choice__copy", children: [_jsx("span", { children: label }), description ? _jsx("span", { className: "hjm-choice__description", children: description }) : null] })] }));
 });
 /** Native radio item primitive. Use RadioGroup when the renderer owns group state. */
-export const Radio = forwardRef(function Radio({ label, description, checked: checkedProp, defaultChecked = false, onCheckedChange, onChange, disabled, readOnly = false, presentation = selectionControlRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, renderLeading, className, onClick, ...props }, ref) {
+export const Radio = forwardRef(function Radio({ label, description, checked: checkedProp, defaultChecked = false, onCheckedChange, onChange, disabled, readOnly = false, presentation = selectionControlRecipe.defaults.presentation, size = selectionControlRecipe.defaults.size, renderLeading, className, onClick, layoutStyle, ...props }, ref) {
     const [checked, setChecked] = useControllableState({
         ...(checkedProp === undefined ? {} : { value: checkedProp }),
         defaultValue: defaultChecked,
@@ -53,7 +53,7 @@ export const Radio = forwardRef(function Radio({ label, description, checked: ch
             ? {}
             : { onChange: (next) => next && onCheckedChange(true) }),
     });
-    return (_jsxs("label", { className: classNames("hjm-choice", className), "data-kind": "radio", "data-state": checked ? "checked" : "unchecked", "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [_jsx("input", { ...props, ref: ref, className: "hjm-choice__input", type: "radio", checked: checked, disabled: disabled, "aria-readonly": readOnly || undefined, onClick: (event) => {
+    return (_jsxs("label", { className: classNames("hjm-choice", className), style: layoutStyle, "data-kind": "radio", "data-state": checked ? "checked" : "unchecked", "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, "data-presentation": presentation, "data-size": size, children: [_jsx("input", { ...props, ref: ref, className: "hjm-choice__input", type: "radio", checked: checked, disabled: disabled, "aria-readonly": readOnly || undefined, onClick: (event) => {
                     onClick?.(event);
                     if (readOnly)
                         event.preventDefault();
@@ -67,7 +67,7 @@ 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, ...props }, ref) {
+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) {
     const resolvedLabel = resolveControlAccessibleName(label, accessibilityLabel, "CheckboxGroup");
     const [value, setValue] = useControllableState({
         ...(valueProp === undefined ? {} : { value: valueProp }),
@@ -87,7 +87,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, 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("div", { 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) {
@@ -116,7 +116,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, ...props }, ref) {
+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) {
     validateItems("RadioGroup", items);
     if (accessibilityLabel !== undefined &&
         accessibilityLabel.trim().length === 0)
@@ -163,7 +163,7 @@ 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, 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("div", { 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: () => {
                                     if (!readOnly)
@@ -189,7 +189,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: "hjm-switch__label", 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, name, className, ...props }, ref) {
+export const SegmentedControl = forwardRef(function SegmentedControl({ label, items, value: valueProp, defaultValue, onValueChange, size = segmentedControlRecipe.defaults.size, presentation = "connected", name, className, layoutStyle, style, ...props }, ref) {
     validateItems("SegmentedControl", items);
     const descriptors = items.map((item) => ({
         id: item.value,
@@ -223,6 +223,6 @@ export const SegmentedControl = forwardRef(function SegmentedControl({ label, it
         if (!controlled && value !== storedValue)
             setValue(value);
     }, [controlled, setValue, storedValue, value]);
-    return (_jsxs("fieldset", { ...props, ref: ref, className: classNames("hjm-segmented", className), "data-size": size, children: [_jsx("legend", { className: "hjm-visually-hidden", children: label }), _jsx("div", { className: "hjm-segmented__items", children: items.map((item) => (_jsxs("label", { className: "hjm-segmented__item", "data-state": item.value === value ? "checked" : "unchecked", "data-disabled": item.disabled || undefined, children: [_jsx("input", { type: "radio", name: name ?? generatedName, value: item.value, checked: item.value === value, disabled: item.disabled, required: true, onChange: () => setValue(item.value) }), _jsx("span", { children: item.label })] }, item.value))) })] }));
+    return (_jsxs("fieldset", { ...props, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-segmented", className), "data-size": size, "data-presentation": presentation, children: [_jsx("legend", { className: "hjm-visually-hidden", children: label }), _jsx("div", { className: "hjm-segmented__items", children: items.map((item) => (_jsxs("label", { className: "hjm-segmented__item", "data-state": item.value === value ? "checked" : "unchecked", "data-disabled": item.disabled || undefined, children: [_jsx("input", { type: "radio", name: name ?? generatedName, value: item.value, checked: item.value === value, disabled: item.disabled, required: true, onChange: () => setValue(item.value) }), _jsx("span", { children: item.label })] }, item.value))) })] }));
 });
 //# 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 {\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  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\";\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  }>;\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    ...props\n  },\n  ref,\n) {\n  const selectable = selectionMode !== \"action\";\n  const active = selectable && selected === true;\n  return (\n    <button\n      {...props}\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\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      ...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        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\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    ...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      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  }>;\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    ...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      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      {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\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  }>;\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      ...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        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        {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\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      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} className=\"hjm-switch__label\">{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    name?: string;\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    name,\n    className,\n    ...props\n  },\n  ref,\n) {\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  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      className={classNames(\"hjm-segmented\", className)}\n      data-size={size}\n    >\n      <legend className=\"hjm-visually-hidden\">{label}</legend>\n      <div className=\"hjm-segmented__items\">\n        {items.map((item) => (\n          <label\n            key={item.value}\n            className=\"hjm-segmented__item\"\n            data-state={item.value === value ? \"checked\" : \"unchecked\"}\n            data-disabled={item.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}\n              required\n              onChange={() => setValue(item.value)}\n            />\n            <span>{item.label}</span>\n          </label>\n        ))}\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 {\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  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\";\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      {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\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        {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\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      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} className=\"hjm-switch__label\">{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\";\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    name,\n    className,\n    layoutStyle,\n    style,\n    ...props\n  },\n  ref,\n) {\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  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      style={{ ...style, ...layoutStyle }}\n      className={classNames(\"hjm-segmented\", className)}\n      data-size={size}\n      data-presentation={presentation}\n    >\n      <legend className=\"hjm-visually-hidden\">{label}</legend>\n      <div className=\"hjm-segmented__items\">\n        {items.map((item) => (\n          <label\n            key={item.value}\n            className=\"hjm-segmented__item\"\n            data-state={item.value === value ? \"checked\" : \"unchecked\"}\n            data-disabled={item.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}\n              required\n              onChange={() => setValue(item.value)}\n            />\n            <span>{item.label}</span>\n          </label>\n        ))}\n      </div>\n    </fieldset>\n  );\n});\n"]}

package/dist/side-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../src/side-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,aAAa,EAClB,KAAK,0BAA0B,EAC/B,KAAK,aAAa,EACnB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,0BAA0B,CAAC,GACrE,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,sBAAsB,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnF,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEL,eAAO,MAAM,SAAS,2GA+KpB,CAAC"}
+{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../src/side-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,aAAa,EAClB,KAAK,0BAA0B,EAC/B,KAAK,aAAa,EACnB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,YAAY,CAAC;AAGpB,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,0BAA0B,CAAC,GACrE,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,sBAAsB,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnF,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEL,eAAO,MAAM,SAAS,2GA+KpB,CAAC"}

package/dist/side-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-panel.js","sourceRoot":"","sources":["../src/side-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  canDismissSidePanel,\n  sidePanelBehaviorDefaults,\n  sidePanelRecipe,\n  type SidePanelDismissPolicy,\n  type SidePanelDismissReason,\n  type SidePanelEdge,\n  type SidePanelOpenChangeDetails,\n  type SidePanelSize,\n} from \"@hjmds/design-contracts/components/side-panel\";\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { classNames, composeRefs } from \"./internal.js\";\nimport {\n  getModalLayer,\n  HjmPortal,\n  renderTrigger,\n  useModalFocus,\n  useOpenState,\n  type ModalOpenState,\n} from \"./modal.js\";\n\nexport type SidePanelProps = ModalOpenState<SidePanelOpenChangeDetails> &\n  Readonly<{\n    title: ReactNode;\n    description?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    /** Logical docking direction; mirrors automatically in RTL. */\n    edge?: SidePanelEdge;\n    size?: SidePanelSize;\n    busy?: boolean;\n    /**\n     * The whole policy, not `Partial<...>`: the contract splits this union on\n     * `modal` so that `{ modal: false, outsideDismiss: true }` cannot be\n     * written at all. `Partial<SidePanelDismissPolicy>` would collapse both\n     * branches into optional fields and hand that invalid combination back.\n     */\n    dismissPolicy?: SidePanelDismissPolicy;\n    /** Localized accessible name for the close action. */\n    closeLabel: string;\n    initialFocusRef?: React.RefObject<HTMLElement | null>;\n    returnFocusRef?: React.RefObject<HTMLElement | null>;\n    /** Fires once per visible cycle, after the panel has been removed. */\n    onDismissComplete?: (detail: Readonly<{ reason: SidePanelDismissReason }>) => void;\n    /** Higher-priority modals remain interactive above later lower-priority modals. */\n    modalPriority?: number;\n    portalContainer?: HTMLElement;\n    className?: string;\n  }>;\n\nexport const SidePanel = forwardRef<HTMLDivElement, SidePanelProps>(function SidePanel(\n  {\n    trigger,\n    title,\n    description,\n    children,\n    footer,\n    edge = sidePanelRecipe.defaults.edge,\n    size = sidePanelRecipe.defaults.size,\n    busy = false,\n    dismissPolicy = sidePanelBehaviorDefaults,\n    closeLabel,\n    initialFocusRef,\n    returnFocusRef,\n    onDismissComplete,\n    modalPriority = 0,\n    portalContainer,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    className,\n  },\n  forwardedRef,\n) {\n  const policy = dismissPolicy;\n  const modal = policy.modal;\n  const [open, changeOpen] = useOpenState<SidePanelOpenChangeDetails>({\n    ...(openProp === undefined ? {} : { open: openProp }),\n    ...(defaultOpen === undefined ? {} : { defaultOpen }),\n    ...(onOpenChange === undefined ? {} : { onOpenChange }),\n  });\n  const triggerRef = useRef<HTMLElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const id = useId().replaceAll(\":\", \"\");\n  const contentId = `${id}-side-panel`;\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  const dismissReasonRef = useRef<SidePanelDismissReason | undefined>(undefined);\n  const wasOpenRef = useRef(open);\n  const dismissCompleteRef = useRef(onDismissComplete);\n  dismissCompleteRef.current = onDismissComplete;\n  const requestClose = (reason: SidePanelDismissReason) => {\n    if (!canDismissSidePanel(reason, busy, policy)) return;\n    dismissReasonRef.current = reason;\n    changeOpen(false, { reason });\n  };\n  useEffect(() => {\n    if (open) {\n      wasOpenRef.current = true;\n      dismissReasonRef.current = undefined;\n      return;\n    }\n    if (!wasOpenRef.current) return;\n    /*\n      No `createSheetLifecycle` counterpart, per docs/side-panel.md: that counter\n      exists for Android's persistently mounted native Modal. Here the panel is\n      unmounted with the render that closed it, so \"removed\" is already true when\n      this effect runs — including under reduced motion, where there is no exit\n      transition to wait for. An owner that closed the panel without a user\n      gesture is reported as `programmatic`.\n    */\n    wasOpenRef.current = false;\n    const reason = dismissReasonRef.current ?? \"programmatic\";\n    dismissReasonRef.current = undefined;\n    dismissCompleteRef.current?.({ reason });\n  }, [open]);\n\n  useModalFocus({\n    // Only modal panels trap focus and lock scroll. A non-modal panel leaves the\n    // rest of the page live and tabbable, so it must not enter the modal stack.\n    active: open && modal,\n    priority: modalPriority,\n    contentRef,\n    ...(initialFocusRef === undefined ? {} : { initialFocusRef }),\n    ...(returnFocusRef === undefined ? {} : { returnFocusRef }),\n    ...(trigger === undefined ? {} : { fallbackReturnRef: triggerRef }),\n    onEscape: () => requestClose(\"escape\"),\n  });\n\n  const escapeRef = useRef(() => requestClose(\"escape\"));\n  escapeRef.current = () => requestClose(\"escape\");\n  useEffect(() => {\n    if (!open || modal) return;\n    // Escape dismisses non-modal panels too, but only while focus is inside them\n    // — the live page behind keeps its own Escape handling.\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || event.defaultPrevented) return;\n      // Read the ref per event: the portal mounts one commit after this effect,\n      // so a value captured here would still be null for the panel's first keys.\n      if (!(event.target instanceof Node) || contentRef.current?.contains(event.target) !== true) return;\n      event.preventDefault();\n      escapeRef.current();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, modal]);\n\n  const style = {\n    zIndex: getModalLayer(modalPriority),\n    \"--hjm-side-panel-size\": `${sidePanelRecipe.sizes[size]}px`,\n  } as CSSProperties;\n  const panel = (\n    <div\n      ref={composeRefs(contentRef, forwardedRef)}\n      id={contentId}\n      // A modal panel is a dialog; a non-modal one stays a complementary landmark\n      // so assistive technology can move past it like any other page region.\n      role={modal ? \"dialog\" : \"complementary\"}\n      aria-modal={modal || undefined}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n      aria-busy={busy || undefined}\n      tabIndex={-1}\n      className={classNames(\"hjm-side-panel\", className)}\n      data-hjm-modal-content={modal ? \"\" : undefined}\n      data-edge={edge}\n      data-size={size}\n      data-modal={modal}\n      data-state={busy ? \"busy\" : \"idle\"}\n      style={modal ? undefined : style}\n    >\n      <header className=\"hjm-side-panel__header\">\n        <div>\n          <h2 id={titleId} className=\"hjm-side-panel__title\">{title}</h2>\n          {description ? <p id={descriptionId} className=\"hjm-side-panel__description\">{description}</p> : null}\n        </div>\n        {policy.dismissible ? (\n          <button\n            type=\"button\"\n            className=\"hjm-dialog__close\"\n            aria-label={closeLabel}\n            disabled={busy && !policy.dismissWhileBusy}\n            onClick={() => requestClose(\"close-action\")}\n          >\n            ×\n          </button>\n        ) : null}\n      </header>\n      {children ? <div className=\"hjm-side-panel__body\">{children}</div> : null}\n      {footer ? <footer className=\"hjm-side-panel__footer\">{footer}</footer> : null}\n    </div>\n  );\n\n  return (\n    <>\n      {trigger === undefined ? null : renderTrigger(\n        trigger,\n        triggerRef,\n        open,\n        contentId,\n        \"dialog\",\n        () => changeOpen(true, { reason: \"trigger\" }),\n      )}\n      {open ? (\n        <HjmPortal {...(portalContainer === undefined ? {} : { container: portalContainer })}>\n          {modal ? (\n            <div\n              className=\"hjm-overlay hjm-side-panel-positioner\"\n              data-kind=\"side-panel\"\n              data-modal-priority={modalPriority}\n              data-edge={edge}\n              data-state=\"open\"\n              style={style}\n              onMouseDown={(event) => {\n                if (event.target === event.currentTarget) requestClose(\"outside\");\n              }}\n            >\n              {panel}\n            </div>\n          ) : panel}\n        </HjmPortal>\n      ) : null}\n    </>\n  );\n});\n"]}
+{"version":3,"file":"side-panel.js","sourceRoot":"","sources":["../src/side-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  canDismissSidePanel,\n  sidePanelBehaviorDefaults,\n  sidePanelRecipe,\n  type SidePanelDismissPolicy,\n  type SidePanelDismissReason,\n  type SidePanelEdge,\n  type SidePanelOpenChangeDetails,\n  type SidePanelSize,\n} from \"@hjmds/design-contracts/components/side-panel\";\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { classNames, composeRefs } from \"./internal.js\";\nimport {\n  getModalLayer,\n  HjmPortal,\n  renderTrigger,\n  useModalFocus,\n  useOpenState,\n  type ModalOpenState,\n} from \"./modal.js\";\n\n// No `layoutStyle`: an edge-attached portal panel; only its optional trigger is in flow, and the caller places that.\nexport type SidePanelProps = ModalOpenState<SidePanelOpenChangeDetails> &\n  Readonly<{\n    title: ReactNode;\n    description?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    /** Logical docking direction; mirrors automatically in RTL. */\n    edge?: SidePanelEdge;\n    size?: SidePanelSize;\n    busy?: boolean;\n    /**\n     * The whole policy, not `Partial<...>`: the contract splits this union on\n     * `modal` so that `{ modal: false, outsideDismiss: true }` cannot be\n     * written at all. `Partial<SidePanelDismissPolicy>` would collapse both\n     * branches into optional fields and hand that invalid combination back.\n     */\n    dismissPolicy?: SidePanelDismissPolicy;\n    /** Localized accessible name for the close action. */\n    closeLabel: string;\n    initialFocusRef?: React.RefObject<HTMLElement | null>;\n    returnFocusRef?: React.RefObject<HTMLElement | null>;\n    /** Fires once per visible cycle, after the panel has been removed. */\n    onDismissComplete?: (detail: Readonly<{ reason: SidePanelDismissReason }>) => void;\n    /** Higher-priority modals remain interactive above later lower-priority modals. */\n    modalPriority?: number;\n    portalContainer?: HTMLElement;\n    className?: string;\n  }>;\n\nexport const SidePanel = forwardRef<HTMLDivElement, SidePanelProps>(function SidePanel(\n  {\n    trigger,\n    title,\n    description,\n    children,\n    footer,\n    edge = sidePanelRecipe.defaults.edge,\n    size = sidePanelRecipe.defaults.size,\n    busy = false,\n    dismissPolicy = sidePanelBehaviorDefaults,\n    closeLabel,\n    initialFocusRef,\n    returnFocusRef,\n    onDismissComplete,\n    modalPriority = 0,\n    portalContainer,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    className,\n  },\n  forwardedRef,\n) {\n  const policy = dismissPolicy;\n  const modal = policy.modal;\n  const [open, changeOpen] = useOpenState<SidePanelOpenChangeDetails>({\n    ...(openProp === undefined ? {} : { open: openProp }),\n    ...(defaultOpen === undefined ? {} : { defaultOpen }),\n    ...(onOpenChange === undefined ? {} : { onOpenChange }),\n  });\n  const triggerRef = useRef<HTMLElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const id = useId().replaceAll(\":\", \"\");\n  const contentId = `${id}-side-panel`;\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  const dismissReasonRef = useRef<SidePanelDismissReason | undefined>(undefined);\n  const wasOpenRef = useRef(open);\n  const dismissCompleteRef = useRef(onDismissComplete);\n  dismissCompleteRef.current = onDismissComplete;\n  const requestClose = (reason: SidePanelDismissReason) => {\n    if (!canDismissSidePanel(reason, busy, policy)) return;\n    dismissReasonRef.current = reason;\n    changeOpen(false, { reason });\n  };\n  useEffect(() => {\n    if (open) {\n      wasOpenRef.current = true;\n      dismissReasonRef.current = undefined;\n      return;\n    }\n    if (!wasOpenRef.current) return;\n    /*\n      No `createSheetLifecycle` counterpart, per docs/side-panel.md: that counter\n      exists for Android's persistently mounted native Modal. Here the panel is\n      unmounted with the render that closed it, so \"removed\" is already true when\n      this effect runs — including under reduced motion, where there is no exit\n      transition to wait for. An owner that closed the panel without a user\n      gesture is reported as `programmatic`.\n    */\n    wasOpenRef.current = false;\n    const reason = dismissReasonRef.current ?? \"programmatic\";\n    dismissReasonRef.current = undefined;\n    dismissCompleteRef.current?.({ reason });\n  }, [open]);\n\n  useModalFocus({\n    // Only modal panels trap focus and lock scroll. A non-modal panel leaves the\n    // rest of the page live and tabbable, so it must not enter the modal stack.\n    active: open && modal,\n    priority: modalPriority,\n    contentRef,\n    ...(initialFocusRef === undefined ? {} : { initialFocusRef }),\n    ...(returnFocusRef === undefined ? {} : { returnFocusRef }),\n    ...(trigger === undefined ? {} : { fallbackReturnRef: triggerRef }),\n    onEscape: () => requestClose(\"escape\"),\n  });\n\n  const escapeRef = useRef(() => requestClose(\"escape\"));\n  escapeRef.current = () => requestClose(\"escape\");\n  useEffect(() => {\n    if (!open || modal) return;\n    // Escape dismisses non-modal panels too, but only while focus is inside them\n    // — the live page behind keeps its own Escape handling.\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || event.defaultPrevented) return;\n      // Read the ref per event: the portal mounts one commit after this effect,\n      // so a value captured here would still be null for the panel's first keys.\n      if (!(event.target instanceof Node) || contentRef.current?.contains(event.target) !== true) return;\n      event.preventDefault();\n      escapeRef.current();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, modal]);\n\n  const style = {\n    zIndex: getModalLayer(modalPriority),\n    \"--hjm-side-panel-size\": `${sidePanelRecipe.sizes[size]}px`,\n  } as CSSProperties;\n  const panel = (\n    <div\n      ref={composeRefs(contentRef, forwardedRef)}\n      id={contentId}\n      // A modal panel is a dialog; a non-modal one stays a complementary landmark\n      // so assistive technology can move past it like any other page region.\n      role={modal ? \"dialog\" : \"complementary\"}\n      aria-modal={modal || undefined}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n      aria-busy={busy || undefined}\n      tabIndex={-1}\n      className={classNames(\"hjm-side-panel\", className)}\n      data-hjm-modal-content={modal ? \"\" : undefined}\n      data-edge={edge}\n      data-size={size}\n      data-modal={modal}\n      data-state={busy ? \"busy\" : \"idle\"}\n      style={modal ? undefined : style}\n    >\n      <header className=\"hjm-side-panel__header\">\n        <div>\n          <h2 id={titleId} className=\"hjm-side-panel__title\">{title}</h2>\n          {description ? <p id={descriptionId} className=\"hjm-side-panel__description\">{description}</p> : null}\n        </div>\n        {policy.dismissible ? (\n          <button\n            type=\"button\"\n            className=\"hjm-dialog__close\"\n            aria-label={closeLabel}\n            disabled={busy && !policy.dismissWhileBusy}\n            onClick={() => requestClose(\"close-action\")}\n          >\n            ×\n          </button>\n        ) : null}\n      </header>\n      {children ? <div className=\"hjm-side-panel__body\">{children}</div> : null}\n      {footer ? <footer className=\"hjm-side-panel__footer\">{footer}</footer> : null}\n    </div>\n  );\n\n  return (\n    <>\n      {trigger === undefined ? null : renderTrigger(\n        trigger,\n        triggerRef,\n        open,\n        contentId,\n        \"dialog\",\n        () => changeOpen(true, { reason: \"trigger\" }),\n      )}\n      {open ? (\n        <HjmPortal {...(portalContainer === undefined ? {} : { container: portalContainer })}>\n          {modal ? (\n            <div\n              className=\"hjm-overlay hjm-side-panel-positioner\"\n              data-kind=\"side-panel\"\n              data-modal-priority={modalPriority}\n              data-edge={edge}\n              data-state=\"open\"\n              style={style}\n              onMouseDown={(event) => {\n                if (event.target === event.currentTarget) requestClose(\"outside\");\n              }}\n            >\n              {panel}\n            </div>\n          ) : panel}\n        </HjmPortal>\n      ) : null}\n    </>\n  );\n});\n"]}

package/dist/sidebar.d.ts

@@ -1,5 +1,6 @@
 import { type SidebarDescriptor, type SidebarItemDescriptor } from "@hjmds/design-contracts/components/sidebar";
 import { type ReactNode } from "react";
+import type { HjmCompositionStyleProp } from "./composition-style.js";
 export type SidebarAppearance = "standard" | "bounce" | "hook" | "proximity";
 export type SidebarProps<Id extends string = string, GroupId extends string = string> = Readonly<{
     descriptor: SidebarDescriptor<Id, GroupId>;
@@ -18,6 +19,8 @@ export type SidebarProps<Id extends string = string, GroupId extends string = st
     renderIcon?: (item: SidebarItemDescriptor<Id>) => ReactNode;
     renderBadge?: (count: number, item: SidebarItemDescriptor<Id>) => ReactNode;
     className?: string;
+    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */
+    layoutStyle?: HjmCompositionStyleProp;
 }>;
 export declare const Sidebar: <Id extends string = string, GroupId extends string = string>(props: SidebarProps<Id, GroupId> & {
     ref?: React.Ref<HTMLElement>;

package/dist/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAE7E,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC;IAC/F,UAAU,EAAE,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAC3C,yFAAyF;IACzF,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAC9B,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,EA0Gd,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,EAChE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC3B,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAE7E,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC;IAC/F,UAAU,EAAE,iBAAiB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IAC3C,yFAAyF;IACzF,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,+DAA+D;IAC/D,cAAc,CAAC,EAAE,QAAQ,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAC9B,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,EA2Gd,CAAC,EAAE,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,EAChE,KAAK,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/sidebar.js

@@ -3,7 +3,7 @@ import { sidebarDefaults, sidebarRecipe, validateSidebarDescriptor, } from "@hjm
 import { forwardRef, useState, } from "react";
 import { useOptionalHjmTheme } from "./provider.js";
 import { classNames, useControllableState } from "./internal.js";
-export const Sidebar = forwardRef(function Sidebar({ descriptor, appearance = "standard", collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseLabels, onNavigate, renderIcon, renderBadge, className, }, forwardedRef) {
+export const Sidebar = forwardRef(function Sidebar({ descriptor, appearance = "standard", collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseLabels, onNavigate, renderIcon, renderBadge, className, layoutStyle, }, forwardedRef) {
     validateSidebarDescriptor(descriptor);
     const theme = useOptionalHjmTheme();
     const animate = theme !== null && !theme.environment.reducedMotion;
@@ -26,7 +26,7 @@ export const Sidebar = forwardRef(function Sidebar({ descriptor, appearance = "s
         }, onPointerLeave: event => {
             for (const item of event.currentTarget.querySelectorAll(".hjm-sidebar__item"))
                 item.style.removeProperty("--hjm-sidebar-proximity");
-        }, style: {
+        }, style: { ...layoutStyle,
             "--hjm-sidebar-width": `${collapsed ? sidebarRecipe.widths.collapsed : sidebarRecipe.widths.expanded}px`,
             "--hjm-sidebar-item-height": `${sidebarRecipe.itemMinHeight}px`,
             "--hjm-sidebar-item-radius": `${sidebarRecipe.itemRadius}px`,

package/dist/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  sidebarDefaults,\n  sidebarRecipe,\n  validateSidebarDescriptor,\n  type SidebarDescriptor,\n  type SidebarItemDescriptor,\n} from \"@hjmds/design-contracts/components/sidebar\";\nimport {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport { classNames, useControllableState } from \"./internal.js\";\n\nexport type SidebarAppearance = \"standard\" | \"bounce\" | \"hook\" | \"proximity\";\n\nexport type SidebarProps<Id extends string = string, GroupId extends string = string> = Readonly<{\n  descriptor: SidebarDescriptor<Id, GroupId>;\n  /** Decoration only; link hit areas and document-order keyboard navigation stay fixed. */\n  appearance?: SidebarAppearance;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Localized names for the collapse control in both states. */\n  collapseLabels?: Readonly<{ collapse: string; expand: string }>;\n  onNavigate?: (id: Id) => void;\n  /** Product-owned icon per item; required for the collapsed rail to stay usable. */\n  renderIcon?: (item: SidebarItemDescriptor<Id>) => ReactNode;\n  renderBadge?: (count: number, item: SidebarItemDescriptor<Id>) => ReactNode;\n  className?: string;\n}>;\n\nexport const Sidebar = forwardRef(function Sidebar<Id extends string = string, GroupId extends string = string>(\n  {\n    descriptor,\n    appearance = \"standard\",\n    collapsed: controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n    collapseLabels,\n    onNavigate,\n    renderIcon,\n    renderBadge,\n    className,\n  }: SidebarProps<Id, GroupId>,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  validateSidebarDescriptor(descriptor);\n  const theme = useOptionalHjmTheme();\n  const animate = theme !== null && !theme.environment.reducedMotion;\n  const [activatedId, setActivatedId] = useState<string | null>(null);\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    ...(controlledCollapsed === undefined ? {} : { value: controlledCollapsed }),\n    defaultValue: defaultCollapsed ?? sidebarDefaults.collapsed,\n    ...(onCollapsedChange === undefined ? {} : { onChange: onCollapsedChange }),\n  });\n  return (\n    <nav\n      ref={forwardedRef}\n      aria-label={descriptor.accessibilityLabel}\n      className={classNames(\"hjm-sidebar\", className)}\n      data-collapsed={collapsed || undefined}\n      data-appearance={appearance}\n      data-animate={animate || undefined}\n      onPointerMove={event => {\n        if (appearance !== \"proximity\" || !animate || event.pointerType === \"touch\") return;\n        // Only icon decoration responds to distance; moving links would shift click/focus targets.\n        for (const item of event.currentTarget.querySelectorAll<HTMLElement>(\".hjm-sidebar__item\")) {\n          const bounds = item.getBoundingClientRect();\n          const distance = Math.abs(event.clientY - (bounds.top + bounds.height / 2));\n          const proximity = item.getAttribute(\"aria-disabled\") === \"true\" ? 0 : Math.max(0, 1 - distance / (bounds.height * 2));\n          item.style.setProperty(\"--hjm-sidebar-proximity\", String(proximity));\n        }\n      }}\n      onPointerLeave={event => {\n        for (const item of event.currentTarget.querySelectorAll<HTMLElement>(\".hjm-sidebar__item\")) item.style.removeProperty(\"--hjm-sidebar-proximity\");\n      }}\n      style={{\n        \"--hjm-sidebar-width\": `${collapsed ? sidebarRecipe.widths.collapsed : sidebarRecipe.widths.expanded}px`,\n        \"--hjm-sidebar-item-height\": `${sidebarRecipe.itemMinHeight}px`,\n        \"--hjm-sidebar-item-radius\": `${sidebarRecipe.itemRadius}px`,\n        \"--hjm-sidebar-gap\": `${sidebarRecipe.gap}px`,\n        \"--hjm-sidebar-group-gap\": `${sidebarRecipe.groupGap}px`,\n      } as CSSProperties}\n    >\n      {collapseLabels ? (\n        <button\n          type=\"button\"\n          className=\"hjm-sidebar__toggle\"\n          aria-expanded={!collapsed}\n          aria-label={collapsed ? collapseLabels.expand : collapseLabels.collapse}\n          onClick={() => setCollapsed(!collapsed)}\n        >\n          <span aria-hidden=\"true\">{collapsed ? \"»\" : \"«\"}</span>\n        </button>\n      ) : null}\n      {descriptor.groups.map((group) => (\n        <div key={group.id} className=\"hjm-sidebar__group\" role=\"group\" aria-label={group.label}>\n          {/*\n            Collapsing is density, not content: the group label is hidden\n            visually but the group keeps its accessible name.\n          */}\n          {group.label ? <p className=\"hjm-sidebar__group-label\" aria-hidden=\"true\">{group.label}</p> : null}\n          <ul className=\"hjm-sidebar__list\">\n            {group.items.map((item) => {\n              const current = descriptor.currentId === item.id;\n              return (\n                <li key={item.id}>\n                  <a\n                    className=\"hjm-sidebar__item\"\n                    href={item.destination?.kind === \"internal\" ? item.destination.href : item.destination?.href}\n                    aria-current={current ? \"page\" : undefined}\n                    data-bounce={current && activatedId === item.id || undefined}\n                    aria-disabled={item.disabled || undefined}\n                    // Collapsed labels are hidden visually, so the name comes\n                    // from the attribute instead of disappearing with the text.\n                    aria-label={collapsed ? item.label : undefined}\n                    tabIndex={item.disabled ? -1 : undefined}\n                    onClick={(event) => {\n                      if (item.disabled) { event.preventDefault(); return; }\n                      if (appearance === \"bounce\" && animate) setActivatedId(item.id);\n                      onNavigate?.(item.id);\n                    }}\n                  >\n                    {renderIcon ? <span aria-hidden=\"true\" className=\"hjm-sidebar__icon\">{renderIcon(item)}</span> : null}\n                    <span className=\"hjm-sidebar__label\">{item.label}</span>\n                    {item.badgeCount !== undefined ? (\n                      <span className=\"hjm-sidebar__badge\">{renderBadge?.(item.badgeCount, item) ?? item.badgeCount}</span>\n                    ) : null}\n                  </a>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      ))}\n    </nav>\n  );\n}) as <Id extends string = string, GroupId extends string = string>(\n  props: SidebarProps<Id, GroupId> & { ref?: React.Ref<HTMLElement> },\n) => React.ReactElement | null;\n"]}
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../src/sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  sidebarDefaults,\n  sidebarRecipe,\n  validateSidebarDescriptor,\n  type SidebarDescriptor,\n  type SidebarItemDescriptor,\n} from \"@hjmds/design-contracts/components/sidebar\";\nimport {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { useOptionalHjmTheme } from \"./provider.js\";\nimport { classNames, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type SidebarAppearance = \"standard\" | \"bounce\" | \"hook\" | \"proximity\";\n\nexport type SidebarProps<Id extends string = string, GroupId extends string = string> = Readonly<{\n  descriptor: SidebarDescriptor<Id, GroupId>;\n  /** Decoration only; link hit areas and document-order keyboard navigation stay fixed. */\n  appearance?: SidebarAppearance;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Localized names for the collapse control in both states. */\n  collapseLabels?: Readonly<{ collapse: string; expand: string }>;\n  onNavigate?: (id: Id) => void;\n  /** Product-owned icon per item; required for the collapsed rail to stay usable. */\n  renderIcon?: (item: SidebarItemDescriptor<Id>) => ReactNode;\n  renderBadge?: (count: number, item: SidebarItemDescriptor<Id>) => ReactNode;\n  className?: string;\n  /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n  layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const Sidebar = forwardRef(function Sidebar<Id extends string = string, GroupId extends string = string>(\n  {\n    descriptor,\n    appearance = \"standard\",\n    collapsed: controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n    collapseLabels,\n    onNavigate,\n    renderIcon,\n    renderBadge,\n    className,\n    layoutStyle,\n  }: SidebarProps<Id, GroupId>,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  validateSidebarDescriptor(descriptor);\n  const theme = useOptionalHjmTheme();\n  const animate = theme !== null && !theme.environment.reducedMotion;\n  const [activatedId, setActivatedId] = useState<string | null>(null);\n  const [collapsed, setCollapsed] = useControllableState<boolean>({\n    ...(controlledCollapsed === undefined ? {} : { value: controlledCollapsed }),\n    defaultValue: defaultCollapsed ?? sidebarDefaults.collapsed,\n    ...(onCollapsedChange === undefined ? {} : { onChange: onCollapsedChange }),\n  });\n  return (\n    <nav\n      ref={forwardedRef}\n      aria-label={descriptor.accessibilityLabel}\n      className={classNames(\"hjm-sidebar\", className)}\n      data-collapsed={collapsed || undefined}\n      data-appearance={appearance}\n      data-animate={animate || undefined}\n      onPointerMove={event => {\n        if (appearance !== \"proximity\" || !animate || event.pointerType === \"touch\") return;\n        // Only icon decoration responds to distance; moving links would shift click/focus targets.\n        for (const item of event.currentTarget.querySelectorAll<HTMLElement>(\".hjm-sidebar__item\")) {\n          const bounds = item.getBoundingClientRect();\n          const distance = Math.abs(event.clientY - (bounds.top + bounds.height / 2));\n          const proximity = item.getAttribute(\"aria-disabled\") === \"true\" ? 0 : Math.max(0, 1 - distance / (bounds.height * 2));\n          item.style.setProperty(\"--hjm-sidebar-proximity\", String(proximity));\n        }\n      }}\n      onPointerLeave={event => {\n        for (const item of event.currentTarget.querySelectorAll<HTMLElement>(\".hjm-sidebar__item\")) item.style.removeProperty(\"--hjm-sidebar-proximity\");\n      }}\n      style={{ ...layoutStyle,\n        \"--hjm-sidebar-width\": `${collapsed ? sidebarRecipe.widths.collapsed : sidebarRecipe.widths.expanded}px`,\n        \"--hjm-sidebar-item-height\": `${sidebarRecipe.itemMinHeight}px`,\n        \"--hjm-sidebar-item-radius\": `${sidebarRecipe.itemRadius}px`,\n        \"--hjm-sidebar-gap\": `${sidebarRecipe.gap}px`,\n        \"--hjm-sidebar-group-gap\": `${sidebarRecipe.groupGap}px`,\n      } as CSSProperties}\n    >\n      {collapseLabels ? (\n        <button\n          type=\"button\"\n          className=\"hjm-sidebar__toggle\"\n          aria-expanded={!collapsed}\n          aria-label={collapsed ? collapseLabels.expand : collapseLabels.collapse}\n          onClick={() => setCollapsed(!collapsed)}\n        >\n          <span aria-hidden=\"true\">{collapsed ? \"»\" : \"«\"}</span>\n        </button>\n      ) : null}\n      {descriptor.groups.map((group) => (\n        <div key={group.id} className=\"hjm-sidebar__group\" role=\"group\" aria-label={group.label}>\n          {/*\n            Collapsing is density, not content: the group label is hidden\n            visually but the group keeps its accessible name.\n          */}\n          {group.label ? <p className=\"hjm-sidebar__group-label\" aria-hidden=\"true\">{group.label}</p> : null}\n          <ul className=\"hjm-sidebar__list\">\n            {group.items.map((item) => {\n              const current = descriptor.currentId === item.id;\n              return (\n                <li key={item.id}>\n                  <a\n                    className=\"hjm-sidebar__item\"\n                    href={item.destination?.kind === \"internal\" ? item.destination.href : item.destination?.href}\n                    aria-current={current ? \"page\" : undefined}\n                    data-bounce={current && activatedId === item.id || undefined}\n                    aria-disabled={item.disabled || undefined}\n                    // Collapsed labels are hidden visually, so the name comes\n                    // from the attribute instead of disappearing with the text.\n                    aria-label={collapsed ? item.label : undefined}\n                    tabIndex={item.disabled ? -1 : undefined}\n                    onClick={(event) => {\n                      if (item.disabled) { event.preventDefault(); return; }\n                      if (appearance === \"bounce\" && animate) setActivatedId(item.id);\n                      onNavigate?.(item.id);\n                    }}\n                  >\n                    {renderIcon ? <span aria-hidden=\"true\" className=\"hjm-sidebar__icon\">{renderIcon(item)}</span> : null}\n                    <span className=\"hjm-sidebar__label\">{item.label}</span>\n                    {item.badgeCount !== undefined ? (\n                      <span className=\"hjm-sidebar__badge\">{renderBadge?.(item.badgeCount, item) ?? item.badgeCount}</span>\n                    ) : null}\n                  </a>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      ))}\n    </nav>\n  );\n}) as <Id extends string = string, GroupId extends string = string>(\n  props: SidebarProps<Id, GroupId> & { ref?: React.Ref<HTMLElement> },\n) => React.ReactElement | null;\n"]}

package/dist/skip-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skip-nav.d.ts","sourceRoot":"","sources":["../src/skip-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAc,KAAK,oBAAoB,EAAsB,MAAM,OAAO,CAAC;AAGlF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GAC3F,iBAAiB,GACjB,QAAQ,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;;;;gBAFK,MAAM;sDAoC7B,CAAC"}
+{"version":3,"file":"skip-nav.d.ts","sourceRoot":"","sources":["../src/skip-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAc,KAAK,oBAAoB,EAAsB,MAAM,OAAO,CAAC;AAIlF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GAC3F,iBAAiB,GACjB,QAAQ,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;;;;gBAFK,MAAM;sDAoC7B,CAAC"}

package/dist/skip-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-nav.js","sourceRoot":"","sources":["../src/skip-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,yBAAyB,GAE1B,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAkC,SAAS,OAAO,CACjF,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EACjD,YAAY;IAEZ,yBAAyB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,eACM,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,IAAI,QAAQ,EAAE,EACpB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,KAAK,EAAE;YACL,2BAA2B,EAAE,GAAG,aAAa,CAAC,SAAS,IAAI;YAC3D,wBAAwB,EAAE,GAAG,aAAa,CAAC,iBAAiB,IAAI;YAChE,uBAAuB,EAAE,GAAG,aAAa,CAAC,MAAM,IAAI;YACpD,uBAAuB,EAAE,GAAG,aAAa,CAAC,MAAM,IAAI;SACpC,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,gBAAgB;gBAAE,OAAO;YACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YACjD,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB;;;;cAIE;YACF,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;gBAAE,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAC5E,MAAM,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;QACzC,CAAC,YAEA,KAAK,GACJ,CACL,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import {\n  skipNavRecipe,\n  validateSkipNavDescriptor,\n  type SkipNavDescriptor,\n} from \"@hjmds/design-contracts/components/skip-nav\";\nimport { forwardRef, type AnchorHTMLAttributes, type CSSProperties } from \"react\";\nimport { classNames } from \"./internal.js\";\n\nexport type SkipNavProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"children\"> &\n  SkipNavDescriptor &\n  Readonly<{ className?: string }>;\n\nexport const SkipNav = forwardRef<HTMLAnchorElement, SkipNavProps>(function SkipNav(\n  { targetId, label, className, onClick, ...props },\n  forwardedRef,\n) {\n  validateSkipNavDescriptor({ targetId, label });\n  return (\n    <a\n      {...props}\n      ref={forwardedRef}\n      href={`#${targetId}`}\n      className={classNames(\"hjm-skip-nav\", className)}\n      style={{\n        \"--hjm-skip-nav-min-height\": `${skipNavRecipe.minHeight}px`,\n        \"--hjm-skip-nav-padding\": `${skipNavRecipe.paddingHorizontal}px`,\n        \"--hjm-skip-nav-radius\": `${skipNavRecipe.radius}px`,\n        \"--hjm-skip-nav-offset\": `${skipNavRecipe.offset}px`,\n      } as CSSProperties}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        const target = document.getElementById(targetId);\n        if (!target) return;\n        /*\n          The hash alone only scrolls; focus stays behind in the navigation, so\n          the next Tab returns to the links the user just skipped. Making the\n          target programmatically focusable moves the caret with the view.\n        */\n        if (!target.hasAttribute(\"tabindex\")) target.setAttribute(\"tabindex\", \"-1\");\n        target.focus({ preventScroll: false });\n      }}\n    >\n      {label}\n    </a>\n  );\n});\n"]}
+{"version":3,"file":"skip-nav.js","sourceRoot":"","sources":["../src/skip-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,yBAAyB,GAE1B,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAkC,SAAS,OAAO,CACjF,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EACjD,YAAY;IAEZ,yBAAyB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,eACM,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,IAAI,EAAE,IAAI,QAAQ,EAAE,EACpB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,KAAK,EAAE;YACL,2BAA2B,EAAE,GAAG,aAAa,CAAC,SAAS,IAAI;YAC3D,wBAAwB,EAAE,GAAG,aAAa,CAAC,iBAAiB,IAAI;YAChE,uBAAuB,EAAE,GAAG,aAAa,CAAC,MAAM,IAAI;YACpD,uBAAuB,EAAE,GAAG,aAAa,CAAC,MAAM,IAAI;SACpC,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,gBAAgB;gBAAE,OAAO;YACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YACjD,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB;;;;cAIE;YACF,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;gBAAE,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAC5E,MAAM,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;QACzC,CAAC,YAEA,KAAK,GACJ,CACL,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import {\n  skipNavRecipe,\n  validateSkipNavDescriptor,\n  type SkipNavDescriptor,\n} from \"@hjmds/design-contracts/components/skip-nav\";\nimport { forwardRef, type AnchorHTMLAttributes, type CSSProperties } from \"react\";\nimport { classNames } from \"./internal.js\";\n\n// No `layoutStyle`: off-screen until focused, then pinned by the recipe offset; moving it would hide the focus target.\nexport type SkipNavProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"href\" | \"children\"> &\n  SkipNavDescriptor &\n  Readonly<{ className?: string }>;\n\nexport const SkipNav = forwardRef<HTMLAnchorElement, SkipNavProps>(function SkipNav(\n  { targetId, label, className, onClick, ...props },\n  forwardedRef,\n) {\n  validateSkipNavDescriptor({ targetId, label });\n  return (\n    <a\n      {...props}\n      ref={forwardedRef}\n      href={`#${targetId}`}\n      className={classNames(\"hjm-skip-nav\", className)}\n      style={{\n        \"--hjm-skip-nav-min-height\": `${skipNavRecipe.minHeight}px`,\n        \"--hjm-skip-nav-padding\": `${skipNavRecipe.paddingHorizontal}px`,\n        \"--hjm-skip-nav-radius\": `${skipNavRecipe.radius}px`,\n        \"--hjm-skip-nav-offset\": `${skipNavRecipe.offset}px`,\n      } as CSSProperties}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.defaultPrevented) return;\n        const target = document.getElementById(targetId);\n        if (!target) return;\n        /*\n          The hash alone only scrolls; focus stays behind in the navigation, so\n          the next Tab returns to the links the user just skipped. Making the\n          target programmatically focusable moves the caret with the view.\n        */\n        if (!target.hasAttribute(\"tabindex\")) target.setAttribute(\"tabindex\", \"-1\");\n        target.focus({ preventScroll: false });\n      }}\n    >\n      {label}\n    </a>\n  );\n});\n"]}