@hjmds/react 1.13.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/agreement.d.ts.map +1 -1
  2. package/dist/agreement.js +5 -3
  3. package/dist/agreement.js.map +1 -1
  4. package/dist/content-transition.d.ts +7 -3
  5. package/dist/content-transition.d.ts.map +1 -1
  6. package/dist/content-transition.js +45 -2
  7. package/dist/content-transition.js.map +1 -1
  8. package/dist/date-entry.d.ts +9 -0
  9. package/dist/date-entry.d.ts.map +1 -0
  10. package/dist/date-entry.js +13 -0
  11. package/dist/date-entry.js.map +1 -0
  12. package/dist/document-resource.d.ts +3 -0
  13. package/dist/document-resource.d.ts.map +1 -0
  14. package/dist/document-resource.js +2 -0
  15. package/dist/document-resource.js.map +1 -0
  16. package/dist/effect-surface.d.ts.map +1 -1
  17. package/dist/effect-surface.js +2 -2
  18. package/dist/effect-surface.js.map +1 -1
  19. package/dist/evidence.d.ts +1 -1
  20. package/dist/evidence.js +1 -1
  21. package/dist/evidence.js.map +1 -1
  22. package/dist/field-group.d.ts +22 -0
  23. package/dist/field-group.d.ts.map +1 -0
  24. package/dist/field-group.js +20 -0
  25. package/dist/field-group.js.map +1 -0
  26. package/dist/forms.d.ts +1 -0
  27. package/dist/forms.d.ts.map +1 -1
  28. package/dist/forms.js +5 -3
  29. package/dist/forms.js.map +1 -1
  30. package/dist/image-comparison.d.ts +12 -0
  31. package/dist/image-comparison.d.ts.map +1 -0
  32. package/dist/image-comparison.js +14 -0
  33. package/dist/image-comparison.js.map +1 -0
  34. package/dist/internal/document-resource.d.ts +9 -0
  35. package/dist/internal/document-resource.d.ts.map +1 -0
  36. package/dist/internal/document-resource.js +37 -0
  37. package/dist/internal/document-resource.js.map +1 -0
  38. package/dist/internal/overlay-origin-motion.d.ts +13 -0
  39. package/dist/internal/overlay-origin-motion.d.ts.map +1 -0
  40. package/dist/internal/overlay-origin-motion.js +76 -0
  41. package/dist/internal/overlay-origin-motion.js.map +1 -0
  42. package/dist/overlays.d.ts +3 -0
  43. package/dist/overlays.d.ts.map +1 -1
  44. package/dist/overlays.js +16 -12
  45. package/dist/overlays.js.map +1 -1
  46. package/dist/popover.d.ts +3 -0
  47. package/dist/popover.d.ts.map +1 -1
  48. package/dist/popover.js +8 -4
  49. package/dist/popover.js.map +1 -1
  50. package/dist/portal.d.ts +3 -1
  51. package/dist/portal.d.ts.map +1 -1
  52. package/dist/portal.js +5 -2
  53. package/dist/portal.js.map +1 -1
  54. package/dist/progressive-blur.d.ts +7 -0
  55. package/dist/progressive-blur.d.ts.map +1 -0
  56. package/dist/progressive-blur.js +20 -0
  57. package/dist/progressive-blur.js.map +1 -0
  58. package/dist/rating.d.ts +19 -0
  59. package/dist/rating.d.ts.map +1 -0
  60. package/dist/rating.js +34 -0
  61. package/dist/rating.js.map +1 -0
  62. package/dist/screen-flows.d.ts +4 -1
  63. package/dist/screen-flows.d.ts.map +1 -1
  64. package/dist/screen-flows.js +16 -6
  65. package/dist/screen-flows.js.map +1 -1
  66. package/dist/selection.d.ts +4 -0
  67. package/dist/selection.d.ts.map +1 -1
  68. package/dist/selection.js +45 -3
  69. package/dist/selection.js.map +1 -1
  70. package/dist/styles.css +54 -11
  71. package/dist/styles.layered.css +54 -11
  72. package/dist/task-list.d.ts +6 -1
  73. package/dist/task-list.d.ts.map +1 -1
  74. package/dist/task-list.js +8 -3
  75. package/dist/task-list.js.map +1 -1
  76. package/dist/text-annotation.d.ts +10 -0
  77. package/dist/text-annotation.d.ts.map +1 -0
  78. package/dist/text-annotation.js +107 -0
  79. package/dist/text-annotation.js.map +1 -0
  80. package/package.json +33 -3
