@hjmds/react 1.3.5 → 1.5.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.
@@ -1,5 +1,5 @@
1
- import { chipRecipe, type SegmentedControlSize, type SelectionControlPresentation, type SelectionControlSize, type SelectionGroupOrientation, type SelectionGroupPresentation, type SwitchSize } from "@hjmds/design-contracts/recipes";
2
- export type { SwitchSize };
1
+ import { chipRecipe, type SegmentedControlSize, type SelectionControlPresentation, type SelectionControlSize, type SelectionGroupOrientation, type SelectionGroupPresentation, type SwitchSize, type SwitchPresentation } from "@hjmds/design-contracts/recipes";
2
+ export type { SwitchSize, SwitchPresentation };
3
3
  import { type CheckboxGroupSelection, type SelectionItemDescriptor } from "@hjmds/design-contracts/behaviors";
4
4
  import { type ButtonHTMLAttributes, type ChangeEvent, type FieldsetHTMLAttributes, type InputHTMLAttributes, type MouseEvent, type ReactElement, type ReactNode, type RefAttributes } from "react";
5
5
  import type { HjmCompositionStyleProp } from "./composition-style.js";
@@ -125,6 +125,9 @@ export type RadioGroupProps = Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>,
125
125
  export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLFieldSetElement>>;
126
126
  export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "role" | "onChange" | "value"> & Readonly<{
127
127
  label: ReactNode;
128
+ /** Supporting copy is described separately from the stable accessible name. */
129
+ description?: ReactNode;
130
+ presentation?: SwitchPresentation;
128
131
  /** Hide repeated row copy visually while preserving the switch's accessible name. */
129
132
  labelVisibility?: "visible" | "hidden";
130
133
  checked?: boolean;
@@ -137,6 +140,9 @@ export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "role" |
137
140
  }>;
138
141
  export declare const Switch: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value" | "onChange" | "role"> & Readonly<{
139
142
  label: ReactNode;
143
+ /** Supporting copy is described separately from the stable accessible name. */
144
+ description?: ReactNode;
145
+ presentation?: SwitchPresentation;
140
146
  /** Hide repeated row copy visually while preserving the switch's accessible name. */
141
147
  labelVisibility?: "visible" | "hidden";
142
148
  checked?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"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"}
package/dist/selection.js CHANGED
@@ -175,16 +175,19 @@ export const RadioGroup = forwardRef(function RadioGroup({ label, accessibilityL
175
175
  }) })) : null, _jsxs("span", { className: "hjm-choice__copy", children: [_jsx("span", { children: item.label }), item.description ? (_jsx("span", { className: "hjm-choice__description", children: item.description })) : null] })] }, item.value));
176
176
  }) }), error ? _jsx("div", { id: errorId, className: "hjm-field__error", children: error }) : null] }));
177
177
  });
178
- export const Switch = forwardRef(function Switch({ label, labelVisibility = "visible", checked: checkedProp, defaultChecked = false, size = switchRecipe.defaults.size, onCheckedChange, disabled, type = "button", className, onClick, layoutStyle, style, ...props }, ref) {
178
+ export const Switch = forwardRef(function Switch({ label, labelVisibility = "visible", description, presentation = switchRecipe.presentationDefaults.web, checked: checkedProp, defaultChecked = false, size = switchRecipe.defaults.size, onCheckedChange, disabled, type = "button", className, onClick, layoutStyle, style, ...props }, ref) {
179
+ const labelId = useId();
180
+ const descriptionId = useId();
181
+ const hasDescription = description !== undefined && description !== null;
179
182
  const [checked, setChecked] = useControllableState({
180
183
  ...(checkedProp === undefined ? {} : { value: checkedProp }),
181
184
  defaultValue: defaultChecked,
182
185
  ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),
183
186
  });
184
- return (_jsxs("button", { ...props, style: { ...style, ...layoutStyle }, ref: ref, type: type, role: "switch", className: classNames("hjm-switch", className), "data-size": size, "data-state": checked ? "checked" : "unchecked", "aria-checked": checked, disabled: disabled, onClick: (event) => {
187
+ 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) => {
185
188
  setChecked((current) => !current);
186
189
  onClick?.(event);
187
- }, children: [_jsx("span", { className: "hjm-switch__track", "aria-hidden": "true", children: _jsx("span", { className: "hjm-switch__thumb" }) }), _jsx("span", { className: classNames("hjm-switch__label", labelVisibility === "hidden" && "hjm-visually-hidden"), children: label })] }));
190
+ }, children: [_jsx("span", { className: "hjm-switch__track", "aria-hidden": "true", children: _jsx("span", { className: "hjm-switch__thumb" }) }), _jsxs("span", { className: classNames("hjm-switch__copy", labelVisibility === "hidden" && "hjm-visually-hidden"), children: [_jsx("span", { id: labelId, className: "hjm-switch__label", children: label }), hasDescription ? _jsx("span", { id: descriptionId, className: "hjm-switch__description", children: description }) : null] })] }));
188
191
  });
