ionbase-ui 0.84.0 → 0.88.0

package/dist/components/Checkbox.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type FieldsetOrientation } from './Fieldset.js';
 import { type SelectionProps } from './resolve-selection.js';
 export type CheckboxSize = 'sm' | 'md' | 'lg';
 export type CheckboxIntent = 'brand' | 'neutral' | 'danger';
@@ -34,4 +35,42 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
  * declaratively and it must be written after every render.
  */
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export interface CheckboxGroupProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'defaultValue' | 'disabled'> {
+    /** The question the options answer. Renders as the `<legend>`. */
+    label?: React.ReactNode;
+    /** Help text beneath the options. Replaced by `errorMessage` while invalid. */
+    description?: React.ReactNode;
+    /** Shown in the description's place while `isInvalid` is set. */
+    errorMessage?: React.ReactNode;
+    /** Marks every box invalid and shows `errorMessage`. */
+    isInvalid?: boolean;
+    /** At least one option must be selected — enforced by native validation. */
+    isRequired?: boolean;
+    /** The selected values (controlled). */
+    value?: readonly string[];
+    /** The initially selected values (uncontrolled). */
+    defaultValue?: readonly string[];
+    /** Receives the whole new selection, in the order the options were ticked. */
+    onChange?: (value: string[]) => void;
+    /** Shared input name, so a form submits every ticked value under it. */
+    name?: string;
+    size?: CheckboxSize;
+    intent?: CheckboxIntent;
+    /** Whether every checkbox in the group is disabled. */
+    isDisabled?: boolean;
+    orientation?: FieldsetOrientation;
+    /** Checkboxes, each with a `value`. */
+    children?: React.ReactNode;
+}
+/**
+ * A set of checkboxes that answers one question — "notify me when…", "which
+ * regions". Owns the selected values, the group's label, help text and error,
+ * and "select at least one".
+ *
+ * A row of loose Checkboxes can do none of that accessibly: the question is
+ * not announced with the options, an error has nothing to attach to, and
+ * "at least one" has no native expression at all. See the `required` note in
+ * Checkbox for how that last one is done.
+ */
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAKN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,cAAc;IAChB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA2BD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,wFA8DpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAwB5D,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,cAAc;IAChB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA2BD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,wFAsGpB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,cAAc,GAAG,UAAU,CACzC;IACC,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iEAAiE;IACjE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,oDAAoD;IACpD,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,gGA+DxB,CAAC"}

package/dist/components/Checkbox.js