package/dist/selection.js.map CHANGED
@@ -1 +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"]}
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 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 CHANGED
@@ -356,6 +356,9 @@
356
356
  /* searchFieldRecipe.sizes.* (emitted by theme.ts): medium padding 12 · gap 8 · clear 36 + slop 4, large 52 high ·
357
357
  padding 16 · gap 12 · clear 44. Size is applied to the input by TextField; size the control from that public attribute. */
358
358
  .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)); }
359
+ /* WebKit/Blink add a second clear affordance to type=search. Keep the HJM button
360
+ so clearing has one localized name, onClear callback and focus-restoration path. */
361
+ .hjm-search-field input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
359
362
  .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)); }
360
363
  .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); }
361
364
  /* The visible circle is the recipe diameter; ::after extends the hit area by clearHitSlop so the target stays 44. */
@@ -817,13 +820,15 @@
817
820
  Both browser font size (em query) and provider data-large-text must trigger it (#20).
818
821
  11em = 176px at100%, 352px at200%: measured row333px fits360px but overflows320px.
819
822
  Reset flex and max-content in columns to avoid collapsed height and unwrapped labels.
820
- renderers.ssr.test.tsx checks that the recipe still declares stacked. */
823
+ renderers.ssr.test.tsx checks that the recipe still declares stacked.
824
+ Pills are excluded (segmentedControlRecipe.pills.largeTextLayout "wrap", 1.13.1): they wrap in a block and
825
+ stay one line in a scroll rail. Stacking them turned a filter rail into a tall column (utilverse, 2026-10-06). */
821
826
  @media (max-width: 11em) {
822
- .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
823
- .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
827
+ .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
828
+ .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
824
829
  }
825
- [data-large-text="true"] .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
826
- [data-large-text="true"] .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
830
+ [data-large-text="true"] .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
831
+ [data-large-text="true"] .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
827
832
 
828
833
  .hjm-tabs { min-inline-size: 0; }
829
834
  .hjm-tabs__list { display: flex; gap: var(--hjm-space-xs); min-inline-size: 0; overflow-x: auto; border-block-end: 1px solid var(--hjm-color-border); }
@@ -1747,26 +1752,36 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1747
1752
  font-size: var(--hjm-type-body-large-size);
1748
1753
  line-height: var(--hjm-type-body-large-line-height);
1749
1754
  }
1755
+ /* Consent locking does not fade or disable the separate full-text links. */
1756
+ .hjm-agreement__all[aria-disabled="true"],
1757
+ .hjm-agreement__toggle[aria-disabled="true"] { cursor: not-allowed; opacity: var(--hjm-opacity-disabled, 0.5); }
1750
1758
  .hjm-agreement__list { display: flex; flex-direction: column; }
1751
1759
  .hjm-agreement__item {
1752
- display: grid;
1753
- grid-template-columns: 1fr auto;
1760
+ display: flex;
1761
+ flex-wrap: wrap;
1754
1762
  align-items: center;
1755
1763
  gap: var(--hjm-space-xs);
1756
1764
  padding-inline: var(--hjm-space-sm);
1757
1765
  }
1766
+ /* agreementRecipe.itemLayout.labelBasis: details wrap before consent copy is
1767
+ squeezed into vertical text at 2x scale (Utilverse adoption QA, 2026-10-07). */
1768
+ .hjm-agreement__toggle { flex: 1 1 70%; min-inline-size: 0; }
1758
1769
  .hjm-agreement__item[data-disabled] { color: var(--hjm-color-text-weak); }