189
192
  export const SegmentedControl = forwardRef(function SegmentedControl({ label, items, value: valueProp, defaultValue, onValueChange, size = segmentedControlRecipe.defaults.size, name, className, ...props }, ref) {
190
193
  validateItems("SegmentedControl", items);
@@ -1 +1 @@
1
- {"version":3,"file":"selection.js","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,YAAY,GAOb,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,EAC1B,uBAAuB,EACvB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,sBAAsB,GAGvB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,GASP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAyC9E,gFAAgF;AAChF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA+B,SAAS,IAAI,CACxE,EACE,KAAK,EACL,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,EAC/B,OAAO,EACP,QAAQ,EACR,wBAAwB,EACxB,aAAa,GAAG,QAAQ,EACxB,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,aAAa,KAAK,QAAQ,CAAC;IAC9C,MAAM,MAAM,GAAG,UAAU,IAAI,QAAQ,KAAK,IAAI,CAAC;IAC/C,OAAO,CACL,qBACM,KAAK,EACT,GAAG,EAAE,GAAG,kBACM,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC7C,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,mBAC7B,MAAM,IAAI,SAAS,eACvB,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,UAAU;gBAAE,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QACzE,CAAC,EACD,IAAI,EAAE,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClG,IAAI,EAAC,QAAQ,aAEZ,MAAM,CAAC,CAAC,CAAC,CACR,8BAAkB,MAAM,EAAC,SAAS,EAAC,qBAAqB,YACrD,wBAAwB,EAAE,CAAC;oBAC1B,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,cAAc;oBACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC;iBAC5D,CAAC,IAAI,GAAG,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAQ,EACvG,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAQ,EAC/C,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAQ,IACnG,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAmBH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EACE,KAAK,EACL,WAAW,EACX,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAAC,YAAY,EAC3D,IAAI,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,EAC3C,aAAa,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EACD,YAAY;IAEZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAC;QACjD,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC5D,YAAY,EAAE,cAAc;QAC5B,GAAG,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;KACxE,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;IACvE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,MAAM,QAAQ,GAAG,OAAO,IAAI,aAAa,CAAC;IAC1C,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E,OAAO,CACL,iBACE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,eACpC,UAAU,gBACR,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,mBACxD,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,uBACjB,YAAY,eACpB,IAAI,aAEf,mBACM,KAAK,EACT,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,YAAY,CAAC,EACxC,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,IAAI,SAAS,kBACtB,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAC/C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;oBACjB,IAAI,QAAQ;wBAAE,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvC,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,CAAC,QAAQ;wBAAE,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;oBACvD,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,GACD,EACF,eAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,EAC5D,aAAa,CAAC,CAAC,CAAC,CACf,eAAM,SAAS,EAAC,qBAAqB,iBAAa,MAAM,YACrD,aAAa,CAAC;oBACb,QAAQ;oBACR,KAAK,EAAE,cAAc;oBACrB,IAAI,EAAE,WAAW;iBAClB,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBAAM,SAAS,EAAC,kBAAkB,aAChC,yBAAO,KAAK,GAAQ,EACnB,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC/E,IACD,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AA4BF,sFAAsF;AACtF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CAC1E,EACE,KAAK,EACL,WAAW,EACX,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAAC,YAAY,EAC3D,IAAI,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,EAC3C,aAAa,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAC;QACjD,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC5D,YAAY,EAAE,cAAc;QAC5B,GAAG,CAAC,eAAe,KAAK,SAAS;YAC/B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;KACpE,CAAC,CAAC;IACH,OAAO,CACL,iBACE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,eACpC,OAAO,gBACL,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,mBAC9B,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,uBACjB,YAAY,eACpB,IAAI,aAEf,mBACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;oBACjB,IAAI,QAAQ;wBAAE,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvC,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAC,OAAO;wBAAE,UAAU,CAAC,IAAI,CAAC,CAAC;oBAC/D,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,GACD,EACF,eAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,EAC5D,aAAa,CAAC,CAAC,CAAC,CACf,eAAM,SAAS,EAAC,qBAAqB,iBAAa,MAAM,YACrD,aAAa,CAAC;oBACb,QAAQ,EAAE,OAAO;oBACjB,KAAK,EAAE,cAAc;oBACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC;iBAC5D,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBAAM,SAAS,EAAC,kBAAkB,aAChC,yBAAO,KAAK,GAAQ,EACnB,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC/E,IACD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AA8BH,SAAS,kBAAkB,CACzB,EACE,KAAK,EACL,KAAK,EACL,kBAAkB,EAClB,WAAW,EACX,KAAK,EACL,WAAW,GAAG,oBAAoB,CAAC,QAAQ,CAAC,WAAW,EACvD,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,YAAY,EACzD,IAAI,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,EAC3C,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACgB,EAC1B,GAA4C;IAE5C,MAAM,aAAa,GAAG,4BAA4B,CAChD,KAAK,EACL,kBAAkB,EAClB,eAAe,CAChB,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAmB;QAC/D,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QACxD,YAAY,EAAE,YAAY,IAAI,IAAI,GAAG,EAAO;QAC5C,GAAG,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;KACpE,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,IAAI,UAAU;QAAE,yBAAyB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,UAAU;QAChC,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,0BAA0B,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,eAAe,KAAK,KAAK;YAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,GAAG,WAAW,6BAA6B,CAAC;IAClE,MAAM,OAAO,GAAG,GAAG,WAAW,uBAAuB,CAAC;IACtD,OAAO,CACL,uBACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,sBACpC,WAAW,uBACV,YAAY,eACpB,IAAI,gBACH,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC9D,QAAQ,EAAE,QAAQ,gBACN,kBAAkB,sBACZ,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,mBAC5D,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,aAEpC,iBAAQ,SAAS,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,YACvE,KAAK,IAAI,aAAa,GAChB,EACR,WAAW,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACvB,cAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,wBAAwB,YAAE,WAAW,GAAO,CAC/E,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAC7C,OAAO,CACL,iBAEE,SAAS,EAAC,YAAY,eACZ,UAAU,gBACR,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,mBAC9B,IAAI,CAAC,QAAQ,IAAI,SAAS,mBAC1B,QAAQ,IAAI,SAAS,uBACjB,YAAY,eACpB,IAAI,aAEf,gBACE,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,mBACR,QAAQ,IAAI,SAAS,EACpC,QAAQ,EAAE,GAAG,EAAE;oCACb,IAAI,CAAC,QAAQ,EAAE,CAAC;wCACd,QAAQ,CAAC,uBAAuB,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;oCACrE,CAAC;gCACH,CAAC,EACD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,GACjE,EACF,eAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,EAC5D,aAAa,CAAC,CAAC,CAAC,CACf,eAAM,SAAS,EAAC,qBAAqB,iBAAa,MAAM,YACrD,aAAa,CAAC,IAAI,EAAE;oCACnB,QAAQ,EAAE,OAAO;oCACjB,KAAK,EAAE,cAAc;oCACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC;iCAC5D,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBAAM,SAAS,EAAC,kBAAkB,aAChC,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,WAAW,GAAQ,CACpE,CAAC,CAAC,CAAC,IAAI,IACH,KAvCF,IAAI,CAAC,EAAE,CAwCN,CACT,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,KAAK,CAAC,CAAC,CAAC,cAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACnE,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC,kBAAkB,CAEzC,CAAC;AAqClB,SAAS,aAAa,CACpB,SAA4C,EAC5C,KAA6C;IAE7C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,IAAI,SAAS,CAAC,GAAG,SAAS,6BAA6B,CAAC,CAAC;IACjE,CAAC;IACD,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU,CAAC;IACjC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACnC,MAAM,IAAI,SAAS,CAAC,GAAG,SAAS,+BAA+B,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,IAAI,SAAS,CAAC,aAAa,SAAS,gBAAgB,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC1E,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CACjB,EACE,KAAK,EACL,kBAAkB,EAClB,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,YAAY,GAAG,IAAI,EACnB,aAAa,EACb,WAAW,GAAG,oBAAoB,CAAC,QAAQ,CAAC,WAAW,EACvD,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,YAAY,EACzD,IAAI,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,EAC3C,WAAW,EACX,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACnC,IACE,kBAAkB,KAAK,SAAS;QAChC,kBAAkB,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC;QACtC,MAAM,IAAI,SAAS,CAAC,iDAAiD,CAAC,CAAC;IACzE,MAAM,aAAa,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QACzD,CAAC,CAAC,4BAA4B,CAAC,SAAS,EAAE,kBAAkB,EAAE,YAAY,CAAC;QAC3E,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACvC,EAAE,EAAE,IAAI,CAAC,KAAK;QACd,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;QAC/D,GAAG,CAAC,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ;YACtC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;YACnC,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;KACpE,CAAC,CAAC,CAAC;IACJ,MAAM,eAAe,GAAG,MAAM,CAA4C,IAAI,CAAC,CAAC;IAChF,IAAI,eAAe,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACrC,eAAe,CAAC,OAAO,GAAG;YACxB,KAAK,EAAE,wBAAwB,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,CAAC;SACrE,CAAC;IACJ,CAAC;IACD,MAAM,aAAa,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAgB;QAClE,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QACxD,YAAY,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK;QAC3C,GAAG,CAAC,aAAa,KAAK,SAAS;YAC7B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC;gBACE,QAAQ,EAAE,CAAC,IAAmB,EAAE,EAAE;oBAChC,IAAI,IAAI,KAAK,IAAI;wBAAE,aAAa,CAAC,IAAI,CAAC,CAAC;gBACzC,CAAC;aACF,CAAC;KACP,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,IAAI,UAAU;QAAE,sBAAsB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,UAAU;QACtB,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,uBAAuB,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;IAChE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,WAAW;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,GAAG,aAAa,oBAAoB,CAAC;IAC3D,MAAM,OAAO,GAAG,GAAG,aAAa,cAAc,CAAC;IAC/C,OAAO,CACL,uBACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,sBACjC,WAAW,uBACV,YAAY,eACpB,IAAI,gBACH,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC9D,QAAQ,EAAE,QAAQ,gBACN,kBAAkB,sBACZ,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,mBAC5D,QAAQ,IAAI,SAAS,aAEpC,iBAAQ,SAAS,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,YACjE,aAAa,GACP,EACR,WAAW,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,wBAAwB,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EAC9G,cAAK,SAAS,EAAC,wBAAwB,YACpC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;oBACtC,OAAO,CACL,iBAEE,SAAS,EAAC,YAAY,eACZ,OAAO,gBACL,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,mBAC/B,IAAI,CAAC,QAAQ,IAAI,SAAS,mBAC1B,QAAQ,IAAI,SAAS,uBACjB,YAAY,eACpB,IAAI,aAEf,gBACE,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,EACjE,QAAQ,EAAE,GAAG,EAAE;oCACb,IAAI,CAAC,QAAQ;wCAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gCACtC,CAAC,GACD,EACF,eAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,EAC5D,aAAa,CAAC,CAAC,CAAC,CACf,eAAM,SAAS,EAAC,qBAAqB,iBAAa,MAAM,YACrD,aAAa,CAAC,IAAI,EAAE;oCACnB,QAAQ;oCACR,KAAK,EAAE,cAAc;oCACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC;iCAC5D,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBAAM,SAAS,EAAC,kBAAkB,aAChC,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,WAAW,GAAQ,CACpE,CAAC,CAAC,CAAC,IAAI,IACH,KAtCF,IAAI,CAAC,KAAK,CAuCT,CACT,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,KAAK,CAAC,CAAC,CAAC,cAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACnE,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAmBF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,KAAK,EACL,eAAe,GAAG,SAAS,EAC3B,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,EACjC,eAAe,EACf,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAC;QACjD,GAAG,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;QAC5D,YAAY,EAAE,cAAc;QAC5B,GAAG,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;KACxE,CAAC,CAAC;IACH,OAAO,CACL,qBACM,KAAK,EACT,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,WAAW,EAAE,EACnC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,eACnC,IAAI,gBACH,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,kBAC/B,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YAClC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,aAED,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YACpD,eAAM,SAAS,EAAC,mBAAmB,GAAG,GACjC,EACP,eAAM,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,eAAe,KAAK,QAAQ,IAAI,qBAAqB,CAAC,YAAG,KAAK,GAAQ,IAChH,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAsBH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CACzB,EACE,KAAK,EACL,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,IAAI,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,EAC3C,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,aAAa,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACvC,EAAE,EAAE,IAAI,CAAC,KAAK;QACd,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;QAC/D,GAAG,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;KACpE,CAAC,CAAC,CAAC;IACJ,MAAM,eAAe,GAAG,MAAM,CAAqC,IAAI,CAAC,CAAC;IACzE,IAAI,eAAe,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACrC,MAAM,OAAO,GAAG,wBAAwB,CAAC,WAAW,EAAE,YAAY,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC;QAClF,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,MAAM,IAAI,SAAS,CAAC,qDAAqD,CAAC,CAAC;QAC7E,CAAC;QACD,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IAC/C,CAAC;IACD,MAAM,aAAa,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QACnD,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QACxD,YAAY,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK;QAC3C,GAAG,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;KACpE,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,IAAI,UAAU;QAAE,sBAAsB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,UAAU;QACtB,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,uBAAuB,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;IAC5D,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,MAAM,IAAI,SAAS,CAAC,qDAAqD,CAAC,CAAC;IAC7E,CAAC;IACD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,WAAW;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAC/C,OAAO,CACL,uBACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,eACtC,IAAI,aAEf,iBAAQ,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAU,EACxD,cAAK,SAAS,EAAC,sBAAsB,YAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,iBAEE,SAAS,EAAC,qBAAqB,gBACnB,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,mBAC3C,IAAI,CAAC,QAAQ,IAAI,SAAS,aAEzC,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,QACR,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GACpC,EACF,yBAAO,IAAI,CAAC,KAAK,GAAQ,KAdpB,IAAI,CAAC,KAAK,CAeT,CACT,CAAC,GACE,IACG,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import {\n chipRecipe,\n iconRecipe,\n segmentedControlRecipe,\n selectionControlRecipe,\n selectionGroupRecipe,\n switchRecipe,\n type SegmentedControlSize,\n type SelectionControlPresentation,\n type SelectionControlSize,\n type SelectionGroupOrientation,\n type SelectionGroupPresentation,\n type SwitchSize,\n} from \"@hjmds/design-contracts/recipes\";\n\nexport type { SwitchSize };\nimport {\n resolveControlAccessibleName,\n reconcileCheckboxSelection,\n reconcileRadioSelection,\n resolveInitialRadioValue,\n toggleCheckboxSelection,\n validateCheckboxSelection,\n validateRadioSelection,\n type CheckboxGroupSelection,\n type SelectionItemDescriptor,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n forwardRef,\n useEffect,\n useId,\n useRef,\n type ButtonHTMLAttributes,\n type ChangeEvent,\n type FieldsetHTMLAttributes,\n type InputHTMLAttributes,\n type MouseEvent,\n type ReactElement,\n type ReactNode,\n type RefAttributes,\n} from \"react\";\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type ChoiceLeadingRenderProps = Readonly<{\n selected: boolean;\n color: \"currentColor\";\n size: number;\n}>;\n\ntype ChipBaseProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n \"children\" | \"onChange\" | \"onClick\" | \"size\"\n> &\n Readonly<{\n label: ReactNode;\n size?: keyof typeof chipRecipe.sizes;\n leading?: ReactNode;\n trailing?: ReactNode;\n renderSelectionIndicator?: (props: Readonly<{\n selected: boolean;\n color: \"currentColor\";\n size: number;\n }>) => ReactNode;\n }>;\n\ntype ActionChipProps = Readonly<{\n selectionMode?: \"action\";\n selected?: never;\n onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n onSelectedChange?: never;\n}>;\n\ntype SelectionChipProps = Readonly<{\n selectionMode: \"single\" | \"multiple\";\n selected: boolean;\n onSelectedChange: (selected: boolean) => void;\n onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n}>;\n\nexport type ChipProps = ChipBaseProps & (ActionChipProps | SelectionChipProps);\n\n/** Action/filter chip with explicit selection semantics and no hidden state. */\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n {\n label,\n size = chipRecipe.defaults.size,\n leading,\n trailing,\n renderSelectionIndicator,\n selectionMode = \"action\",\n selected,\n onSelectedChange,\n onPress,\n disabled,\n className,\n ...props\n },\n ref,\n) {\n const selectable = selectionMode !== \"action\";\n const active = selectable && selected === true;\n return (\n <button\n {...props}\n ref={ref}\n aria-checked={selectable ? active : undefined}\n className={classNames(\"hjm-chip\", className)}\n data-selected={active || undefined}\n data-size={size}\n disabled={disabled}\n onClick={(event) => {\n onPress?.(event);\n if (!event.defaultPrevented && selectable) onSelectedChange?.(!active);\n }}\n role={selectionMode === \"single\" ? \"radio\" : selectionMode === \"multiple\" ? \"checkbox\" : undefined}\n type=\"button\"\n >\n {active ? (\n <span aria-hidden=\"true\" className=\"hjm-chip__indicator\">\n {renderSelectionIndicator?.({\n selected: true,\n color: \"currentColor\",\n size: iconRecipe.sizes[chipRecipe.selectionIndicator.glyph],\n }) ?? \"✓\"}\n </span>\n ) : null}\n {leading === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__leading\">{leading}</span>}\n <span className=\"hjm-chip__label\">{label}</span>\n {trailing === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__trailing\">{trailing}</span>}\n </button>\n );\n});\n\nexport type CheckboxProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n Readonly<{\n label: ReactNode;\n description?: ReactNode;\n checked?: boolean;\n defaultChecked?: boolean;\n indeterminate?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n presentation?: SelectionControlPresentation;\n size?: SelectionControlSize;\n renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n }>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n function Checkbox(\n {\n label,\n description,\n checked: checkedProp,\n defaultChecked = false,\n indeterminate = false,\n onCheckedChange,\n onChange,\n disabled,\n readOnly = false,\n presentation = selectionControlRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n renderLeading,\n className,\n onClick,\n ...props\n },\n forwardedRef,\n ) {\n const [checked, setChecked] = useControllableState({\n ...(checkedProp === undefined ? {} : { value: checkedProp }),\n defaultValue: defaultChecked,\n ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),\n });\n const inputRef = useRef<HTMLInputElement>(null);\n useEffect(() => {\n if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n }, [indeterminate]);\n const selected = checked || indeterminate;\n const leadingSize = iconRecipe.sizes[selectionControlRecipe.leading.size];\n\n return (\n <label\n className={classNames(\"hjm-choice\", className)}\n data-kind=\"checkbox\"\n data-state={indeterminate ? \"mixed\" : checked ? \"checked\" : \"unchecked\"}\n data-disabled={disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n {...props}\n ref={composeRefs(inputRef, forwardedRef)}\n className=\"hjm-choice__input\"\n type=\"checkbox\"\n checked={checked}\n disabled={disabled}\n aria-readonly={readOnly || undefined}\n aria-checked={indeterminate ? \"mixed\" : checked}\n onClick={(event) => {\n onClick?.(event);\n if (readOnly) event.preventDefault();\n }}\n onChange={(event) => {\n if (!readOnly) setChecked(event.currentTarget.checked);\n onChange?.(event);\n }}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading({\n selected,\n color: \"currentColor\",\n size: leadingSize,\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{label}</span>\n {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n </span>\n </label>\n );\n },\n);\n\ntype RadioState =\n | Readonly<{\n checked: boolean;\n defaultChecked?: never;\n onCheckedChange(checked: true): void;\n }>\n | Readonly<{\n checked?: never;\n defaultChecked?: boolean;\n onCheckedChange?: (checked: true) => void;\n }>;\n\nexport type RadioProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n RadioState &\n Readonly<{\n label: ReactNode;\n description?: ReactNode;\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n presentation?: SelectionControlPresentation;\n size?: SelectionControlSize;\n renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n }>;\n\n/** Native radio item primitive. Use RadioGroup when the renderer owns group state. */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n label,\n description,\n checked: checkedProp,\n defaultChecked = false,\n onCheckedChange,\n onChange,\n disabled,\n readOnly = false,\n presentation = selectionControlRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n renderLeading,\n className,\n onClick,\n ...props\n },\n ref,\n) {\n const [checked, setChecked] = useControllableState({\n ...(checkedProp === undefined ? {} : { value: checkedProp }),\n defaultValue: defaultChecked,\n ...(onCheckedChange === undefined\n ? {}\n : { onChange: (next: boolean) => next && onCheckedChange(true) }),\n });\n return (\n <label\n className={classNames(\"hjm-choice\", className)}\n data-kind=\"radio\"\n data-state={checked ? \"checked\" : \"unchecked\"}\n data-disabled={disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n {...props}\n ref={ref}\n className=\"hjm-choice__input\"\n type=\"radio\"\n checked={checked}\n disabled={disabled}\n aria-readonly={readOnly || undefined}\n onClick={(event) => {\n onClick?.(event);\n if (readOnly) event.preventDefault();\n }}\n onChange={(event) => {\n if (!readOnly && event.currentTarget.checked) setChecked(true);\n onChange?.(event);\n }}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading({\n selected: checked,\n color: \"currentColor\",\n size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{label}</span>\n {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n </span>\n </label>\n );\n});\n\nexport type CheckboxGroupItem<Key extends string = string> =\n SelectionItemDescriptor<Key>;\n\ntype CheckboxGroupBaseProps<Key extends string> = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" | \"onChange\" | \"value\"\n> &\n Readonly<{\n items: readonly CheckboxGroupItem<Key>[];\n label?: string;\n accessibilityLabel?: string;\n description?: ReactNode;\n error?: ReactNode;\n orientation?: SelectionGroupOrientation;\n presentation?: SelectionGroupPresentation;\n size?: SelectionControlSize;\n name?: string;\n required?: boolean;\n readOnly?: boolean;\n renderLeading?: (\n item: CheckboxGroupItem<Key>,\n appearance: ChoiceLeadingRenderProps,\n ) => ReactNode;\n }>;\n\nexport type CheckboxGroupProps<Key extends string = string> =\n CheckboxGroupBaseProps<Key> & CheckboxGroupSelection<Key>;\n\nfunction CheckboxGroupInner<Key extends string>(\n {\n items,\n label,\n accessibilityLabel,\n description,\n error,\n orientation = selectionGroupRecipe.defaults.orientation,\n presentation = selectionGroupRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n name,\n required = false,\n readOnly = false,\n renderLeading,\n value: valueProp,\n defaultValue,\n onValueChange,\n disabled,\n className,\n ...props\n }: CheckboxGroupProps<Key>,\n ref: React.ForwardedRef<HTMLFieldSetElement>,\n) {\n const resolvedLabel = resolveControlAccessibleName(\n label,\n accessibilityLabel,\n \"CheckboxGroup\",\n );\n const [value, setValue] = useControllableState<ReadonlySet<Key>>({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: defaultValue ?? new Set<Key>(),\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateCheckboxSelection(items, value);\n const reconciledValue = controlled\n ? value\n : reconcileCheckboxSelection(items, value);\n useEffect(() => {\n if (!controlled && reconciledValue !== value) setValue(reconciledValue);\n }, [controlled, reconciledValue, setValue, value]);\n const generatedId = useId().replaceAll(\":\", \"\");\n const descriptionId = `${generatedId}-checkbox-group-description`;\n const errorId = `${generatedId}-checkbox-group-error`;\n return (\n <fieldset\n {...props}\n ref={ref}\n className={classNames(\"hjm-checkbox-group\", className)}\n data-orientation={orientation}\n data-presentation={presentation}\n data-size={size}\n data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n disabled={disabled}\n aria-label={accessibilityLabel}\n aria-describedby={error ? errorId : description ? descriptionId : undefined}\n aria-required={required || undefined}\n aria-readonly={readOnly || undefined}\n >\n <legend className={label === undefined ? \"hjm-visually-hidden\" : undefined}>\n {label ?? resolvedLabel}\n </legend>\n {description && !error ? (\n <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n ) : null}\n <div className=\"hjm-checkbox-group__items\">\n {items.map((item) => {\n const checked = reconciledValue.has(item.id);\n return (\n <label\n key={item.id}\n className=\"hjm-choice\"\n data-kind=\"checkbox\"\n data-state={checked ? \"checked\" : \"unchecked\"}\n data-disabled={item.disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n className=\"hjm-choice__input\"\n type=\"checkbox\"\n name={name}\n value={item.id}\n checked={checked}\n disabled={item.disabled}\n aria-readonly={readOnly || undefined}\n onChange={() => {\n if (!readOnly) {\n setValue(toggleCheckboxSelection(items, reconciledValue, item.id));\n }\n }}\n onClick={readOnly ? (event) => event.preventDefault() : undefined}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading(item, {\n selected: checked,\n color: \"currentColor\",\n size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{item.label}</span>\n {item.description ? (\n <span className=\"hjm-choice__description\">{item.description}</span>\n ) : null}\n </span>\n </label>\n );\n })}\n </div>\n {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\n </fieldset>\n );\n}\n\nexport const CheckboxGroup = forwardRef(CheckboxGroupInner) as <Key extends string = string>(\n props: CheckboxGroupProps<Key> & RefAttributes<HTMLFieldSetElement>,\n) => ReactElement;\n\nexport type RadioGroupItem = Readonly<{\n value: string;\n label: ReactNode;\n description?: ReactNode;\n disabled?: boolean;\n}>;\n\ntype RadioGroupLabelProps =\n | Readonly<{ label: ReactNode; accessibilityLabel?: string }>\n | Readonly<{ label?: never; accessibilityLabel: string }>;\n\nexport type RadioGroupProps = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" | \"onChange\" | \"value\"\n> &\n RadioGroupLabelProps &\n Readonly<{\n items: readonly RadioGroupItem[];\n value?: string | null;\n defaultValue?: string | null;\n onValueChange?: (value: string) => void;\n orientation?: SelectionGroupOrientation;\n presentation?: SelectionGroupPresentation;\n size?: SelectionControlSize;\n description?: ReactNode;\n error?: ReactNode;\n name?: string;\n required?: boolean;\n readOnly?: boolean;\n renderLeading?: (\n item: RadioGroupItem,\n appearance: ChoiceLeadingRenderProps,\n ) => ReactNode;\n }>;\n\nfunction validateItems(\n component: \"RadioGroup\" | \"SegmentedControl\",\n items: readonly Readonly<{ value: string }>[] ,\n): void {\n if (items.length === 0) {\n throw new TypeError(`${component} requires at least one item`);\n }\n const values = new Set<string>();\n for (const item of items) {\n if (item.value.trim().length === 0) {\n throw new TypeError(`${component} item value must not be empty`);\n }\n if (values.has(item.value)) {\n throw new TypeError(`Duplicate ${component} item value: ${item.value}`);\n }\n values.add(item.value);\n }\n}\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(\n function RadioGroup(\n {\n label,\n accessibilityLabel,\n items,\n value: valueProp,\n defaultValue = null,\n onValueChange,\n orientation = selectionGroupRecipe.defaults.orientation,\n presentation = selectionGroupRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n description,\n error,\n name,\n required = false,\n readOnly = false,\n renderLeading,\n disabled,\n className,\n ...props\n },\n ref,\n ) {\n validateItems(\"RadioGroup\", items);\n if (\n accessibilityLabel !== undefined &&\n accessibilityLabel.trim().length === 0\n ) throw new TypeError(\"RadioGroup accessibilityLabel must not be empty\");\n const resolvedLabel = label === undefined || label === null\n ? resolveControlAccessibleName(undefined, accessibilityLabel, \"RadioGroup\")\n : label;\n const descriptors = items.map((item) => ({\n id: item.value,\n label: typeof item.label === \"string\" ? item.label : item.value,\n ...(typeof item.description === \"string\"\n ? { description: item.description }\n : {}),\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string | null }> | null>(null);\n if (initialValueRef.current === null) {\n initialValueRef.current = {\n value: resolveInitialRadioValue(descriptors, defaultValue, required),\n };\n }\n const generatedName = useId().replaceAll(\":\", \"\");\n const [storedValue, setValue] = useControllableState<string | null>({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValueRef.current.value,\n ...(onValueChange === undefined\n ? {}\n : {\n onChange: (next: string | null) => {\n if (next !== null) onValueChange(next);\n },\n }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateRadioSelection(descriptors, storedValue);\n const value = controlled\n ? storedValue\n : reconcileRadioSelection(descriptors, storedValue, required);\n useEffect(() => {\n if (!controlled && value !== storedValue) setValue(value);\n }, [controlled, setValue, storedValue, value]);\n const descriptionId = `${generatedName}-radio-description`;\n const errorId = `${generatedName}-radio-error`;\n return (\n <fieldset\n {...props}\n ref={ref}\n className={classNames(\"hjm-radio-group\", className)}\n data-orientation={orientation}\n data-presentation={presentation}\n data-size={size}\n data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n disabled={disabled}\n aria-label={accessibilityLabel}\n aria-describedby={error ? errorId : description ? descriptionId : undefined}\n aria-readonly={readOnly || undefined}\n >\n <legend className={label == null ? \"hjm-visually-hidden\" : undefined}>\n {resolvedLabel}\n </legend>\n {description && !error ? <div id={descriptionId} className=\"hjm-field__description\">{description}</div> : null}\n <div className=\"hjm-radio-group__items\">\n {items.map((item) => {\n const selected = item.value === value;\n return (\n <label\n key={item.value}\n className=\"hjm-choice\"\n data-kind=\"radio\"\n data-state={selected ? \"checked\" : \"unchecked\"}\n data-disabled={item.disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n className=\"hjm-choice__input\"\n type=\"radio\"\n name={name ?? generatedName}\n value={item.value}\n checked={selected}\n disabled={item.disabled}\n required={required}\n aria-readonly={readOnly || undefined}\n onClick={readOnly ? (event) => event.preventDefault() : undefined}\n onChange={() => {\n if (!readOnly) setValue(item.value);\n }}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading(item, {\n selected,\n color: \"currentColor\",\n size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{item.label}</span>\n {item.description ? (\n <span className=\"hjm-choice__description\">{item.description}</span>\n ) : null}\n </span>\n </label>\n );\n })}\n </div>\n {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\n </fieldset>\n );\n },\n);\n\nexport type SwitchProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n \"role\" | \"onChange\" | \"value\"\n> &\n Readonly<{\n label: ReactNode;\n /** 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 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 [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-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__label\", labelVisibility === \"hidden\" && \"hjm-visually-hidden\")}>{label}</span>\n </button>\n );\n});\n\nexport type SegmentedControlItem = Readonly<{\n value: string;\n label: ReactNode;\n disabled?: boolean;\n}>;\n\nexport type SegmentedControlProps = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" | \"onChange\" | \"value\"\n> &\n Readonly<{\n label: string;\n items: readonly SegmentedControlItem[];\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n size?: SegmentedControlSize;\n name?: string;\n }>;\n\nexport const SegmentedControl = forwardRef<\n HTMLFieldSetElement,\n SegmentedControlProps\n>(function SegmentedControl(\n {\n label,\n items,\n value: valueProp,\n defaultValue,\n onValueChange,\n size = segmentedControlRecipe.defaults.size,\n name,\n className,\n ...props\n },\n ref,\n) {\n validateItems(\"SegmentedControl\", items);\n const descriptors = items.map((item) => ({\n id: item.value,\n label: typeof item.label === \"string\" ? item.label : item.value,\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n if (initialValueRef.current === null) {\n const initial = resolveInitialRadioValue(descriptors, defaultValue ?? null, true);\n if (initial === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n initialValueRef.current = { value: initial };\n }\n const generatedName = useId();\n const [storedValue, setValue] = useControllableState({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValueRef.current.value,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateRadioSelection(descriptors, storedValue);\n const value = controlled\n ? storedValue\n : reconcileRadioSelection(descriptors, storedValue, true);\n if (value === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n useEffect(() => {\n if (!controlled && value !== storedValue) setValue(value);\n }, [controlled, setValue, storedValue, value]);\n return (\n <fieldset\n {...props}\n ref={ref}\n className={classNames(\"hjm-segmented\", className)}\n data-size={size}\n >\n <legend className=\"hjm-visually-hidden\">{label}</legend>\n <div className=\"hjm-segmented__items\">\n {items.map((item) => (\n <label\n key={item.value}\n className=\"hjm-segmented__item\"\n data-state={item.value === value ? \"checked\" : \"unchecked\"}\n data-disabled={item.disabled || undefined}\n >\n <input\n type=\"radio\"\n name={name ?? generatedName}\n value={item.value}\n checked={item.value === value}\n disabled={item.disabled}\n required\n onChange={() => setValue(item.value)}\n />\n <span>{item.label}</span>\n </label>\n ))}\n </div>\n </fieldset>\n );\n});\n"]}
1
+ {"version":3,"file":"selection.js","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n chipRecipe,\n iconRecipe,\n segmentedControlRecipe,\n selectionControlRecipe,\n selectionGroupRecipe,\n switchRecipe,\n type SegmentedControlSize,\n type SelectionControlPresentation,\n type SelectionControlSize,\n type SelectionGroupOrientation,\n type SelectionGroupPresentation,\n type SwitchSize,\n type SwitchPresentation,\n} from \"@hjmds/design-contracts/recipes\";\n\nexport type { SwitchSize, SwitchPresentation };\nimport {\n resolveControlAccessibleName,\n reconcileCheckboxSelection,\n reconcileRadioSelection,\n resolveInitialRadioValue,\n toggleCheckboxSelection,\n validateCheckboxSelection,\n validateRadioSelection,\n type CheckboxGroupSelection,\n type SelectionItemDescriptor,\n} from \"@hjmds/design-contracts/behaviors\";\nimport {\n forwardRef,\n useEffect,\n useId,\n useRef,\n type ButtonHTMLAttributes,\n type ChangeEvent,\n type FieldsetHTMLAttributes,\n type InputHTMLAttributes,\n type MouseEvent,\n type ReactElement,\n type ReactNode,\n type RefAttributes,\n} from \"react\";\nimport { classNames, composeRefs, useControllableState } from \"./internal.js\";\nimport type { HjmCompositionStyleProp } from \"./composition-style.js\";\n\nexport type ChoiceLeadingRenderProps = Readonly<{\n selected: boolean;\n color: \"currentColor\";\n size: number;\n}>;\n\ntype ChipBaseProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n \"children\" | \"onChange\" | \"onClick\" | \"size\"\n> &\n Readonly<{\n label: ReactNode;\n size?: keyof typeof chipRecipe.sizes;\n leading?: ReactNode;\n trailing?: ReactNode;\n renderSelectionIndicator?: (props: Readonly<{\n selected: boolean;\n color: \"currentColor\";\n size: number;\n }>) => ReactNode;\n }>;\n\ntype ActionChipProps = Readonly<{\n selectionMode?: \"action\";\n selected?: never;\n onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n onSelectedChange?: never;\n}>;\n\ntype SelectionChipProps = Readonly<{\n selectionMode: \"single\" | \"multiple\";\n selected: boolean;\n onSelectedChange: (selected: boolean) => void;\n onPress?: (event: MouseEvent<HTMLButtonElement>) => void;\n}>;\n\nexport type ChipProps = ChipBaseProps & (ActionChipProps | SelectionChipProps);\n\n/** Action/filter chip with explicit selection semantics and no hidden state. */\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n {\n label,\n size = chipRecipe.defaults.size,\n leading,\n trailing,\n renderSelectionIndicator,\n selectionMode = \"action\",\n selected,\n onSelectedChange,\n onPress,\n disabled,\n className,\n ...props\n },\n ref,\n) {\n const selectable = selectionMode !== \"action\";\n const active = selectable && selected === true;\n return (\n <button\n {...props}\n ref={ref}\n aria-checked={selectable ? active : undefined}\n className={classNames(\"hjm-chip\", className)}\n data-selected={active || undefined}\n data-size={size}\n disabled={disabled}\n onClick={(event) => {\n onPress?.(event);\n if (!event.defaultPrevented && selectable) onSelectedChange?.(!active);\n }}\n role={selectionMode === \"single\" ? \"radio\" : selectionMode === \"multiple\" ? \"checkbox\" : undefined}\n type=\"button\"\n >\n {active ? (\n <span aria-hidden=\"true\" className=\"hjm-chip__indicator\">\n {renderSelectionIndicator?.({\n selected: true,\n color: \"currentColor\",\n size: iconRecipe.sizes[chipRecipe.selectionIndicator.glyph],\n }) ?? \"✓\"}\n </span>\n ) : null}\n {leading === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__leading\">{leading}</span>}\n <span className=\"hjm-chip__label\">{label}</span>\n {trailing === undefined ? null : <span aria-hidden=\"true\" className=\"hjm-chip__trailing\">{trailing}</span>}\n </button>\n );\n});\n\nexport type CheckboxProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n Readonly<{\n label: ReactNode;\n description?: ReactNode;\n checked?: boolean;\n defaultChecked?: boolean;\n indeterminate?: boolean;\n onCheckedChange?: (checked: boolean) => void;\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n presentation?: SelectionControlPresentation;\n size?: SelectionControlSize;\n renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n }>;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n function Checkbox(\n {\n label,\n description,\n checked: checkedProp,\n defaultChecked = false,\n indeterminate = false,\n onCheckedChange,\n onChange,\n disabled,\n readOnly = false,\n presentation = selectionControlRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n renderLeading,\n className,\n onClick,\n ...props\n },\n forwardedRef,\n ) {\n const [checked, setChecked] = useControllableState({\n ...(checkedProp === undefined ? {} : { value: checkedProp }),\n defaultValue: defaultChecked,\n ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),\n });\n const inputRef = useRef<HTMLInputElement>(null);\n useEffect(() => {\n if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n }, [indeterminate]);\n const selected = checked || indeterminate;\n const leadingSize = iconRecipe.sizes[selectionControlRecipe.leading.size];\n\n return (\n <label\n className={classNames(\"hjm-choice\", className)}\n data-kind=\"checkbox\"\n data-state={indeterminate ? \"mixed\" : checked ? \"checked\" : \"unchecked\"}\n data-disabled={disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n {...props}\n ref={composeRefs(inputRef, forwardedRef)}\n className=\"hjm-choice__input\"\n type=\"checkbox\"\n checked={checked}\n disabled={disabled}\n aria-readonly={readOnly || undefined}\n aria-checked={indeterminate ? \"mixed\" : checked}\n onClick={(event) => {\n onClick?.(event);\n if (readOnly) event.preventDefault();\n }}\n onChange={(event) => {\n if (!readOnly) setChecked(event.currentTarget.checked);\n onChange?.(event);\n }}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading({\n selected,\n color: \"currentColor\",\n size: leadingSize,\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{label}</span>\n {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n </span>\n </label>\n );\n },\n);\n\ntype RadioState =\n | Readonly<{\n checked: boolean;\n defaultChecked?: never;\n onCheckedChange(checked: true): void;\n }>\n | Readonly<{\n checked?: never;\n defaultChecked?: boolean;\n onCheckedChange?: (checked: true) => void;\n }>;\n\nexport type RadioProps = Omit<\n InputHTMLAttributes<HTMLInputElement>,\n \"type\" | \"checked\" | \"defaultChecked\" | \"onChange\" | \"children\" | \"size\"\n> &\n RadioState &\n Readonly<{\n label: ReactNode;\n description?: ReactNode;\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n presentation?: SelectionControlPresentation;\n size?: SelectionControlSize;\n renderLeading?: (appearance: ChoiceLeadingRenderProps) => ReactNode;\n }>;\n\n/** Native radio item primitive. Use RadioGroup when the renderer owns group state. */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n label,\n description,\n checked: checkedProp,\n defaultChecked = false,\n onCheckedChange,\n onChange,\n disabled,\n readOnly = false,\n presentation = selectionControlRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n renderLeading,\n className,\n onClick,\n ...props\n },\n ref,\n) {\n const [checked, setChecked] = useControllableState({\n ...(checkedProp === undefined ? {} : { value: checkedProp }),\n defaultValue: defaultChecked,\n ...(onCheckedChange === undefined\n ? {}\n : { onChange: (next: boolean) => next && onCheckedChange(true) }),\n });\n return (\n <label\n className={classNames(\"hjm-choice\", className)}\n data-kind=\"radio\"\n data-state={checked ? \"checked\" : \"unchecked\"}\n data-disabled={disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n {...props}\n ref={ref}\n className=\"hjm-choice__input\"\n type=\"radio\"\n checked={checked}\n disabled={disabled}\n aria-readonly={readOnly || undefined}\n onClick={(event) => {\n onClick?.(event);\n if (readOnly) event.preventDefault();\n }}\n onChange={(event) => {\n if (!readOnly && event.currentTarget.checked) setChecked(true);\n onChange?.(event);\n }}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading({\n selected: checked,\n color: \"currentColor\",\n size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{label}</span>\n {description ? <span className=\"hjm-choice__description\">{description}</span> : null}\n </span>\n </label>\n );\n});\n\nexport type CheckboxGroupItem<Key extends string = string> =\n SelectionItemDescriptor<Key>;\n\ntype CheckboxGroupBaseProps<Key extends string> = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" | \"onChange\" | \"value\"\n> &\n Readonly<{\n items: readonly CheckboxGroupItem<Key>[];\n label?: string;\n accessibilityLabel?: string;\n description?: ReactNode;\n error?: ReactNode;\n orientation?: SelectionGroupOrientation;\n presentation?: SelectionGroupPresentation;\n size?: SelectionControlSize;\n name?: string;\n required?: boolean;\n readOnly?: boolean;\n renderLeading?: (\n item: CheckboxGroupItem<Key>,\n appearance: ChoiceLeadingRenderProps,\n ) => ReactNode;\n }>;\n\nexport type CheckboxGroupProps<Key extends string = string> =\n CheckboxGroupBaseProps<Key> & CheckboxGroupSelection<Key>;\n\nfunction CheckboxGroupInner<Key extends string>(\n {\n items,\n label,\n accessibilityLabel,\n description,\n error,\n orientation = selectionGroupRecipe.defaults.orientation,\n presentation = selectionGroupRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n name,\n required = false,\n readOnly = false,\n renderLeading,\n value: valueProp,\n defaultValue,\n onValueChange,\n disabled,\n className,\n ...props\n }: CheckboxGroupProps<Key>,\n ref: React.ForwardedRef<HTMLFieldSetElement>,\n) {\n const resolvedLabel = resolveControlAccessibleName(\n label,\n accessibilityLabel,\n \"CheckboxGroup\",\n );\n const [value, setValue] = useControllableState<ReadonlySet<Key>>({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: defaultValue ?? new Set<Key>(),\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateCheckboxSelection(items, value);\n const reconciledValue = controlled\n ? value\n : reconcileCheckboxSelection(items, value);\n useEffect(() => {\n if (!controlled && reconciledValue !== value) setValue(reconciledValue);\n }, [controlled, reconciledValue, setValue, value]);\n const generatedId = useId().replaceAll(\":\", \"\");\n const descriptionId = `${generatedId}-checkbox-group-description`;\n const errorId = `${generatedId}-checkbox-group-error`;\n return (\n <fieldset\n {...props}\n ref={ref}\n className={classNames(\"hjm-checkbox-group\", className)}\n data-orientation={orientation}\n data-presentation={presentation}\n data-size={size}\n data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n disabled={disabled}\n aria-label={accessibilityLabel}\n aria-describedby={error ? errorId : description ? descriptionId : undefined}\n aria-required={required || undefined}\n aria-readonly={readOnly || undefined}\n >\n <legend className={label === undefined ? \"hjm-visually-hidden\" : undefined}>\n {label ?? resolvedLabel}\n </legend>\n {description && !error ? (\n <div id={descriptionId} className=\"hjm-field__description\">{description}</div>\n ) : null}\n <div className=\"hjm-checkbox-group__items\">\n {items.map((item) => {\n const checked = reconciledValue.has(item.id);\n return (\n <label\n key={item.id}\n className=\"hjm-choice\"\n data-kind=\"checkbox\"\n data-state={checked ? \"checked\" : \"unchecked\"}\n data-disabled={item.disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n className=\"hjm-choice__input\"\n type=\"checkbox\"\n name={name}\n value={item.id}\n checked={checked}\n disabled={item.disabled}\n aria-readonly={readOnly || undefined}\n onChange={() => {\n if (!readOnly) {\n setValue(toggleCheckboxSelection(items, reconciledValue, item.id));\n }\n }}\n onClick={readOnly ? (event) => event.preventDefault() : undefined}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading(item, {\n selected: checked,\n color: \"currentColor\",\n size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{item.label}</span>\n {item.description ? (\n <span className=\"hjm-choice__description\">{item.description}</span>\n ) : null}\n </span>\n </label>\n );\n })}\n </div>\n {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\n </fieldset>\n );\n}\n\nexport const CheckboxGroup = forwardRef(CheckboxGroupInner) as <Key extends string = string>(\n props: CheckboxGroupProps<Key> & RefAttributes<HTMLFieldSetElement>,\n) => ReactElement;\n\nexport type RadioGroupItem = Readonly<{\n value: string;\n label: ReactNode;\n description?: ReactNode;\n disabled?: boolean;\n}>;\n\ntype RadioGroupLabelProps =\n | Readonly<{ label: ReactNode; accessibilityLabel?: string }>\n | Readonly<{ label?: never; accessibilityLabel: string }>;\n\nexport type RadioGroupProps = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" | \"onChange\" | \"value\"\n> &\n RadioGroupLabelProps &\n Readonly<{\n items: readonly RadioGroupItem[];\n value?: string | null;\n defaultValue?: string | null;\n onValueChange?: (value: string) => void;\n orientation?: SelectionGroupOrientation;\n presentation?: SelectionGroupPresentation;\n size?: SelectionControlSize;\n description?: ReactNode;\n error?: ReactNode;\n name?: string;\n required?: boolean;\n readOnly?: boolean;\n renderLeading?: (\n item: RadioGroupItem,\n appearance: ChoiceLeadingRenderProps,\n ) => ReactNode;\n }>;\n\nfunction validateItems(\n component: \"RadioGroup\" | \"SegmentedControl\",\n items: readonly Readonly<{ value: string }>[] ,\n): void {\n if (items.length === 0) {\n throw new TypeError(`${component} requires at least one item`);\n }\n const values = new Set<string>();\n for (const item of items) {\n if (item.value.trim().length === 0) {\n throw new TypeError(`${component} item value must not be empty`);\n }\n if (values.has(item.value)) {\n throw new TypeError(`Duplicate ${component} item value: ${item.value}`);\n }\n values.add(item.value);\n }\n}\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(\n function RadioGroup(\n {\n label,\n accessibilityLabel,\n items,\n value: valueProp,\n defaultValue = null,\n onValueChange,\n orientation = selectionGroupRecipe.defaults.orientation,\n presentation = selectionGroupRecipe.defaults.presentation,\n size = selectionControlRecipe.defaults.size,\n description,\n error,\n name,\n required = false,\n readOnly = false,\n renderLeading,\n disabled,\n className,\n ...props\n },\n ref,\n ) {\n validateItems(\"RadioGroup\", items);\n if (\n accessibilityLabel !== undefined &&\n accessibilityLabel.trim().length === 0\n ) throw new TypeError(\"RadioGroup accessibilityLabel must not be empty\");\n const resolvedLabel = label === undefined || label === null\n ? resolveControlAccessibleName(undefined, accessibilityLabel, \"RadioGroup\")\n : label;\n const descriptors = items.map((item) => ({\n id: item.value,\n label: typeof item.label === \"string\" ? item.label : item.value,\n ...(typeof item.description === \"string\"\n ? { description: item.description }\n : {}),\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string | null }> | null>(null);\n if (initialValueRef.current === null) {\n initialValueRef.current = {\n value: resolveInitialRadioValue(descriptors, defaultValue, required),\n };\n }\n const generatedName = useId().replaceAll(\":\", \"\");\n const [storedValue, setValue] = useControllableState<string | null>({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValueRef.current.value,\n ...(onValueChange === undefined\n ? {}\n : {\n onChange: (next: string | null) => {\n if (next !== null) onValueChange(next);\n },\n }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateRadioSelection(descriptors, storedValue);\n const value = controlled\n ? storedValue\n : reconcileRadioSelection(descriptors, storedValue, required);\n useEffect(() => {\n if (!controlled && value !== storedValue) setValue(value);\n }, [controlled, setValue, storedValue, value]);\n const descriptionId = `${generatedName}-radio-description`;\n const errorId = `${generatedName}-radio-error`;\n return (\n <fieldset\n {...props}\n ref={ref}\n className={classNames(\"hjm-radio-group\", className)}\n data-orientation={orientation}\n data-presentation={presentation}\n data-size={size}\n data-state={error ? \"invalid\" : disabled ? \"disabled\" : \"idle\"}\n disabled={disabled}\n aria-label={accessibilityLabel}\n aria-describedby={error ? errorId : description ? descriptionId : undefined}\n aria-readonly={readOnly || undefined}\n >\n <legend className={label == null ? \"hjm-visually-hidden\" : undefined}>\n {resolvedLabel}\n </legend>\n {description && !error ? <div id={descriptionId} className=\"hjm-field__description\">{description}</div> : null}\n <div className=\"hjm-radio-group__items\">\n {items.map((item) => {\n const selected = item.value === value;\n return (\n <label\n key={item.value}\n className=\"hjm-choice\"\n data-kind=\"radio\"\n data-state={selected ? \"checked\" : \"unchecked\"}\n data-disabled={item.disabled || undefined}\n data-readonly={readOnly || undefined}\n data-presentation={presentation}\n data-size={size}\n >\n <input\n className=\"hjm-choice__input\"\n type=\"radio\"\n name={name ?? generatedName}\n value={item.value}\n checked={selected}\n disabled={item.disabled}\n required={required}\n aria-readonly={readOnly || undefined}\n onClick={readOnly ? (event) => event.preventDefault() : undefined}\n onChange={() => {\n if (!readOnly) setValue(item.value);\n }}\n />\n <span className=\"hjm-choice__indicator\" aria-hidden=\"true\" />\n {renderLeading ? (\n <span className=\"hjm-choice__leading\" aria-hidden=\"true\">\n {renderLeading(item, {\n selected,\n color: \"currentColor\",\n size: iconRecipe.sizes[selectionControlRecipe.leading.size],\n })}\n </span>\n ) : null}\n <span className=\"hjm-choice__copy\">\n <span>{item.label}</span>\n {item.description ? (\n <span className=\"hjm-choice__description\">{item.description}</span>\n ) : null}\n </span>\n </label>\n );\n })}\n </div>\n {error ? <div id={errorId} className=\"hjm-field__error\">{error}</div> : null}\n </fieldset>\n );\n },\n);\n\nexport type SwitchProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n \"role\" | \"onChange\" | \"value\"\n> &\n Readonly<{\n label: ReactNode;\n /** Supporting copy is described separately from the stable accessible name. */\n description?: ReactNode;\n presentation?: SwitchPresentation;\n /** Hide repeated row copy visually while preserving the switch's accessible name. */\n labelVisibility?: \"visible\" | \"hidden\";\n checked?: boolean;\n defaultChecked?: boolean;\n /** Track and thumb geometry from `switchRecipe.sizes`. */\n size?: SwitchSize;\n onCheckedChange?: (checked: boolean) => void;\n /** Canonical layout-only placement. Controlled visual keys are excluded. */\n layoutStyle?: HjmCompositionStyleProp;\n}>;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(function Switch(\n {\n label,\n labelVisibility = \"visible\",\n description,\n presentation = switchRecipe.presentationDefaults.web,\n checked: checkedProp,\n defaultChecked = false,\n size = switchRecipe.defaults.size,\n onCheckedChange,\n disabled,\n type = \"button\",\n className,\n onClick,\n layoutStyle,\n style,\n ...props\n },\n ref,\n) {\n const labelId = useId();\n const descriptionId = useId();\n const hasDescription = description !== undefined && description !== null;\n const [checked, setChecked] = useControllableState({\n ...(checkedProp === undefined ? {} : { value: checkedProp }),\n defaultValue: defaultChecked,\n ...(onCheckedChange === undefined ? {} : { onChange: onCheckedChange }),\n });\n return (\n <button\n {...props}\n style={{ ...style, ...layoutStyle }}\n ref={ref}\n type={type}\n role=\"switch\"\n className={classNames(\"hjm-switch\", className)}\n data-size={size}\n data-presentation={presentation}\n data-label-visibility={labelVisibility}\n aria-labelledby={props[\"aria-labelledby\"] ?? (props[\"aria-label\"] ? undefined : labelId)}\n aria-describedby={[props[\"aria-describedby\"], hasDescription ? descriptionId : undefined].filter(Boolean).join(\" \") || undefined}\n data-state={checked ? \"checked\" : \"unchecked\"}\n aria-checked={checked}\n disabled={disabled}\n onClick={(event) => {\n setChecked((current) => !current);\n onClick?.(event);\n }}\n >\n <span className=\"hjm-switch__track\" aria-hidden=\"true\">\n <span className=\"hjm-switch__thumb\" />\n </span>\n <span className={classNames(\"hjm-switch__copy\", labelVisibility === \"hidden\" && \"hjm-visually-hidden\")}>\n <span id={labelId} className=\"hjm-switch__label\">{label}</span>\n {hasDescription ? <span id={descriptionId} className=\"hjm-switch__description\">{description}</span> : null}\n </span>\n </button>\n );\n});\n\nexport type SegmentedControlItem = Readonly<{\n value: string;\n label: ReactNode;\n disabled?: boolean;\n}>;\n\nexport type SegmentedControlProps = Omit<\n FieldsetHTMLAttributes<HTMLFieldSetElement>,\n \"defaultValue\" | \"onChange\" | \"value\"\n> &\n Readonly<{\n label: string;\n items: readonly SegmentedControlItem[];\n value?: string;\n defaultValue?: string;\n onValueChange?: (value: string) => void;\n size?: SegmentedControlSize;\n name?: string;\n }>;\n\nexport const SegmentedControl = forwardRef<\n HTMLFieldSetElement,\n SegmentedControlProps\n>(function SegmentedControl(\n {\n label,\n items,\n value: valueProp,\n defaultValue,\n onValueChange,\n size = segmentedControlRecipe.defaults.size,\n name,\n className,\n ...props\n },\n ref,\n) {\n validateItems(\"SegmentedControl\", items);\n const descriptors = items.map((item) => ({\n id: item.value,\n label: typeof item.label === \"string\" ? item.label : item.value,\n ...(item.disabled === undefined ? {} : { disabled: item.disabled }),\n }));\n const initialValueRef = useRef<Readonly<{ value: string }> | null>(null);\n if (initialValueRef.current === null) {\n const initial = resolveInitialRadioValue(descriptors, defaultValue ?? null, true);\n if (initial === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n initialValueRef.current = { value: initial };\n }\n const generatedName = useId();\n const [storedValue, setValue] = useControllableState({\n ...(valueProp === undefined ? {} : { value: valueProp }),\n defaultValue: initialValueRef.current.value,\n ...(onValueChange === undefined ? {} : { onChange: onValueChange }),\n });\n const controlled = valueProp !== undefined;\n if (controlled) validateRadioSelection(descriptors, storedValue);\n const value = controlled\n ? storedValue\n : reconcileRadioSelection(descriptors, storedValue, true);\n if (value === null) {\n throw new TypeError(\"SegmentedControl requires at least one enabled item\");\n }\n useEffect(() => {\n if (!controlled && value !== storedValue) setValue(value);\n }, [controlled, setValue, storedValue, value]);\n return (\n <fieldset\n {...props}\n ref={ref}\n className={classNames(\"hjm-segmented\", className)}\n data-size={size}\n >\n <legend className=\"hjm-visually-hidden\">{label}</legend>\n <div className=\"hjm-segmented__items\">\n {items.map((item) => (\n <label\n key={item.value}\n className=\"hjm-segmented__item\"\n data-state={item.value === value ? \"checked\" : \"unchecked\"}\n data-disabled={item.disabled || undefined}\n >\n <input\n type=\"radio\"\n name={name ?? generatedName}\n value={item.value}\n checked={item.value === value}\n disabled={item.disabled}\n required\n onChange={() => setValue(item.value)}\n />\n <span>{item.label}</span>\n </label>\n ))}\n </div>\n </fieldset>\n );\n});\n"]}
package/dist/styles.css CHANGED
@@ -62,8 +62,12 @@
62
62
  .hjm-text[data-tone="danger"] { color: var(--hjm-color-danger); }