@@ -1,8 +1,16 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle, useEffect, } from 'react';
+import { createContext, forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import { FieldsetShell, useFieldsetHelper, } from './Fieldset.js';
 import { resolveDisabled } from './resolve-disabled.js';
 import { resolveSelection } from './resolve-selection.js';
+/**
+ * Lets CheckboxGroup own the selected values the way RadioGroup owns the
+ * selected value: each Checkbox reads whether its `value` is in the set and
+ * reports its toggles, and the caller wires one `onChange` instead of one per
+ * option.
+ */
+const CheckboxGroupContext = createContext(null);
 /** Figma's check glyph. Inlined for the same reason as Select's chevron: it is
  *  part of the control, not a slot a caller fills. */
 const CheckMark = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m5 13 4 4L19 7", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
@@ -20,9 +28,35 @@ const DashMark = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-
  * declaratively and it must be written after every render.
  */
 export const Checkbox = forwardRef((props, forwardedRef) => {
-    const { size = 'md', intent = 'brand', isIndeterminate = false, className, children, isDisabled, disabled, isSelected, checked, onChange, onSelectionChange, ...rest } = props;
-    const resolvedDisabled = resolveDisabled(isDisabled, disabled);
+    const group = useContext(CheckboxGroupContext);
+    const { size = group?.size ?? 'md', intent = group?.intent ?? 'brand', isIndeterminate = false, className, children, isDisabled, disabled, isSelected, checked, onChange, onSelectionChange, name = group?.name, 'aria-describedby': describedBy, ...rest } = props;
+    const resolvedDisabled = resolveDisabled(isDisabled, disabled) ?? group?.isDisabled;
     const selection = resolveSelection(isSelected, checked, onChange, onSelectionChange);
+    /*
+     * Inside a group the group owns `checked`, and the box's own handlers still
+     * fire after it — the contract RadioGroup settled on, so neither control
+     * honours a handler in one mode and drops it in the other.
+     */
+    const value = rest.value === undefined ? '' : String(rest.value);
+    const groupSelection = group
+        ? {
+            checked: group.selected.includes(value),
+            onChange: (event) => {
+                group.toggle(value, event.target.checked);
+                selection.onChange?.(event);
+            },
+        }
+        : selection;
+    /*
+     * "Select at least one", in the platform's own words. `required` on a
+     * checkbox means "this one must be ticked", so it is set on every box while
+     * none is and dropped from all of them the moment one is: native
+     * validation then blocks the submit with the browser's localised message,
+     * and each box announces "required" exactly while the rule is unmet.
+     */
+    const required = group?.isRequired
+        ? group.selected.length === 0
+        : rest.required;
     const domRef = useRef(null);
     useImperativeHandle(forwardedRef, () => domRef.current);
     useEffect(() => {
@@ -38,7 +72,46 @@ export const Checkbox = forwardRef((props, forwardedRef) => {
     ]
         .filter(Boolean)
         .join(' ');
-    return (_jsxs("label", { className: classNames, children: [_jsx("input", { ...rest, ref: domRef, type: "checkbox", checked: selection.checked, onChange: selection.onChange, disabled: resolvedDisabled, className: "ion-checkbox__input" }), _jsx("span", { className: "ion-checkbox__indicator", "aria-hidden": "true", children: _jsx("span", { className: "ion-checkbox__mark", children: isIndeterminate ? _jsx(DashMark, {}) : _jsx(CheckMark, {}) }) }), children && _jsx("span", { className: "ion-checkbox__label", children: children })] }));
+    return (_jsxs("label", { className: classNames, children: [_jsx("input", { ...rest, ref: domRef, type: "checkbox", name: name, required: required, checked: groupSelection.checked, onChange: groupSelection.onChange, disabled: resolvedDisabled, "aria-invalid": group?.isInvalid || rest['aria-invalid'], "aria-describedby": [describedBy, group?.helperId].filter(Boolean).join(' ') ||
+                    undefined, className: "ion-checkbox__input" }), _jsx("span", { className: "ion-checkbox__indicator", "aria-hidden": "true", children: _jsx("span", { className: "ion-checkbox__mark", children: isIndeterminate ? _jsx(DashMark, {}) : _jsx(CheckMark, {}) }) }), children && _jsx("span", { className: "ion-checkbox__label", children: children })] }));
 });
 Checkbox.displayName = 'Checkbox';
+/**
+ * A set of checkboxes that answers one question — "notify me when…", "which
+ * regions". Owns the selected values, the group's label, help text and error,
+ * and "select at least one".
+ *
+ * A row of loose Checkboxes can do none of that accessibly: the question is
+ * not announced with the options, an error has nothing to attach to, and
+ * "at least one" has no native expression at all. See the `required` note in
+ * Checkbox for how that last one is done.
+ */
+export const CheckboxGroup = forwardRef((props, ref) => {
+    const { value: controlledValue, defaultValue, onChange, name, size, intent, isDisabled, isRequired, description, errorMessage, ...rest } = props;
+    const [uncontrolled, setUncontrolled] = useState(defaultValue ?? []);
+    const selected = controlledValue ?? uncontrolled;
+    const toggle = (value, isSelected) => {
+        const next = isSelected
+            ? selected.includes(value)
+                ? [...selected]
+                : [...selected, value]
+            : selected.filter((v) => v !== value);
+        if (controlledValue === undefined)
+            setUncontrolled(next);
+        onChange?.(next);
+    };
+    const { helper, helperId } = useFieldsetHelper(description, errorMessage, rest.isInvalid);
+    return (_jsx(CheckboxGroupContext.Provider, { value: {
+            name,
+            selected,
+            toggle,
+            size,
+            intent,
+            isDisabled,
+            isInvalid: rest.isInvalid,
+            isRequired,
+            helperId,
+        }, children: _jsx(FieldsetShell, { ...rest, ref: ref, disabled: isDisabled, isChoiceGroup: true, helper: helper, helperId: helperId }) }));
+});
+CheckboxGroup.displayName = 'CheckboxGroup';
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,iBAAiB,GAElB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAuB,MAAM,wBAAwB,CAAC;AAiB/E;;;;;GAKG;AACH,MAAM,oBAAoB,GAAG,aAAa,CACxC,IAAI,CACL,CAAC;AAyBF;sDACsD;AACtD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,YACvE,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,YACvE,eACE,CAAC,EAAC,UAAU,EACZ,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,GACE,CACP,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC/C,MAAM,EACJ,IAAI,GAAG,KAAK,EAAE,IAAI,IAAI,IAAI,EAC1B,MAAM,GAAG,KAAK,EAAE,MAAM,IAAI,OAAO,EACjC,eAAe,GAAG,KAAK,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,IAAI,GAAG,KAAK,EAAE,IAAI,EAClB,kBAAkB,EAAE,WAAW,EAC/B,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GACpB,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,KAAK,EAAE,UAAU,CAAC;IAC7D,MAAM,SAAS,GAAG,gBAAgB,CAChC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,iBAAiB,CAClB,CAAC;IAEF;;;;OAIG;IACH,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,KAAK;QAC1B,CAAC,CAAC;YACE,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;YACvC,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;gBACvD,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC1C,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;SACF;QACH,CAAC,CAAC,SAAS,CAAC;IAEd;;;;;;OAMG;IACH,MAAM,QAAQ,GAAG,KAAK,EAAE,UAAU;QAChC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QAC7B,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;IAElB,MAAM,MAAM,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC9C,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAQ,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,OAAO;YAAE,MAAM,CAAC,OAAO,CAAC,aAAa,GAAG,eAAe,CAAC;IACrE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,UAAU,GAAG;QACjB,cAAc;QACd,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;QAC5C,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,iBAAiB,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QACnD,gBAAgB,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;QAChD,SAAS,IAAI,EAAE;KAChB;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,iBAAO,SAAS,EAAE,UAAU,aAC1B,mBACM,IAAI,EACR,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,QAAQ,EAAE,cAAc,CAAC,QAAQ,EACjC,QAAQ,EAAE,gBAAgB,kBACZ,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,sBAIpD,CAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;oBACxD,SAAS,EAEX,SAAS,EAAC,qBAAqB,GAC/B,EACF,eAAM,SAAS,EAAC,yBAAyB,iBAAa,MAAM,YAC1D,eAAM,SAAS,EAAC,oBAAoB,YACjC,eAAe,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,GAC1C,GACF,EACN,QAAQ,IAAI,eAAM,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAQ,IAC9D,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAiClC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,YAAY,IAAI,EAAE,CACnB,CAAC;IACF,MAAM,QAAQ,GAAG,eAAe,IAAI,YAAY,CAAC;IAEjD,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,UAAmB,EAAE,EAAE;QACpD,MAAM,IAAI,GAAG,UAAU;YACrB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACxB,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;gBACf,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC;YACxB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACxC,IAAI,eAAe,KAAK,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACzD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAC5C,WAAW,EACX,YAAY,EACZ,IAAI,CAAC,SAAS,CACf,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,IAAI;YACJ,QAAQ;YACR,MAAM;YACN,IAAI;YACJ,MAAM;YACN,UAAU;YACV,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU;YACV,QAAQ;SACT,YAED,KAAC,aAAa,OACR,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,aAAa,QACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GAC4B,CACjC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/Fieldset.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+export type FieldsetOrientation = 'vertical' | 'horizontal';
+export interface FieldsetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'disabled'> {
+    /** The question the fields answer. Renders as the `<legend>`. */
+    label?: React.ReactNode;
+    /** Help text beneath the fields. Replaced by `errorMessage` while invalid. */
+    description?: React.ReactNode;
+    /** Shown in the description's place while `isInvalid` is set. */
+    errorMessage?: React.ReactNode;
+    /** Whether the group as a whole fails validation. */
+    isInvalid?: boolean;
+    /** How the fields flow. Horizontal wraps rather than overflowing. */
+    orientation?: FieldsetOrientation;
+    children?: React.ReactNode;
+}
+/**
+ * The ids a group hands down to its own controls. Kept separate from the
+ * rendering so CheckboxGroup and RadioGroup can give every checkbox and radio
+ * the same `aria-describedby` the fieldset carries — see FieldsetShell.
+ */
+export declare function useFieldsetHelper(description: React.ReactNode, errorMessage: React.ReactNode, isInvalid: boolean | undefined): {
+    helper: React.ReactNode;
+    helperId: string | undefined;
+};
+interface FieldsetShellProps extends Omit<FieldsetProps, 'description' | 'errorMessage'> {
+    /** Only the choice groups may disable natively — see Fieldset. */
+    disabled?: boolean;
+    /** Choice groups space their options at 8, not a form's 16. */
+    isChoiceGroup?: boolean;
+    /** The description or the error, whichever shows — see useFieldsetHelper. */
+    helper: React.ReactNode;
+    helperId: string | undefined;
+}
+/**
+ * The rendering shared by Fieldset, CheckboxGroup and RadioGroup.
+ *
+ * A real `<fieldset>`: the legend names the group for assistive technology and
+ * the inputs stay grouped for form submission, neither of which a div with
+ * `role="group"` gets for free.
+ *
+ * The fieldset is `display: block` on purpose. A rendered `<legend>` is not a
+ * flex item — browsers lay it out in the fieldset's border, outside the flex
+ * container — so a flex column here would put `gap` everywhere but under the
+ * legend. The fields get a flex wrapper of their own instead.
+ */
+export declare const FieldsetShell: React.ForwardRefExoticComponent<FieldsetShellProps & React.RefAttributes<HTMLFieldSetElement>>;
+/**
+ * Groups related fields under one label, with one description and one error —
+ * an address, a date range typed as two fields, a set of limits.
+ *
+ * For checkboxes use CheckboxGroup and for radios RadioGroup: both render this
+ * same shell, and add the selection state it deliberately does not own.
+ *
+ * There is no `isDisabled`. A native `disabled` fieldset does disable every
+ * control inside, but Input, Select and the rest draw their disabled state from
+ * their own prop, so the fields would stop working while still looking live.
+ * Disable the fields themselves; the choice groups can cascade because their
+ * checkboxes and radios style off `:disabled`.
+ */
+export declare const Fieldset: React.ForwardRefExoticComponent<FieldsetProps & React.RefAttributes<HTMLFieldSetElement>>;
+export {};
+//# sourceMappingURL=Fieldset.d.ts.map

package/dist/components/Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../src/components/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,CACX;IACC,iEAAiE;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iEAAiE;IACjE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,KAAK,CAAC,SAAS,EAC5B,YAAY,EAAE,KAAK,CAAC,SAAS,EAC7B,SAAS,EAAE,OAAO,GAAG,SAAS;;;EAM/B;AAED,UAAU,kBAAmB,SAAQ,IAAI,CACvC,aAAa,EACb,aAAa,GAAG,cAAc,CAC/B;IACC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,gGA4CxB,CAAC;AAIH;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,2FAYpB,CAAC"}

package/dist/components/Fieldset.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from 'react';
+/**
+ * The ids a group hands down to its own controls. Kept separate from the
+ * rendering so CheckboxGroup and RadioGroup can give every checkbox and radio
+ * the same `aria-describedby` the fieldset carries — see FieldsetShell.
+ */
+export function useFieldsetHelper(description, errorMessage, isInvalid) {
+    const helperId = useId();
+    // Input's convention: the error takes the helper's slot, it does not stack.
+    const helper = isInvalid && errorMessage ? errorMessage : description;
+    return { helper, helperId: helper ? helperId : undefined };
+}
+/**
+ * The rendering shared by Fieldset, CheckboxGroup and RadioGroup.
+ *
+ * A real `<fieldset>`: the legend names the group for assistive technology and
+ * the inputs stay grouped for form submission, neither of which a div with
+ * `role="group"` gets for free.
+ *
+ * The fieldset is `display: block` on purpose. A rendered `<legend>` is not a
+ * flex item — browsers lay it out in the fieldset's border, outside the flex
+ * container — so a flex column here would put `gap` everywhere but under the
+ * legend. The fields get a flex wrapper of their own instead.
+ */
+export const FieldsetShell = forwardRef((props, ref) => {
+    const { label, isInvalid, orientation = 'vertical', isChoiceGroup = false, helper, helperId, className, children, 'aria-describedby': describedBy, ...rest } = props;
+    return (_jsxs("fieldset", { ...rest, ref: ref, "aria-describedby": [describedBy, helperId].filter(Boolean).join(' ') || undefined, "data-invalid": isInvalid || undefined, className: [
+            'ion-fieldset',
+            isChoiceGroup ? 'ion-fieldset--choices' : '',
+            orientation === 'horizontal' ? 'ion-fieldset--horizontal' : '',
+            isInvalid ? 'ion-fieldset--error' : '',
+            className || '',
+        ]
+            .filter(Boolean)
+            .join(' '), children: [label && _jsx("legend", { className: "ion-fieldset__legend", children: label }), _jsx("div", { className: "ion-fieldset__content", children: children }), helper && (_jsx("span", { id: helperId, className: "ion-fieldset__helper", children: helper }))] }));
+});
+FieldsetShell.displayName = 'FieldsetShell';
+/**
+ * Groups related fields under one label, with one description and one error —
+ * an address, a date range typed as two fields, a set of limits.
+ *
+ * For checkboxes use CheckboxGroup and for radios RadioGroup: both render this
+ * same shell, and add the selection state it deliberately does not own.
+ *
+ * There is no `isDisabled`. A native `disabled` fieldset does disable every
+ * control inside, but Input, Select and the rest draw their disabled state from
+ * their own prop, so the fields would stop working while still looking live.
+ * Disable the fields themselves; the choice groups can cascade because their
+ * checkboxes and radios style off `:disabled`.
+ */
+export const Fieldset = forwardRef((props, ref) => {
+    const { description, errorMessage, ...rest } = props;
+    const { helper, helperId } = useFieldsetHelper(description, errorMessage, rest.isInvalid);
+    return (_jsx(FieldsetShell, { ...rest, ref: ref, helper: helper, helperId: helperId }));
+});
+Fieldset.displayName = 'Fieldset';
+//# sourceMappingURL=Fieldset.js.map

package/dist/components/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/components/Fieldset.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAqBjD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,WAA4B,EAC5B,YAA6B,EAC7B,SAA8B;IAE9B,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,4EAA4E;IAC5E,MAAM,MAAM,GAAG,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;IACtE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;AAC7D,CAAC;AAeD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,aAAa,GAAG,KAAK,EACrB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,kBAAkB,EAAE,WAAW,EAC/B,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,uBACM,IAAI,EACR,GAAG,EAAE,GAAG,sBAEN,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,kBAElD,SAAS,IAAI,SAAS,EACpC,SAAS,EAAE;YACT,cAAc;YACd,aAAa,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE;YAC5C,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;YAC9D,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;YACtC,SAAS,IAAI,EAAE;SAChB;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEX,KAAK,IAAI,iBAAQ,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAU,EACnE,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,EACtD,MAAM,IAAI,CACT,eAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,sBAAsB,YACjD,MAAM,GACF,CACR,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAC5C,WAAW,EACX,YAAY,EACZ,IAAI,CAAC,SAAS,CACf,CAAC;IACF,OAAO,CACL,KAAC,aAAa,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/components/MultiSelect.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+import type { ComboboxOption } from './Combobox.js';
+export type MultiSelectSize = 'sm' | 'md' | 'lg';
+/** The same shape as Combobox's option, so a list moves between the two. */
+export type MultiSelectOption = ComboboxOption;
+export interface MultiSelectProps {
+    /** The full option list. Filtering happens here, against what is typed. */
+    options: readonly MultiSelectOption[];
+    /** Field label. Required for a usable control — see `a11y.requires`. */
+    label?: React.ReactNode;
+    /** Names the field, and its tags, when there is no visible `label`. */
+    'aria-label'?: string;
+    /** Helper text below the field. */
+    description?: React.ReactNode;
+    /** Replaces the helper text when `isInvalid` is set. */
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    /** At least one value must be chosen. */
+    isRequired?: boolean;
+    /** Matches Input's `Size` variant: Small, Medium, Large. */
+    size?: MultiSelectSize;
+    placeholder?: string;
+    /** The selected values (controlled), in the order they were chosen. */
+    value?: readonly string[];
+    /** The initially selected values (uncontrolled). */
+    defaultValue?: readonly string[];
+    /** Receives the whole new selection. */
+    onChange?: (value: string[]) => void;
+    /** Controlled filter text. Usually only needed for remote filtering. */
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    /**
+     * Leave the tags out, when the chosen values are already on screen as
+     * removable tags — a table's active-filters row. The values are still read
+     * with the field, and still marked in the list.
+     */
+    hideTags?: boolean;
+    /** Shown in place of the list when nothing matches. */
+    emptyLabel?: React.ReactNode;
+    /** Accessible label for the disclosure button. */
+    buttonLabel?: string;
+    /** Posts every selected value under this name, for an uncontrolled form. */
+    name?: string;
+    /** Class names for the field box (`.ion-input`). */
+    className?: string;
+    /** Class names for the `.ion-field` wrapper. */
+    wrapperClassName?: string;
+    id?: string;
+}
+/**
+ * MultiSelect — a text field that filters a list, with any number of selected
+ * values shown as removable tags beneath it.
+ *
+ * WHY IT IS ITS OWN COMPONENT, NOT `Combobox selectionMode="multiple"`
+ *
+ * The two differ in what the field holds. Combobox's input shows the chosen
+ * label — typing edits the value. Here the input only ever holds the filter
+ * text, the value lives in the tags, and choosing an option leaves the list
+ * open for the next one. One prop switching the meaning of the text in the
+ * box is the kind of contract agents get wrong in generated code.
+ *
+ * WHAT REACT ARIA GIVES IT
+ *
+ * `useComboBoxState` and `useComboBox` in `selectionMode: 'multiple'`: the
+ * listbox is `aria-multiselectable`, Enter and click toggle an option without
+ * closing the list, the filter text clears after each pick, and native
+ * `required` is set only while nothing is chosen — "at least one", the same
+ * rule CheckboxGroup enforces.
+ *
+ * WHAT IT ADDS
+ *
+ *   - The tags. A TagGroup under the field, named by the field's label, one
+ *     tab stop, Delete or the × to remove. The selection must be visible with
+ *     the list closed, and "3 selected" hides which three.
+ *   - The value is announced with the field. React Aria points the input's
+ *     `aria-describedby` at a value element; this fills it with the chosen
+ *     labels joined by `Intl.ListFormat`, so "Billing, Legal and Ops" is read
+ *     in the user's language with no string shipped for it.
+ *   - Backspace in an empty field removes the last value, which is what
+ *     every tag input on the web has taught people to expect.
+ *   - Focus lands back in the field when the last tag is removed, instead of
+ *     falling to <body> with the TagGroup that held it.
+ */
+export declare function MultiSelect({ options, label, 'aria-label': ariaLabel, description, errorMessage, isInvalid, isDisabled, isReadOnly, isRequired, size, placeholder, value, defaultValue, onChange, inputValue, onInputChange, hideTags, emptyLabel, buttonLabel, name, className, wrapperClassName, id, }: MultiSelectProps): React.JSX.Element;
+export declare namespace MultiSelect {
+    var displayName: string;
+}
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../src/components/MultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAiBzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIjD,4EAA4E;AAC5E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,2EAA2E;IAC3E,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACtC,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wDAAwD;IACxD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,oDAAoD;IACpD,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAgKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAW,EACX,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAgB,EAChB,UAAyB,EACzB,WAA4B,EAC5B,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,EAAE,GACH,EAAE,gBAAgB,qBAoOlB;yBA5Pe,WAAW"}

package/dist/components/MultiSelect.js

@@ -0,0 +1,189 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from 'react';
+import { DismissButton, Overlay, useButton, useComboBox, useFilter, useListBox, useLocale, useOption, usePopover, } from 'react-aria';
+import { Item, useComboBoxState } from 'react-stately';
+import { Tag, TagGroup } from './TagGroup.js';
+const ChevronDown = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const CheckMark = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m5 13 4 4L19 7", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+/* ------------------------------------------------------------------ option */
+function MultiSelectOptionRow({ item, state, }) {
+    const ref = useRef(null);
+    const { optionProps, isSelected, isFocused, isDisabled } = useOption({ key: item.key }, state, ref);
+    const option = item.value;
+    return (_jsxs("li", { ...optionProps, ref: ref, className: "ion-combobox-menu__option ion-multi-select-menu__option", "data-focused": isFocused || undefined, "data-selected": isSelected || undefined, "data-disabled": isDisabled || undefined, children: [_jsx("span", { className: "ion-multi-select-menu__check", "aria-hidden": "true", children: _jsx(CheckMark, {}) }), _jsxs("span", { className: "ion-multi-select-menu__text", children: [_jsx("span", { className: "ion-combobox-menu__label", children: item.rendered }), option?.description && (_jsx("span", { className: "ion-combobox-menu__description", children: option.description }))] })] }));
+}
+/** Breathing room kept between the menu and the viewport edge, in px. */
+const GUTTER = 8;
+/* ----------------------------------------------------------------- listbox */
+/**
+ * Mounted only while open, for the reason Combobox's is: `usePopover`
+ * positions in an effect of the component that calls it. The width is read
+ * during render for the reason given there, too — a ResizeObserver feeding a
+ * width back into a positioned popover closes it.
+ */
+function MultiSelectListBox({ state, listBoxRef, popoverRef, triggerRef, listBoxProps, emptyLabel, }) {
+    const { popoverProps } = usePopover({
+        triggerRef,
+        popoverRef,
+        placement: 'bottom start',
+        offset: 4,
+        // Non-modal: focus stays in the input — see Combobox.
+        isNonModal: true,
+    }, state);
+    const { listBoxProps: innerListBoxProps } = useListBox(listBoxProps, state, listBoxRef);
+    const rect = triggerRef.current?.getBoundingClientRect();
+    const width = rect
+        ? Math.min(rect.width, document.documentElement.clientWidth - rect.left - GUTTER)
+        : undefined;
+    return (_jsx(Overlay, { children: _jsxs("div", { ...popoverProps, ref: popoverRef, className: "ion-combobox-menu", style: { ...popoverProps.style, width }, children: [_jsx(DismissButton, { onDismiss: () => state.close() }), _jsx("ul", { ...innerListBoxProps, ref: listBoxRef, className: "ion-combobox-menu__list", children: [...state.collection].map((item) => (_jsx(MultiSelectOptionRow, { item: item, state: state }, item.key))) }), state.collection.size === 0 && (_jsx("div", { className: "ion-combobox-menu__empty", role: "presentation", children: emptyLabel })), _jsx(DismissButton, { onDismiss: () => state.close() })] }) }));
+}
+/* ------------------------------------------------------------- multiselect */
+/**
+ * MultiSelect — a text field that filters a list, with any number of selected
+ * values shown as removable tags beneath it.
+ *
+ * WHY IT IS ITS OWN COMPONENT, NOT `Combobox selectionMode="multiple"`
+ *
+ * The two differ in what the field holds. Combobox's input shows the chosen
+ * label — typing edits the value. Here the input only ever holds the filter
+ * text, the value lives in the tags, and choosing an option leaves the list
+ * open for the next one. One prop switching the meaning of the text in the
+ * box is the kind of contract agents get wrong in generated code.
+ *
+ * WHAT REACT ARIA GIVES IT
+ *
+ * `useComboBoxState` and `useComboBox` in `selectionMode: 'multiple'`: the
+ * listbox is `aria-multiselectable`, Enter and click toggle an option without
+ * closing the list, the filter text clears after each pick, and native
+ * `required` is set only while nothing is chosen — "at least one", the same
+ * rule CheckboxGroup enforces.
+ *
+ * WHAT IT ADDS
+ *
+ *   - The tags. A TagGroup under the field, named by the field's label, one
+ *     tab stop, Delete or the × to remove. The selection must be visible with
+ *     the list closed, and "3 selected" hides which three.
+ *   - The value is announced with the field. React Aria points the input's
+ *     `aria-describedby` at a value element; this fills it with the chosen
+ *     labels joined by `Intl.ListFormat`, so "Billing, Legal and Ops" is read
+ *     in the user's language with no string shipped for it.
+ *   - Backspace in an empty field removes the last value, which is what
+ *     every tag input on the web has taught people to expect.
+ *   - Focus lands back in the field when the last tag is removed, instead of
+ *     falling to <body> with the TagGroup that held it.
+ */
+export function MultiSelect({ options, label, 'aria-label': ariaLabel, description, errorMessage, isInvalid, isDisabled, isReadOnly, isRequired, size = 'md', placeholder, value, defaultValue, onChange, inputValue, onInputChange, hideTags = false, emptyLabel = 'No matches', buttonLabel = 'Show options', name, className, wrapperClassName, id, }) {
+    const { contains } = useFilter({ sensitivity: 'base' });
+    const { locale } = useLocale();
+    const [uncontrolled, setUncontrolled] = useState(defaultValue ?? []);
+    const selected = value ?? uncontrolled;
+    const setSelected = (next) => {
+        if (value === undefined)
+            setUncontrolled(next);
+        onChange?.(next);
+    };
+    const byValue = useMemo(() => new Map(options.map((o) => [o.value, o])), [options]);
+    // Filtered here, against label and description, for the reasons Combobox
+    // gives: `items` bypasses react-stately's filter, and `textValue` must stay
+    // the bare label.
+    const [typed, setTyped] = useState('');
+    const text = inputValue ?? typed;
+    const filtered = useMemo(() => {
+        if (!text)
+            return options;
+        return options.filter((o) => contains([o.label, o.description].filter(Boolean).join(' '), text));
+    }, [contains, options, text]);
+    const disabledKeys = useMemo(() => options.filter((o) => o.isDisabled).map((o) => o.value), [options]);
+    const state = useComboBoxState({
+        label: typeof label === 'string' ? label : undefined,
+        items: filtered,
+        children: (item) => (_jsx(Item, { textValue: item.label, children: item.label }, item.value)),
+        selectionMode: 'multiple',
+        disabledKeys,
+        allowsEmptyCollection: true,
+        isDisabled,
+        isReadOnly,
+        isRequired,
+        value: selected,
+        // The selection keeps insertion order — the order the tags appear in, and
+        // the order `onChange` reports. PickingKeepsTheListOpen pins it.
+        onChange: (keys) => setSelected([...keys].map(String)),
+        inputValue,
+        onInputChange: (v) => {
+            setTyped(v);
+            onInputChange?.(v);
+        },
+    });
+    const inputRef = useRef(null);
+    const listBoxRef = useRef(null);
+    const popoverRef = useRef(null);
+    const buttonRef = useRef(null);
+    const boxRef = useRef(null);
+    const remove = (keys) => {
+        const gone = new Set([...keys].map(String));
+        const next = selected.filter((v) => !gone.has(v));
+        setSelected(next);
+        // The TagGroup unmounts with its last tag; focus goes back to the field.
+        if (next.length === 0)
+            inputRef.current?.focus();
+    };
+    const { buttonProps: triggerProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps, valueProps, } = useComboBox({
+        id,
+        label: typeof label === 'string' ? label : undefined,
+        'aria-label': ariaLabel,
+        placeholder,
+        isDisabled,
+        isReadOnly,
+        isInvalid,
+        isRequired,
+        selectionMode: 'multiple',
+        inputRef,
+        listBoxRef,
+        popoverRef,
+        buttonRef,
+        onKeyDown: (e) => {
+            if (e.key === 'Backspace' &&
+                state.inputValue === '' &&
+                selected.length > 0 &&
+                !isReadOnly) {
+                remove([selected[selected.length - 1]]);
+            }
+            else {
+                e.continuePropagation();
+            }
+        },
+    }, state);
+    const { buttonProps } = useButton({ ...triggerProps, 'aria-label': buttonLabel }, buttonRef);
+    const labels = selected.map((v) => byValue.get(v)?.label ?? v);
+    const spoken = new Intl.ListFormat(locale, { type: 'conjunction' }).format(labels);
+    const helper = isInvalid && errorMessage ? errorMessage : description;
+    const boxClassNames = [
+        'ion-input',
+        'ion-combobox',
+        'ion-multi-select',
+        size !== 'md' ? `ion-input--${size}` : '',
+        isInvalid ? 'ion-input--invalid' : '',
+        isDisabled ? 'ion-input--disabled' : '',
+        className || '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("div", { className: [
+            'ion-field',
+            isInvalid ? 'ion-field--error' : '',
+            wrapperClassName || '',
+        ]
+            .filter(Boolean)
+            .join(' '), children: [label && (_jsx("label", { ...labelProps, className: "ion-field__label", children: label })), _jsxs("div", { ref: boxRef, className: boxClassNames, "data-open": state.isOpen || undefined, "data-invalid": isInvalid || undefined, "data-disabled": isDisabled || undefined, children: [_jsx("input", { ...inputProps, ref: inputRef, className: "ion-input__field" }), name &&
+                        selected.map((v) => (_jsx("input", { type: "hidden", name: name, value: v }, v))), _jsx("button", { ...buttonProps, "aria-labelledby": undefined, "aria-label": buttonLabel, 
+                        // Pressing it must not take focus from the input — see Combobox.
+                        onMouseDown: (e) => {
+                            e.preventDefault();
+                            inputRef.current?.focus();
+                        }, ref: buttonRef, type: "button", tabIndex: -1, className: "ion-combobox__button", children: _jsx(ChevronDown, {}) })] }), _jsx("span", { ...valueProps, className: "ion-visually-hidden", children: spoken }), selected.length > 0 && !hideTags && (_jsx(TagGroup, { "aria-labelledby": label ? labelProps.id : undefined, "aria-label": label ? undefined : ariaLabel, size: size === 'lg' ? 'md' : 'sm', onRemove: isDisabled || isReadOnly ? undefined : remove, className: "ion-multi-select__tags", children: selected.map((v) => (_jsx(Tag, { textValue: byValue.get(v)?.label ?? v, children: byValue.get(v)?.label ?? v }, v))) })), state.isOpen && (_jsx(MultiSelectListBox, { state: state, listBoxRef: listBoxRef, popoverRef: popoverRef, triggerRef: boxRef, listBoxProps: listBoxProps, emptyLabel: emptyLabel })), helper && (_jsx("span", { ...(isInvalid && errorMessage
+                    ? errorMessageProps
+                    : descriptionProps), className: "ion-field__helper", children: helper }))] }));
+}
+MultiSelect.displayName = 'MultiSelect';
+//# sourceMappingURL=MultiSelect.js.map

package/dist/components/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/components/MultiSelect.tsx"],"names":[],"mappings":"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"}