1759
1770
  .hjm-agreement__copy { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: baseline; gap: var(--hjm-space-xxs); overflow-wrap: anywhere; }
1760
1771
  .hjm-agreement__required { color: var(--hjm-color-text-muted); font-size: var(--hjm-type-label-size); }
1761
1772
  .hjm-agreement__required[data-required] { color: var(--hjm-color-content-brand, var(--hjm-color-primary)); }
1762
1773
  .hjm-agreement__description {
1763
- grid-column: 1 / -1;
1774
+ flex: 1 0 100%;
1775
+ order: 3;
1764
1776
  margin: 0 0 var(--hjm-space-xs);
1765
1777
  color: var(--hjm-color-text-muted);
1766
1778
  font-size: var(--hjm-type-label-size);
1767
1779
  }
1768
1780
  .hjm-agreement__detail {
1769
1781
  display: inline-flex;
1782
+ order: 2;
1783
+ max-inline-size: 100%;
1784
+ overflow-wrap: anywhere;
1770
1785
  align-items: center;
1771
1786
  min-block-size: var(--hjm-control-min-touch-target);
1772
1787
  padding: 0 var(--hjm-space-xs);
@@ -1788,6 +1803,10 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1788
1803
  color: var(--hjm-color-on-primary);
1789
1804
  font-size: var(--hjm-type-label-size);
1790
1805
  }
1806
+ /* A mark is fixed artwork, not font-scaled copy. The former text glyph escaped
1807
+ the 16px frame when the provider doubled label typography. */
1808
+ .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); }
1809
+ .hjm-agreement__mark[data-state="mixed"] .hjm-agreement__ink { inline-size: 10px; block-size: 2px; background: currentColor; }
1791
1810
  .hjm-agreement__mark[data-state="true"],
1792
1811
  .hjm-agreement__mark[data-state="mixed"] { border-color: var(--hjm-color-primary); background: var(--hjm-color-primary); }
1793
1812
  .hjm-agreement__all:focus-visible,
@@ -2812,8 +2831,12 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2812
2831
  .hjm-screen__body[data-replacement="true"] { display: flex; flex-direction: column; }
2813
2832
  .hjm-screen__state { margin-block: auto; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: var(--hjm-screen-state-gap, var(--hjm-space-md)); padding-block: var(--hjm-screen-gap); text-align: center; }
2814
2833
  .hjm-screen__footer { flex: 0 0 auto; padding: var(--hjm-screen-padding); padding-block-end: max(var(--hjm-screen-padding), env(safe-area-inset-bottom)); border-block-start: 1px solid var(--hjm-color-border); }
2815
- /* SearchScreen filtersOverflow=scroll; why: screen-flows.tsx. Block padding keeps focus rings unclipped. */
2816
- .hjm-search-screen__filters { --f: calc(var(--hjm-focus-width) + var(--hjm-focus-offset)); overflow-x: auto; margin: calc(-1 * var(--f)) calc(-1 * var(--hjm-screen-padding)); padding: var(--f) var(--hjm-screen-padding); scroll-padding-inline: var(--hjm-screen-padding); scrollbar-width: none; }
2834
+ /* SearchScreen filtersOverflow=scroll; why: screen-flows.tsx. Block padding keeps focus rings unclipped.
2835
+ --hjm-search-filters-bleed = screen padding + hostGutter (1.13.1), set inline by SearchScreen. */
2836
+ .hjm-search-screen__filters { --f: calc(var(--hjm-focus-width) + var(--hjm-focus-offset)); --b: var(--hjm-search-filters-bleed, var(--hjm-screen-padding)); overflow-x: auto; margin: calc(-1 * var(--f)) calc(-1 * var(--b)); padding: var(--f) var(--b); scroll-padding-inline: var(--b); scrollbar-width: none; }
2837
+ /* Landing target after a picked query commits (1.13.1). It is not a control, so it draws no focus ring;
2838
+ the polite count announcement says what arrived. */
2839
+ .hjm-search-screen__results:focus { outline: none; }
2817
2840
  .hjm-search-screen__filters > * { inline-size: max-content; }