63
63
  .hjm-text[data-tone="inverse"] { color: var(--hjm-color-on-primary); }
64
64
 
65
+ /* Long unbroken copy (URLs, e-mail, identifiers) must wrap inside layout
66
+ containers instead of pushing them past the viewport; found by the 1.5.0
67
+ long-copy scenario proof. overflow-wrap inherits, so text children follow. */
65
68
  .hjm-surface {
66
69
  min-inline-size: 0;
70
+ overflow-wrap: anywhere;
67
71
  border: 1px solid transparent;
68
72
  border-radius: var(--hjm-radius-lg);
69
73
  background: var(--hjm-color-surface);
@@ -235,8 +239,8 @@
235
239
  /* Toggle treatment: aria-pressed already carried the state, so without a paired
236
240
  visual every consumer painted the selected background in product styles. */
237
241
  .hjm-button[data-selected="true"], .hjm-icon-button[data-selected="true"] { color: var(--hjm-color-content-brand); background: var(--hjm-color-surface-accent); border-color: var(--hjm-color-content-brand); }
238
- .hjm-button:active:not(:disabled):not([aria-disabled="true"]), .hjm-icon-button:active:not(:disabled):not([aria-disabled="true"]) { transform: scale(0.98); }
239
- .hjm-button:disabled, .hjm-icon-button:disabled { cursor: not-allowed; opacity: 0.5; }
242
+ .hjm-button:active:not(:disabled):not([aria-disabled="true"]), .hjm-icon-button:active:not(:disabled):not([aria-disabled="true"]) { opacity: var(--hjm-button-pressed-opacity); }
243
+ .hjm-button:disabled, .hjm-icon-button:disabled { cursor: not-allowed; opacity: var(--hjm-button-disabled-opacity); }
240
244
  /* 라벨은 자르지 않고 두 줄까지 접는다(buttonRecipe.label). 잘린 행동 라벨은 무엇을 하는
241
245
  버튼인지 잃고, 무제한 줄바꿈은 하단 CTA 행 같은 남의 레이아웃을 밀어낸다. */
242
246
  .hjm-button__label { min-inline-size: 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--hjm-button-label-lines, 2); overflow: hidden; }
