npm - @hjmds/react - Versions diffs - 1.26.1 → 1.27.0 - Mend

@hjmds/react 1.26.1 → 1.27.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 (273) hide show

package/dist/selection.js CHANGED Viewed

@@ -185,12 +185,12 @@ export const Switch = forwardRef(function Switch({ label, labelVisibility = "vis
         defaultValue: defaultChecked,
         ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),
     });
-    return (_jsxs("button", { ...props, style: { ...style, ...layoutStyle }, ref: ref, type: type, role: "switch", className: classNames("hjm-switch", className), "data-size": size, "data-presentation": presentation, "data-label-visibility": labelVisibility, "aria-labelledby": props["aria-labelledby"] ?? (props["aria-label"] ? undefined : labelId), "aria-describedby": [props["aria-describedby"], hasDescription ? descriptionId : undefined].filter(Boolean).join(" ") || undefined, "data-state": checked ? "checked" : "unchecked", "aria-checked": checked, disabled: disabled, onClick: (event) => {
+    return (_jsxs("button", { ...props, style: { ...style, ...layoutStyle }, ref: ref, type: type, role: "switch", className: classNames("hjm-switch", className), "data-size": size, "data-presentation": presentation, "data-label-visibility": labelVisibility, "data-two-line": hasDescription || undefined, "aria-labelledby": props["aria-labelledby"] ?? (props["aria-label"] ? undefined : labelId), "aria-describedby": [props["aria-describedby"], hasDescription ? descriptionId : undefined].filter(Boolean).join(" ") || undefined, "data-state": checked ? "checked" : "unchecked", "aria-checked": checked, disabled: disabled, onClick: (event) => {
             setChecked((current) => !current);
             onClick?.(event);
         }, children: [_jsx("span", { className: "hjm-switch__track", "aria-hidden": "true", children: _jsx("span", { className: "hjm-switch__thumb" }) }), _jsxs("span", { className: classNames("hjm-switch__copy", labelVisibility === "hidden" && "hjm-visually-hidden"), children: [_jsx("span", { id: labelId, className: classNames("hjm-switch__label", presentation === "row" && "hjm-text"), "data-font-role": presentation === "row" ? "ui" : undefined, "data-variant": presentation === "row" ? switchRecipe.rowLabelTextVariant : undefined, children: label }), hasDescription ? _jsx("span", { id: descriptionId, className: "hjm-switch__description", children: description }) : null] })] }));
 });
-export const SegmentedControl = forwardRef(function SegmentedControl({ label, items, value: valueProp, defaultValue, onValueChange, size = segmentedControlRecipe.defaults.size, presentation = "connected", textEmphasis = "strong", selectionMotion: suppliedSelectionMotion, name, className, layoutStyle, style, ...props }, ref) {
+export const SegmentedControl = forwardRef(function SegmentedControl({ label, items, value: valueProp, defaultValue, onValueChange, size = segmentedControlRecipe.defaults.size, presentation = "connected", textEmphasis = "strong", selectionMotion: suppliedSelectionMotion, name, disabled = false, className, layoutStyle, style, ...props }, ref) {
     const designProfile = useDesignProfileDefaults();
     const selectionMotion = presentation === "text" ? "none" : suppliedSelectionMotion ?? designProfile?.interactions.selectionMotion ?? "none";
     validateItems("SegmentedControl", items);
@@ -267,7 +267,7 @@ export const SegmentedControl = forwardRef(function SegmentedControl({ label, it
         const visibility = () => place(false);
         document.addEventListener("visibilitychange", visibility);
         return () => { observer?.disconnect(); document.removeEventListener("visibilitychange", visibility); };
-    }, [value, items, presentation, selectionMotion]);
-    return (_jsxs("fieldset", { ...props, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-segmented", className), "data-size": size, "data-presentation": presentation, "data-text-emphasis": presentation === "text" ? textEmphasis : undefined, role: presentation === "text" ? "radiogroup" : undefined, children: [_jsx("legend", { className: "hjm-visually-hidden", children: label }), _jsxs("div", { className: "hjm-segmented__items", ref: trackRef, children: [selectionMotion === "slide" ? _jsx("span", { ref: highlightRef, className: "hjm-segmented__highlight", "aria-hidden": "true" }) : null, items.map((item) => (_jsxs("label", { className: "hjm-segmented__item", "data-state": item.value === value ? "checked" : "unchecked", "data-disabled": item.disabled || undefined, children: [_jsx("input", { type: "radio", name: name ?? generatedName, value: item.value, checked: item.value === value, disabled: item.disabled, required: true, onChange: () => setValue(item.value) }), _jsx("span", { children: item.label })] }, item.value)))] })] }));
+    }, [value, items, presentation, selectionMotion, disabled]);
+    return (_jsxs("fieldset", { ...props, disabled: disabled, ref: ref, style: { ...style, ...layoutStyle }, className: classNames("hjm-segmented", className), "data-size": size, "data-presentation": presentation, "data-text-emphasis": presentation === "text" ? textEmphasis : undefined, role: presentation === "text" ? "radiogroup" : undefined, children: [_jsx("legend", { className: "hjm-visually-hidden", children: label }), _jsxs("div", { className: "hjm-segmented__items", ref: trackRef, children: [selectionMotion === "slide" ? _jsx("span", { ref: highlightRef, className: "hjm-segmented__highlight", "aria-hidden": "true" }) : null, items.map((item) => (_jsxs("label", { className: "hjm-segmented__item", "data-state": item.value === value ? "checked" : "unchecked", "data-disabled": item.disabled || disabled || undefined, children: [_jsx("input", { type: "radio", name: name ?? generatedName, value: item.value, checked: item.value === value, disabled: item.disabled || disabled, required: true, onChange: () => setValue(item.value) }), _jsx("span", { children: item.label })] }, item.value)))] })] }));
 });
 //# sourceMappingURL=selection.js.map

package/dist/selection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selection.js","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useDesignProfileDefaults } from \"./internal.js\";\nimport {\n chipRecipe,\n iconRecipe,\n segmentedControlRecipe,\n selectionControlRecipe,\n selectionGroupRecipe,\n switchRecipe,\n type SegmentedControlSize,\n type SelectionControlPresentation,\n type SelectionControlSize,\n type SelectionGroupOrientation,\n type SelectionGroupPresentation,\n type SwitchSize,\n type SwitchPresentation,\n} from \"@hjmds/design-contracts/recipes\";\n\nexport type { SwitchSize, SwitchPresentation };\nimport {\n resolveControlAccessibleName,\n reconcileCheckboxSelection,\n reconcileRadioSelection,\n resolveInitialRadioValue,\n toggleCheckboxSelection,\n validateCheckboxSelection,\n validateRadioSelection,\n type CheckboxGroupSelection,\n type SelectionItemDescriptor,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n forwardRef,\n useEffect,\n useLayoutEffect,\n useId,\n useRef,\n type ButtonHTMLAttributes,\n type ChangeEvent,\n type FieldsetHTMLAttributes,\n type InputHTMLAttributes,\n type MouseEvent,\n type ReactElement,\n type ReactNode,\n type RefAttributes,\n} from \"react\";\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\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}\n className={classNames(\"hjm-switch__label\", presentation === \"row\" && \"hjm-text\")}\n data-font-role={presentation === \"row\" ? \"ui\" : undefined}\n data-variant={presentation === \"row\" ? switchRecipe.rowLabelTextVariant : undefined}\n >{label}</span>\n {hasDescription ? <span id={descriptionId} className=\"hjm-switch__description\">{description}</span> : null}\n </span>\n </button>\n );\n});\n\nexport type SegmentedControlItem = Readonly<{\n value: string;\n label: ReactNode;\n disabled?: boolean;\n}>;\n\nexport type SegmentedControlProps = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" \| \"onChange\" \| \"value\"\n> &\n Readonly<{\n label: string;\n items: readonly SegmentedControlItem[];\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n size?: SegmentedControlSize;\n presentation?: \"connected\" \| \"pills\" \| \"text\";\n textEmphasis?: \"regular\" \| \"strong\";\n /* Move only the selection artwork; radio semantics and hit targets stay fixed. /\n selectionMotion?: \"none\" \| \"slide\";\n name?: string;\n /* Canonical layout-only placement on the root element. Controlled visual keys are excluded. /\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nexport const SegmentedControl = forwardRef<\n HTMLFieldSetElement,\n SegmentedControlProps\n>(function SegmentedControl(\n {\n label,\n items,\n value: valueProp,\n defaultValue,\n onValueChange,\n size = segmentedControlRecipe.defaults.size,\n presentation = \"connected\",\n textEmphasis = \"strong\",\n selectionMotion: suppliedSelectionMotion,\n name,\n className,\n layoutStyle,\n style,\n ...props\n },\n ref,\n) {\n const designProfile = useDesignProfileDefaults();\n const selectionMotion = presentation === \"text\" ? \"none\" : suppliedSelectionMotion ?? designProfile?.interactions.selectionMotion ?? \"none\";\n validateItems(\"SegmentedControl\", items);\n const descriptors = items.map((item) => ({\n id: item.value,\n label: typeof item.label === \"string\" ? item.label : item.value,\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string }> \| null>(null);\n if (initialValueRef.current === null) {\n const initial = resolveInitialRadioValue(descriptors, defaultValue ?? null, true);\n if (initial === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n initialValueRef.current = { value: initial };\n }\n const generatedName = useId();\n const [storedValue, setValue] = useControllableState({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValueRef.current.value,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateRadioSelection(descriptors, storedValue);\n const value = controlled\n ? storedValue\n : reconcileRadioSelection(descriptors, storedValue, true);\n if (value === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n useEffect(() => {\n if (!controlled && value !== storedValue) setValue(value);\n }, [controlled, setValue, storedValue, value]);\n const trackRef = useRef<HTMLDivElement>(null);\n const highlightRef = useRef<HTMLSpanElement>(null);\n const previousSelection = useRef<string \| null>(null);\n useLayoutEffect(() => {\n const track = trackRef.current; const highlight = highlightRef.current;\n if (selectionMotion !== \"slide\" \|\| !track \|\| !highlight) { previousSelection.current = null; if (track) delete track.dataset.highlightReady; return; }\n const selected = Array.from(track.querySelectorAll<HTMLLabelElement>(\".hjm-segmented__item\")).find(item => item.dataset.state === \"checked\");\n if (!selected) return;\n const place = (animate: boolean) => {\n // CSS owns reduced motion (both provider and OS); no provider import is\n // added to this small selection entry just for decorative artwork.\n highlight.dataset.moving = animate && !document.hidden ? \"true\" : \"false\";\n const inset = presentation === \"pills\" ? Number.parseFloat(getComputedStyle(selected, \"::before\").top) \|\| 0 : 0;\n Object.assign(highlight.style, { left: `${selected.offsetLeft}px`, top: `${selected.offsetTop + inset}px`, width: `${selected.offsetWidth}px`, height: `${selected.offsetHeight - inset 2}px`, opacity: selected.dataset.disabled === \"true\" ? \"0.5\" : \"1\" });\n track.dataset.highlightReady = \"true\";\n };\n place(previousSelection.current !== null && previousSelection.current !== value);\n previousSelection.current = value;\n let bounds = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => {\n const next = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n if (next !== bounds) { bounds = next; place(false); }\n });\n for (const item of track.querySelectorAll(\".hjm-segmented__item\")) observer?.observe(item);\n // Fixed-width RTL pills move when the track resizes without changing their\n // own size. Observing only items leaves the selected artwork at its old x.\n observer?.observe(track);\n const visibility = () => place(false);\n document.addEventListener(\"visibilitychange\", visibility);\n return () => { observer?.disconnect(); document.removeEventListener(\"visibilitychange\", visibility); };\n }, [value, items, presentation, selectionMotion]);\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 data-text-emphasis={presentation === \"text\" ? textEmphasis : undefined}\n role={presentation === \"text\" ? \"radiogroup\" : undefined}\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"]}
1	+ {"version":3,"file":"selection.js","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useDesignProfileDefaults } from \"./internal.js\";\nimport {\n chipRecipe,\n iconRecipe,\n segmentedControlRecipe,\n selectionControlRecipe,\n selectionGroupRecipe,\n switchRecipe,\n type SegmentedControlSize,\n type SelectionControlPresentation,\n type SelectionControlSize,\n type SelectionGroupOrientation,\n type SelectionGroupPresentation,\n type SwitchSize,\n type SwitchPresentation,\n} from \"@hjmds/design-contracts/recipes\";\n\nexport type { SwitchSize, SwitchPresentation };\nimport {\n resolveControlAccessibleName,\n reconcileCheckboxSelection,\n reconcileRadioSelection,\n resolveInitialRadioValue,\n toggleCheckboxSelection,\n validateCheckboxSelection,\n validateRadioSelection,\n type CheckboxGroupSelection,\n type SelectionItemDescriptor,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n forwardRef,\n useEffect,\n useLayoutEffect,\n useId,\n useRef,\n type ButtonHTMLAttributes,\n type ChangeEvent,\n type FieldsetHTMLAttributes,\n type InputHTMLAttributes,\n type MouseEvent,\n type ReactElement,\n type ReactNode,\n type RefAttributes,\n} from \"react\";\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\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 data-two-line={hasDescription \|\| undefined}\n aria-labelledby={props[\"aria-labelledby\"] ?? (props[\"aria-label\"] ? undefined : labelId)}\n aria-describedby={[props[\"aria-describedby\"], hasDescription ? descriptionId : undefined].filter(Boolean).join(\" \") \|\| undefined}\n data-state={checked ? \"checked\" : \"unchecked\"}\n aria-checked={checked}\n disabled={disabled}\n onClick={(event) => {\n setChecked((current) => !current);\n onClick?.(event);\n }}\n >\n <span className=\"hjm-switch__track\" aria-hidden=\"true\">\n <span className=\"hjm-switch__thumb\" />\n </span>\n <span className={classNames(\"hjm-switch__copy\", labelVisibility === \"hidden\" && \"hjm-visually-hidden\")}>\n <span id={labelId}\n className={classNames(\"hjm-switch__label\", presentation === \"row\" && \"hjm-text\")}\n data-font-role={presentation === \"row\" ? \"ui\" : undefined}\n data-variant={presentation === \"row\" ? switchRecipe.rowLabelTextVariant : undefined}\n >{label}</span>\n {hasDescription ? <span id={descriptionId} className=\"hjm-switch__description\">{description}</span> : null}\n </span>\n </button>\n );\n});\n\nexport type SegmentedControlItem = Readonly<{\n value: string;\n label: ReactNode;\n disabled?: boolean;\n}>;\n\nexport type SegmentedControlProps = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" \| \"onChange\" \| \"value\"\n> &\n Readonly<{\n label: string;\n items: readonly SegmentedControlItem[];\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n size?: SegmentedControlSize;\n presentation?: \"connected\" \| \"pills\" \| \"text\";\n textEmphasis?: \"regular\" \| \"strong\";\n /* Move only the selection artwork; radio semantics and hit targets stay fixed. /\n selectionMotion?: \"none\" \| \"slide\";\n name?: string;\n /* Canonical layout-only placement on the root element. Controlled visual keys are excluded. /\n layoutStyle?: HjmCompositionStyleProp;\n }>;\n\nexport const SegmentedControl = forwardRef<\n HTMLFieldSetElement,\n SegmentedControlProps\n>(function SegmentedControl(\n {\n label,\n items,\n value: valueProp,\n defaultValue,\n onValueChange,\n size = segmentedControlRecipe.defaults.size,\n presentation = \"connected\",\n textEmphasis = \"strong\",\n selectionMotion: suppliedSelectionMotion,\n name,\n disabled = false,\n className,\n layoutStyle,\n style,\n ...props\n },\n ref,\n) {\n const designProfile = useDesignProfileDefaults();\n const selectionMotion = presentation === \"text\" ? \"none\" : suppliedSelectionMotion ?? designProfile?.interactions.selectionMotion ?? \"none\";\n validateItems(\"SegmentedControl\", items);\n const descriptors = items.map((item) => ({\n id: item.value,\n label: typeof item.label === \"string\" ? item.label : item.value,\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string }> \| null>(null);\n if (initialValueRef.current === null) {\n const initial = resolveInitialRadioValue(descriptors, defaultValue ?? null, true);\n if (initial === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n initialValueRef.current = { value: initial };\n }\n const generatedName = useId();\n const [storedValue, setValue] = useControllableState({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValueRef.current.value,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateRadioSelection(descriptors, storedValue);\n const value = controlled\n ? storedValue\n : reconcileRadioSelection(descriptors, storedValue, true);\n if (value === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n useEffect(() => {\n if (!controlled && value !== storedValue) setValue(value);\n }, [controlled, setValue, storedValue, value]);\n const trackRef = useRef<HTMLDivElement>(null);\n const highlightRef = useRef<HTMLSpanElement>(null);\n const previousSelection = useRef<string \| null>(null);\n useLayoutEffect(() => {\n const track = trackRef.current; const highlight = highlightRef.current;\n if (selectionMotion !== \"slide\" \|\| !track \|\| !highlight) { previousSelection.current = null; if (track) delete track.dataset.highlightReady; return; }\n const selected = Array.from(track.querySelectorAll<HTMLLabelElement>(\".hjm-segmented__item\")).find(item => item.dataset.state === \"checked\");\n if (!selected) return;\n const place = (animate: boolean) => {\n // CSS owns reduced motion (both provider and OS); no provider import is\n // added to this small selection entry just for decorative artwork.\n highlight.dataset.moving = animate && !document.hidden ? \"true\" : \"false\";\n const inset = presentation === \"pills\" ? Number.parseFloat(getComputedStyle(selected, \"::before\").top) \|\| 0 : 0;\n Object.assign(highlight.style, { left: `${selected.offsetLeft}px`, top: `${selected.offsetTop + inset}px`, width: `${selected.offsetWidth}px`, height: `${selected.offsetHeight - inset 2}px`, opacity: selected.dataset.disabled === \"true\" ? \"0.5\" : \"1\" });\n track.dataset.highlightReady = \"true\";\n };\n place(previousSelection.current !== null && previousSelection.current !== value);\n previousSelection.current = value;\n let bounds = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n const observer = typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => {\n const next = `${selected.offsetLeft}:${selected.offsetTop}:${selected.offsetWidth}:${selected.offsetHeight}`;\n if (next !== bounds) { bounds = next; place(false); }\n });\n for (const item of track.querySelectorAll(\".hjm-segmented__item\")) observer?.observe(item);\n // Fixed-width RTL pills move when the track resizes without changing their\n // own size. Observing only items leaves the selected artwork at its old x.\n observer?.observe(track);\n const visibility = () => place(false);\n document.addEventListener(\"visibilitychange\", visibility);\n return () => { observer?.disconnect(); document.removeEventListener(\"visibilitychange\", visibility); };\n }, [value, items, presentation, selectionMotion, disabled]);\n return (\n <fieldset\n {...props}\n disabled={disabled}\n ref={ref}\n style={{ ...style, ...layoutStyle }}\n className={classNames(\"hjm-segmented\", className)}\n data-size={size}\n data-presentation={presentation}\n data-text-emphasis={presentation === \"text\" ? textEmphasis : undefined}\n role={presentation === \"text\" ? \"radiogroup\" : undefined}\n >\n <legend className=\"hjm-visually-hidden\">{label}</legend>\n <div className=\"hjm-segmented__items\" ref={trackRef}>\n {selectionMotion === \"slide\" ? <span ref={highlightRef} className=\"hjm-segmented__highlight\" aria-hidden=\"true\" /> : null}\n {items.map((item) => (\n <label\n key={item.value}\n className=\"hjm-segmented__item\"\n data-state={item.value === value ? \"checked\" : \"unchecked\"}\n // A disabled group must look disabled like Native; fieldset[disabled] alone only\n // blocked input and the per-item styling never saw it (2026-10-17 review).\n data-disabled={item.disabled \|\| disabled \|\| undefined}\n >\n <input\n type=\"radio\"\n name={name ?? generatedName}\n value={item.value}\n checked={item.value === value}\n disabled={item.disabled \|\| disabled}\n required\n onChange={() => setValue(item.value)}\n />\n <span>{item.label}</span>\n </label>\n ))}\n </div>\n </fieldset>\n );\n});\n"]}

package/dist/social-compositions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"social-compositions.d.ts","sourceRoot":"","sources":["../src/social-compositions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAoD,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;~~AAQ1L~~,KAAK,MAAM,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAIzE,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,8EAA8E;IAC9E,SAAS,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC7E,KAAK,EAAE,kBAAkB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAC1C,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvG,+FAA+F;IAC/F,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClF,CAAC,CAAC;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAG9D;AAgBD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAC3E,KAAK,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAAC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IACnH,MAAM,EAAE,QAAQ,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/H,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,0FAA0F;IAC1F,eAAe,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACjE,CAAC,CAAC;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,+BAGlE"}
1	+ {"version":3,"file":"social-compositions.d.ts","sourceRoot":"","sources":["../src/social-compositions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAoD,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAS1L,KAAK,MAAM,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAIzE,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,8EAA8E;IAC9E,SAAS,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC7E,KAAK,EAAE,kBAAkB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAC1C,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvG,+FAA+F;IAC/F,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClF,CAAC,CAAC;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAG9D;AAgBD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAC3E,KAAK,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAAC,YAAY,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IACnH,MAAM,EAAE,QAAQ,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/H,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,0FAA0F;IAC1F,eAAe,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACjE,CAAC,CAAC;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,+BAGlE"}

package/dist/social-compositions.js CHANGED Viewed

@@ -7,6 +7,7 @@ import { AnimatedStatistic } from "./statistic-motion.js";
 import { Avatar } from "./advanced-display.js";
 import { Card } from "./display.js";
 import { Stack, Text } from "./layout.js";
+import { RadioGroup } from "./selection.js";
 import { useCompositionAction } from "./internal/use-composition-action.js";
 function Failure({ failed, label }) {
     return failed ? _jsx(Text, { role: "alert", style: { textAlign: "center" }, tone: "danger", children: label }) : null;
@@ -33,8 +34,8 @@ function EventAttendanceBody(props) {
     const action = useCompositionAction(props.disabled), [calendarAdded, setCalendarAdded] = useState(false);
     const displayed = action.active === null || action.active === "calendar" ? props.state : action.active;
     const locked = props.disabled === true || action.pending;
-    return _jsx(Card, { title: props.title, description: props.description, children: _jsxs(Stack, { gap: "md", children: [_jsx(Text, { children: props.dateLabel }), _jsx(AnimatedStatistic, { descriptor: { id: "social-count", label: props.labels.count }, value: displayed.count, locale: props.locale }), _jsx(Stack, { axis: "inline", gap: "xs", wrap: true, children: props.participants.map(person => _jsxs(Stack, { axis: "inline", gap: "xs", children: [person.avatar ?? _jsx(Avatar, { name: person.name, "aria-hidden": true }), _jsx(Text, { children: person.name })] }, person.id)) }), _jsx(Text, { emphasis: "strong", children: props.labels.response }), _jsx(Stack, { axis: "inline", gap: "xs", wrap: true, children: props.choices.map(choice => _jsx(Button, { selected: displayed.responseId === choice.id, disabled: locked || choice.disabled === true, loading: action.pending && action.active !== "calendar" && displayed.responseId === choice.id, "aria-label": action.pending ? props.labels.pending : undefined, onClick: () => { if (choice.disabled || choice.id === props.state.responseId)
-                            return; const proposal = resolveAttendanceProposal(props.state, props.choices, choice.id); void action.run(proposal, () => props.onResponseChange(choice.id)); }, children: choice.label }, choice.id)) }), _jsx(Button, { tone: "secondary", disabled: locked || calendarAdded, loading: action.active === "calendar", "aria-label": action.pending ? props.labels.pending : undefined, onClick: () => { if (calendarAdded)
+    return _jsx(Card, { title: props.title, description: props.description, children: _jsxs(Stack, { gap: "md", children: [_jsx(Text, { children: props.dateLabel }), _jsx(AnimatedStatistic, { descriptor: { id: "social-count", label: props.labels.count }, value: displayed.count, locale: props.locale }), _jsx(Stack, { axis: "inline", gap: "xs", wrap: true, children: props.participants.map(person => _jsxs(Stack, { axis: "inline", gap: "xs", align: "center", children: [person.avatar ?? _jsx(Avatar, { name: person.name, "aria-hidden": true }), _jsx(Text, { children: person.name })] }, person.id)) }), _jsx(RadioGroup, { label: props.labels.response, orientation: "horizontal", presentation: "plain", value: displayed.responseId, items: props.choices.map(choice => ({ value: choice.id, label: choice.label, ...(choice.disabled ? { disabled: true } : {}) })), disabled: locked, ...(action.pending && action.active !== "calendar" ? { description: props.labels.pending } : {}), onValueChange: id => { const choice = props.choices.find(item => item.id === id); if (!choice || choice.disabled || choice.id === props.state.responseId || locked)
+                        return; const proposal = resolveAttendanceProposal(props.state, props.choices, choice.id); void action.run(proposal, () => props.onResponseChange(choice.id)); } }), _jsx(Button, { tone: "secondary", disabled: locked || calendarAdded, loading: action.active === "calendar", "aria-label": action.pending ? props.labels.pending : undefined, onClick: () => { if (calendarAdded)
                         return; void action.run("calendar", props.onAddToCalendar).then(outcome => { if (outcome.status === "success")
                         setCalendarAdded(true); }); }, children: calendarAdded ? props.labels.calendarAdded : props.labels.calendar }), _jsx(Failure, { failed: action.failed, label: props.labels.error })] }) });
 }

package/dist/social-compositions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"social-compositions.js","sourceRoot":"","sources":["../src/social-compositions.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { useState, type ReactNode } from \"react\";\nimport { resolveFollowProposal, resolveAttendanceProposal, type FollowProfileState, type AttendanceChoice, type EventAttendanceState } from \"@hjmds/design-contracts/social-compositions\";\nimport { Button } from \"./actions.js\";\nimport { AnimatedStatistic } from \"./statistic-motion.js\";\nimport { Avatar } from \"./advanced-display.js\";\nimport { Card } from \"./display.js\";\nimport { Stack, Text } from \"./layout.js\";\nimport { useCompositionAction } from \"./internal/use-composition-action.js\";\n\ntype Person = Readonly<{ id: string; name: string; avatar?: ReactNode }>;\nfunction Failure({ failed, label }: Readonly<{ failed: boolean; label: string }>) {\n return failed ? <Text role=\"alert\" style={{ textAlign: \"center\" }} tone=\"danger\">{label}</Text> : null;\n}\nexport type FollowProfileCardProps = Readonly<{\n /** Changing entities remounts the action scope and detaches old responses. /\n profileId: string; name: string; description?: ReactNode; avatar?: ReactNode;\n state: FollowProfileState; locale: string;\n labels: Readonly<{ follow: string; following: string; pending: string; count: string; error: string }>;\n /* Resolve only after the real mutation; update state with the server's confirmed snapshot. /\n onFollowChange: (following: boolean) => void \| Promise<void>; disabled?: boolean;\n}>;\nexport function FollowProfileCard(props: FollowProfileCardProps) {\n if (!props.profileId.trim()) throw new TypeError(\"Follow profile requires a stable id\");\n return <FollowProfileBody key={props.profileId} {...props} />;\n}\nfunction FollowProfileBody(props: FollowProfileCardProps) {\n resolveFollowProposal(props.state, props.state.following);\n const action = useCompositionAction<FollowProfileState>(props.disabled);\n // Capture the proposal once; changing server counts during the request must not add the delta twice.\n const displayed: FollowProfileState = action.active ?? props.state;\n return <Card title={props.name} description={props.description} leading={props.avatar ?? <Avatar name={props.name} aria-hidden />}>\n <Stack gap=\"md\"><AnimatedStatistic descriptor={{ id: \"social-count\", label: props.labels.count }} value={displayed.count} locale={props.locale} />\n <Button selected={displayed.following} loading={action.pending} aria-label={action.pending ? props.labels.pending : undefined} disabled={props.disabled === true}\n onClick={() => { const proposal = resolveFollowProposal(props.state, !props.state.following); void action.run(proposal, () => props.onFollowChange(proposal.following)); }}>\n {displayed.following ? props.labels.following : props.labels.follow}\n </Button><Failure failed={action.failed} label={props.labels.error} />\n </Stack>\n </Card>;\n}\n\nexport type EventAttendanceCardProps = Readonly<{\n eventId: string; title: string; description?: ReactNode; dateLabel: string;\n state: EventAttendanceState; choices: readonly AttendanceChoice[]; participants: readonly Person[]; locale: string;\n labels: Readonly<{ response: string; pending: string; count: string; calendar: string; calendarAdded: string; error: string }>;\n onResponseChange: (responseId: string) => void \| Promise<void>;\n /* Actual calendar adapter, including platform permissions; rejection stays retryable. */\n onAddToCalendar: () => void \| Promise<void>; disabled?: boolean;\n}>;\nexport function EventAttendanceCard(props: EventAttendanceCardProps) {\n if (!props.eventId.trim()) throw new TypeError(\"Event attendance requires a stable id\");\n return <EventAttendanceBody key={props.eventId} {...props} />;\n}\nfunction EventAttendanceBody(props: EventAttendanceCardProps) {\n resolveAttendanceProposal(props.state, props.choices, props.state.responseId);\n const action = useCompositionAction<EventAttendanceState \| \"calendar\">(props.disabled), [calendarAdded, setCalendarAdded] = useState(false);\n const displayed: EventAttendanceState = action.active === null \|\| action.active === \"calendar\" ? props.state : action.active;\n const locked = props.disabled === true \|\| action.pending;\n return <Card title={props.title} description={props.description}><Stack gap=\"md\">\n <Text>{props.dateLabel}</Text>\n <AnimatedStatistic descriptor={{ id: \"social-count\", label: props.labels.count }} value={displayed.count} locale={props.locale} />\n <Stack axis=\"inline\" gap=\"xs\" wrap>{props.participants.map(person => <Stack key={person.id} axis=\"inline\" gap=\"xs\">{person.avatar ?? <Avatar name={person.name} aria-hidden />}<Text>{person.name}</Text></Stack>)}</Stack>\n <Text emphasis=\"strong\">{props.labels.response}</Text>\n <Stack axis=\"inline\" gap=\"xs\" wrap>{props.choices.map(choice => <Button key={choice.id} selected={displayed.responseId === choice.id}\n disabled={locked \|\| choice.disabled === true} loading={action.pending && action.active !== \"calendar\" && displayed.responseId === choice.id} aria-label={action.pending ? props.labels.pending : undefined}\n onClick={() => { if (choice.disabled \|\| choice.id === props.state.responseId) return; const proposal = resolveAttendanceProposal(props.state, props.choices, choice.id); void action.run(proposal, () => props.onResponseChange(choice.id)); }}>{choice.label}</Button>)}</Stack>\n <Button tone=\"secondary\" disabled={locked \|\| calendarAdded} loading={action.active === \"calendar\"} aria-label={action.pending ? props.labels.pending : undefined}\n onClick={() => { if (calendarAdded) return; void action.run(\"calendar\", props.onAddToCalendar).then(outcome => { if (outcome.status === \"success\") setCalendarAdded(true); }); }}>{calendarAdded ? props.labels.calendarAdded : props.labels.calendar}</Button>\n <Failure failed={action.failed} label={props.labels.error} />\n </Stack></Card>;\n}\n"]}
1	+ {"version":3,"file":"social-compositions.js","sourceRoot":"","sources":["../src/social-compositions.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { useState, type ReactNode } from \"react\";\nimport { resolveFollowProposal, resolveAttendanceProposal, type FollowProfileState, type AttendanceChoice, type EventAttendanceState } from \"@hjmds/design-contracts/social-compositions\";\nimport { Button } from \"./actions.js\";\nimport { AnimatedStatistic } from \"./statistic-motion.js\";\nimport { Avatar } from \"./advanced-display.js\";\nimport { Card } from \"./display.js\";\nimport { Stack, Text } from \"./layout.js\";\nimport { RadioGroup } from \"./selection.js\";\nimport { useCompositionAction } from \"./internal/use-composition-action.js\";\n\ntype Person = Readonly<{ id: string; name: string; avatar?: ReactNode }>;\nfunction Failure({ failed, label }: Readonly<{ failed: boolean; label: string }>) {\n return failed ? <Text role=\"alert\" style={{ textAlign: \"center\" }} tone=\"danger\">{label}</Text> : null;\n}\nexport type FollowProfileCardProps = Readonly<{\n /** Changing entities remounts the action scope and detaches old responses. /\n profileId: string; name: string; description?: ReactNode; avatar?: ReactNode;\n state: FollowProfileState; locale: string;\n labels: Readonly<{ follow: string; following: string; pending: string; count: string; error: string }>;\n /* Resolve only after the real mutation; update state with the server's confirmed snapshot. /\n onFollowChange: (following: boolean) => void \| Promise<void>; disabled?: boolean;\n}>;\nexport function FollowProfileCard(props: FollowProfileCardProps) {\n if (!props.profileId.trim()) throw new TypeError(\"Follow profile requires a stable id\");\n return <FollowProfileBody key={props.profileId} {...props} />;\n}\nfunction FollowProfileBody(props: FollowProfileCardProps) {\n resolveFollowProposal(props.state, props.state.following);\n const action = useCompositionAction<FollowProfileState>(props.disabled);\n // Capture the proposal once; changing server counts during the request must not add the delta twice.\n const displayed: FollowProfileState = action.active ?? props.state;\n return <Card title={props.name} description={props.description} leading={props.avatar ?? <Avatar name={props.name} aria-hidden />}>\n <Stack gap=\"md\"><AnimatedStatistic descriptor={{ id: \"social-count\", label: props.labels.count }} value={displayed.count} locale={props.locale} />\n <Button selected={displayed.following} loading={action.pending} aria-label={action.pending ? props.labels.pending : undefined} disabled={props.disabled === true}\n onClick={() => { const proposal = resolveFollowProposal(props.state, !props.state.following); void action.run(proposal, () => props.onFollowChange(proposal.following)); }}>\n {displayed.following ? props.labels.following : props.labels.follow}\n </Button><Failure failed={action.failed} label={props.labels.error} />\n </Stack>\n </Card>;\n}\n\nexport type EventAttendanceCardProps = Readonly<{\n eventId: string; title: string; description?: ReactNode; dateLabel: string;\n state: EventAttendanceState; choices: readonly AttendanceChoice[]; participants: readonly Person[]; locale: string;\n labels: Readonly<{ response: string; pending: string; count: string; calendar: string; calendarAdded: string; error: string }>;\n onResponseChange: (responseId: string) => void \| Promise<void>;\n /* Actual calendar adapter, including platform permissions; rejection stays retryable. /\n onAddToCalendar: () => void \| Promise<void>; disabled?: boolean;\n}>;\nexport function EventAttendanceCard(props: EventAttendanceCardProps) {\n if (!props.eventId.trim()) throw new TypeError(\"Event attendance requires a stable id\");\n return <EventAttendanceBody key={props.eventId} {...props} />;\n}\nfunction EventAttendanceBody(props: EventAttendanceCardProps) {\n resolveAttendanceProposal(props.state, props.choices, props.state.responseId);\n const action = useCompositionAction<EventAttendanceState \| \"calendar\">(props.disabled), [calendarAdded, setCalendarAdded] = useState(false);\n const displayed: EventAttendanceState = action.active === null \|\| action.active === \"calendar\" ? props.state : action.active;\n const locked = props.disabled === true \|\| action.pending;\n return <Card title={props.title} description={props.description}><Stack gap=\"md\">\n <Text>{props.dateLabel}</Text>\n <AnimatedStatistic descriptor={{ id: \"social-count\", label: props.labels.count }} value={displayed.count} locale={props.locale} />\n <Stack axis=\"inline\" gap=\"xs\" wrap>{props.participants.map(person => <Stack key={person.id} axis=\"inline\" gap=\"xs\" align=\"center\">{person.avatar ?? <Avatar name={person.name} aria-hidden />}<Text>{person.name}</Text></Stack>)}</Stack>\n {/ One answer out of several is a radio choice; selected primary Buttons gave the card three primaries.\n RadioGroup (not SegmentedControl) keeps the \"no answer yet\" state that responseId=null needs; plain keeps\n three short answers on one line inside the card. */}\n <RadioGroup label={props.labels.response} orientation=\"horizontal\" presentation=\"plain\" value={displayed.responseId}\n items={props.choices.map(choice => ({ value: choice.id, label: choice.label, ...(choice.disabled ? { disabled: true } : {}) }))}\n disabled={locked} {...(action.pending && action.active !== \"calendar\" ? { description: props.labels.pending } : {})}\n onValueChange={id => { const choice = props.choices.find(item => item.id === id); if (!choice \|\| choice.disabled \|\| choice.id === props.state.responseId \|\| locked) return; const proposal = resolveAttendanceProposal(props.state, props.choices, choice.id); void action.run(proposal, () => props.onResponseChange(choice.id)); }} />\n <Button tone=\"secondary\" disabled={locked \|\| calendarAdded} loading={action.active === \"calendar\"} aria-label={action.pending ? props.labels.pending : undefined}\n onClick={() => { if (calendarAdded) return; void action.run(\"calendar\", props.onAddToCalendar).then(outcome => { if (outcome.status === \"success\") setCalendarAdded(true); }); }}>{calendarAdded ? props.labels.calendarAdded : props.labels.calendar}</Button>\n <Failure failed={action.failed} label={props.labels.error} />\n </Stack></Card>;\n}\n"]}

package/dist/sortable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sortable.d.ts","sourceRoot":"","sources":["../src/sortable.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhG,OAAO,EAAgC,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,yDAAyD,CAAC;~~AAGnK~~,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,cAAc,CAAC;IACtE,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,IAAI,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC7E,4FAA4F;IAC5F,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC;~~AAkBF~~,sFAAsF;AACtF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+~~BAiEhE~~"}
1	+ {"version":3,"file":"sortable.d.ts","sourceRoot":"","sources":["../src/sortable.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhG,OAAO,EAAgC,KAAK,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,yDAAyD,CAAC;AAInK,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,cAAc,CAAC;IACtE,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,IAAI,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC7E,4FAA4F;IAC5F,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC;AAmBF,sFAAsF;AACtF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BAoEhE"}

package/dist/sortable.js CHANGED Viewed

@@ -5,12 +5,15 @@ import { Accessibility } from "@dnd-kit/dom";
 import { DragDropProvider } from "@dnd-kit/react";
 import { useSortable, isSortable } from "@dnd-kit/react/sortable";
 import { reorderIntent, validateItems } from "@hjmds/design-contracts/components/interaction-adapters";
-import { Button } from "./actions.js";
+import { Button, IconButton } from "./actions.js";
+import { Icon } from "./supplemental-display.js";
 import { useHjmTheme } from "./provider.js";
 function Row({ item, index, children, disabled, reduced, labels, move, count }) {
     const { ref, handleRef } = useSortable({ id: item.id, index, disabled: disabled || item.disabled === true,
         ...(reduced ? { transition: null } : {}) });
-    return _jsxs("li", { ref: ref, "data-item-id": item.id, style: { display: "grid", gridTemplateColumns: "auto minmax(0, 1fr)", alignItems: "center", gap: "var(--hjm-space-sm)", paddingBlock: "var(--hjm-space-xs)" }, children: [_jsx(Button, { ref: handleRef, tone: "ghost", type: "button", disabled: disabled || item.disabled, "aria-label": labels.handle(item), style: { minWidth: control.minTouchTarget, minHeight: control.minTouchTarget, touchAction: "none", cursor: "grab" }, children: "\u283F" }), _jsx("div", { style: { minWidth: 0, overflowWrap: "anywhere" }, children: children }), _jsxs("div", { style: { gridColumn: "1 / -1", display: "flex", flexWrap: "wrap", gap: "var(--hjm-space-xs)" }, children: [_jsx(Button, { tone: "ghost", disabled: disabled || item.disabled || index === 0, onClick: () => move(index - 1), children: labels.previous(item) }), _jsx(Button, { tone: "ghost", disabled: disabled || item.disabled || index === count - 1, onClick: () => move(index + 1), children: labels.next(item) })] })] });
+    // One row: [handle | item | move]. The move pair is a tool, so it is two named icon buttons stacked in the trailing
+    // column; the old text buttons on their own line made every item take three lines (2026-10-17 review).
+    return _jsxs("li", { ref: ref, "data-item-id": item.id, style: { display: "grid", gridTemplateColumns: "auto minmax(0, 1fr) auto", alignItems: "center", gap: "var(--hjm-space-sm)", paddingBlock: "var(--hjm-space-xs)" }, children: [_jsx(Button, { ref: handleRef, tone: "ghost", type: "button", disabled: disabled || item.disabled, "aria-label": labels.handle(item), style: { minWidth: control.minTouchTarget, minHeight: control.minTouchTarget, touchAction: "none", cursor: "grab" }, children: "\u283F" }), _jsx("div", { style: { minWidth: 0, overflowWrap: "anywhere" }, children: children }), _jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [_jsx(IconButton, { tone: "ghost", "data-sortable-move": "previous", label: labels.previous(item), disabled: disabled || item.disabled || index === 0, onClick: () => move(index - 1), children: _jsx(Icon, { name: "chevronUp" }) }), _jsx(IconButton, { tone: "ghost", "data-sortable-move": "next", label: labels.next(item), disabled: disabled || item.disabled || index === count - 1, onClick: () => move(index + 1), children: _jsx(Icon, { name: "chevronDown" }) })] })] });
 }
 /** Small controlled collections only; persistence and rollback belong to the host. */
 export function SortableCollection(props) {
@@ -50,7 +53,10 @@ export function SortableCollection(props) {
         if (!row)
             return;
         refocus.current = null;
-        const [handle, previous, next] = [...row.querySelectorAll("button")];
+        // Query by role: the item content may hold its own buttons (TaskList's delete action) between handle and moves.
+        const handle = row.querySelector("button");
+        const previous = row.querySelector('[data-sortable-move="previous"]');
+        const next = row.querySelector('[data-sortable-move="next"]');
         const preferred = pending.direction === "previous" ? previous : next;
         const fallback = pending.direction === "previous" ? next : previous;
         (preferred && !preferred.disabled ? preferred : fallback && !fallback.disabled ? fallback : handle)?.focus();

package/dist/sortable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sortable.js","sourceRoot":"","sources":["../src/sortable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { control } from \"@hjmds/design-contracts/foundations\";\nimport { useCallback, useLayoutEffect, useRef, useState, useMemo, type ReactNode } from \"react\";\nimport { Accessibility, type DragStartEvent, type DragEndEvent } from \"@dnd-kit/dom\";\nimport { DragDropProvider } from \"@dnd-kit/react\";\nimport { useSortable, isSortable } from \"@dnd-kit/react/sortable\";\nimport { reorderIntent, validateItems, type SortableItem, type SortableLabels, type ReorderIntent } from \"@hjmds/design-contracts/components/interaction-adapters\";\nimport { Button } from \"./actions.js\";\nimport { useHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type SortableCollectionProps = {\n items: readonly SortableItem[]; label: string; labels: SortableLabels;\n renderItem(item: SortableItem): ReactNode;\n onCommit(intent: ReorderIntent): void; onCancel?(): void; disabled?: boolean;\n /** Canonical layout-only placement on the list (DragDropProvider has no box of its own). /\n layoutStyle?: HjmCompositionStyleProp;\n};\nfunction Row({ item, index, children, disabled, reduced, labels, move, count }: {\n item: SortableItem; index: number; children: ReactNode; disabled: boolean; reduced: boolean;\n labels: SortableLabels; move(to: number): void; count: number;\n}) {\n const { ref, handleRef } = useSortable({ id: item.id, index, disabled: disabled \|\| item.disabled === true,\n ...(reduced ? { transition: null } : {}) });\n return <li ref={ref} data-item-id={item.id} style={{ display: \"grid\", gridTemplateColumns: \"auto minmax(0, 1fr)\", alignItems: \"center\", gap: \"var(--hjm-space-sm)\", paddingBlock: \"var(--hjm-space-xs)\" }}>\n <Button ref={handleRef} tone=\"ghost\" type=\"button\" disabled={disabled \|\| item.disabled} aria-label={labels.handle(item)}\n style={{ minWidth: control.minTouchTarget, minHeight: control.minTouchTarget, touchAction: \"none\", cursor: \"grab\" }}>⠿</Button>\n <div style={{ minWidth: 0, overflowWrap: \"anywhere\" }}>{children}</div>\n {/ Separate action line preserves readable item labels at 200% text in narrow hosts. /}\n <div style={{ gridColumn: \"1 / -1\", display: \"flex\", flexWrap: \"wrap\", gap: \"var(--hjm-space-xs)\" }}>\n <Button tone=\"ghost\" disabled={disabled \|\| item.disabled \|\| index === 0} onClick={() => move(index - 1)}>{labels.previous(item)}</Button>\n <Button tone=\"ghost\" disabled={disabled \|\| item.disabled \|\| index === count - 1} onClick={() => move(index + 1)}>{labels.next(item)}</Button>\n </div>\n </li>;\n}\n/* Small controlled collections only; persistence and rollback belong to the host. */\nexport function SortableCollection(props: SortableCollectionProps) {\n validateItems(props.items);\n if (!props.label.trim()) throw new TypeError(\"SortableCollection needs a label\");\n const { environment } = useHjmTheme();\n const [announcement, setAnnouncement] = useState(\"\");\n const latest = useRef(props); latest.current = props;\n const accessibility = useMemo(() => Accessibility.configure({\n screenReaderInstructions: { draggable: props.labels.instructions },\n announcements: {\n dragstart: ({ operation }: DragStartEvent) => {\n const item = latest.current.items.find(i => i.id === operation.source?.id);\n return item ? latest.current.labels.dragStart(item) : undefined;\n },\n dragend: ({ canceled }: DragEndEvent) => canceled ? latest.current.labels.dragCancel : undefined,\n // HJM emits the accepted controlled position, never raw upstream IDs.\n dragover: () => undefined, dragmove: () => undefined,\n },\n }), [props.labels.instructions]);\n const plugins = useCallback((defaults: readonly unknown[]) => [...defaults.filter(plugin => plugin !== Accessibility), accessibility],\n // A fresh function every render made the provider reassign manager.plugins on each render (2026-09-30 review).\n [accessibility]) as unknown as NonNullable<Parameters<typeof DragDropProvider>[0][\"plugins\"]>;\n const list = useRef<HTMLUListElement>(null);\n // Moving a row re-parents its DOM node, and an edge move disables the pressed button: both dropped focus to\n // <body> after a keyboard reorder. Refocus the moved row once the host has accepted the new order.\n const refocus = useRef<{ id: string; direction: \"previous\" \| \"next\" } \| null>(null);\n const snapshot = useRef(\"\");\n const signature = JSON.stringify(props.items);\n useLayoutEffect(() => {\n const pending = refocus.current;\n if (!pending) return;\n const row = list.current?.querySelector<HTMLElement>(`[data-item-id=\"${CSS.escape(pending.id)}\"]`);\n if (!row) return;\n refocus.current = null;\n const [handle, previous, next] = [...row.querySelectorAll<HTMLButtonElement>(\"button\")];\n const preferred = pending.direction === \"previous\" ? previous : next;\n const fallback = pending.direction === \"previous\" ? next : previous;\n (preferred && !preferred.disabled ? preferred : fallback && !fallback.disabled ? fallback : handle)?.focus();\n // Announce only once the controlled order reflects the move, never a proposed position.\n const index = props.items.findIndex(item => item.id === pending.id);\n if (index >= 0) setAnnouncement(props.labels.position(props.items[index]!, index + 1, props.items.length));\n }, [signature]); // eslint-disable-line react-hooks/exhaustive-deps\n const commit = (id: string, to: number, source: ReorderIntent[\"source\"]) => {\n if (props.disabled) return;\n const intent = reorderIntent(props.items, id, to, source);\n if (!intent) {\n // A rejected drag (fixed row in range, same index) must still end the host's drag session.\n if (source === \"drag\") props.onCancel?.();\n return;\n }\n if (source === \"keyboard\") refocus.current = { id, direction: intent.toIndex < intent.fromIndex ? \"previous\" : \"next\" };\n else refocus.current = { id, direction: \"next\" };\n props.onCommit(intent);\n };\n return <DragDropProvider plugins={plugins} onDragStart={() => { snapshot.current = signature; }} onDragEnd={event => {\n if (event.canceled \|\| snapshot.current !== signature) { props.onCancel?.(); return; }\n const source = event.operation.source;\n if (source && isSortable(source)) commit(String(source.id), source.index, \"drag\");\n }}>\n <ul ref={list} aria-label={props.label} style={{ listStyle: \"none\", margin: 0, padding: 0, ...props.layoutStyle }}>\n {props.items.map((item, index) => <Row key={item.id} item={item} index={index} count={props.items.length}\n disabled={props.disabled ?? false} reduced={environment.reducedMotion} labels={props.labels}\n move={to => commit(item.id, to, \"keyboard\")}>{props.renderItem(item)}</Row>)}\n </ul>\n <span role=\"status\" style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clipPath: \"inset(50%)\" }}>{announcement}</span>\n </DragDropProvider>;\n}\n"]}
1	+ {"version":3,"file":"sortable.js","sourceRoot":"","sources":["../src/sortable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { control } from \"@hjmds/design-contracts/foundations\";\nimport { useCallback, useLayoutEffect, useRef, useState, useMemo, type ReactNode } from \"react\";\nimport { Accessibility, type DragStartEvent, type DragEndEvent } from \"@dnd-kit/dom\";\nimport { DragDropProvider } from \"@dnd-kit/react\";\nimport { useSortable, isSortable } from \"@dnd-kit/react/sortable\";\nimport { reorderIntent, validateItems, type SortableItem, type SortableLabels, type ReorderIntent } from \"@hjmds/design-contracts/components/interaction-adapters\";\nimport { Button, IconButton } from \"./actions.js\";\nimport { Icon } from \"./supplemental-display.js\";\nimport { useHjmTheme } from \"./provider.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type SortableCollectionProps = {\n items: readonly SortableItem[]; label: string; labels: SortableLabels;\n renderItem(item: SortableItem): ReactNode;\n onCommit(intent: ReorderIntent): void; onCancel?(): void; disabled?: boolean;\n /** Canonical layout-only placement on the list (DragDropProvider has no box of its own). /\n layoutStyle?: HjmCompositionStyleProp;\n};\nfunction Row({ item, index, children, disabled, reduced, labels, move, count }: {\n item: SortableItem; index: number; children: ReactNode; disabled: boolean; reduced: boolean;\n labels: SortableLabels; move(to: number): void; count: number;\n}) {\n const { ref, handleRef } = useSortable({ id: item.id, index, disabled: disabled \|\| item.disabled === true,\n ...(reduced ? { transition: null } : {}) });\n // One row: [handle \| item \| move]. The move pair is a tool, so it is two named icon buttons stacked in the trailing\n // column; the old text buttons on their own line made every item take three lines (2026-10-17 review).\n return <li ref={ref} data-item-id={item.id} style={{ display: \"grid\", gridTemplateColumns: \"auto minmax(0, 1fr) auto\", alignItems: \"center\", gap: \"var(--hjm-space-sm)\", paddingBlock: \"var(--hjm-space-xs)\" }}>\n <Button ref={handleRef} tone=\"ghost\" type=\"button\" disabled={disabled \|\| item.disabled} aria-label={labels.handle(item)}\n style={{ minWidth: control.minTouchTarget, minHeight: control.minTouchTarget, touchAction: \"none\", cursor: \"grab\" }}>⠿</Button>\n <div style={{ minWidth: 0, overflowWrap: \"anywhere\" }}>{children}</div>\n <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n <IconButton tone=\"ghost\" data-sortable-move=\"previous\" label={labels.previous(item)} disabled={disabled \|\| item.disabled \|\| index === 0} onClick={() => move(index - 1)}><Icon name=\"chevronUp\" /></IconButton>\n <IconButton tone=\"ghost\" data-sortable-move=\"next\" label={labels.next(item)} disabled={disabled \|\| item.disabled \|\| index === count - 1} onClick={() => move(index + 1)}><Icon name=\"chevronDown\" /></IconButton>\n </div>\n </li>;\n}\n/* Small controlled collections only; persistence and rollback belong to the host. */\nexport function SortableCollection(props: SortableCollectionProps) {\n validateItems(props.items);\n if (!props.label.trim()) throw new TypeError(\"SortableCollection needs a label\");\n const { environment } = useHjmTheme();\n const [announcement, setAnnouncement] = useState(\"\");\n const latest = useRef(props); latest.current = props;\n const accessibility = useMemo(() => Accessibility.configure({\n screenReaderInstructions: { draggable: props.labels.instructions },\n announcements: {\n dragstart: ({ operation }: DragStartEvent) => {\n const item = latest.current.items.find(i => i.id === operation.source?.id);\n return item ? latest.current.labels.dragStart(item) : undefined;\n },\n dragend: ({ canceled }: DragEndEvent) => canceled ? latest.current.labels.dragCancel : undefined,\n // HJM emits the accepted controlled position, never raw upstream IDs.\n dragover: () => undefined, dragmove: () => undefined,\n },\n }), [props.labels.instructions]);\n const plugins = useCallback((defaults: readonly unknown[]) => [...defaults.filter(plugin => plugin !== Accessibility), accessibility],\n // A fresh function every render made the provider reassign manager.plugins on each render (2026-09-30 review).\n [accessibility]) as unknown as NonNullable<Parameters<typeof DragDropProvider>[0][\"plugins\"]>;\n const list = useRef<HTMLUListElement>(null);\n // Moving a row re-parents its DOM node, and an edge move disables the pressed button: both dropped focus to\n // <body> after a keyboard reorder. Refocus the moved row once the host has accepted the new order.\n const refocus = useRef<{ id: string; direction: \"previous\" \| \"next\" } \| null>(null);\n const snapshot = useRef(\"\");\n const signature = JSON.stringify(props.items);\n useLayoutEffect(() => {\n const pending = refocus.current;\n if (!pending) return;\n const row = list.current?.querySelector<HTMLElement>(`[data-item-id=\"${CSS.escape(pending.id)}\"]`);\n if (!row) return;\n refocus.current = null;\n // Query by role: the item content may hold its own buttons (TaskList's delete action) between handle and moves.\n const handle = row.querySelector<HTMLButtonElement>(\"button\");\n const previous = row.querySelector<HTMLButtonElement>('[data-sortable-move=\"previous\"]');\n const next = row.querySelector<HTMLButtonElement>('[data-sortable-move=\"next\"]');\n const preferred = pending.direction === \"previous\" ? previous : next;\n const fallback = pending.direction === \"previous\" ? next : previous;\n (preferred && !preferred.disabled ? preferred : fallback && !fallback.disabled ? fallback : handle)?.focus();\n // Announce only once the controlled order reflects the move, never a proposed position.\n const index = props.items.findIndex(item => item.id === pending.id);\n if (index >= 0) setAnnouncement(props.labels.position(props.items[index]!, index + 1, props.items.length));\n }, [signature]); // eslint-disable-line react-hooks/exhaustive-deps\n const commit = (id: string, to: number, source: ReorderIntent[\"source\"]) => {\n if (props.disabled) return;\n const intent = reorderIntent(props.items, id, to, source);\n if (!intent) {\n // A rejected drag (fixed row in range, same index) must still end the host's drag session.\n if (source === \"drag\") props.onCancel?.();\n return;\n }\n if (source === \"keyboard\") refocus.current = { id, direction: intent.toIndex < intent.fromIndex ? \"previous\" : \"next\" };\n else refocus.current = { id, direction: \"next\" };\n props.onCommit(intent);\n };\n return <DragDropProvider plugins={plugins} onDragStart={() => { snapshot.current = signature; }} onDragEnd={event => {\n if (event.canceled \|\| snapshot.current !== signature) { props.onCancel?.(); return; }\n const source = event.operation.source;\n if (source && isSortable(source)) commit(String(source.id), source.index, \"drag\");\n }}>\n <ul ref={list} aria-label={props.label} style={{ listStyle: \"none\", margin: 0, padding: 0, ...props.layoutStyle }}>\n {props.items.map((item, index) => <Row key={item.id} item={item} index={index} count={props.items.length}\n disabled={props.disabled ?? false} reduced={environment.reducedMotion} labels={props.labels}\n move={to => commit(item.id, to, \"keyboard\")}>{props.renderItem(item)}</Row>)}\n </ul>\n <span role=\"status\" style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clipPath: \"inset(50%)\" }}>{announcement}</span>\n </DragDropProvider>;\n}\n"]}

package/dist/status-text.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"status-text.d.ts","sourceRoot":"","sources":["../src/status-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,sGAAsG;AACtG,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;IAC1G,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;CAChD,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU;cAJX,MAAM;mBACD,MAAM,GAAG,QAAQ,GAAG,WAAW;~~gDAW9C~~,CAAC"}
1	+ {"version":3,"file":"status-text.d.ts","sourceRoot":"","sources":["../src/status-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,sGAAsG;AACtG,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC;IAC1G,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;CAChD,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU;cAJX,MAAM;mBACD,MAAM,GAAG,QAAQ,GAAG,WAAW;gDAc9C,CAAC"}

package/dist/status-text.js CHANGED Viewed

@@ -1,7 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Text } from "./layout.js";
-export const StatusText = forwardRef(function StatusText({ children, announcement = "polite", ...props }, ref) {
-    return _jsx(Text, { ...props, ref: ref, role: announcement === "none" ? undefined : announcement === "assertive" ? "alert" : "status", "aria-live": announcement === "none" ? "off" : announcement, "aria-atomic": announcement === "none" ? undefined : true, children: children });
+export const StatusText = forwardRef(function StatusText({ children, announcement = "polite", className, ...props }, ref) {
+    // The live node must stay mounted to announce later results, but an empty one would still take a
+    // flex/grid slot and add a stack gap (Native renders nothing then), so it leaves layout while empty.
+    const hidden = children === "" ? "hjm-visually-hidden" : undefined;
+    return _jsx(Text, { ...props, ref: ref, className: [className, hidden].filter(Boolean).join(" ") || undefined, role: announcement === "none" ? undefined : announcement === "assertive" ? "alert" : "status", "aria-live": announcement === "none" ? "off" : announcement, "aria-atomic": announcement === "none" ? undefined : true, children: children });
 });
 //# sourceMappingURL=status-text.js.map

package/dist/status-text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"status-text.js","sourceRoot":"","sources":["../src/status-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AAQnD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,SAAS,UAAU,CACpF,EAAE,QAAQ,EAAE,YAAY,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;~~IAEpD~~,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,~~EAC9B~~,IAAI,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eAClF,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,iBAC5C,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YACvD,QAAQ,GAAQ,CAAC;AACrB,CAAC,CAAC,CAAC","sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, type TextProps } from \"./layout.js\";\n\n/** A short inline result; use Notice for a titled message/action and Toast for transient overlays. */\nexport type StatusTextProps = Omit<TextProps, \"children\" \| \"role\" \| \"aria-live\" \| \"aria-atomic\"> & Readonly<{\n children: string;\n announcement?: \"none\" \| \"polite\" \| \"assertive\";\n}>;\n\nexport const StatusText = forwardRef<HTMLElement, StatusTextProps>(function StatusText(\n { children, announcement = \"polite\", ...props }, ref,\n) {\n return <Text {...props} ref={ref}\n role={announcement === \"none\" ? undefined : announcement === \"assertive\" ? \"alert\" : \"status\"}\n aria-live={announcement === \"none\" ? \"off\" : announcement}\n aria-atomic={announcement === \"none\" ? undefined : true}\n >{children}</Text>;\n});\n"]}
1	+ {"version":3,"file":"status-text.js","sourceRoot":"","sources":["../src/status-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AAQnD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,SAAS,UAAU,CACpF,EAAE,QAAQ,EAAE,YAAY,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAE/D,iGAAiG;IACjG,qGAAqG;IACrG,MAAM,MAAM,GAAG,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,EACrG,IAAI,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,eAClF,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,iBAC5C,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YACvD,QAAQ,GAAQ,CAAC;AACrB,CAAC,CAAC,CAAC","sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, type TextProps } from \"./layout.js\";\n\n/** A short inline result; use Notice for a titled message/action and Toast for transient overlays. */\nexport type StatusTextProps = Omit<TextProps, \"children\" \| \"role\" \| \"aria-live\" \| \"aria-atomic\"> & Readonly<{\n children: string;\n announcement?: \"none\" \| \"polite\" \| \"assertive\";\n}>;\n\nexport const StatusText = forwardRef<HTMLElement, StatusTextProps>(function StatusText(\n { children, announcement = \"polite\", className, ...props }, ref,\n) {\n // The live node must stay mounted to announce later results, but an empty one would still take a\n // flex/grid slot and add a stack gap (Native renders nothing then), so it leaves layout while empty.\n const hidden = children === \"\" ? \"hjm-visually-hidden\" : undefined;\n return <Text {...props} ref={ref} className={[className, hidden].filter(Boolean).join(\" \") \|\| undefined}\n role={announcement === \"none\" ? undefined : announcement === \"assertive\" ? \"alert\" : \"status\"}\n aria-live={announcement === \"none\" ? \"off\" : announcement}\n aria-atomic={announcement === \"none\" ? undefined : true}\n >{children}</Text>;\n});\n"]}