2818
2841
 
2819
2842
  /* Settings use spacing and rules, not shaded cards, per the 2026-10-05 product direction. */
@@ -2895,10 +2918,30 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2895
2918
  /* Filter pills keep the same native radio semantics and 44px hit target. The inner
2896
2919
  surface is compact; the group wraps at large type instead of clipping labels. */
2897
2920
  .hjm-segmented[data-presentation="pills"] { background:transparent; border:0; padding:0; }
2921
+ /* 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. */
2898
2922
  .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; }
2899
- .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); }
2923
+ .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); }
2900
2924
  .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); }
2901
2925
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item > span { position:relative; overflow-wrap:anywhere; }
2902
2926
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"] { color:var(--hjm-color-bg); font-weight:var(--hjm-font-weight-bold); }
2903
2927
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"]::before { background:var(--hjm-color-text-body); }
2904
2928
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item:focus-within { outline:2px solid var(--hjm-color-focus); outline-offset:2px; }
2929
+
2930
+ /* Reference rating: real radios preserve browser keyboard and form behavior. */
2931
+ .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); }
2932
+ .hjm-rating__option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
2933
+ .hjm-rating__option:has(input:focus-visible) { outline: 2px solid currentColor; outline-offset: 2px; }
2934
+ .hjm-rating__option:has(input:checked) { border-color: currentColor; }
2935
+ .hjm-rating__option:has(input:disabled) { opacity: .5; cursor: default; }
2936
+
2937
+ /* Selection artwork moves independently; radios, labels and focus stay in place.
2938
+ An opt-in avoids changing existing connected/pill consumers before review. */
2939
+ .hjm-segmented__items:has(> .hjm-segmented__highlight) { position: relative; isolation: isolate; }
2940
+ .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); }
2941
+ .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; }
2942
+ .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"] { background: transparent; box-shadow: none; }
2943
+ .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item > span { position: relative; z-index: 2; pointer-events: none; }
2944
+ .hjm-segmented[data-presentation="pills"] .hjm-segmented__highlight { border-radius: var(--hjm-radius-full); background: var(--hjm-color-text-body); box-shadow: none; }
2945
+ .hjm-segmented[data-presentation="pills"] .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"]::before { background: transparent; }
2946
+ [data-motion="reduced"] .hjm-segmented__highlight { transition: none; }
2947
+ @media (prefers-reduced-motion: reduce) { .hjm-segmented__highlight { transition: none; } }
package/dist/styles.layered.css CHANGED
@@ -357,6 +357,9 @@
357
357
  /* searchFieldRecipe.sizes.* (emitted by theme.ts): medium padding 12 · gap 8 · clear 36 + slop 4, large 52 high ·
358
358
  padding 16 · gap 12 · clear 44. Size is applied to the input by TextField; size the control from that public attribute. */
359
359
  .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)); }
360
+ /* WebKit/Blink add a second clear affordance to type=search. Keep the HJM button
361
+ so clearing has one localized name, onClear callback and focus-restoration path. */
362
+ .hjm-search-field input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
360
363
  .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)); }
361
364
  .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); }
362
365
  /* The visible circle is the recipe diameter; ::after extends the hit area by clearHitSlop so the target stays 44. */