@@ -265,7 +269,7 @@
265
269
  .hjm-icon-button[data-size="small"] { inline-size: var(--hjm-control-button-small); block-size: var(--hjm-control-button-small); min-inline-size: 0; min-block-size: 0; }
266
270
  .hjm-icon-button[data-size="small"]::after { content: ""; position: absolute; inset: calc(-1 * var(--hjm-space-xxs)); }
267
271
  .hjm-icon-button[data-size="large"] { inline-size: var(--hjm-control-button-large); block-size: var(--hjm-control-button-large); }
268
- .hjm-link { display: inline-flex; align-items: center; gap: var(--hjm-space-xxs); color: var(--hjm-color-content-brand); text-underline-offset: 0.18em; }
272
+ .hjm-link { display: inline-flex; align-items: center; gap: var(--hjm-space-xxs); max-inline-size: 100%; min-inline-size: 0; overflow-wrap: anywhere; color: var(--hjm-color-content-brand); text-underline-offset: 0.18em; }
269
273
  .hjm-link[data-tone="neutral"] { color: var(--hjm-color-text-body); }
270
274
  .hjm-link[data-variant="standalone"] { min-block-size: var(--hjm-control-min-touch-target); min-inline-size: var(--hjm-control-min-touch-target); justify-content: center; text-decoration: none; }
