ionbase-ui 0.51.0 → 0.69.0

package/dist/components/Accordion.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export type AccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;
+export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Let more than one section be open at once. */
+    allowsMultiple?: boolean;
+    /** Uncontrolled: which sections start open. */
+    defaultExpandedKeys?: string[];
+    /** Controlled: which sections are open. Pass `onExpandedChange` with it. */
+    expandedKeys?: string[];
+    onExpandedChange?: (keys: string[]) => void;
+    /**
+     * The level each section's heading renders at. Must fit the surrounding
+     * document — a panel inside an `h2` section wants `3`.
+     */
+    headingLevel?: AccordionHeadingLevel;
+    children?: React.ReactNode;
+}
+export interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'id'> {
+    /** Stable identity for the open set. Required. */
+    id: string;
+    /** The always-visible label. */
+    title: React.ReactNode;
+    isDisabled?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Accordion — sections that collapse, with the heading structure intact.
+ *
+ * WHY THE TRIGGER IS A BUTTON INSIDE A HEADING
+ *
+ * Both parts are load-bearing and the obvious implementations drop one of them.
+ * The heading is how a screen-reader user navigates a long page — pressing `h`
+ * moves between sections, and an accordion built from `div`s removes every one
+ * of those stops. The button is what makes the section operable by keyboard and
+ * announced as expandable; a heading with a click handler is neither.
+ *
+ * So the shape is `<h3><button aria-expanded aria-controls>`, which is the only
+ * arrangement that keeps document structure AND operability.
+ *
+ * `headingLevel` is a prop with no safe default beyond 3, because the right
+ * level depends on the document around it and nothing here can see that. Two
+ * accordions at the wrong level produce a page whose outline is nonsense while
+ * looking perfectly fine.
+ *
+ * THE PANEL IS NOT UNMOUNTED
+ *
+ * Collapsed sections keep their DOM and are hidden with `hidden`. Unmounting
+ * would lose form state in a collapsed section — the classic multi-step-form
+ * bug where answers vanish when a section is folded away — and would break
+ * in-page search, which cannot find text that is not there.
+ */
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,qBAAqB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAUtD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,OAAO,GAAG,IAAI,CACf;IACC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAcD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,SAAS,uFA+CrB,CAAC;AAIF,eAAO,MAAM,aAAa,2FAsDzB,CAAC"}

package/dist/components/Accordion.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useId, useState, } from 'react';
+const AccordionContext = createContext(null);
+const Chevron = () => (_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" }) }));
+/**
+ * Accordion — sections that collapse, with the heading structure intact.
+ *
+ * WHY THE TRIGGER IS A BUTTON INSIDE A HEADING
+ *
+ * Both parts are load-bearing and the obvious implementations drop one of them.
+ * The heading is how a screen-reader user navigates a long page — pressing `h`
+ * moves between sections, and an accordion built from `div`s removes every one
+ * of those stops. The button is what makes the section operable by keyboard and
+ * announced as expandable; a heading with a click handler is neither.
+ *
+ * So the shape is `<h3><button aria-expanded aria-controls>`, which is the only
+ * arrangement that keeps document structure AND operability.
+ *
+ * `headingLevel` is a prop with no safe default beyond 3, because the right
+ * level depends on the document around it and nothing here can see that. Two
+ * accordions at the wrong level produce a page whose outline is nonsense while
+ * looking perfectly fine.
+ *
+ * THE PANEL IS NOT UNMOUNTED
+ *
+ * Collapsed sections keep their DOM and are hidden with `hidden`. Unmounting
+ * would lose form state in a collapsed section — the classic multi-step-form
+ * bug where answers vanish when a section is folded away — and would break
+ * in-page search, which cannot find text that is not there.
+ */
+export const Accordion = forwardRef(({ allowsMultiple = false, defaultExpandedKeys, expandedKeys, onExpandedChange, headingLevel = 3, children, className, ...rest }, ref) => {
+    const [internal, setInternal] = useState(defaultExpandedKeys ?? []);
+    const isControlled = expandedKeys !== undefined;
+    const current = isControlled ? expandedKeys : internal;
+    const toggle = (id) => {
+        const open = current.includes(id);
+        const next = open
+            ? current.filter((k) => k !== id)
+            : allowsMultiple
+                ? [...current, id]
+                : [id];
+        if (!isControlled)
+            setInternal(next);
+        onExpandedChange?.(next);
+    };
+    return (_jsx(AccordionContext.Provider, { value: { expanded: new Set(current), toggle, headingLevel }, children: _jsx("div", { ...rest, ref: ref, className: ['ion-accordion', className || '']
+                .filter(Boolean)
+                .join(' '), children: children }) }));
+});
+Accordion.displayName = 'Accordion';
+export const AccordionItem = forwardRef(({ id, title, isDisabled = false, children, className, ...rest }, ref) => {
+    const ctx = useContext(AccordionContext);
+    if (!ctx) {
+        throw new Error('AccordionItem must be rendered inside an Accordion');
+    }
+    const { expanded, toggle, headingLevel } = ctx;
+    const reactId = useId();
+    const buttonId = `${reactId}-trigger`;
+    const panelId = `${reactId}-panel`;
+    const isExpanded = expanded.has(id);
+    const Heading = `h${headingLevel}`;
+    return (_jsxs("div", { ...rest, ref: ref, "data-expanded": isExpanded || undefined, className: ['ion-accordion__item', className || '']
+            .filter(Boolean)
+            .join(' '), children: [_jsx(Heading, { className: "ion-accordion__heading", children: _jsxs("button", { type: "button", id: buttonId, className: "ion-accordion__trigger", "aria-expanded": isExpanded, "aria-controls": panelId, disabled: isDisabled, onClick: () => toggle(id), children: [_jsx("span", { className: "ion-accordion__title", children: title }), _jsx("span", { className: "ion-accordion__indicator", "aria-hidden": "true", children: _jsx(Chevron, {}) })] }) }), _jsx("div", { id: panelId, role: "region", "aria-labelledby": buttonId, hidden: !isExpanded, className: "ion-accordion__panel", children: _jsx("div", { className: "ion-accordion__content", children: children }) })] }));
+});
+AccordionItem.displayName = 'AccordionItem';
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion.js.map

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

package/dist/components/AgentActivity.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export type AgentActivityStatus = 'pending' | 'active' | 'done' | 'failed' | 'skipped';
+import type { AgentActivityStatus } from './agent-status.js';
+export type { AgentActivityStatus } from './agent-status.js';
 export interface AgentActivityProps extends React.HTMLAttributes<HTMLOListElement> {
     children?: React.ReactNode;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"AgentActivity.d.ts","sourceRoot":"","sources":["../../src/components/AgentActivity.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAC7B,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACnF,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAsED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,6FAyDzB,CAAC;AAIF,eAAO,MAAM,iBAAiB,8FA6B5B,CAAC"}
+{"version":3,"file":"AgentActivity.d.ts","sourceRoot":"","sources":["../../src/components/AgentActivity.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACnF,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,6FAyDzB,CAAC;AAIF,eAAO,MAAM,iBAAiB,8FAkC5B,CAAC"}

package/dist/components/AgentActivity.js

@@ -1,20 +1,7 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-const STATUS_TEXT = {
-    pending: 'Not started',
-    active: 'In progress',
-    done: 'Done',
-    failed: 'Failed',
-    skipped: 'Skipped',
-};
-const Glyphs = {
-    pending: () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }) })),
-    active: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2", opacity: "0.3" }), _jsx("path", { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })),
-    done: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "m8.5 12 2.5 2.5 4.5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
-    failed: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "m9 9 6 6M15 9l-6 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })),
-    skipped: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M8.5 12h7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })),
-};
+import { STATUS_GLYPHS, STATUS_TEXT } from './agent-status.js';
 /**
  * AgentActivity — what the agent is doing, in plain language.
  *
@@ -71,14 +58,14 @@ export const AgentActivity = forwardRef(({ children, announceActive = true, clas
 });
 AgentActivity.displayName = 'AgentActivity';
 export const AgentActivityStep = forwardRef(({ children, status = 'pending', detail, className, ...rest }, ref) => {
-    const Glyph = Glyphs[status];
+    const Glyph = STATUS_GLYPHS[status];
     return (_jsxs("li", { ...rest, ref: ref, "data-status": status, className: [
             'ion-agent-activity__step',
             `ion-agent-activity__step--${status}`,
             className || '',
         ]
             .filter(Boolean)
-            .join(' '), children: [_jsx("span", { className: "ion-agent-activity__glyph", "aria-hidden": "true", children: _jsx(Glyph, {}) }), _jsxs("span", { className: "ion-agent-activity__body", children: [_jsx("span", { className: "ion-agent-activity__label", children: children }), detail && _jsx("span", { className: "ion-agent-activity__detail", children: detail })] }), _jsx("span", { className: "ion-visually-hidden", children: STATUS_TEXT[status] })] }));
+            .join(' '), children: [_jsx("span", { className: "ion-agent-activity__glyph", "aria-hidden": "true", children: _jsx(Glyph, {}) }), _jsxs("div", { className: "ion-agent-activity__body", children: [_jsx("span", { className: "ion-agent-activity__label", children: children }), detail && _jsx("div", { className: "ion-agent-activity__detail", children: detail })] }), _jsx("span", { className: "ion-visually-hidden", children: STATUS_TEXT[status] })] }));
 });
 AgentActivityStep.displayName = 'AgentActivityStep';
 //# sourceMappingURL=AgentActivity.js.map

package/dist/components/AgentActivity.js.map

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

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Names the landmark. A page with more than one `nav` needs them told apart,
+     * and "Breadcrumb" is what screen-reader users are listening for.
+     */
+    label?: string;
+    /** `BreadcrumbItem` elements, ancestor first. */
+    children?: React.ReactNode;
+}
+export interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
+    /** Omit on the current page — the last crumb is not a link. */
+    href?: string;
+    /**
+     * The page the user is on. Marked `aria-current="page"` and rendered as text
+     * rather than a link.
+     */
+    isCurrent?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Breadcrumb — where this page sits, and how to get back up.
+ *
+ * WHY AN ORDERED LIST INSIDE A NAMED LANDMARK
+ *
+ * The trail is a sequence, and `ol` is what says so: a screen reader announces
+ * "list, 4 items" and the position within it, which is the entire content of a
+ * breadcrumb. A row of `div`s with slashes conveys none of that, and the
+ * slashes themselves get read out as punctuation.
+ *
+ * The separator here is drawn by CSS `::before` on each item after the first,
+ * so it is decoration that never enters the accessibility tree. Putting a "/"
+ * in the markup is the usual version of this component and the usual defect.
+ *
+ * THE LAST CRUMB IS NOT A LINK
+ *
+ * `isCurrent` renders text with `aria-current="page"`. A link to the page you
+ * are already on is a dead control: it announces as a link, invites a click,
+ * and does nothing. This is the most common breadcrumb bug and the reason the
+ * prop exists rather than being inferred from position — a trail whose last
+ * crumb IS a link to somewhere else is legitimate, and inferring would break it.
+ */
+export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EACrC,SAAS,CACV;IACC,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,qFAWtB,CAAC;AAIF,eAAO,MAAM,cAAc,2FAuB1B,CAAC"}