@@ -818,13 +821,15 @@
818
821
  Both browser font size (em query) and provider data-large-text must trigger it (#20).
819
822
  11em = 176px at100%, 352px at200%: measured row333px fits360px but overflows320px.
820
823
  Reset flex and max-content in columns to avoid collapsed height and unwrapped labels.
821
- renderers.ssr.test.tsx checks that the recipe still declares stacked. */
824
+ renderers.ssr.test.tsx checks that the recipe still declares stacked.
825
+ Pills are excluded (segmentedControlRecipe.pills.largeTextLayout "wrap", 1.13.1): they wrap in a block and
826
+ stay one line in a scroll rail. Stacking them turned a filter rail into a tall column (utilverse, 2026-10-06). */
822
827
  @media (max-width: 11em) {
823
- .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
824
- .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
828
+ .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
829
+ .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
825
830
  }
826
- [data-large-text="true"] .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
827
- [data-large-text="true"] .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
831
+ [data-large-text="true"] .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__items { flex-direction: column; overflow-x: visible; }
832
+ [data-large-text="true"] .hjm-segmented:not([data-presentation="pills"]) .hjm-segmented__item { flex: 0 0 auto; min-inline-size: 0; }
828
833
 
829
834
  .hjm-tabs { min-inline-size: 0; }
830
835
  .hjm-tabs__list { display: flex; gap: var(--hjm-space-xs); min-inline-size: 0; overflow-x: auto; border-block-end: 1px solid var(--hjm-color-border); }
@@ -1748,26 +1753,36 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1748
1753
  font-size: var(--hjm-type-body-large-size);
1749
1754
  line-height: var(--hjm-type-body-large-line-height);
1750
1755
  }
1756
+ /* Consent locking does not fade or disable the separate full-text links. */
1757
+ .hjm-agreement__all[aria-disabled="true"],
1758
+ .hjm-agreement__toggle[aria-disabled="true"] { cursor: not-allowed; opacity: var(--hjm-opacity-disabled, 0.5); }
1751
1759
  .hjm-agreement__list { display: flex; flex-direction: column; }
1752
1760
  .hjm-agreement__item {
1753
- display: grid;
1754
- grid-template-columns: 1fr auto;
1761
+ display: flex;
1762
+ flex-wrap: wrap;
1755
1763
  align-items: center;
1756
1764
  gap: var(--hjm-space-xs);
1757
1765
  padding-inline: var(--hjm-space-sm);
1758
1766
  }
1767
+ /* agreementRecipe.itemLayout.labelBasis: details wrap before consent copy is
1768
+ squeezed into vertical text at 2x scale (Utilverse adoption QA, 2026-10-07). */
1769
+ .hjm-agreement__toggle { flex: 1 1 70%; min-inline-size: 0; }
1759
1770
  .hjm-agreement__item[data-disabled] { color: var(--hjm-color-text-weak); }
1760
1771
  .hjm-agreement__copy { display: flex; min-inline-size: 0; flex-wrap: wrap; align-items: baseline; gap: var(--hjm-space-xxs); overflow-wrap: anywhere; }
1761
1772
  .hjm-agreement__required { color: var(--hjm-color-text-muted); font-size: var(--hjm-type-label-size); }
1762
1773
  .hjm-agreement__required[data-required] { color: var(--hjm-color-content-brand, var(--hjm-color-primary)); }
1763
1774
  .hjm-agreement__description {
1764
- grid-column: 1 / -1;
1775
+ flex: 1 0 100%;
1776
+ order: 3;
1765
1777
  margin: 0 0 var(--hjm-space-xs);
1766
1778
  color: var(--hjm-color-text-muted);
1767
1779
  font-size: var(--hjm-type-label-size);
1768
1780
  }
1769
1781
  .hjm-agreement__detail {
1770
1782
  display: inline-flex;
1783
+ order: 2;
1784
+ max-inline-size: 100%;
1785
+ overflow-wrap: anywhere;
1771
1786
  align-items: center;
1772
1787
  min-block-size: var(--hjm-control-min-touch-target);
1773
1788
  padding: 0 var(--hjm-space-xs);
@@ -1789,6 +1804,10 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1789
1804
  color: var(--hjm-color-on-primary);
1790
1805
  font-size: var(--hjm-type-label-size);
1791
1806
  }
1807
+ /* A mark is fixed artwork, not font-scaled copy. The former text glyph escaped
1808
+ the 16px frame when the provider doubled label typography. */
1809
+ .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); }
1810
+ .hjm-agreement__mark[data-state="mixed"] .hjm-agreement__ink { inline-size: 10px; block-size: 2px; background: currentColor; }
1792
1811
  .hjm-agreement__mark[data-state="true"],