271
275
  .hjm-link[aria-disabled="true"] { opacity: 0.5; text-decoration: none; }
@@ -278,8 +282,8 @@
278
282
  .hjm-segmented__item:has(input:focus-visible),
279
283
  .hjm-tabs__tab:focus-visible,
280
284
  .hjm-list-row:focus-visible {
281
- outline: 2px solid var(--hjm-color-content-brand);
282
- outline-offset: 2px;
285
+ outline: var(--hjm-focus-width) solid var(--hjm-color-focus);
286
+ outline-offset: var(--hjm-focus-offset);
283
287
  }
284
288
 
285
289
  .hjm-field { display: grid; gap: var(--hjm-space-xs); min-inline-size: 0; }
@@ -289,7 +293,7 @@
289
293
  align-items: center;
290
294
  min-block-size: var(--hjm-control-field-height);
291
295
  padding-inline: var(--hjm-space-md);
292
- border: 1px solid var(--hjm-color-text-muted);
296
+ border: var(--hjm-field-border-width) solid var(--hjm-color-text-muted);
293
297
  border-radius: var(--hjm-radius-md);
294
298
  background: var(--hjm-color-surface);
295
299
  }
@@ -300,9 +304,9 @@
300
304
  unfocused frames differ by 1.06:1 in light and 1.44:1 in dark, so the state change