package/dist/components/Breadcrumb.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/**
+ * Breadcrumb — where this page sits, and how to get back up.
+ *
+ * WHY AN ORDERED LIST INSIDE A NAMED LANDMARK
+ *
+ * The trail is a sequence, and `ol` is what says so: a screen reader announces
+ * "list, 4 items" and the position within it, which is the entire content of a
+ * breadcrumb. A row of `div`s with slashes conveys none of that, and the
+ * slashes themselves get read out as punctuation.
+ *
+ * The separator here is drawn by CSS `::before` on each item after the first,
+ * so it is decoration that never enters the accessibility tree. Putting a "/"
+ * in the markup is the usual version of this component and the usual defect.
+ *
+ * THE LAST CRUMB IS NOT A LINK
+ *
+ * `isCurrent` renders text with `aria-current="page"`. A link to the page you
+ * are already on is a dead control: it announces as a link, invites a click,
+ * and does nothing. This is the most common breadcrumb bug and the reason the
+ * prop exists rather than being inferred from position — a trail whose last
+ * crumb IS a link to somewhere else is legitimate, and inferring would break it.
+ */
+export const Breadcrumb = forwardRef(({ label = 'Breadcrumb', children, className, ...rest }, ref) => (_jsx("nav", { ...rest, ref: ref, "aria-label": label, className: ['ion-breadcrumb', className || ''].filter(Boolean).join(' '), children: _jsx("ol", { className: "ion-breadcrumb__list", children: children }) })));
+Breadcrumb.displayName = 'Breadcrumb';
+export const BreadcrumbItem = forwardRef(({ href, isCurrent = false, children, className, ...rest }, ref) => (_jsx("li", { ...rest, ref: ref, className: ['ion-breadcrumb__item', className || '']
+        .filter(Boolean)
+        .join(' '), children: isCurrent || !href ? (_jsx("span", { className: "ion-breadcrumb__current", ...(isCurrent ? { 'aria-current': 'page' } : {}), children: children })) : (_jsx("a", { href: href, className: "ion-breadcrumb__link", children: children })) })));
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA0B1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/D,iBACM,IAAI,EACR,GAAG,EAAE,GAAG,gBACI,KAAK,EACjB,SAAS,EAAE,CAAC,gBAAgB,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAExE,aAAI,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAM,GAChD,CACP,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClE,gBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,sBAAsB,EAAE,SAAS,IAAI,EAAE,CAAC;SACjD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,YAEX,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,eACE,SAAS,EAAC,yBAAyB,KAC/B,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEhD,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,YAC5C,QAAQ,GACP,CACL,GACE,CACN,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/Calendar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AriaCalendarProps, AriaRangeCalendarProps } from 'react-aria';
+import type { DateValue } from '@internationalized/date';
+/** The single-date calendar, for `DatePicker`. */
+export declare function SingleCalendar(props: AriaCalendarProps<DateValue>): React.JSX.Element;
+/**
+ * The range calendar, for `DateRangePicker`.
+ *
+ * `useRangeCalendar` takes a ref and the single-date `useCalendar` does not,
+ * which is not an inconsistency: the range calendar attaches a pointer-up
+ * listener to it so that releasing the mouse OUTSIDE the calendar still ends
+ * the drag. Without the ref the range would keep following the pointer after
+ * the button came up somewhere else on the page.
+ */
+export declare function RangeCalendar({ visibleMonths, aside, footer, ...props }: AriaRangeCalendarProps<DateValue> & {
+    visibleMonths?: number;
+    aside?: React.ReactNode;
+    footer?: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/components/Calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAiBtC,OAAO,KAAK,EAEV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAgWvE,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAgBjE;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,aAAiB,EACjB,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,SAAS,CAAC,GAAG;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,qBA0BA"}

package/dist/components/Calendar.js

@@ -0,0 +1,151 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useButton, useCalendar, useCalendarCell, useCalendarGrid, useLocale, useRangeCalendar, } from 'react-aria';
+import { useCalendarState, useRangeCalendarState } from 'react-stately';
+import { createCalendar, endOfMonth, getWeeksInMonth, isSameDay, today, } from '@internationalized/date';
+const ChevronLeft = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m15 18-6-6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const ChevronRight = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m9 18 6-6-6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+/* -------------------------------------------------------------------- nav */
+/**
+ * A month-step arrow.
+ *
+ * `useButton` rather than a bare `<button>` because the props react-aria hands
+ * back carry the disabled state for the boundary case — a `minValue` in the
+ * current month means there is no previous month to step to, and the arrow has
+ * to say so rather than silently doing nothing.
+ */
+function NavButton({ buttonProps, children, }) {
+    const ref = useRef(null);
+    const { buttonProps: props } = useButton(buttonProps, ref);
+    return (_jsx("button", { ...props, ref: ref, type: "button", className: "ion-calendar__nav-button", children: children }));
+}
+/* ------------------------------------------------------------------- cell */
+function Cell({ state, date, currentMonth, }) {
+    const ref = useRef(null);
+    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = useCalendarCell({ date }, state, ref);
+    /*
+     * A day that belongs to the neighbouring month.
+     *
+     * `isOutsideVisibleRange` is NOT the same question and using it here is a
+     * bug worth naming: it is true for a date outside the whole visible RANGE,
+     * which for the two-month range calendar spans both grids. December's cells
+     * are inside that range and still do not belong to November's table, so a
+     * cell keyed on it would render December's first week into November's grid
+     * as though those days were November's.
+     */
+    const isOutsideMonth = date.month !== currentMonth.month;
+    /*
+     * The one place the two states differ.
+     *
+     * `highlightedRange` is the committed range OR the one being dragged out
+     * right now, which is what makes the band follow the pointer between the
+     * first and second click instead of appearing only once both ends exist.
+     */
+    const range = 'highlightedRange' in state ? state.highlightedRange : null;
+    const isRangeStart = range ? isSameDay(date, range.start) : false;
+    const isRangeEnd = range ? isSameDay(date, range.end) : false;
+    /*
+     * Inside the band but not an endpoint. Rendered as a flat tint with square
+     * sides so consecutive days join into one continuous bar; the endpoints keep
+     * the solid fill and the rounded outer edge.
+     */
+    const isInRange = Boolean(range) && isSelected && !isRangeStart && !isRangeEnd;
+    /*
+     * Today is marked even when it is selected — the dot moves to the on-colour
+     * token rather than being dropped. A "today" cue that disappears the moment
+     * today is picked vanishes exactly when the user is looking for confirmation
+     * that they picked it.
+     *
+     * The mark is VISUAL ONLY, and deliberately so. `useCalendarCell` already
+     * puts "today" into the cell's accessible name in the reader's own language;
+     * a second announcement from a hidden span would say it twice.
+     */
+    const isToday = isSameDay(date, today(state.timeZone));
+    return (_jsx("td", { ...cellProps, className: "ion-calendar__cell", children: _jsx("div", { ...buttonProps, ref: ref, hidden: isOutsideMonth || undefined, className: [
+                'ion-calendar__day',
+                isSelected ? 'ion-calendar__day--selected' : '',
+                isInRange ? 'ion-calendar__day--in-range' : '',
+                isRangeStart ? 'ion-calendar__day--range-start' : '',
+                isRangeEnd ? 'ion-calendar__day--range-end' : '',
+                isDisabled ? 'ion-calendar__day--disabled' : '',
+                isUnavailable ? 'ion-calendar__day--unavailable' : '',
+            ]
+                .filter(Boolean)
+                .join(' '), "data-selected": isSelected || undefined, "data-in-range": isInRange || undefined, "data-range-start": isRangeStart || undefined, "data-range-end": isRangeEnd || undefined, "data-disabled": isDisabled || undefined, "data-unavailable": isUnavailable || undefined, "data-outside-range": isOutsideVisibleRange || undefined, "data-today": isToday || undefined, children: formattedDate }) }));
+}
+/* ------------------------------------------------------------------- grid */
+/**
+ * One month's table.
+ *
+ * `offset` shifts it forward, which is how the range picker shows two months
+ * from one state: both grids read the same `state.visibleRange.start`, and the
+ * second adds a month to it. Stepping the state forward moves both together,
+ * which is the behaviour a two-month picker needs — a next-month arrow that
+ * moved only the right-hand grid would let the two overlap.
+ */
+function MonthGrid({ state, offset = 0, }) {
+    const { locale } = useLocale();
+    const startDate = state.visibleRange.start.add({ months: offset });
+    const endDate = endOfMonth(startDate);
+    const { gridProps, headerProps, weekDays } = useCalendarGrid({ startDate, endDate }, state);
+    /*
+     * How many week rows this month needs — 4 through 6, depending on which
+     * weekday it starts on. Rendering a fixed 6 would pad February with a blank
+     * row, and rendering `Math.ceil(days / 7)` gets the common case right and the
+     * month that spills over a sixth week wrong.
+     */
+    const weeksInMonth = getWeeksInMonth(startDate, locale);
+    /*
+     * The month name above each grid, from the grid's own start date rather than
+     * from `useCalendar`'s `title`. `title` describes the whole visible range —
+     * "November – December 2024" for the two-month calendar — which is right for
+     * the header and wrong above one of the two grids.
+     */
+    const monthLabel = new Intl.DateTimeFormat(locale, {
+        month: 'long',
+        year: 'numeric',
+        calendar: startDate.calendar.identifier,
+        timeZone: state.timeZone,
+    }).format(startDate.toDate(state.timeZone));
+    return (_jsxs("div", { className: "ion-calendar__month", children: [_jsx("div", { className: "ion-calendar__month-label", "aria-hidden": "true", children: monthLabel }), _jsxs("table", { ...gridProps, className: "ion-calendar__grid", children: [_jsx("thead", { ...headerProps, children: _jsx("tr", { children: weekDays.map((day, i) => (
+                            // The index IS the identity here: the weekday row is a fixed
+                            // seven columns in a fixed order, and nothing reorders it.
+                            _jsx("th", { className: "ion-calendar__weekday", children: day }, i))) }) }), _jsx("tbody", { children: [...new Array(weeksInMonth).keys()].map((weekIndex) => (_jsx("tr", { children: state.getDatesInWeek(weekIndex, startDate).map((date, i) => date ? (_jsx(Cell, { state: state, date: date, currentMonth: startDate }, date.toString())) : (
+                            // A padding cell before the 1st or after the last —
+                            // it has no date to key on, and its position is its identity.
+                            _jsx("td", {}, i))) }, weekIndex))) })] })] }));
+}
+/* ----------------------------------------------------------------- shells */
+function CalendarShell({ calendarProps, prevButtonProps, nextButtonProps, title, state, visibleMonths, aside, footer, refProp, }) {
+    return (_jsxs("div", { ...calendarProps, ref: refProp, className: "ion-calendar", "data-months": visibleMonths, children: [aside, _jsxs("div", { className: "ion-calendar__body", children: [_jsxs("div", { className: "ion-calendar__header", children: [_jsx(NavButton, { buttonProps: prevButtonProps, children: _jsx(ChevronLeft, {}) }), _jsx("h2", { className: "ion-visually-hidden", children: title }), _jsx("div", { className: "ion-calendar__title", "aria-hidden": "true", children: title }), _jsx(NavButton, { buttonProps: nextButtonProps, children: _jsx(ChevronRight, {}) })] }), _jsx("div", { className: "ion-calendar__months", children: [...new Array(visibleMonths).keys()].map((offset) => (_jsx(MonthGrid, { state: state, offset: offset }, offset))) }), footer] })] }));
+}
+/** The single-date calendar, for `DatePicker`. */
+export function SingleCalendar(props) {
+    const { locale } = useLocale();
+    const state = useCalendarState({ ...props, locale, createCalendar });
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+    return (_jsx(CalendarShell, { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title, state: state, visibleMonths: 1 }));
+}
+/**
+ * The range calendar, for `DateRangePicker`.
+ *
+ * `useRangeCalendar` takes a ref and the single-date `useCalendar` does not,
+ * which is not an inconsistency: the range calendar attaches a pointer-up
+ * listener to it so that releasing the mouse OUTSIDE the calendar still ends
+ * the drag. Without the ref the range would keep following the pointer after
+ * the button came up somewhere else on the page.
+ */
+export function RangeCalendar({ visibleMonths = 2, aside, footer, ...props }) {
+    const { locale } = useLocale();
+    const state = useRangeCalendarState({
+        ...props,
+        locale,
+        createCalendar,
+        visibleDuration: { months: visibleMonths },
+    });
+    const ref = useRef(null);
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useRangeCalendar(props, state, ref);
+    return (_jsx(CalendarShell, { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title, state: state, visibleMonths: visibleMonths, aside: aside, footer: footer, refProp: ref }));
+}
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar.js.map

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

package/dist/components/CalendarPopover.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { OverlayTriggerState } from 'react-stately';
+interface CalendarPopoverProps {
+    state: OverlayTriggerState;
+    triggerRef: React.RefObject<HTMLElement | null>;
+    /** `dialogProps` from `useDatePicker` / `useDateRangePicker`. */
+    dialogProps: React.HTMLAttributes<HTMLElement>;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * The panel, in its own component because it is mounted only while open.
+ *
+ * `useDialog` focuses the panel and resolves the title id in effects keyed on
+ * the ref — effects that run when the component CALLING the hook mounts. Called
+ * beside `useDatePickerState` in the picker, that moment is when the field
+ * mounts, with the calendar not yet in the DOM: the dialog never takes focus,
+ * so Escape never reaches it, and `aria-labelledby` is silently dropped. Same
+ * split as `Popover` / `PopoverPanel` and `Drawer`, for the same reason.
+ */
+export declare function CalendarPopover({ state, triggerRef, dialogProps, children, className, }: CalendarPopoverProps): React.JSX.Element;
+export declare namespace CalendarPopover {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=CalendarPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPopover.d.ts","sourceRoot":"","sources":["../../src/components/CalendarPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAmBzD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,iEAAiE;IACjE,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,qBAkDtB;yBAxDe,eAAe"}

package/dist/components/CalendarPopover.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Overlay, usePopover, useDialog, mergeProps } from 'react-aria';
+/**
+ * The panel, in its own component because it is mounted only while open.
+ *
+ * `useDialog` focuses the panel and resolves the title id in effects keyed on
+ * the ref — effects that run when the component CALLING the hook mounts. Called
+ * beside `useDatePickerState` in the picker, that moment is when the field
+ * mounts, with the calendar not yet in the DOM: the dialog never takes focus,
+ * so Escape never reaches it, and `aria-labelledby` is silently dropped. Same
+ * split as `Popover` / `PopoverPanel` and `Drawer`, for the same reason.
+ */
+export function CalendarPopover({ state, triggerRef, dialogProps, children, className, }) {
+    const popoverRef = useRef(null);
+    const { popoverProps, underlayProps } = usePopover({
+        triggerRef,
+        popoverRef,
+        /*
+         * Aligned to the START of the field rather than centred under it. The
+         * calendar is much wider than a small date field and narrower than a wide
+         * one, and a centred overlay would sit at a different offset in each —
+         * which reads as a positioning bug rather than a choice. Anchored left,
+         * the month grid and the first segment share an edge.
+         */
+        placement: 'bottom start',
+        offset: 8,
+    }, state);
+    /*
+     * MODAL, unlike Combobox's listbox, and this is the opposite call from the
+     * one that file makes. A combobox must not move focus, because the user is
+     * still typing into the input that drives the list. A calendar is the
+     * opposite: the grid IS the input while it is open, arrow keys belong to it,
+     * and the date field behind it must not be receiving the same keystrokes.
+     * `usePopover` contains focus and hides the rest of the page from assistive
+     * tech for exactly this case.
+     */
+    const { dialogProps: innerDialogProps } = useDialog({}, popoverRef);
+    return (_jsxs(Overlay, { children: [_jsx("div", { ...underlayProps, className: "ion-calendar-popover__underlay" }), _jsx("div", { ...mergeProps(popoverProps, innerDialogProps, dialogProps), ref: popoverRef, className: ['ion-calendar-popover', className]
+                    .filter(Boolean)
+                    .join(' '), children: children })] }));
+}
+CalendarPopover.displayName = 'CalendarPopover';
+//# sourceMappingURL=CalendarPopover.js.map

package/dist/components/CalendarPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPopover.js","sourceRoot":"","sources":["../../src/components/CalendarPopover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AA6BxE;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,GACY;IACrB,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,UAAU,CAChD;QACE,UAAU;QACV,UAAU;QACV;;;;;;WAMG;QACH,SAAS,EAAE,cAAc;QACzB,MAAM,EAAE,CAAC;KACV,EACD,KAAK,CACN,CAAC;IAEF;;;;;;;;OAQG;IACH,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;IAEpE,OAAO,CACL,MAAC,OAAO,eAMN,iBAAS,aAAa,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACrE,iBACM,UAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,WAAW,CAAC,EAC3D,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC;qBAC3C,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,YAEX,QAAQ,GACL,IACE,CACX,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/components/Checkbox.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { type SelectionProps } from './resolve-selection.js';
 export type CheckboxSize = 'sm' | 'md' | 'lg';
 export type CheckboxIntent = 'brand' | 'neutral' | 'danger';
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, SelectionProps {
     /** Matches the Figma `Size` variant: Small, Medium, Large. */
     size?: CheckboxSize;
     /** Matches the Figma `Color` variant: Brand, Neutral, Danger. */

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;AAGf,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACC,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,wFAkDpB,CAAC"}
+{"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"}