1793
1812
  .hjm-agreement__mark[data-state="mixed"] { border-color: var(--hjm-color-primary); background: var(--hjm-color-primary); }
1794
1813
  .hjm-agreement__all:focus-visible,
@@ -2813,8 +2832,12 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2813
2832
  .hjm-screen__body[data-replacement="true"] { display: flex; flex-direction: column; }
2814
2833
  .hjm-screen__state { margin-block: auto; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: var(--hjm-screen-state-gap, var(--hjm-space-md)); padding-block: var(--hjm-screen-gap); text-align: center; }
2815
2834
  .hjm-screen__footer { flex: 0 0 auto; padding: var(--hjm-screen-padding); padding-block-end: max(var(--hjm-screen-padding), env(safe-area-inset-bottom)); border-block-start: 1px solid var(--hjm-color-border); }
2816
- /* SearchScreen filtersOverflow=scroll; why: screen-flows.tsx. Block padding keeps focus rings unclipped. */
2817
- .hjm-search-screen__filters { --f: calc(var(--hjm-focus-width) + var(--hjm-focus-offset)); overflow-x: auto; margin: calc(-1 * var(--f)) calc(-1 * var(--hjm-screen-padding)); padding: var(--f) var(--hjm-screen-padding); scroll-padding-inline: var(--hjm-screen-padding); scrollbar-width: none; }
2835
+ /* SearchScreen filtersOverflow=scroll; why: screen-flows.tsx. Block padding keeps focus rings unclipped.
2836
+ --hjm-search-filters-bleed = screen padding + hostGutter (1.13.1), set inline by SearchScreen. */
2837
+ .hjm-search-screen__filters { --f: calc(var(--hjm-focus-width) + var(--hjm-focus-offset)); --b: var(--hjm-search-filters-bleed, var(--hjm-screen-padding)); overflow-x: auto; margin: calc(-1 * var(--f)) calc(-1 * var(--b)); padding: var(--f) var(--b); scroll-padding-inline: var(--b); scrollbar-width: none; }
2838
+ /* Landing target after a picked query commits (1.13.1). It is not a control, so it draws no focus ring;
2839
+ the polite count announcement says what arrived. */
2840
+ .hjm-search-screen__results:focus { outline: none; }
2818
2841
  .hjm-search-screen__filters > * { inline-size: max-content; }
2819
2842
 
2820
2843
  /* Settings use spacing and rules, not shaded cards, per the 2026-10-05 product direction. */
@@ -2896,12 +2919,32 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2896
2919
  /* Filter pills keep the same native radio semantics and 44px hit target. The inner
2897
2920
  surface is compact; the group wraps at large type instead of clipping labels. */
2898
2921
  .hjm-segmented[data-presentation="pills"] { background:transparent; border:0; padding:0; }
2922
+ /* 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. */
2899
2923
  .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; }
2900
- .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); }
2924
+ .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); }
2901
2925
  .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); }
2902
2926
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item > span { position:relative; overflow-wrap:anywhere; }
2903
2927
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"] { color:var(--hjm-color-bg); font-weight:var(--hjm-font-weight-bold); }
2904
2928
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item[data-state="checked"]::before { background:var(--hjm-color-text-body); }
2905
2929
  .hjm-segmented[data-presentation="pills"] .hjm-segmented__item:focus-within { outline:2px solid var(--hjm-color-focus); outline-offset:2px; }
2906
2930
 