301
305
  reads as hue only. The wider ring makes it a shape change like every other control.
302
306
  See issue #19. */
303
- .hjm-field[data-state="focused"] .hjm-field__control { border-color: var(--hjm-color-content-brand); box-shadow: 0 0 0 2px var(--hjm-color-content-brand); }
307
+ .hjm-field[data-state="focused"] .hjm-field__control { border-color: var(--hjm-color-content-brand); box-shadow: 0 0 0 var(--hjm-field-focus-ring-width) var(--hjm-color-content-brand); }
304
308
  .hjm-field[data-state="invalid"] .hjm-field__control { border-color: var(--hjm-color-danger); }
305
- .hjm-field[data-state="disabled"] { opacity: 0.6; }
309
+ .hjm-field[data-state="disabled"] { opacity: var(--hjm-field-disabled-opacity); }
306
310
  .hjm-field__input {
307
311
  inline-size: 100%;
308
312
  min-inline-size: 0;
@@ -494,7 +498,7 @@
494
498
  overflow-wrap: anywhere;
495
499
  }
496
500
  .hjm-bottom-navigation__item:hover { background: var(--hjm-color-surface-alt); }
497
- .hjm-bottom-navigation__item:active { background: var(--hjm-color-surface-brand); }
501
+ .hjm-bottom-navigation__item:active { background: var(--hjm-bottom-navigation-pressed-background); }
498
502
  .hjm-bottom-navigation__item:focus-visible {
499
503
  outline: 2px solid var(--hjm-color-content-brand);
500
504
  outline-offset: 2px;
@@ -750,6 +754,15 @@
750
754
  /* Track and thumb geometry reads `switchRecipe.sizes`. The stylesheet used to
751
755
  carry 48/28/22/3px, which matched neither recipe size, so the size axis was
752
756
  unbound on web and consumers re-implemented it with their own variables. */
757
+ .hjm-switch__copy { display: flex; flex-direction: column; gap: var(--hjm-space-xxs); min-inline-size: 0; text-align: start; overflow-wrap: anywhere; }
758
+ .hjm-switch__description { color: var(--hjm-color-text-muted); font-size: var(--hjm-type-caption-size); line-height: var(--hjm-type-caption-line-height); }
759
+ .hjm-switch[data-presentation="row"] { display: flex; inline-size: 100%; justify-content: space-between; }
760
+ .hjm-switch[data-presentation="row"] .hjm-switch__copy { order: -1; flex: 1; }
761
+ /* Inherited layout variables reset at nested providers and keep ./selection independent. */
762
+ .hjm-root { --hjm-switch-row-direction: row; --hjm-switch-row-align: center; --hjm-switch-copy-flex: 1; }
763
+ .hjm-root[data-large-text="true"] { --hjm-switch-row-direction: column; --hjm-switch-row-align: flex-start; --hjm-switch-copy-flex: none; }
764
+ .hjm-switch[data-presentation="row"][data-label-visibility="visible"] { flex-direction: var(--hjm-switch-row-direction, row); align-items: var(--hjm-switch-row-align, center); }
765
+ .hjm-switch[data-presentation="row"][data-label-visibility="visible"] .hjm-switch__copy { flex: var(--hjm-switch-copy-flex, 1); }
753
766
  .hjm-switch { --hjm-switch-track-width: var(--hjm-switch-medium-width); --hjm-switch-track-height: var(--hjm-switch-medium-height); --hjm-switch-track-thumb: var(--hjm-switch-medium-thumb); --hjm-switch-track-inset: var(--hjm-switch-medium-inset); --hjm-switch-track-offset: var(--hjm-switch-medium-offset); }
754
767
  .hjm-switch[data-size="small"] { --hjm-switch-track-width: var(--hjm-switch-small-width); --hjm-switch-track-height: var(--hjm-switch-small-height); --hjm-switch-track-thumb: var(--hjm-switch-small-thumb); --hjm-switch-track-inset: var(--hjm-switch-small-inset); --hjm-switch-track-offset: var(--hjm-switch-small-offset); }
755
768
  /* Off-state hairlines paint `switchRecipe.colors.*OffBorder` (see the recipe for why).
@@ -884,7 +897,7 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
884
897
  .hjm-list-row__title { color: var(--hjm-color-text-body); font-weight: var(--hjm-font-weight-bold); overflow-wrap: anywhere; }
885
898
  .hjm-list-row__description, .hjm-list-row__trailing { color: var(--hjm-color-text-muted); overflow-wrap: anywhere; }
886
899
 
887
- .hjm-section { display: grid; gap: var(--hjm-space-xs); min-inline-size: 0; }
900
+ .hjm-section { display: grid; gap: var(--hjm-space-xs); min-inline-size: 0; overflow-wrap: anywhere; }
888
901
  .hjm-section__header { display: flex; align-items: center; justify-content: space-between; gap: var(--hjm-space-sm); min-inline-size: 0; }
889
902
  .hjm-section__copy { display: grid; flex: 1 1 auto; gap: var(--hjm-space-xxs); min-inline-size: 0; }
890
903
  .hjm-section__title { margin: 0; color: var(--hjm-color-text-body); font: inherit; font-weight: var(--hjm-font-weight-bold); overflow-wrap: anywhere; }
@@ -920,8 +933,8 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
920
933
  .hjm-statistic__value { color: var(--hjm-color-text); font-size: calc(var(--hjm-type-title-size) * var(--hjm-text-scale, 1)); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
921
934
  .hjm-statistic__affix, .hjm-statistic__hint { color: var(--hjm-color-text-muted); }
922
935
  .hjm-statistic__trend { display: inline-flex; align-items: center; gap: var(--hjm-space-xxs); font-weight: var(--hjm-font-weight-medium); overflow-wrap: anywhere; }
923
- .hjm-statistic__trend[data-tone="success"] { color: var(--hjm-color-success); }
924
- .hjm-statistic__trend[data-tone="warning"] { color: var(--hjm-color-warning); }
936
+ .hjm-statistic__trend[data-tone="success"] { color: var(--hjm-accent-success); }
937
+ .hjm-statistic__trend[data-tone="warning"] { color: var(--hjm-accent-warning); }
925
938
  .hjm-statistic__trend[data-tone="danger"] { color: var(--hjm-color-danger); }
926
939
  .hjm-statistic-group { display: grid; grid-template-columns: repeat(var(--hjm-statistic-columns), minmax(0, 1fr)); gap: var(--hjm-space-sm); min-inline-size: 0; }
927
940
  @media (max-width: 640px) {
@@ -1585,8 +1598,8 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1585
1598
  .hjm-heading {
1586
1599
  margin: 0;
1587
1600
  color: var(--hjm-color-text);
1588
- font-size: var(--hjm-heading-size);
1589
- line-height: var(--hjm-heading-line-height);
1601
+ font-size: calc(var(--hjm-heading-size) * var(--hjm-text-scale, 1));
1602
+ line-height: calc(var(--hjm-heading-line-height) * var(--hjm-text-scale, 1));
1590
1603
  font-weight: var(--hjm-heading-weight);
1591
1604
  overflow-wrap: anywhere;
1592
1605
  }
@@ -1621,8 +1634,8 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1621
1634
  min-inline-size: 0;
1622
1635
  flex: 1 1 auto;
1623
1636
  color: var(--hjm-color-text);
1624
- font-size: var(--hjm-top-title-size);
1625
- line-height: var(--hjm-top-title-line-height);
1637
+ font-size: calc(var(--hjm-top-title-size) * var(--hjm-text-scale, 1));
1638
+ line-height: calc(var(--hjm-top-title-line-height) * var(--hjm-text-scale, 1));
1626
1639
  font-weight: var(--hjm-top-title-weight);
1627
1640
  overflow-wrap: anywhere;
1628
1641
  }
@@ -1806,11 +1819,11 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1806
1819
  max-inline-size: calc(100vw - (2 * var(--hjm-space-md)));
1807
1820
  max-block-size: calc(100dvh - (2 * var(--hjm-space-md)));
1808
1821
  overflow: auto;
1809
- border: 1px solid var(--hjm-color-border);
1810
- border-radius: var(--hjm-radius-lg);
1822
+ border: var(--hjm-dialog-border-width) solid var(--hjm-dialog-border);
1823
+ border-radius: var(--hjm-dialog-radius);
1811
1824
  color: var(--hjm-color-text);
1812
- background: var(--hjm-color-surface);
1813
- box-shadow: 0 16px 48px rgb(0 0 0 / 28%);
1825
+ background: var(--hjm-dialog-background);
1826
+ box-shadow: var(--hjm-dialog-shadow);
1814
1827
  }
1815
1828
  .hjm-dialog { inline-size: min(36rem, 100%); }
1816
1829
  .hjm-dialog[data-size="small"] { inline-size: min(28rem, 100%); }
@@ -1825,6 +1838,10 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1825
1838
  gap: var(--hjm-space-md);
1826
1839
  padding: var(--hjm-space-lg) var(--hjm-space-lg) 0;
1827
1840
  }
1841
+ /* Sheet headings share the close target's center; consumers previously forced
1842
+ title line-height or patched this private selector to achieve this alignment. */
1843
+ .hjm-sheet__header { align-items: center; }
1844
+ .hjm-sheet__header > div { min-inline-size: 0; }
1828
1845
  .hjm-dialog__title,
1829
1846
  .hjm-sheet__title,
1830
1847
  .hjm-alert-dialog__title {
@@ -1899,6 +1916,10 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1899
1916
  .hjm-sheet-positioner[data-placement="end"] { justify-content: flex-end; }
1900
1917
  .hjm-sheet {
1901
1918
  inline-size: min(28rem, 100%);
1919
+ border: var(--hjm-sheet-border-width) solid var(--hjm-sheet-border);
1920
+ border-radius: var(--hjm-sheet-radius);
1921
+ background: var(--hjm-sheet-background);
1922
+ box-shadow: var(--hjm-sheet-shadow);
1902
1923
  display: flex;
1903
1924
  flex-direction: column;
1904
1925
  overflow: hidden;
@@ -1914,8 +1935,8 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1914
1935
  overscroll-behavior: contain;
1915
1936
  }
1916
1937
  .hjm-sheet[data-placement="bottom"] {
1917
- inline-size: min(48rem, 100%);
1918
- max-block-size: min(88dvh, 48rem);
1938
+ inline-size: min(var(--hjm-sheet-max-width), 100%);
1939
+ max-block-size: var(--hjm-sheet-max-height);
1919
1940
  border-end-start-radius: 0;
1920
1941
  border-end-end-radius: 0;
1921
1942
  }
@@ -1938,10 +1959,10 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
1938
1959
  cursor: pointer;
1939
1960
  }
1940
1961
  .hjm-sheet__handle:focus-visible { outline: 2px solid var(--hjm-color-focus); outline-offset: -2px; border-radius: var(--hjm-radius-full); }
1941
- .hjm-sheet__handle-bar { inline-size: 2.25rem; block-size: 0.25rem; border-radius: var(--hjm-radius-full); background: var(--hjm-color-border-control); }
1942
- .hjm-sheet[data-detent="medium"] { block-size: 60dvh; }
1943
- .hjm-sheet[data-detent="large"] { block-size: 85dvh; }
1944
- .hjm-sheet[data-detent="full"] { block-size: 100dvh; }
1962
+ .hjm-sheet__handle-bar { inline-size: var(--hjm-sheet-handle-width); block-size: var(--hjm-sheet-handle-height); border-radius: var(--hjm-radius-full); background: var(--hjm-sheet-handle-color); }
1963
+ .hjm-sheet[data-detent="medium"] { block-size: var(--hjm-sheet-size-medium); }
1964
+ .hjm-sheet[data-detent="large"] { block-size: var(--hjm-sheet-size-large); }
1965
+ .hjm-sheet[data-detent="full"] { block-size: var(--hjm-sheet-size-full); }
1945
1966
  .hjm-sheet[data-placement="start"],
1946
1967
  .hjm-sheet[data-placement="end"] {
1947
1968
  block-size: calc(100dvh - (2 * var(--hjm-space-md)));
@@ -2296,7 +2317,7 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2296
2317
  .hjm-steps__indicator { flex: 0 0 auto; inline-size: 1.5rem; block-size: 1.5rem; display: grid; place-items: center; border: 1px solid var(--hjm-color-border); border-radius: 50%; color: var(--hjm-color-text-muted); background: var(--hjm-color-surface); font-size: var(--hjm-type-label-size); font-weight: var(--hjm-font-weight-bold); }
2297
2318
  .hjm-steps__connector { flex: 1 1 auto; block-size: 1px; background: var(--hjm-color-border); }
2298
2319
  .hjm-steps__step[data-status="current"] .hjm-steps__indicator { border: 2px solid var(--hjm-color-content-brand); color: var(--hjm-color-content-brand); }
2299
- .hjm-steps__step[data-status="complete"] .hjm-steps__indicator { border-color: var(--hjm-color-success); color: var(--hjm-color-success); background: var(--hjm-color-surface-alt); }
2320
+ .hjm-steps__step[data-status="complete"] .hjm-steps__indicator { border-color: var(--hjm-accent-success); color: var(--hjm-accent-success); background: var(--hjm-color-surface-alt); }
2300
2321
  .hjm-steps__step[data-status="complete"] .hjm-steps__connector { background: var(--hjm-color-content-brand); }
2301
2322
  .hjm-steps__step[data-status="error"] .hjm-steps__indicator { border: 2px solid var(--hjm-color-danger); color: var(--hjm-color-danger); background: var(--hjm-color-danger-fill); }
2302
2323
  .hjm-steps__copy { min-inline-size: 0; display: grid; gap: var(--hjm-space-xxs); padding-inline-end: var(--hjm-space-sm); }
@@ -2322,7 +2343,7 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2322
2343
  .hjm-upload-item .hjm-progress__copy > span { min-inline-size: 0; unicode-bidi: plaintext; }
2323
2344
  .hjm-upload-item .hjm-progress__copy > span:first-child { flex: 0 0 auto; white-space: nowrap; }
2324
2345
  .hjm-upload-item .hjm-progress__copy > span:last-child:not(:first-child) { flex: 1 1 10rem; overflow-wrap: anywhere; text-align: end; }
2325
- .hjm-upload-item[data-status="success"] .hjm-upload-item__status { color: var(--hjm-color-success); }
2346
+ .hjm-upload-item[data-status="success"] .hjm-upload-item__status { color: var(--hjm-accent-success); }
2326
2347
  .hjm-upload-item[data-status="error"] .hjm-upload-item__status { color: var(--hjm-color-danger); }
2327
2348
  .hjm-upload-item__action { flex: 0 0 auto; min-inline-size: var(--hjm-control-min-touch-target); min-block-size: var(--hjm-control-min-touch-target); margin-inline-start: auto; padding-inline: var(--hjm-space-sm); border: 0; color: var(--hjm-color-content-brand); background: transparent; font: inherit; font-weight: var(--hjm-font-weight-bold); white-space: nowrap; word-break: keep-all; cursor: pointer; }
2328
2349
  .hjm-upload-item__action[data-action="cancel"] { color: var(--hjm-color-danger); }
@@ -2346,7 +2367,7 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2346
2367
  .hjm-toast-viewport[data-placement$="-start"] { margin-inline-start: 0; }
2347
2368
  .hjm-toast-viewport[data-placement$="-end"] { margin-inline-end: 0; }
2348
2369
  /* Cards stay narrow on desktop too; keep close/action rows explicit (docs/toast.md). */
2349
- .hjm-toast { position: relative; min-inline-size: 0; min-block-size: 3.5rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--hjm-space-sm); padding: var(--hjm-space-md); overflow: hidden; border: 1px solid var(--hjm-color-border); border-radius: var(--hjm-radius-md); color: var(--hjm-color-text); background: var(--hjm-color-bg); box-shadow: 0 8px 24px rgb(0 0 0 / 18%); pointer-events: auto; }
2370
+ .hjm-toast { position: relative; min-inline-size: 0; min-block-size: 3.5rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--hjm-space-sm); padding: var(--hjm-space-md); overflow: hidden; border: var(--hjm-toast-border-width) solid var(--hjm-toast-border); border-radius: var(--hjm-toast-radius); color: var(--hjm-color-text); background: var(--hjm-toast-background); box-shadow: var(--hjm-toast-shadow); pointer-events: auto; }
2350
2371
  .hjm-toast__tone-mark { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 2px; background: var(--hjm-color-text-muted); }
