@hjmds/react 1.13.1 → 1.14.0

package/dist/selection.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { chipRecipe, iconRecipe, segmentedControlRecipe, selectionControlRecipe, selectionGroupRecipe, switchRecipe, } from "@hjmds/design-contracts/recipes";
 import { resolveControlAccessibleName, reconcileCheckboxSelection, reconcileRadioSelection, resolveInitialRadioValue, toggleCheckboxSelection, validateCheckboxSelection, validateRadioSelection, } from "@hjmds/design-contracts/behaviors";
-import { forwardRef, useEffect, useId, useRef, } from "react";
+import { forwardRef, useEffect, useLayoutEffect, 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, layoutStyle, style, ...props }, ref) {
@@ -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, presentation = "connected", name, className, layoutStyle, style, ...props }, ref) {
+export const SegmentedControl = forwardRef(function SegmentedControl({ label, items, value: valueProp, defaultValue, onValueChange, size = segmentedControlRecipe.defaults.size, presentation = "connected", selectionMotion = "none", name, className, layoutStyle, style, ...props }, ref) {
     validateItems("SegmentedControl", items);
     const descriptors = items.map((item) => ({
         id: item.value,
@@ -223,6 +223,48 @@ export const SegmentedControl = forwardRef(function SegmentedControl({ label, it
         if (!controlled && value !== storedValue)
             setValue(value);
     }, [controlled, setValue, storedValue, 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))) })] }));