2931
+ /* Reference rating: real radios preserve browser keyboard and form behavior. */
2932
+ .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); }
2933
+ .hjm-rating__option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: inherit; }
2934
+ .hjm-rating__option:has(input:focus-visible) { outline: 2px solid currentColor; outline-offset: 2px; }
2935
+ .hjm-rating__option:has(input:checked) { border-color: currentColor; }
2936
+ .hjm-rating__option:has(input:disabled) { opacity: .5; cursor: default; }
2937
+
2938
+ /* Selection artwork moves independently; radios, labels and focus stay in place.
2939
+ An opt-in avoids changing existing connected/pill consumers before review. */
2940
+ .hjm-segmented__items:has(> .hjm-segmented__highlight) { position: relative; isolation: isolate; }
2941
+ .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); }
2942
+ .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; }
2943
+ .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"] { background: transparent; box-shadow: none; }
2944
+ .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item > span { position: relative; z-index: 2; pointer-events: none; }
2945
+ .hjm-segmented[data-presentation="pills"] .hjm-segmented__highlight { border-radius: var(--hjm-radius-full); background: var(--hjm-color-text-body); box-shadow: none; }
2946
+ .hjm-segmented[data-presentation="pills"] .hjm-segmented__items[data-highlight-ready="true"] > .hjm-segmented__item[data-state="checked"]::before { background: transparent; }
2947
+ [data-motion="reduced"] .hjm-segmented__highlight { transition: none; }
2948
+ @media (prefers-reduced-motion: reduce) { .hjm-segmented__highlight { transition: none; } }
2949
+
2907
2950
  }
package/dist/task-list.d.ts CHANGED
@@ -7,6 +7,11 @@ export type TaskListProps = Readonly<{
7
7
  onCompletedChange: (id: string, completed: boolean) => void;
8
8
  disabled?: boolean;
9
9
  emptyContent?: ReactNode;
10
+ /** Independent row action below the checkbox; apply disabled to the supplied control. */
11
+ renderItemAction?: (context: Readonly<{
12
+ item: TaskItem;
13
+ disabled: boolean;
14
+ }>) => ReactNode;
10
15
  renderCollection?: (context: Readonly<{
11
16
  items: readonly TaskItem[];
12
17
  renderItem: (item: TaskItem) => ReactNode;
@@ -15,5 +20,5 @@ export type TaskListProps = Readonly<{
15
20
  layoutStyle?: HjmCompositionStyleProp;
16
21
  }>;
17
22
  /** Canonical Checkbox/List own semantics; optional collection composition keeps drag peers out of this entry. */
18
- export declare function TaskList({ label, items, onCompletedChange, disabled, emptyContent, renderCollection, layoutStyle }: TaskListProps): import("react").JSX.Element;
23
+ export declare function TaskList({ label, items, onCompletedChange, disabled, emptyContent, renderItemAction, renderCollection, layoutStyle }: TaskListProps): import("react").JSX.Element;
19
24
  //# sourceMappingURL=task-list.d.ts.map
package/dist/task-list.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -1,13 +1,18 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { validateTasks } from '@hjmds/design-contracts/task-list';
3
3
  import { Checkbox } from './selection.js';
4
4
  import { List } from './advanced-display.js';
5
5
  /** Canonical Checkbox/List own semantics; optional collection composition keeps drag peers out of this entry. */
6
- export function TaskList({ label, items, onCompletedChange, disabled = false, emptyContent, renderCollection, layoutStyle }) {
6
+ export function TaskList({ label, items, onCompletedChange, disabled = false, emptyContent, renderItemAction, renderCollection, layoutStyle }) {
7
7
  validateTasks(items);
8
8
  if (!label.trim())
9
9
  throw new TypeError('TaskList needs a localized label');
10
- 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 }); };
10
+ const renderItem = (item) => {
11
+ 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 }) });
12
+ const action = renderItemAction?.({ item, disabled: disabled || item.disabled === true });
13
+ // Independent actions must not live inside Checkbox's label. A separate line preserves long labels at large text sizes.
14
+ return _jsxs("div", { style: { padding: "var(--hjm-space-md)" }, children: [control, action == null ? null : _jsx("div", { style: { marginBlockStart: "var(--hjm-space-sm)" }, children: action })] });
15
+ };
11
16
  if (items.length === 0)
12
17
  return _jsx(List, { label: label, ...(layoutStyle === undefined ? {} : { layoutStyle }), children: emptyContent });
13
18
  if (renderCollection)
package/dist/task-list.js.map CHANGED
@@ -1 +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"]}
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;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"]}