2351
2372
  .hjm-toast[data-tone="info"] .hjm-toast__tone-mark, .hjm-toast[data-tone="info"] .hjm-toast__icon { color: var(--hjm-accent-info); background-color: var(--hjm-accent-info); }
2352
2373
  .hjm-toast[data-tone="success"] .hjm-toast__tone-mark, .hjm-toast[data-tone="success"] .hjm-toast__icon { color: var(--hjm-accent-success); background-color: var(--hjm-accent-success); }
@@ -2357,7 +2378,7 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
2357
2378
  .hjm-toast__action, .hjm-toast__close { min-block-size: var(--hjm-control-min-touch-target); border: 0; color: var(--hjm-color-content-brand); background: transparent; font: inherit; font-weight: var(--hjm-font-weight-bold); cursor: pointer; }
2358
2379
  .hjm-toast__close { grid-column: 3; grid-row: 1; align-self: start; inline-size: var(--hjm-control-min-touch-target); color: var(--hjm-color-text-muted); }
2359
2380
  .hjm-toast__action { grid-column: 2 / -1; grid-row: 2; justify-self: start; max-inline-size: 100%; overflow-wrap: anywhere; text-align: start; }
2360
- .hjm-toast[data-state="closing"] { opacity: 0; transform: translateY(var(--hjm-space-xs)); transition: opacity 160ms ease, transform 160ms ease; }
2381
+ .hjm-toast[data-state="closing"] { opacity: 0; transform: translateY(var(--hjm-space-xs)); transition: opacity var(--hjm-toast-exit-duration) var(--hjm-toast-exit-easing), transform var(--hjm-toast-exit-duration) var(--hjm-toast-exit-easing); }
2361
2382
 
2362
2383
  .hjm-dialog__close:focus-visible,
2363
2384
  .hjm-menu__item:focus-visible,