ionbase-ui 0.81.1 → 0.86.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/Menu.d.ts

@@ -1,35 +1,98 @@
 import React from 'react';
-export interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
-    children?: React.ReactNode;
+import { type AriaMenuProps } from 'react-aria';
+import { Section } from '@react-stately/collections';
+import type { ItemProps } from '@react-types/shared';
+export interface MenuProps<T extends object> extends AriaMenuProps<T> {
+    className?: string;
+    style?: React.CSSProperties;
 }
-/**
- * Menu is the list surface, not a popover.
- *
- * Figma models the list alone — there is no trigger, anchor or open state in
- * the design — so this renders the surface and nothing else. Positioning it
- * against a button is the caller's job until Figma has a component that says
- * how. Building a popover here would be inventing design, and it would be the
- * hard half to unpick later.
- *
- * `role="menu"` is deliberately NOT set. A real ARIA menu owes the user
- * roving-tabindex arrow navigation, typeahead and focus containment; claiming
- * the role without them is worse for a screen-reader user than an honest list,
- * because it promises interactions that are not there. When the popover exists,
- * the role comes with it.
- */
-export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
-export interface MenuItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
-    /** Figma's `Selected` / `Selected-hover` states. Shows the trailing check. */
-    isSelected?: boolean;
+export interface MenuItemProps<T extends object = object> extends ItemProps<T> {
+    /**
+     * Only on a row that opens a submenu: the row's label. Its children are then
+     * the submenu's MenuItems rather than its label. Submenus open only inside a
+     * MenuTrigger — a standalone Menu has nothing to open them from.
+     */
+    title?: React.ReactNode;
     /** Figma's `Show Leading Icon` + `Leading Icon` swap. */
     icon?: React.ReactNode;
-    /** Whether the item is disabled. */
+    /** Whether the item is disabled. Listed, skipped by the arrow keys. */
     isDisabled?: boolean;
     /**
      * @deprecated Use `isDisabled`. Accepted as an alias for one minor version.
      */
     disabled?: boolean;
-    children?: React.ReactNode;
+    /**
+     * @deprecated Put the item's key in Menu's `selectedKeys`. Accepted for one
+     * minor version: when no item's key is in `selectedKeys` and Menu is given
+     * neither `selectedKeys` nor `defaultSelectedKeys`, the items passing this
+     * become the selection.
+     */
+    isSelected?: boolean;
+}
+/**
+ * One row of a Menu. A collection element, like TabItem: it renders nothing
+ * itself — Menu reads its props and draws the row — so it only means anything
+ * as a direct child of Menu or MenuSection. Give it a `key`; that key is what
+ * `onAction` and `selectedKeys` speak in.
+ */
+export declare function MenuItem<T extends object>(_props: MenuItemProps<T>): React.ReactElement | null;
+export declare namespace MenuItem {
+    var displayName: string;
+}
+/**
+ * A named group of MenuItems. `title` is Figma's `Menu Section Title`; without
+ * one, pass `aria-label` and the group is set off by a rule instead.
+ */
+export { Section as MenuSection };
+/**
+ * Menu — Figma `Menu` (82:306), `Menu Item` and `Menu Section Title`.
+ *
+ * A real ARIA menu: `role="menu"`, one tab stop, arrow keys, Home and End,
+ * typeahead, and disabled rows listed but skipped. Figma's `Type` is
+ * `selectionMode` — Single draws one check, Multi draws several — and with
+ * a selection mode the rows become `menuitemradio` / `menuitemcheckbox` and
+ * announce their checked state.
+ *
+ * On its own it is the surface only, rendered in flow. Inside a MenuTrigger it
+ * floats, opens and closes, is named by its trigger, and can open submenus.
+ */
+export declare const Menu: <T extends object>(props: MenuProps<T> & {
+    ref?: React.Ref<HTMLUListElement>;
+}) => React.ReactElement;
+export type MenuTriggerPlacement = 'bottom start' | 'bottom end' | 'top start' | 'top end';
+export interface MenuTriggerProps {
+    /**
+     * Exactly two children: the Button that opens the menu, then the Menu. The
+     * Button must accept a ref and react-aria press props — IonBase's Button
+     * does; a plain `<button>` does not.
+     */
+    children: [React.ReactElement, React.ReactElement];
+    /**
+     * Where the menu opens, relative to the trigger. A preference, not a
+     * guarantee: it flips when there is no room.
+     */
+    placement?: MenuTriggerPlacement;
+    /** Whether the trigger is disabled. */
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+/**
+ * MenuTrigger — a Button that opens a Menu.
+ *
+ * The "⋯" overflow menu is this with an icon-only Button; there is no separate
+ * component for it, because the only difference is the Button's content and
+ * its required aria-label.
+ *
+ * `useMenuTrigger` does what a Popover wrapped round a Menu could not: the
+ * trigger announces `aria-haspopup="menu"` and `aria-expanded`, the menu is
+ * named by the trigger, ArrowDown and ArrowUp open it with focus on the first
+ * or last row, and choosing an action closes it and returns focus to the
+ * trigger.
+ */
+export declare function MenuTrigger({ children, placement, isDisabled, ...stateProps }: MenuTriggerProps): React.JSX.Element;
+export declare namespace MenuTrigger {
+    var displayName: string;
 }
-export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,oFAUhB,CAAC;AAIF,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,CACP;IACC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAgBD,eAAO,MAAM,QAAQ,yFAoCpB,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAYL,KAAK,aAAa,EAEnB,MAAM,YAAY,CAAC;AAQpB,OAAO,EAGL,OAAO,EAER,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAwB,MAAM,qBAAqB,CAAC;AAG3E,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC5E;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAEvC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,YAAY,GAAG,IAAI,CAE3B;yBALe,QAAQ;;;AAmBxB;;;GAGG;AACH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,CAAC;AAmalC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,EA8BX,CAAC,CAAC,SAAS,MAAM,EACrB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACxD,KAAK,CAAC,YAAY,CAAC;AAExB,MAAM,MAAM,oBAAoB,GAC9B,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnD;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAA0B,EAC1B,UAAU,EACV,GAAG,UAAU,EACd,EAAE,gBAAgB,qBA2ClB;yBAhDe,WAAW"}