+    const trackRef = useRef(null);
+    const highlightRef = useRef(null);
+    const previousSelection = useRef(null);
+    useLayoutEffect(() => {
+        const track = trackRef.current;
+        const highlight = highlightRef.current;
+        if (selectionMotion !== "slide" || !track || !highlight) {
+            previousSelection.current = null;
+            if (track)
+                delete track.dataset.highlightReady;
+            return;
+        }
+        const selected = Array.from(track.querySelectorAll(".hjm-segmented__item")).find(item => item.dataset.state === "checked");
+        if (!selected)
+            return;
+        const place = (animate) => {
+            // CSS owns reduced motion (both provider and OS); no provider import is
+            // added to this small selection entry just for decorative artwork.
+            highlight.dataset.moving = animate && !document.hidden ? "true" : "false";
+            const inset = presentation === "pills" ? Number.parseFloat(getComputedStyle(selected, "::before").top) || 0 : 0;
+            Object.assign(highlight.style, { left: `${selected.offsetLeft}px`, top: `${selected.offsetTop + inset}px`, width: `${selected.offsetWidth}px`, height: `${selected.offsetHeight - inset * 2}px`, opacity: selected.dataset.disabled === "true" ? "0.5" : "1" });
+            track.dataset.highlightReady = "true";
+        };
+        place(previousSelection.current !== null && previousSelection.current !== value);
+        previousSelection.current = value;
+        let bounds = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;
+        const observer = typeof ResizeObserver === "undefined" ? undefined : new ResizeObserver(() => {
+            const next = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;
+            if (next !== bounds) {
+                bounds = next;
+                place(false);
+            }
+        });
+        for (const item of track.querySelectorAll(".hjm-segmented__item"))
+            observer?.observe(item);
+        // Fixed-width RTL pills move when the track resizes without changing their
+        // own size. Observing only items leaves the selected artwork at its old x.
+        observer?.observe(track);
+        const visibility = () => place(false);
+        document.addEventListener("visibilitychange", visibility);
+        return () => { observer?.disconnect(); document.removeEventListener("visibilitychange", visibility); };
+    }, [value, items, presentation, selectionMotion]);
+    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 }), _jsxs("div", { className: "hjm-segmented__items", ref: trackRef, children: [selectionMotion === "slide" ? _jsx("span", { ref: highlightRef, className: "hjm-segmented__highlight", "aria-hidden": "true" }) : null, items.map((item) => (_jsxs("label", { className: "hjm-segmented__item", "data-state": item.value === value ? "checked" : "unchecked", "data-disabled": item.disabled || 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    /** 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"]}
+{"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  useLayoutEffect,\n  useId,\n  useRef,\n  type ButtonHTMLAttributes,\n  type ChangeEvent,\n  type FieldsetHTMLAttributes,\n  type InputHTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from \"react\";\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\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    /** Move only the selection artwork; radio semantics and hit targets stay fixed. */\n    selectionMotion?: \"none\" | \"slide\";\n    name?: string;\n    /** Canonical layout-only placement on the root element. Controlled visual keys are excluded. */\n    layoutStyle?: HjmCompositionStyleProp;\n  }>;\n\nexport const SegmentedControl = forwardRef<\n  HTMLFieldSetElement,\n  SegmentedControlProps\n>(function SegmentedControl(\n  {\n    label,\n    items,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    size = segmentedControlRecipe.defaults.size,\n    presentation = \"connected\",\n    selectionMotion = \"none\",\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  const trackRef = useRef<HTMLDivElement>(null);\n  const highlightRef = useRef<HTMLSpanElement>(null);\n  const previousSelection = useRef<string | null>(null);\n  useLayoutEffect(() => {\n    const track = trackRef.current; const highlight = highlightRef.current;\n    if (selectionMotion !== \"slide\" || !track || !highlight) { previousSelection.current = null; if (track) delete track.dataset.highlightReady; return; }\n    const selected = Array.from(track.querySelectorAll<HTMLLabelElement>(\".hjm-segmented__item\")).find(item => item.dataset.state === \"checked\");\n    if (!selected) return;\n    const place = (animate: boolean) => {\n      // CSS owns reduced motion (both provider and OS); no provider import is\n      // added to this small selection entry just for decorative artwork.\n      highlight.dataset.moving = animate && !document.hidden ? \"true\" : \"false\";\n      const inset = presentation === \"pills\" ? Number.parseFloat(getComputedStyle(selected, \"::before\").top) || 0 : 0;\n      Object.assign(highlight.style, { left: `${selected.offsetLeft}px`, top: `${selected.offsetTop + inset}px`, width: `${selected.offsetWidth}px`, height: `${selected.offsetHeight - inset * 2}px`, opacity: selected.dataset.disabled === \"true\" ? \"0.5\" : \"1\" });\n      track.dataset.highlightReady = \"true\";\n    };\n    place(previousSelection.current !== null && previousSelection.current !== value);\n    previousSelection.current = value;\n    let bounds = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n    const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => {\n      const next = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n      if (next !== bounds) { bounds = next; place(false); }\n    });\n    for (const item of track.querySelectorAll(\".hjm-segmented__item\")) observer?.observe(item);\n    // Fixed-width RTL pills move when the track resizes without changing their\n    // own size. Observing only items leaves the selected artwork at its old x.\n    observer?.observe(track);\n    const visibility = () => place(false);\n    document.addEventListener(\"visibilitychange\", visibility);\n    return () => { observer?.disconnect(); document.removeEventListener(\"visibilitychange\", visibility); };\n  }, [value, items, presentation, selectionMotion]);\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\" ref={trackRef}>\n        {selectionMotion === \"slide\" ? <span ref={highlightRef} className=\"hjm-segmented__highlight\" aria-hidden=\"true\" /> : null}\n        {items.map((item) => (\n          <label\n            key={item.value}\n            className=\"hjm-segmented__item\"\n            data-state={item.value === value ? \"checked\" : \"unchecked\"}\n            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/styles.css

@@ -356,6 +356,9 @@
 /* searchFieldRecipe.sizes.* (emitted by theme.ts): medium padding 12 · gap 8 · clear 36 + slop 4, large 52 high ·
    padding 16 · gap 12 · clear 44. Size is applied to the input by TextField; size the control from that public attribute. */
 .hjm-search-field .hjm-field__control { padding-inline: var(--hjm-search-field-padding-medium, var(--hjm-space-sm)); gap: var(--hjm-search-field-gap-medium, var(--hjm-space-xs)); }
+/* WebKit/Blink add a second clear affordance to type=search. Keep the HJM button
+   so clearing has one localized name, onClear callback and focus-restoration path. */
+.hjm-search-field input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
 .hjm-search-field:has(.hjm-field__input[data-size="large"]) .hjm-field__control { min-block-size: var(--hjm-control-button-large); padding-inline: var(--hjm-search-field-padding-large, var(--hjm-space-md)); gap: var(--hjm-search-field-gap-large, var(--hjm-space-sm)); }
 .hjm-search-field .hjm-field__input[data-size="large"] { min-block-size: calc(var(--hjm-control-button-large) - 2px); font-size: var(--hjm-type-body-large-size); line-height: var(--hjm-type-body-large-line-height); }
 /* The visible circle is the recipe diameter; ::after extends the hit area by clearHitSlop so the target stays 44. */
@@ -1749,26 +1752,36 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
   font-size: var(--hjm-type-body-large-size);
   line-height: var(--hjm-type-body-large-line-height);
 }
+/* Consent locking does not fade or disable the separate full-text links. */
+.hjm-agreement__all[aria-disabled="true"],
+.hjm-agreement__toggle[aria-disabled="true"] { cursor: not-allowed; opacity: var(--hjm-opacity-disabled, 0.5); }
 .hjm-agreement__list { display: flex; flex-direction: column; }
 .hjm-agreement__item {
-  display: grid;
-  grid-template-columns: 1fr auto;
+  display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: var(--hjm-space-xs);
   padding-inline: var(--hjm-space-sm);
 }
+/* agreementRecipe.itemLayout.labelBasis: details wrap before consent copy is
+   squeezed into vertical text at 2x scale (Utilverse adoption QA, 2026-10-07). */
+.hjm-agreement__toggle { flex: 1 1 70%; min-inline-size: 0; }
 .hjm-agreement__item[data-disabled] { color: var(--hjm-color-text-weak); }
 .hjm-agreement__copy { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: baseline; gap: var(--hjm-space-xxs); overflow-wrap: anywhere; }
 .hjm-agreement__required { color: var(--hjm-color-text-muted); font-size: var(--hjm-type-label-size); }
 .hjm-agreement__required[data-required] { color: var(--hjm-color-content-brand, var(--hjm-color-primary)); }
 .hjm-agreement__description {
-  grid-column: 1 / -1;
+  flex: 1 0 100%;
+  order: 3;
   margin: 0 0 var(--hjm-space-xs);
   color: var(--hjm-color-text-muted);
   font-size: var(--hjm-type-label-size);
 }
 .hjm-agreement__detail {
   display: inline-flex;
+  order: 2;
+  max-inline-size: 100%;
+  overflow-wrap: anywhere;
   align-items: center;
   min-block-size: var(--hjm-control-min-touch-target);
   padding: 0 var(--hjm-space-xs);
@@ -1790,6 +1803,10 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
   color: var(--hjm-color-on-primary);
   font-size: var(--hjm-type-label-size);
 }
+/* A mark is fixed artwork, not font-scaled copy. The former text glyph escaped
+   the 16px frame when the provider doubled label typography. */
+.hjm-agreement__mark[data-state="true"] .hjm-agreement__ink { inline-size: 8px; block-size: 4px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
+.hjm-agreement__mark[data-state="mixed"] .hjm-agreement__ink { inline-size: 10px; block-size: 2px; background: currentColor; }
 .hjm-agreement__mark[data-state="true"],
 .hjm-agreement__mark[data-state="mixed"] { border-color: var(--hjm-color-primary); background: var(--hjm-color-primary); }
 .hjm-agreement__all:focus-visible,
@@ -2901,10 +2918,30 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
 /* Filter pills keep the same native radio semantics and 44px hit target. The inner
    surface is compact; the group wraps at large type instead of clipping labels. */
 .hjm-segmented[data-presentation="pills"] { background:transparent; border:0; padding:0; }
+/* Keep the inset pill behind the whole line at large text (40px text / 28px fill was observed). Native already includes this inset as vertical padding. */
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__items { flex-wrap:wrap; gap:var(--hjm-space-xs); overflow:visible; padding:0; border:0; border-radius:0; background:transparent; }
-.hjm-segmented[data-presentation="pills"] .hjm-segmented__item { position:relative; flex:0 1 auto; min-inline-size:0; min-block-size:var(--hjm-control-min-touch-target); border:0; border-radius:var(--hjm-radius-full); background:transparent; box-shadow:none; padding-inline:var(--hjm-space-md); color:var(--hjm-color-text-muted); }
+.hjm-segmented[data-presentation="pills"] .hjm-segmented__item { padding-block:var(--hjm-space-xs); position:relative; flex:0 1 auto; min-inline-size:0; min-block-size:var(--hjm-control-min-touch-target); border:0; border-radius:var(--hjm-radius-full); background:transparent; box-shadow:none; padding-inline:var(--hjm-space-md); color:var(--hjm-color-text-muted); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item::before { content:""; position:absolute; inset:var(--hjm-space-xs) 0; border-radius:var(--hjm-radius-full); background:var(--hjm-color-surface-alt); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item > span { position:relative; overflow-wrap:anywhere; }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"] { color:var(--hjm-color-bg); font-weight:var(--hjm-font-weight-bold); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"]::before { background:var(--hjm-color-text-body); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item:focus-within { outline:2px solid var(--hjm-color-focus); outline-offset:2px; }
+
+/* Reference rating: real radios preserve browser keyboard and form behavior. */
+.hjm-rating__option { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: var(--hjm-control-min-touch-target); min-height: var(--hjm-control-min-touch-target); cursor: pointer; border: 1px solid var(--hjm-color-border); border-radius: var(--hjm-radius-sm); }
+.hjm-rating__option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
+.hjm-rating__option:has(input:focus-visible) { outline: 2px solid currentColor; outline-offset: 2px; }
+.hjm-rating__option:has(input:checked) { border-color: currentColor; }
+.hjm-rating__option:has(input:disabled) { opacity: .5; cursor: default; }
+
+/* Selection artwork moves independently; radios, labels and focus stay in place.
+   An opt-in avoids changing existing connected/pill consumers before review. */
+.hjm-segmented__items:has(> .hjm-segmented__highlight) { position: relative; isolation: isolate; }
+.hjm-segmented__highlight { position: absolute; pointer-events: none; z-index: 1; border-radius: var(--hjm-radius-md); background: var(--hjm-color-bg); box-shadow: inset 0 0 0 2px var(--hjm-color-focus); }
+.hjm-segmented__highlight[data-moving="true"] { transition: left var(--hjm-motion-normal) ease-out, top var(--hjm-motion-normal) ease-out, width var(--hjm-motion-normal) ease-out, height var(--hjm-motion-normal) ease-out; }
+.hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"] { background: transparent; box-shadow: none; }
+.hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item > span { position: relative; z-index: 2; pointer-events: none; }
+.hjm-segmented[data-presentation="pills"] .hjm-segmented__highlight { border-radius: var(--hjm-radius-full); background: var(--hjm-color-text-body); box-shadow: none; }
+.hjm-segmented[data-presentation="pills"] .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"]::before { background: transparent; }
+[data-motion="reduced"] .hjm-segmented__highlight { transition: none; }
+@media (prefers-reduced-motion: reduce) { .hjm-segmented__highlight { transition: none; } }

package/dist/styles.layered.css

@@ -357,6 +357,9 @@
 /* searchFieldRecipe.sizes.* (emitted by theme.ts): medium padding 12 · gap 8 · clear 36 + slop 4, large 52 high ·
    padding 16 · gap 12 · clear 44. Size is applied to the input by TextField; size the control from that public attribute. */
 .hjm-search-field .hjm-field__control { padding-inline: var(--hjm-search-field-padding-medium, var(--hjm-space-sm)); gap: var(--hjm-search-field-gap-medium, var(--hjm-space-xs)); }
+/* WebKit/Blink add a second clear affordance to type=search. Keep the HJM button
+   so clearing has one localized name, onClear callback and focus-restoration path. */
+.hjm-search-field input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
 .hjm-search-field:has(.hjm-field__input[data-size="large"]) .hjm-field__control { min-block-size: var(--hjm-control-button-large); padding-inline: var(--hjm-search-field-padding-large, var(--hjm-space-md)); gap: var(--hjm-search-field-gap-large, var(--hjm-space-sm)); }
 .hjm-search-field .hjm-field__input[data-size="large"] { min-block-size: calc(var(--hjm-control-button-large) - 2px); font-size: var(--hjm-type-body-large-size); line-height: var(--hjm-type-body-large-line-height); }
 /* The visible circle is the recipe diameter; ::after extends the hit area by clearHitSlop so the target stays 44. */
@@ -1750,26 +1753,36 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
   font-size: var(--hjm-type-body-large-size);
   line-height: var(--hjm-type-body-large-line-height);
 }
+/* Consent locking does not fade or disable the separate full-text links. */
+.hjm-agreement__all[aria-disabled="true"],
+.hjm-agreement__toggle[aria-disabled="true"] { cursor: not-allowed; opacity: var(--hjm-opacity-disabled, 0.5); }
 .hjm-agreement__list { display: flex; flex-direction: column; }
 .hjm-agreement__item {
-  display: grid;
-  grid-template-columns: 1fr auto;
+  display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: var(--hjm-space-xs);
   padding-inline: var(--hjm-space-sm);
 }
+/* agreementRecipe.itemLayout.labelBasis: details wrap before consent copy is
+   squeezed into vertical text at 2x scale (Utilverse adoption QA, 2026-10-07). */
+.hjm-agreement__toggle { flex: 1 1 70%; min-inline-size: 0; }
 .hjm-agreement__item[data-disabled] { color: var(--hjm-color-text-weak); }
 .hjm-agreement__copy { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: baseline; gap: var(--hjm-space-xxs); overflow-wrap: anywhere; }
 .hjm-agreement__required { color: var(--hjm-color-text-muted); font-size: var(--hjm-type-label-size); }
 .hjm-agreement__required[data-required] { color: var(--hjm-color-content-brand, var(--hjm-color-primary)); }
 .hjm-agreement__description {
-  grid-column: 1 / -1;
+  flex: 1 0 100%;
+  order: 3;
   margin: 0 0 var(--hjm-space-xs);
   color: var(--hjm-color-text-muted);
   font-size: var(--hjm-type-label-size);
 }
 .hjm-agreement__detail {
   display: inline-flex;
+  order: 2;
+  max-inline-size: 100%;
+  overflow-wrap: anywhere;
   align-items: center;
   min-block-size: var(--hjm-control-min-touch-target);
   padding: 0 var(--hjm-space-xs);
@@ -1791,6 +1804,10 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
   color: var(--hjm-color-on-primary);
   font-size: var(--hjm-type-label-size);
 }
+/* A mark is fixed artwork, not font-scaled copy. The former text glyph escaped
+   the 16px frame when the provider doubled label typography. */
+.hjm-agreement__mark[data-state="true"] .hjm-agreement__ink { inline-size: 8px; block-size: 4px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
+.hjm-agreement__mark[data-state="mixed"] .hjm-agreement__ink { inline-size: 10px; block-size: 2px; background: currentColor; }
 .hjm-agreement__mark[data-state="true"],
 .hjm-agreement__mark[data-state="mixed"] { border-color: var(--hjm-color-primary); background: var(--hjm-color-primary); }
 .hjm-agreement__all:focus-visible,
@@ -2902,12 +2919,32 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
 /* Filter pills keep the same native radio semantics and 44px hit target. The inner
    surface is compact; the group wraps at large type instead of clipping labels. */
 .hjm-segmented[data-presentation="pills"] { background:transparent; border:0; padding:0; }
+/* Keep the inset pill behind the whole line at large text (40px text / 28px fill was observed). Native already includes this inset as vertical padding. */
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__items { flex-wrap:wrap; gap:var(--hjm-space-xs); overflow:visible; padding:0; border:0; border-radius:0; background:transparent; }
-.hjm-segmented[data-presentation="pills"] .hjm-segmented__item { position:relative; flex:0 1 auto; min-inline-size:0; min-block-size:var(--hjm-control-min-touch-target); border:0; border-radius:var(--hjm-radius-full); background:transparent; box-shadow:none; padding-inline:var(--hjm-space-md); color:var(--hjm-color-text-muted); }
+.hjm-segmented[data-presentation="pills"] .hjm-segmented__item { padding-block:var(--hjm-space-xs); position:relative; flex:0 1 auto; min-inline-size:0; min-block-size:var(--hjm-control-min-touch-target); border:0; border-radius:var(--hjm-radius-full); background:transparent; box-shadow:none; padding-inline:var(--hjm-space-md); color:var(--hjm-color-text-muted); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item::before { content:""; position:absolute; inset:var(--hjm-space-xs) 0; border-radius:var(--hjm-radius-full); background:var(--hjm-color-surface-alt); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item > span { position:relative; overflow-wrap:anywhere; }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"] { color:var(--hjm-color-bg); font-weight:var(--hjm-font-weight-bold); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"]::before { background:var(--hjm-color-text-body); }
 .hjm-segmented[data-presentation="pills"] .hjm-segmented__item:focus-within { outline:2px solid var(--hjm-color-focus); outline-offset:2px; }
 
+/* Reference rating: real radios preserve browser keyboard and form behavior. */
+.hjm-rating__option { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: var(--hjm-control-min-touch-target); min-height: var(--hjm-control-min-touch-target); cursor: pointer; border: 1px solid var(--hjm-color-border); border-radius: var(--hjm-radius-sm); }
+.hjm-rating__option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
+.hjm-rating__option:has(input:focus-visible) { outline: 2px solid currentColor; outline-offset: 2px; }
+.hjm-rating__option:has(input:checked) { border-color: currentColor; }
+.hjm-rating__option:has(input:disabled) { opacity: .5; cursor: default; }
+
+/* Selection artwork moves independently; radios, labels and focus stay in place.
+   An opt-in avoids changing existing connected/pill consumers before review. */
+.hjm-segmented__items:has(> .hjm-segmented__highlight) { position: relative; isolation: isolate; }
+.hjm-segmented__highlight { position: absolute; pointer-events: none; z-index: 1; border-radius: var(--hjm-radius-md); background: var(--hjm-color-bg); box-shadow: inset 0 0 0 2px var(--hjm-color-focus); }
+.hjm-segmented__highlight[data-moving="true"] { transition: left var(--hjm-motion-normal) ease-out, top var(--hjm-motion-normal) ease-out, width var(--hjm-motion-normal) ease-out, height var(--hjm-motion-normal) ease-out; }
+.hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"] { background: transparent; box-shadow: none; }
+.hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item > span { position: relative; z-index: 2; pointer-events: none; }
+.hjm-segmented[data-presentation="pills"] .hjm-segmented__highlight { border-radius: var(--hjm-radius-full); background: var(--hjm-color-text-body); box-shadow: none; }
+.hjm-segmented[data-presentation="pills"] .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"]::before { background: transparent; }
+[data-motion="reduced"] .hjm-segmented__highlight { transition: none; }
+@media (prefers-reduced-motion: reduce) { .hjm-segmented__highlight { transition: none; } }
+
 }

package/dist/task-list.d.ts

@@ -7,6 +7,11 @@ export type TaskListProps = Readonly<{
     onCompletedChange: (id: string, completed: boolean) => void;
     disabled?: boolean;
     emptyContent?: ReactNode;
+    /** Independent row action below the checkbox; apply disabled to the supplied control. */
+    renderItemAction?: (context: Readonly<{
+        item: TaskItem;
+        disabled: boolean;
+    }>) => ReactNode;
     renderCollection?: (context: Readonly<{
         items: readonly TaskItem[];
         renderItem: (item: TaskItem) => ReactNode;
@@ -15,5 +20,5 @@ export type TaskListProps = Readonly<{
     layoutStyle?: HjmCompositionStyleProp;
 }>;
 /** Canonical Checkbox/List own semantics; optional collection composition keeps drag peers out of this entry. */
-export declare function TaskList({ label, items, onCompletedChange, disabled, emptyContent, renderCollection, layoutStyle }: TaskListProps): import("react").JSX.Element;
+export declare function TaskList({ label, items, onCompletedChange, disabled, emptyContent, renderItemAction, renderCollection, layoutStyle }: TaskListProps): import("react").JSX.Element;
 //# sourceMappingURL=task-list.d.ts.map

package/dist/task-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task-list.d.ts","sourceRoot":"","sources":["../src/task-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAI,EAAC,SAAS,EAAC,MAAI,OAAO,CAAC;AAClC,OAAM,EAAe,KAAK,QAAQ,EAAC,MAAI,mCAAmC,CAAC;AAE3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAC,QAAQ,CAAC;IAAC,KAAK,EAAC,MAAM,CAAC;IAAA,KAAK,EAAC,SAAS,QAAQ,EAAE,CAAC;IAAA,iBAAiB,EAAC,CAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,KAAG,IAAI,CAAC;IAAA,QAAQ,CAAC,EAAC,OAAO,CAAC;IAAA,YAAY,CAAC,EAAC,SAAS,CAAC;IAAA,gBAAgB,CAAC,EAAC,CAAC,OAAO,EAAC,QAAQ,CAAC;QAAC,KAAK,EAAC,SAAS,QAAQ,EAAE,CAAC;QAAA,UAAU,EAAC,CAAC,IAAI,EAAC,QAAQ,KAAG,SAAS,CAAA;KAAC,CAAC,KAAG,SAAS,CAAC;IAC7R,kIAAkI;IAClI,WAAW,CAAC,EAAC,uBAAuB,CAAA;CAAC,CAAC,CAAC;AACxC,iHAAiH;AACjH,wBAAgB,QAAQ,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,QAAc,EAAC,YAAY,EAAC,gBAAgB,EAAC,WAAW,EAAC,EAAC,aAAa,+BAK9H"}
+{"version":3,"file":"task-list.d.ts","sourceRoot":"","sources":["../src/task-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAI,EAAC,SAAS,EAAC,MAAI,OAAO,CAAC;AAClC,OAAM,EAAe,KAAK,QAAQ,EAAC,MAAI,mCAAmC,CAAC;AAE3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAC,QAAQ,CAAC;IAAC,KAAK,EAAC,MAAM,CAAC;IAAA,KAAK,EAAC,SAAS,QAAQ,EAAE,CAAC;IAAA,iBAAiB,EAAC,CAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,KAAG,IAAI,CAAC;IAAA,QAAQ,CAAC,EAAC,OAAO,CAAC;IAAA,YAAY,CAAC,EAAC,SAAS,CAAC;IAC1K,yFAAyF;IACzF,gBAAgB,CAAC,EAAC,CAAC,OAAO,EAAC,QAAQ,CAAC;QAAC,IAAI,EAAC,QAAQ,CAAC;QAAA,QAAQ,EAAC,OAAO,CAAA;KAAC,CAAC,KAAG,SAAS,CAAC;IAClF,gBAAgB,CAAC,EAAC,CAAC,OAAO,EAAC,QAAQ,CAAC;QAAC,KAAK,EAAC,SAAS,QAAQ,EAAE,CAAC;QAAA,UAAU,EAAC,CAAC,IAAI,EAAC,QAAQ,KAAG,SAAS,CAAA;KAAC,CAAC,KAAG,SAAS,CAAC;IACnH,kIAAkI;IAClI,WAAW,CAAC,EAAC,uBAAuB,CAAA;CAAC,CAAC,CAAC;AACxC,iHAAiH;AACjH,wBAAgB,QAAQ,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,QAAc,EAAC,YAAY,EAAC,gBAAgB,EAAC,gBAAgB,EAAC,WAAW,EAAC,EAAC,aAAa,+BAO/I"}

package/dist/task-list.js

@@ -1,13 +1,18 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { validateTasks } from '@hjmds/design-contracts/task-list';
 import { Checkbox } from './selection.js';
 import { List } from './advanced-display.js';
 /** Canonical Checkbox/List own semantics; optional collection composition keeps drag peers out of this entry. */
-export function TaskList({ label, items, onCompletedChange, disabled = false, emptyContent, renderCollection, layoutStyle }) {
+export function TaskList({ label, items, onCompletedChange, disabled = false, emptyContent, renderItemAction, renderCollection, layoutStyle }) {
     validateTasks(items);
     if (!label.trim())
         throw new TypeError('TaskList needs a localized label');
-    const renderItem = (item) => { const control = _jsx(Checkbox, { label: item.label, checked: item.completed, disabled: disabled || item.disabled === true, onCheckedChange: completed => onCompletedChange(item.id, completed), ...(item.description === undefined ? {} : { description: item.description }) }); return _jsx("div", { style: { padding: "var(--hjm-space-md)" }, children: control }); };
+    const renderItem = (item) => {
+        const control = _jsx(Checkbox, { label: item.label, checked: item.completed, disabled: disabled || item.disabled === true, onCheckedChange: completed => onCompletedChange(item.id, completed), ...(item.description === undefined ? {} : { description: item.description }) });
+        const action = renderItemAction?.({ item, disabled: disabled || item.disabled === true });
+        // Independent actions must not live inside Checkbox's label. A separate line preserves long labels at large text sizes.
+        return _jsxs("div", { style: { padding: "var(--hjm-space-md)" }, children: [control, action == null ? null : _jsx("div", { style: { marginBlockStart: "var(--hjm-space-sm)" }, children: action })] });
+    };
     if (items.length === 0)
         return _jsx(List, { label: label, ...(layoutStyle === undefined ? {} : { layoutStyle }), children: emptyContent });
     if (renderCollection)

package/dist/task-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"task-list.js","sourceRoot":"","sources":["../src/task-list.tsx"],"names":[],"mappings":";AACA,OAAM,EAAC,aAAa,EAAe,MAAI,mCAAmC,CAAC;AAC3E,OAAM,EAAC,QAAQ,EAAC,MAAI,gBAAgB,CAAC;AAAA,OAAM,EAAC,IAAI,EAAC,MAAI,uBAAuB,CAAC;AAK7E,iHAAiH;AACjH,MAAM,UAAU,QAAQ,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,GAAC,KAAK,EAAC,YAAY,EAAC,gBAAgB,EAAC,WAAW,EAAe;IAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAAA,IAAG,CAAC,KAAK,CAAC,IAAI,EAAE;QAAC,MAAM,IAAI,SAAS,CAAC,kCAAkC,CAAC,CAAC;IAC9N,MAAM,UAAU,GAAC,CAAC,IAAa,EAAC,EAAE,GAAC,MAAM,OAAO,GAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAAE,IAAI,CAAC,QAAQ,KAAG,IAAI,EAAE,eAAe,EAAE,SAAS,CAAA,EAAE,CAAA,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAC,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,WAAW,KAAG,SAAS,CAAA,CAAC,CAAA,EAAE,CAAA,CAAC,CAAA,EAAC,WAAW,EAAC,IAAI,CAAC,WAAW,EAAC,CAAC,GAAG,CAAC,CAAA,OAAO,cAAK,KAAK,EAAE,EAAC,OAAO,EAAC,qBAAqB,EAAC,YAAG,OAAO,GAAO,CAAC,CAAA,CAAC,CAAC;IACjW,IAAG,KAAK,CAAC,MAAM,KAAG,CAAC;QAAC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAM,CAAC,WAAW,KAAG,SAAS,CAAA,CAAC,CAAA,EAAE,CAAA,CAAC,CAAA,EAAC,WAAW,EAAC,CAAC,YAAG,YAAY,GAAQ,CAAC;IACrH,IAAG,gBAAgB;QAAC,OAAO,4BAAG,gBAAgB,CAAC,EAAC,KAAK,EAAC,UAAU,EAAC,CAAC,GAAI,CAAC;IACvE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,SAAS,KAAK,CAAC,WAAW,KAAG,SAAS,CAAA,CAAC,CAAA,EAAE,CAAA,CAAC,CAAA,EAAC,WAAW,EAAC,CAAC,YAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAA,EAAE,CAAA,wBAAoB,UAAU,CAAC,IAAI,CAAC,IAA1B,IAAI,CAAC,EAAE,CAA0B,CAAC,GAAQ,CAAC;AACvK,CAAC","sourcesContent":["import type{ReactNode}from'react';\nimport{validateTasks,type TaskItem}from'@hjmds/design-contracts/task-list';\nimport{Checkbox}from'./selection.js';import{List}from'./advanced-display.js';\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nexport type TaskListProps=Readonly<{label:string;items:readonly TaskItem[];onCompletedChange:(id:string,completed:boolean)=>void;disabled?:boolean;emptyContent?:ReactNode;renderCollection?:(context:Readonly<{items:readonly TaskItem[];renderItem:(item:TaskItem)=>ReactNode}>)=>ReactNode;\n /** Canonical layout-only placement on the List root. With `renderCollection` the product owns the root, so place that instead. */\n layoutStyle?:HjmCompositionStyleProp}>;\n/** Canonical Checkbox/List own semantics; optional collection composition keeps drag peers out of this entry. */\nexport function TaskList({label,items,onCompletedChange,disabled=false,emptyContent,renderCollection,layoutStyle}:TaskListProps){validateTasks(items);if(!label.trim())throw new TypeError('TaskList needs a localized label');\n const renderItem=(item:TaskItem)=>{const control=<Checkbox label={item.label} checked={item.completed} disabled={disabled||item.disabled===true} onCheckedChange={completed=>onCompletedChange(item.id,completed)} {...(item.description===undefined?{}:{description:item.description})}/>;return <div style={{padding:\"var(--hjm-space-md)\"}}>{control}</div>;};\n if(items.length===0)return <List label={label} {...(layoutStyle===undefined?{}:{layoutStyle})}>{emptyContent}</List>;\n if(renderCollection)return <>{renderCollection({items,renderItem})}</>;\n return <List label={label} appearance=\"grouped\" {...(layoutStyle===undefined?{}:{layoutStyle})}>{items.map(item=><div key={item.id}>{renderItem(item)}</div>)}</List>;\n}\n"]}
+{"version":3,"file":"task-list.js","sourceRoot":"","sources":["../src/task-list.tsx"],"names":[],"mappings":";AACA,OAAM,EAAC,aAAa,EAAe,MAAI,mCAAmC,CAAC;AAC3E,OAAM,EAAC,QAAQ,EAAC,MAAI,gBAAgB,CAAC;AAAA,OAAM,EAAC,IAAI,EAAC,MAAI,uBAAuB,CAAC;AAQ7E,iHAAiH;AACjH,MAAM,UAAU,QAAQ,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,GAAC,KAAK,EAAC,YAAY,EAAC,gBAAgB,EAAC,gBAAgB,EAAC,WAAW,EAAe;IAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAAA,IAAG,CAAC,KAAK,CAAC,IAAI,EAAE;QAAC,MAAM,IAAI,SAAS,CAAC,kCAAkC,CAAC,CAAC;IAC/O,MAAM,UAAU,GAAC,CAAC,IAAa,EAAC,EAAE;QAAC,MAAM,OAAO,GAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAAE,IAAI,CAAC,QAAQ,KAAG,IAAI,EAAE,eAAe,EAAE,SAAS,CAAA,EAAE,CAAA,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAC,SAAS,CAAC,KAAM,CAAC,IAAI,CAAC,WAAW,KAAG,SAAS,CAAA,CAAC,CAAA,EAAE,CAAA,CAAC,CAAA,EAAC,WAAW,EAAC,IAAI,CAAC,WAAW,EAAC,CAAC,GAAG,CAAC;QAAA,MAAM,MAAM,GAAC,gBAAgB,EAAE,CAAC,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,IAAE,IAAI,CAAC,QAAQ,KAAG,IAAI,EAAC,CAAC,CAAC;QAC3W,wHAAwH;QACxH,OAAO,eAAK,KAAK,EAAE,EAAC,OAAO,EAAC,qBAAqB,EAAC,aAAG,OAAO,EAAE,MAAM,IAAE,IAAI,CAAA,CAAC,CAAA,IAAI,CAAA,CAAC,CAAA,cAAK,KAAK,EAAE,EAAC,gBAAgB,EAAC,qBAAqB,EAAC,YAAG,MAAM,GAAO,IAAO,CAAC;IAAA,CAAC,CAAC;IAC9J,IAAG,KAAK,CAAC,MAAM,KAAG,CAAC;QAAC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAM,CAAC,WAAW,KAAG,SAAS,CAAA,CAAC,CAAA,EAAE,CAAA,CAAC,CAAA,EAAC,WAAW,EAAC,CAAC,YAAG,YAAY,GAAQ,CAAC;IACrH,IAAG,gBAAgB;QAAC,OAAO,4BAAG,gBAAgB,CAAC,EAAC,KAAK,EAAC,UAAU,EAAC,CAAC,GAAI,CAAC;IACvE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,SAAS,KAAK,CAAC,WAAW,KAAG,SAAS,CAAA,CAAC,CAAA,EAAE,CAAA,CAAC,CAAA,EAAC,WAAW,EAAC,CAAC,YAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAA,EAAE,CAAA,wBAAoB,UAAU,CAAC,IAAI,CAAC,IAA1B,IAAI,CAAC,EAAE,CAA0B,CAAC,GAAQ,CAAC;AACvK,CAAC","sourcesContent":["import type{ReactNode}from'react';\nimport{validateTasks,type TaskItem}from'@hjmds/design-contracts/task-list';\nimport{Checkbox}from'./selection.js';import{List}from'./advanced-display.js';\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\nexport type TaskListProps=Readonly<{label:string;items:readonly TaskItem[];onCompletedChange:(id:string,completed:boolean)=>void;disabled?:boolean;emptyContent?:ReactNode;\n /** Independent row action below the checkbox; apply disabled to the supplied control. */\n renderItemAction?:(context:Readonly<{item:TaskItem;disabled:boolean}>)=>ReactNode;\n renderCollection?:(context:Readonly<{items:readonly TaskItem[];renderItem:(item:TaskItem)=>ReactNode}>)=>ReactNode;\n /** Canonical layout-only placement on the List root. With `renderCollection` the product owns the root, so place that instead. */\n layoutStyle?:HjmCompositionStyleProp}>;\n/** Canonical Checkbox/List own semantics; optional collection composition keeps drag peers out of this entry. */\nexport function TaskList({label,items,onCompletedChange,disabled=false,emptyContent,renderItemAction,renderCollection,layoutStyle}:TaskListProps){validateTasks(items);if(!label.trim())throw new TypeError('TaskList needs a localized label');\n const renderItem=(item:TaskItem)=>{const control=<Checkbox label={item.label} checked={item.completed} disabled={disabled||item.disabled===true} onCheckedChange={completed=>onCompletedChange(item.id,completed)} {...(item.description===undefined?{}:{description:item.description})}/>;const action=renderItemAction?.({item,disabled:disabled||item.disabled===true});\n // Independent actions must not live inside Checkbox's label. A separate line preserves long labels at large text sizes.\n return <div style={{padding:\"var(--hjm-space-md)\"}}>{control}{action==null?null:<div style={{marginBlockStart:\"var(--hjm-space-sm)\"}}>{action}</div>}</div>;};\n if(items.length===0)return <List label={label} {...(layoutStyle===undefined?{}:{layoutStyle})}>{emptyContent}</List>;\n if(renderCollection)return <>{renderCollection({items,renderItem})}</>;\n return <List label={label} appearance=\"grouped\" {...(layoutStyle===undefined?{}:{layoutStyle})}>{items.map(item=><div key={item.id}>{renderItem(item)}</div>)}</List>;\n}\n"]}