eidos-ui 3.3.0 → 3.5.0

package/README.md

@@ -189,6 +189,12 @@ npm install
 npm run storybook
 ```
 
+For accessibility, [ACCESSIBILITY.md](./ACCESSIBILITY.md) covers what is tested
+against WCAG 2.2 AA and how, what remains the consuming application's
+responsibility, and what has not been done. It does not claim a conformance
+level - [WCAG §5.2.2](https://www.w3.org/TR/WCAG22/#cc2) defines conformance
+for full pages, so no component library can have one.
+
 ## Theming
 
 Every design token is a CSS custom property. There are two ways to change them, depending on whether the theme is fixed at build time or chosen by the user.
@@ -200,18 +206,24 @@ Redeclare any token in your own stylesheet:
 ```css
 :root {
   /* Colours - each family also has -dark, -light, -rgb and -contrast */
-  --primary-color: #5c5de8;
-  --secondary-color: #617087;
+  --primary-color: #0f766e;
+  --secondary-color: #4b5563;
 
   /* Spacing (em-based, so it scales with font size) */
-  --spacing-md: 1em;
-  --spacing-lg: 1.5em;
+  --spacing-md: 1.1em;
+  --spacing-lg: 1.6em;
 
   /* Border radius */
-  --border-radius-md: 8px;
+  --border-radius-md: 10px;
 }
 ```
 
+The values above are deliberately _not_ the defaults - this is what an override
+looks like. For the shipped values, see **Foundations → Colour** (and Typography,
+and Layout) in Storybook: those pages are generated from
+`src/styles/variables.scss` at build time, so they are the one place a token
+value is stated and the only place it cannot go stale.
+
 Individual components can also be targeted directly, following each component's `eidos-<name>` BEM-style class names:
 
 ```css

package/dist/{Input.types-XrJTI0JC.d.ts → Input.types-CSDMaZNe.d.ts}

@@ -21,6 +21,16 @@ interface BaseInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInp
     posIcon?: IconType;
     posIconButton?: boolean;
     onPosIconClick?: () => void;
+    /**
+     * Accessible name for the `posIconButton`. Required in practice whenever
+     * that button is rendered - an icon-only button with no name is announced
+     * as just "button", and only the caller knows what the icon means.
+     *
+     * Omitting it logs a `devWarn` and falls back to a generic name, rather
+     * than throwing or silently shipping a nameless control. It is optional
+     * only to avoid a breaking change; treat it as required.
+     */
+    posIconLabel?: string;
     required?: boolean;
     isSelect?: boolean;
     clearable?: boolean;

package/dist/{Input.types-DFZNyJGF.d.cts → Input.types-D7-sWq-q.d.cts}

@@ -21,6 +21,16 @@ interface BaseInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInp
     posIcon?: IconType;
     posIconButton?: boolean;
     onPosIconClick?: () => void;
+    /**
+     * Accessible name for the `posIconButton`. Required in practice whenever
+     * that button is rendered - an icon-only button with no name is announced
+     * as just "button", and only the caller knows what the icon means.
+     *
+     * Omitting it logs a `devWarn` and falls back to a generic name, rather
+     * than throwing or silently shipping a nameless control. It is optional
+     * only to avoid a breaking change; treat it as required.
+     */
+    posIconLabel?: string;
     required?: boolean;
     isSelect?: boolean;
     clearable?: boolean;

package/dist/{Menu.types-DNIpjSAK.d.ts → Menu.types-BN4g1-3A.d.ts}

@@ -32,6 +32,15 @@ interface MenuProps {
     items: MenuItemType[];
     className?: string;
     onItemClick?: (item: MenuItem) => void;
+    /**
+     * Called when the panel asks to be dismissed - `ArrowLeft` in a submenu,
+     * which the ARIA menu pattern defines as "close this level and return to the
+     * item that opened it".
+     *
+     * A panel cannot close the overlay that holds it, so whoever renders it owns
+     * this.
+     */
+    onRequestClose?: () => void;
 }
 interface MenuWrapperProps {
     trigger: React__default.ReactNode;

package/dist/{Menu.types-DwcuCZM7.d.cts → Menu.types-CTnUijv5.d.cts}

@@ -32,6 +32,15 @@ interface MenuProps {
     items: MenuItemType[];
     className?: string;
     onItemClick?: (item: MenuItem) => void;
+    /**
+     * Called when the panel asks to be dismissed - `ArrowLeft` in a submenu,
+     * which the ARIA menu pattern defines as "close this level and return to the
+     * item that opened it".
+     *
+     * A panel cannot close the overlay that holds it, so whoever renders it owns
+     * this.
+     */
+    onRequestClose?: () => void;
 }
 interface MenuWrapperProps {
     trigger: React__default.ReactNode;

package/dist/{Select.types-B4kDpkGB.d.ts → Select.types-C2tGy1vj.d.ts}

@@ -1,4 +1,4 @@
-import { a as InputProps } from './Input.types-XrJTI0JC.js';
+import { a as InputProps } from './Input.types-CSDMaZNe.js';
 import { I as IconType } from './renderIcon-C2lEMMzb.js';
 
 interface SelectOption {
@@ -16,6 +16,16 @@ interface SelectProps {
     defaultValue?: string | string[];
     onChange?: (value: string | string[]) => void;
     multiple?: boolean;
+    /**
+     * Visible label, rendered as a real `<label>` bound to the field - the same
+     * prop `Input`, `Checkbox`, `Radio` and `Textarea` take.
+     *
+     * For a field that must stay visually unlabelled, pass
+     * `inputProps={{ 'aria-label': '…' }}` instead. One of the two is needed: a
+     * `placeholder` is not a label, since it disappears as soon as a value is
+     * chosen. Omitting both logs a development warning.
+     */
+    label?: string;
     placeholder?: string;
     disabled?: boolean;
     className?: string;

package/dist/{Select.types-CAkT2ACt.d.cts → Select.types-ok-03rLo.d.cts}

@@ -1,4 +1,4 @@
-import { a as InputProps } from './Input.types-DFZNyJGF.cjs';
+import { a as InputProps } from './Input.types-D7-sWq-q.cjs';
 import { I as IconType } from './renderIcon-C2lEMMzb.cjs';
 
 interface SelectOption {
@@ -16,6 +16,16 @@ interface SelectProps {
     defaultValue?: string | string[];
     onChange?: (value: string | string[]) => void;
     multiple?: boolean;
+    /**
+     * Visible label, rendered as a real `<label>` bound to the field - the same
+     * prop `Input`, `Checkbox`, `Radio` and `Textarea` take.
+     *
+     * For a field that must stay visually unlabelled, pass
+     * `inputProps={{ 'aria-label': '…' }}` instead. One of the two is needed: a
+     * `placeholder` is not a label, since it disappears as soon as a value is
+     * chosen. Omitting both logs a development warning.
+     */
+    label?: string;
     placeholder?: string;
     disabled?: boolean;
     className?: string;

package/dist/{Table.types-CPj-udMc.d.cts → Table.types-D-9tC0kJ.d.cts}

@@ -130,9 +130,8 @@ interface TableValueColumn<T extends object, K extends RowKey<T>> extends TableC
  * `data-col-key`.
  *
  * `'icon'` and `'action'` carry their existing cell styling; `'custom'` styles
- * like a normal data cell but takes a free-form key, which is the home for a
- * derived column (previously expressible only by pointing `key` at a field
- * that didn't exist).
+ * like a normal data cell but takes a free-form key, for a derived column
+ * whose content comes from several fields or from none.
  */
 interface TableCustomColumn<T extends object> extends TableColumnCommon {
     /** Free-form - must only be unique within `columns`. */

package/dist/{Table.types-CZZ7QWAI.d.ts → Table.types-D8pmgxKA.d.ts}

@@ -130,9 +130,8 @@ interface TableValueColumn<T extends object, K extends RowKey<T>> extends TableC
  * `data-col-key`.
  *
  * `'icon'` and `'action'` carry their existing cell styling; `'custom'` styles
- * like a normal data cell but takes a free-form key, which is the home for a
- * derived column (previously expressible only by pointing `key` at a field
- * that didn't exist).
+ * like a normal data cell but takes a free-form key, for a derived column
+ * whose content comes from several fields or from none.
  */
 interface TableCustomColumn<T extends object> extends TableColumnCommon {
     /** Free-form - must only be unique within `columns`. */

package/dist/{Toolbar.types-RN0klQzu.d.ts → Toolbar.types-CKnQC_TW.d.ts}

@@ -1,7 +1,7 @@
 import { a as BreadcrumbProps } from './Breadcrumb.types-DaykU-C8.js';
 import { b as AvatarProps } from './Avatar.types-BY-C09Ke.js';
 import { I as IconButtonProps } from './Button.types-BH0CPyPx.js';
-import { b as MenuItemType } from './Menu.types-DNIpjSAK.js';
+import { b as MenuItemType } from './Menu.types-BN4g1-3A.js';
 import { C as CommandItem } from './CommandPalette.types-DRMMS_ev.js';
 
 interface ToolbarProps {

package/dist/{Toolbar.types-DSk8z2iy.d.cts → Toolbar.types-DUz2mxct.d.cts}

@@ -1,7 +1,7 @@
 import { a as BreadcrumbProps } from './Breadcrumb.types-DaykU-C8.cjs';
 import { b as AvatarProps } from './Avatar.types-BY-C09Ke.cjs';
 import { I as IconButtonProps } from './Button.types-DZRCVqyN.cjs';
-import { b as MenuItemType } from './Menu.types-DwcuCZM7.cjs';
+import { b as MenuItemType } from './Menu.types-CTnUijv5.cjs';
 import { C as CommandItem } from './CommandPalette.types-DRMMS_ev.cjs';
 
 interface ToolbarProps {

package/dist/alert/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEH42ND5Qcjs = require('../chunk-EH42ND5Q.cjs');
-require('../chunk-WWYJNWJY.cjs');
+var _chunk3RWZC6OWcjs = require('../chunk-3RWZC6OW.cjs');
+require('../chunk-DA375AI6.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-Z5U4NJTW.cjs');
-require('../chunk-CUJBNRJJ.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Alert = _chunkEH42ND5Qcjs.Alert;
+exports.Alert = _chunk3RWZC6OWcjs.Alert;
 //# sourceMappingURL=index.cjs.map

package/dist/alert/index.js

@@ -1,10 +1,10 @@
 import {
   Alert
-} from "../chunk-O2AACVSF.js";
-import "../chunk-L5Q6UDY3.js";
+} from "../chunk-AR2ZOO6L.js";
+import "../chunk-75GFIQRU.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-YV57RSPD.js";
-import "../chunk-EAJHEYZM.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Alert

package/dist/button/index.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _chunkWWYJNWJYcjs = require('../chunk-WWYJNWJY.cjs');
+var _chunkDA375AI6cjs = require('../chunk-DA375AI6.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-Z5U4NJTW.cjs');
-require('../chunk-CUJBNRJJ.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Button = _chunkWWYJNWJYcjs.Button; exports.IconButton = _chunkWWYJNWJYcjs.IconButton;
+exports.Button = _chunkDA375AI6cjs.Button; exports.IconButton = _chunkDA375AI6cjs.IconButton;
 //# sourceMappingURL=index.cjs.map

package/dist/button/index.js

@@ -2,10 +2,10 @@ import "../chunk-N5JDL4VE.js";
 import {
   Button,
   IconButton
-} from "../chunk-L5Q6UDY3.js";
+} from "../chunk-75GFIQRU.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-YV57RSPD.js";
-import "../chunk-EAJHEYZM.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Button,

package/dist/checkbox/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-SWPZ3HFY.cjs');
 
 
-var _chunkIJ4DXG7Dcjs = require('../chunk-IJ4DXG7D.cjs');
+var _chunkYJNQLH2Lcjs = require('../chunk-YJNQLH2L.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Checkbox = _chunkIJ4DXG7Dcjs.Checkbox;
+exports.Checkbox = _chunkYJNQLH2Lcjs.Checkbox;
 //# sourceMappingURL=index.cjs.map

package/dist/checkbox/index.js

@@ -1,7 +1,7 @@
 import "../chunk-TZWNX7FF.js";
 import {
   Checkbox
-} from "../chunk-H6CWTMAH.js";
+} from "../chunk-DGXHR6FV.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Checkbox

package/dist/chip/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-FQZ6F7FQ.cjs');
 
 
-var _chunkNEYLNRVGcjs = require('../chunk-NEYLNRVG.cjs');
-require('../chunk-Z5U4NJTW.cjs');
-require('../chunk-CUJBNRJJ.cjs');
+var _chunkTTLFY76Jcjs = require('../chunk-TTLFY76J.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Chip = _chunkNEYLNRVGcjs.Chip;
+exports.Chip = _chunkTTLFY76Jcjs.Chip;
 //# sourceMappingURL=index.cjs.map

package/dist/chip/index.js

@@ -1,9 +1,9 @@
 import "../chunk-TPNCV7KA.js";
 import {
   Chip
-} from "../chunk-OAK7HFOJ.js";
-import "../chunk-YV57RSPD.js";
-import "../chunk-EAJHEYZM.js";
+} from "../chunk-GWHZFX2H.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Chip

package/dist/{chunk-ITXDSQT2.js → chunk-24HKKSKX.js}

@@ -1,9 +1,9 @@
 import {
   Chip
-} from "./chunk-OAK7HFOJ.js";
+} from "./chunk-GWHZFX2H.js";
 import {
   Dropdown
-} from "./chunk-6CPCNQKV.js";
+} from "./chunk-JHX6JK3M.js";
 
 // src/components/TagInput/TagInput.component.tsx
 import { useState, useId, useRef, useCallback, useMemo, useEffect } from "react";
@@ -34,11 +34,12 @@ var TagInput = ({
   const inputRef = useRef(null);
   const containerRef = useRef(null);
   const fieldRef = useRef(null);
-  const dropdownSpanRef = useRef(null);
   const hasSuggestions = suggestions !== void 0;
-  const isSuggestionsOpenRef = useRef(false);
   const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);
-  const [suggestionsMenuKey, setSuggestionsMenuKey] = useState(0);
+  const isSuggestionsOpenRef = useRef(isSuggestionsOpen);
+  useEffect(() => {
+    isSuggestionsOpenRef.current = isSuggestionsOpen;
+  }, [isSuggestionsOpen]);
   const [focusedSuggestionIndex, setFocusedSuggestionIndex] = useState(-1);
   const isControlled = value !== void 0;
   const [internalTags, setInternalTags] = useState(defaultValue);
@@ -95,7 +96,6 @@ var TagInput = ({
   }, [filteredSuggestions]);
   const openSuggestions = useCallback(() => {
     if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;
-    dropdownSpanRef.current?.click();
     isSuggestionsOpenRef.current = true;
     setIsSuggestionsOpen(true);
   }, [disabled, hasSuggestions]);
@@ -103,7 +103,6 @@ var TagInput = ({
     isSuggestionsOpenRef.current = false;
     setIsSuggestionsOpen(false);
     setFocusedSuggestionIndex(-1);
-    setSuggestionsMenuKey((prev) => prev + 1);
   }, []);
   const selectSuggestion = useCallback(
     (suggestion) => {
@@ -195,100 +194,93 @@ var TagInput = ({
     disabled && "eidos-tag-input-field--disabled"
   ].filter(Boolean).join(" ");
   const uid = generatedId;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: containerClasses,
-      ref: containerRef,
-      "aria-expanded": hasSuggestions ? isSuggestionsOpen : void 0,
-      "aria-haspopup": hasSuggestions ? "listbox" : void 0,
-      children: [
-        label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "eidos-tag-input-label", children: label }),
-        /* @__PURE__ */ jsxs("div", { className: fieldClasses, onClick: handleFieldClick, ref: fieldRef, children: [
-          tags.map((tag, index) => /* @__PURE__ */ jsx(
-            Chip,
-            {
-              variant: "filled",
-              color: "primary",
-              size,
-              onRemove: disabled ? void 0 : () => removeTag(index),
-              children: tag
-            },
-            `${tag}-${index}`
-          )),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              id: inputId,
-              className: "eidos-tag-input-input",
-              type: "text",
-              value: inputValue,
-              placeholder: tags.length === 0 ? placeholder : void 0,
-              disabled,
-              onKeyDown: handleKeyDown,
-              onChange: handleInputChange,
-              onFocus: handleInputFocus,
-              onBlur: () => setIsFocused(false),
-              "aria-label": label ? void 0 : "Tag input",
-              "aria-describedby": hasError ? errorId : hint ? hintId : void 0,
-              "aria-autocomplete": hasSuggestions ? "list" : void 0,
-              "aria-controls": hasSuggestions ? `${uid}-tag-suggestions` : void 0,
-              "aria-activedescendant": hasSuggestions && focusedSuggestionIndex >= 0 ? `${uid}-tag-suggestion-${focusedSuggestionIndex}` : void 0
-            }
-          ),
-          hasSuggestions && /* @__PURE__ */ jsx(
-            Dropdown,
-            {
-              trigger: /* @__PURE__ */ jsx(
-                "span",
-                {
-                  ref: dropdownSpanRef,
-                  className: "eidos-tag-input-dropdown-anchor",
-                  "aria-hidden": "true"
-                }
-              ),
-              content: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  id: `${uid}-tag-suggestions`,
-                  className: "eidos-tag-input-suggestions",
-                  role: "listbox",
-                  "aria-label": label ?? "Suggestions",
-                  onMouseDown: (e) => e.preventDefault(),
-                  children: filteredSuggestions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "eidos-tag-input-suggestions-empty", children: suggestionsEmptyText }) : filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      id: `${uid}-tag-suggestion-${index}`,
-                      className: [
-                        "eidos-tag-input-suggestion",
-                        index === focusedSuggestionIndex && "eidos-tag-input-suggestion--focused"
-                      ].filter(Boolean).join(" "),
-                      role: "option",
-                      "aria-selected": index === focusedSuggestionIndex,
-                      onClick: () => selectSuggestion(suggestion),
-                      onMouseEnter: () => setFocusedSuggestionIndex(index),
-                      children: suggestion
-                    },
-                    suggestion
-                  ))
-                }
-              ),
-              triggerRef: fieldRef,
-              autoWidth: true,
-              closeOnClickOutside: false,
-              closeOnEscape: false
-            },
-            suggestionsMenuKey
-          )
-        ] }),
-        hint && !hasError && /* @__PURE__ */ jsx("p", { className: "eidos-tag-input-hint", id: hintId, children: hint }),
-        hasError && /* @__PURE__ */ jsxs("p", { className: "eidos-tag-input-error-message", id: errorId, role: "alert", children: [
-          /* @__PURE__ */ jsx(CircleAlert, {}),
-          displayError
-        ] })
-      ]
-    }
+  return (
+    // No ARIA on this wrapper - it has no role, so `aria-expanded` and
+    // `aria-haspopup` were invalid here. Same fix as `Combobox`: they belong
+    // on the input, which is the combobox.
+    /* @__PURE__ */ jsxs("div", { className: containerClasses, ref: containerRef, children: [
+      label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "eidos-tag-input-label", children: label }),
+      /* @__PURE__ */ jsxs("div", { className: fieldClasses, onClick: handleFieldClick, ref: fieldRef, children: [
+        tags.map((tag, index) => /* @__PURE__ */ jsx(
+          Chip,
+          {
+            variant: "filled",
+            color: "primary",
+            size,
+            onRemove: disabled ? void 0 : () => removeTag(index),
+            children: tag
+          },
+          `${tag}-${index}`
+        )),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            id: inputId,
+            className: "eidos-tag-input-input",
+            type: "text",
+            value: inputValue,
+            placeholder: tags.length === 0 ? placeholder : void 0,
+            disabled,
+            onKeyDown: handleKeyDown,
+            onChange: handleInputChange,
+            onFocus: handleInputFocus,
+            onBlur: () => setIsFocused(false),
+            "aria-label": label ? void 0 : "Tag input",
+            "aria-invalid": hasError ? true : void 0,
+            "aria-describedby": hasError ? errorId : hint ? hintId : void 0,
+            role: hasSuggestions ? "combobox" : void 0,
+            "aria-expanded": hasSuggestions ? isSuggestionsOpen : void 0,
+            "aria-autocomplete": hasSuggestions ? "list" : void 0,
+            "aria-controls": hasSuggestions && isSuggestionsOpen ? `${uid}-tag-suggestions` : void 0,
+            "aria-activedescendant": hasSuggestions && focusedSuggestionIndex >= 0 ? `${uid}-tag-suggestion-${focusedSuggestionIndex}` : void 0
+          }
+        ),
+        hasSuggestions && /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            open: isSuggestionsOpen,
+            onOpenChange: setIsSuggestionsOpen,
+            trigger: /* @__PURE__ */ jsx("span", { className: "eidos-tag-input-dropdown-anchor", "aria-hidden": "true" }),
+            content: /* @__PURE__ */ jsx(
+              "div",
+              {
+                id: `${uid}-tag-suggestions`,
+                className: "eidos-tag-input-suggestions",
+                role: "listbox",
+                "aria-label": label ?? "Suggestions",
+                onMouseDown: (e) => e.preventDefault(),
+                children: filteredSuggestions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "eidos-tag-input-suggestions-empty", children: suggestionsEmptyText }) : filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    id: `${uid}-tag-suggestion-${index}`,
+                    className: [
+                      "eidos-tag-input-suggestion",
+                      index === focusedSuggestionIndex && "eidos-tag-input-suggestion--focused"
+                    ].filter(Boolean).join(" "),
+                    role: "option",
+                    "aria-selected": index === focusedSuggestionIndex,
+                    onClick: () => selectSuggestion(suggestion),
+                    onMouseEnter: () => setFocusedSuggestionIndex(index),
+                    children: suggestion
+                  },
+                  suggestion
+                ))
+              }
+            ),
+            triggerRef: fieldRef,
+            autoWidth: true,
+            closeOnClickOutside: false,
+            closeOnEscape: false
+          }
+        )
+      ] }),
+      hint && !hasError && /* @__PURE__ */ jsx("p", { className: "eidos-tag-input-hint", id: hintId, children: hint }),
+      hasError && /* @__PURE__ */ jsxs("p", { className: "eidos-tag-input-error-message", id: errorId, role: "alert", children: [
+        /* @__PURE__ */ jsx(CircleAlert, {}),
+        displayError
+      ] })
+    ] })
   );
 };
 TagInput.displayName = "TagInput";
@@ -296,4 +288,4 @@ TagInput.displayName = "TagInput";
 export {
   TagInput
 };
-//# sourceMappingURL=chunk-ITXDSQT2.js.map
+//# sourceMappingURL=chunk-24HKKSKX.js.map

package/dist/chunk-24HKKSKX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagInput/TagInput.component.tsx"],"sourcesContent":["import React, { useState, useId, useRef, useCallback, useMemo, useEffect } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport { Chip } from '../Chip/Chip.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { TagInputProps } from './TagInput.types';\nimport './TagInput.scss';\n\nexport const TagInput: React.FC<TagInputProps> = ({\n  value,\n  defaultValue = [],\n  onChange,\n  placeholder = 'Add tag…',\n  size = 'md',\n  disabled = false,\n  label,\n  error,\n  hint,\n  allowDuplicates = false,\n  maxTags,\n  separators = ['Enter', ',', 'Tab'],\n  validate,\n  className = '',\n  fullWidth = false,\n  suggestions,\n  onSearch,\n  suggestionsEmptyText = 'No matches',\n}) => {\n  const generatedId = useId();\n  const inputId = `tag-input-${generatedId}`;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  /** Entire component wrapper - used for click-outside detection on the suggestions dropdown */\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  /** The field wrapper - passed to Dropdown as externalTriggerRef for width/anchoring */\n  const fieldRef = useRef<HTMLDivElement>(null);\n\n  /** The 0-height span that IS the Dropdown trigger element - programmatically clicked to open */\n\n  const hasSuggestions = suggestions !== undefined;\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\n  // Read synchronously by the document `mousedown` listener and the key\n  // handlers, where a value captured at render would be stale. Kept in step by\n  // an effect rather than assigned at every call site, which is how the two\n  // used to drift apart.\n  const isSuggestionsOpenRef = useRef(isSuggestionsOpen);\n  useEffect(() => {\n    isSuggestionsOpenRef.current = isSuggestionsOpen;\n  }, [isSuggestionsOpen]);\n  const [focusedSuggestionIndex, setFocusedSuggestionIndex] = useState(-1);\n\n  const isControlled = value !== undefined;\n\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue);\n  const [inputValue, setInputValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n\n  const tags = isControlled ? (value as string[]) : internalTags;\n\n  const updateTags = useCallback(\n    (newTags: string[]) => {\n      if (!isControlled) {\n        setInternalTags(newTags);\n      }\n      onChange?.(newTags);\n    },\n    [isControlled, onChange],\n  );\n\n  const addTag = useCallback(\n    (rawTag: string) => {\n      const tag = rawTag.trim();\n\n      if (!tag) return;\n\n      if (!allowDuplicates && tags.includes(tag)) return;\n\n      if (maxTags !== undefined && tags.length >= maxTags) return;\n\n      if (validate) {\n        const result = validate(tag);\n        if (result === false) return;\n        if (typeof result === 'string') {\n          setValidationError(result);\n          return;\n        }\n        // result === true → valid, fall through\n      }\n\n      setValidationError(null);\n      updateTags([...tags, tag]);\n      setInputValue('');\n    },\n    [tags, allowDuplicates, maxTags, validate, updateTags],\n  );\n\n  const removeTag = useCallback(\n    (index: number) => {\n      updateTags(tags.filter((_, i) => i !== index));\n    },\n    [tags, updateTags],\n  );\n\n  // ─── Suggestions dropdown (autocomplete) ───────────────────────────────────\n\n  const filteredSuggestions = useMemo<string[]>(() => {\n    if (!suggestions) return [];\n    const query = inputValue.trim().toLowerCase();\n    return suggestions.filter((suggestion) => {\n      if (!allowDuplicates && tags.includes(suggestion)) return false;\n      if (!query) return true;\n      return suggestion.toLowerCase().includes(query);\n    });\n  }, [suggestions, inputValue, tags, allowDuplicates]);\n\n  useEffect(() => {\n    setFocusedSuggestionIndex(-1);\n  }, [filteredSuggestions]);\n\n  const openSuggestions = useCallback(() => {\n    if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;\n    // This used to synthesise a click on a hidden zero-height `span` so that it\n    // would bubble to the dropdown's trigger wrapper - the only way in, while\n    // the overlay owned its open state privately.\n    isSuggestionsOpenRef.current = true;\n    setIsSuggestionsOpen(true);\n  }, [disabled, hasSuggestions]);\n\n  const closeSuggestions = useCallback(() => {\n    isSuggestionsOpenRef.current = false;\n    setIsSuggestionsOpen(false);\n    setFocusedSuggestionIndex(-1);\n  }, []);\n\n  const selectSuggestion = useCallback(\n    (suggestion: string) => {\n      addTag(suggestion);\n      closeSuggestions();\n      inputRef.current?.focus();\n    },\n    [addTag, closeSuggestions],\n  );\n\n  // Click-outside detection for the suggestions dropdown.\n  useEffect(() => {\n    if (!hasSuggestions) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!isSuggestionsOpenRef.current) return;\n      if (e.defaultPrevented) return; // click inside the portal-rendered listbox\n      if (containerRef.current?.contains(e.target as Node)) return;\n      closeSuggestions();\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => document.removeEventListener('mousedown', handleMouseDown);\n  }, [hasSuggestions, closeSuggestions]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (hasSuggestions && isSuggestionsOpenRef.current && filteredSuggestions.length > 0) {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev + 1 < filteredSuggestions.length ? prev + 1 : 0));\n        return;\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev > 0 ? prev - 1 : filteredSuggestions.length - 1));\n        return;\n      }\n      if (e.key === 'Enter' && focusedSuggestionIndex >= 0) {\n        e.preventDefault();\n        selectSuggestion(filteredSuggestions[focusedSuggestionIndex]);\n        return;\n      }\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        closeSuggestions();\n        return;\n      }\n    }\n\n    if (separators.includes(e.key)) {\n      e.preventDefault();\n      addTag(inputValue);\n      return;\n    }\n\n    if (e.key === 'Backspace' && inputValue === '' && tags.length > 0) {\n      e.preventDefault();\n      removeTag(tags.length - 1);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const query = e.target.value;\n    setInputValue(query);\n    if (validationError) {\n      setValidationError(null);\n    }\n    onSearch?.(query);\n    if (hasSuggestions && !isSuggestionsOpenRef.current) openSuggestions();\n  };\n\n  const handleInputFocus = () => {\n    setIsFocused(true);\n    if (hasSuggestions) openSuggestions();\n  };\n\n  const handleFieldClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // Don't steal focus from interactive child elements\n    if ((e.target as HTMLElement).closest('button, input')) return;\n    if (!disabled) {\n      inputRef.current?.focus();\n    }\n  };\n\n  const displayError = validationError ?? error;\n  const hasError = !!displayError;\n  const errorId = `${inputId}-error`;\n  const hintId = `${inputId}-hint`;\n\n  const containerClasses = [\n    'eidos-tag-input',\n    hasError && 'eidos-tag-input--error',\n    disabled && 'eidos-tag-input--disabled',\n    fullWidth && 'eidos-tag-input--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const fieldClasses = [\n    'eidos-tag-input-field',\n    `eidos-tag-input-field--${size}`,\n    isFocused && 'eidos-tag-input-field--focused',\n    hasError && 'eidos-tag-input-field--error',\n    disabled && 'eidos-tag-input-field--disabled',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const uid = generatedId;\n\n  return (\n    // No ARIA on this wrapper - it has no role, so `aria-expanded` and\n    // `aria-haspopup` were invalid here. Same fix as `Combobox`: they belong\n    // on the input, which is the combobox.\n    <div className={containerClasses} ref={containerRef}>\n      {label && (\n        <label htmlFor={inputId} className=\"eidos-tag-input-label\">\n          {label}\n        </label>\n      )}\n\n      <div className={fieldClasses} onClick={handleFieldClick} ref={fieldRef}>\n        {tags.map((tag, index) => (\n          <Chip\n            key={`${tag}-${index}`}\n            variant=\"filled\"\n            color=\"primary\"\n            size={size}\n            onRemove={disabled ? undefined : () => removeTag(index)}\n          >\n            {tag}\n          </Chip>\n        ))}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          className=\"eidos-tag-input-input\"\n          type=\"text\"\n          value={inputValue}\n          placeholder={tags.length === 0 ? placeholder : undefined}\n          disabled={disabled}\n          onKeyDown={handleKeyDown}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onBlur={() => setIsFocused(false)}\n          aria-label={label ? undefined : 'Tag input'}\n          aria-invalid={hasError ? true : undefined}\n          // The ternary is deliberate, not a bug: the hint is unmounted when\n          // an error shows (see the render below), so describing the field\n          // with it would point at an element that is not there.\n          aria-describedby={hasError ? errorId : hint ? hintId : undefined}\n          role={hasSuggestions ? 'combobox' : undefined}\n          aria-expanded={hasSuggestions ? isSuggestionsOpen : undefined}\n          aria-autocomplete={hasSuggestions ? 'list' : undefined}\n          // Only while the list is actually rendered - `aria-controls` must\n          // name an element that exists.\n          aria-controls={hasSuggestions && isSuggestionsOpen ? `${uid}-tag-suggestions` : undefined}\n          aria-activedescendant={\n            hasSuggestions && focusedSuggestionIndex >= 0\n              ? `${uid}-tag-suggestion-${focusedSuggestionIndex}`\n              : undefined\n          }\n        />\n\n        {hasSuggestions && (\n          <Dropdown\n            open={isSuggestionsOpen}\n            onOpenChange={setIsSuggestionsOpen}\n            // Positioning is anchored to the field via `triggerRef` below; this\n            // span is only here because a trigger is required. It used to carry\n            // a ref purely so `openSuggestions` could click it.\n            trigger={<span className=\"eidos-tag-input-dropdown-anchor\" aria-hidden=\"true\" />}\n            content={\n              <div\n                id={`${uid}-tag-suggestions`}\n                className=\"eidos-tag-input-suggestions\"\n                role=\"listbox\"\n                aria-label={label ?? 'Suggestions'}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                {filteredSuggestions.length === 0 ? (\n                  <div className=\"eidos-tag-input-suggestions-empty\">{suggestionsEmptyText}</div>\n                ) : (\n                  filteredSuggestions.map((suggestion, index) => (\n                    <div\n                      key={suggestion}\n                      id={`${uid}-tag-suggestion-${index}`}\n                      className={[\n                        'eidos-tag-input-suggestion',\n                        index === focusedSuggestionIndex && 'eidos-tag-input-suggestion--focused',\n                      ]\n                        .filter(Boolean)\n                        .join(' ')}\n                      role=\"option\"\n                      aria-selected={index === focusedSuggestionIndex}\n                      onClick={() => selectSuggestion(suggestion)}\n                      onMouseEnter={() => setFocusedSuggestionIndex(index)}\n                    >\n                      {suggestion}\n                    </div>\n                  ))\n                )}\n              </div>\n            }\n            triggerRef={fieldRef as React.RefObject<HTMLElement | null>}\n            autoWidth\n            closeOnClickOutside={false}\n            closeOnEscape={false}\n          />\n        )}\n      </div>\n\n      {hint && !hasError && (\n        <p className=\"eidos-tag-input-hint\" id={hintId}>\n          {hint}\n        </p>\n      )}\n\n      {hasError && (\n        <p className=\"eidos-tag-input-error-message\" id={errorId} role=\"alert\">\n          <CircleAlert />\n          {displayError}\n        </p>\n      )}\n    </div>\n  );\n};\n\nTagInput.displayName = 'TagInput';\n"],"mappings":";;;;;;;;AAAA,SAAgB,UAAU,OAAO,QAAQ,aAAa,SAAS,iBAAiB;AAChF,SAAS,mBAAmB;AA0PpB,cAKF,YALE;AApPD,IAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,aAAa,CAAC,SAAS,KAAK,KAAK;AAAA,EACjC;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,uBAAuB;AACzB,MAAM;AACJ,QAAM,cAAc,MAAM;AAC1B,QAAM,UAAU,aAAa,WAAW;AACxC,QAAM,WAAW,OAAyB,IAAI;AAG9C,QAAM,eAAe,OAAuB,IAAI;AAGhD,QAAM,WAAW,OAAuB,IAAI;AAI5C,QAAM,iBAAiB,gBAAgB;AACvC,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAKhE,QAAM,uBAAuB,OAAO,iBAAiB;AACrD,YAAU,MAAM;AACd,yBAAqB,UAAU;AAAA,EACjC,GAAG,CAAC,iBAAiB,CAAC;AACtB,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,EAAE;AAEvE,QAAM,eAAe,UAAU;AAE/B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAmB,YAAY;AACvE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAwB,IAAI;AAE1E,QAAM,OAAO,eAAgB,QAAqB;AAElD,QAAM,aAAa;AAAA,IACjB,CAAC,YAAsB;AACrB,UAAI,CAAC,cAAc;AACjB,wBAAgB,OAAO;AAAA,MACzB;AACA,iBAAW,OAAO;AAAA,IACpB;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,QAAM,SAAS;AAAA,IACb,CAAC,WAAmB;AAClB,YAAM,MAAM,OAAO,KAAK;AAExB,UAAI,CAAC,IAAK;AAEV,UAAI,CAAC,mBAAmB,KAAK,SAAS,GAAG,EAAG;AAE5C,UAAI,YAAY,UAAa,KAAK,UAAU,QAAS;AAErD,UAAI,UAAU;AACZ,cAAM,SAAS,SAAS,GAAG;AAC3B,YAAI,WAAW,MAAO;AACtB,YAAI,OAAO,WAAW,UAAU;AAC9B,6BAAmB,MAAM;AACzB;AAAA,QACF;AAAA,MAEF;AAEA,yBAAmB,IAAI;AACvB,iBAAW,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,oBAAc,EAAE;AAAA,IAClB;AAAA,IACA,CAAC,MAAM,iBAAiB,SAAS,UAAU,UAAU;AAAA,EACvD;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,UAAkB;AACjB,iBAAW,KAAK,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC;AAAA,IAC/C;AAAA,IACA,CAAC,MAAM,UAAU;AAAA,EACnB;AAIA,QAAM,sBAAsB,QAAkB,MAAM;AAClD,QAAI,CAAC,YAAa,QAAO,CAAC;AAC1B,UAAM,QAAQ,WAAW,KAAK,EAAE,YAAY;AAC5C,WAAO,YAAY,OAAO,CAAC,eAAe;AACxC,UAAI,CAAC,mBAAmB,KAAK,SAAS,UAAU,EAAG,QAAO;AAC1D,UAAI,CAAC,MAAO,QAAO;AACnB,aAAO,WAAW,YAAY,EAAE,SAAS,KAAK;AAAA,IAChD,CAAC;AAAA,EACH,GAAG,CAAC,aAAa,YAAY,MAAM,eAAe,CAAC;AAEnD,YAAU,MAAM;AACd,8BAA0B,EAAE;AAAA,EAC9B,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,qBAAqB,WAAW,YAAY,CAAC,eAAgB;AAIjE,yBAAqB,UAAU;AAC/B,yBAAqB,IAAI;AAAA,EAC3B,GAAG,CAAC,UAAU,cAAc,CAAC;AAE7B,QAAM,mBAAmB,YAAY,MAAM;AACzC,yBAAqB,UAAU;AAC/B,yBAAqB,KAAK;AAC1B,8BAA0B,EAAE;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB;AAAA,IACvB,CAAC,eAAuB;AACtB,aAAO,UAAU;AACjB,uBAAiB;AACjB,eAAS,SAAS,MAAM;AAAA,IAC1B;AAAA,IACA,CAAC,QAAQ,gBAAgB;AAAA,EAC3B;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AAErB,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,qBAAqB,QAAS;AACnC,UAAI,EAAE,iBAAkB;AACxB,UAAI,aAAa,SAAS,SAAS,EAAE,MAAc,EAAG;AACtD,uBAAiB;AAAA,IACnB;AAEA,aAAS,iBAAiB,aAAa,eAAe;AACtD,WAAO,MAAM,SAAS,oBAAoB,aAAa,eAAe;AAAA,EACxE,GAAG,CAAC,gBAAgB,gBAAgB,CAAC;AAErC,QAAM,gBAAgB,CAAC,MAA6C;AAClE,QAAI,kBAAkB,qBAAqB,WAAW,oBAAoB,SAAS,GAAG;AACpF,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,kCAA0B,CAAC,SAAU,OAAO,IAAI,oBAAoB,SAAS,OAAO,IAAI,CAAE;AAC1F;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAe;AACjB,kCAA0B,CAAC,SAAU,OAAO,IAAI,OAAO,IAAI,oBAAoB,SAAS,CAAE;AAC1F;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW,0BAA0B,GAAG;AACpD,UAAE,eAAe;AACjB,yBAAiB,oBAAoB,sBAAsB,CAAC;AAC5D;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,UAAU;AACtB,UAAE,eAAe;AACjB,yBAAiB;AACjB;AAAA,MACF;AAAA,IACF;AAEA,QAAI,WAAW,SAAS,EAAE,GAAG,GAAG;AAC9B,QAAE,eAAe;AACjB,aAAO,UAAU;AACjB;AAAA,IACF;AAEA,QAAI,EAAE,QAAQ,eAAe,eAAe,MAAM,KAAK,SAAS,GAAG;AACjE,QAAE,eAAe;AACjB,gBAAU,KAAK,SAAS,CAAC;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAA2C;AACpE,UAAM,QAAQ,EAAE,OAAO;AACvB,kBAAc,KAAK;AACnB,QAAI,iBAAiB;AACnB,yBAAmB,IAAI;AAAA,IACzB;AACA,eAAW,KAAK;AAChB,QAAI,kBAAkB,CAAC,qBAAqB,QAAS,iBAAgB;AAAA,EACvE;AAEA,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,IAAI;AACjB,QAAI,eAAgB,iBAAgB;AAAA,EACtC;AAEA,QAAM,mBAAmB,CAAC,MAAwC;AAEhE,QAAK,EAAE,OAAuB,QAAQ,eAAe,EAAG;AACxD,QAAI,CAAC,UAAU;AACb,eAAS,SAAS,MAAM;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,eAAe,mBAAmB;AACxC,QAAM,WAAW,CAAC,CAAC;AACnB,QAAM,UAAU,GAAG,OAAO;AAC1B,QAAM,SAAS,GAAG,OAAO;AAEzB,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,0BAA0B,IAAI;AAAA,IAC9B,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,EACd,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,MAAM;AAEZ;AAAA;AAAA;AAAA;AAAA,IAIE,qBAAC,SAAI,WAAW,kBAAkB,KAAK,cACpC;AAAA,eACC,oBAAC,WAAM,SAAS,SAAS,WAAU,yBAChC,iBACH;AAAA,MAGF,qBAAC,SAAI,WAAW,cAAc,SAAS,kBAAkB,KAAK,UAC3D;AAAA,aAAK,IAAI,CAAC,KAAK,UACd;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN;AAAA,YACA,UAAU,WAAW,SAAY,MAAM,UAAU,KAAK;AAAA,YAErD;AAAA;AAAA,UANI,GAAG,GAAG,IAAI,KAAK;AAAA,QAOtB,CACD;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAO;AAAA,YACP,aAAa,KAAK,WAAW,IAAI,cAAc;AAAA,YAC/C;AAAA,YACA,WAAW;AAAA,YACX,UAAU;AAAA,YACV,SAAS;AAAA,YACT,QAAQ,MAAM,aAAa,KAAK;AAAA,YAChC,cAAY,QAAQ,SAAY;AAAA,YAChC,gBAAc,WAAW,OAAO;AAAA,YAIhC,oBAAkB,WAAW,UAAU,OAAO,SAAS;AAAA,YACvD,MAAM,iBAAiB,aAAa;AAAA,YACpC,iBAAe,iBAAiB,oBAAoB;AAAA,YACpD,qBAAmB,iBAAiB,SAAS;AAAA,YAG7C,iBAAe,kBAAkB,oBAAoB,GAAG,GAAG,qBAAqB;AAAA,YAChF,yBACE,kBAAkB,0BAA0B,IACxC,GAAG,GAAG,mBAAmB,sBAAsB,KAC/C;AAAA;AAAA,QAER;AAAA,QAEC,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,cAAc;AAAA,YAId,SAAS,oBAAC,UAAK,WAAU,mCAAkC,eAAY,QAAO;AAAA,YAC9E,SACE;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI,GAAG,GAAG;AAAA,gBACV,WAAU;AAAA,gBACV,MAAK;AAAA,gBACL,cAAY,SAAS;AAAA,gBACrB,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,gBAEpC,8BAAoB,WAAW,IAC9B,oBAAC,SAAI,WAAU,qCAAqC,gCAAqB,IAEzE,oBAAoB,IAAI,CAAC,YAAY,UACnC;AAAA,kBAAC;AAAA;AAAA,oBAEC,IAAI,GAAG,GAAG,mBAAmB,KAAK;AAAA,oBAClC,WAAW;AAAA,sBACT;AAAA,sBACA,UAAU,0BAA0B;AAAA,oBACtC,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,oBACX,MAAK;AAAA,oBACL,iBAAe,UAAU;AAAA,oBACzB,SAAS,MAAM,iBAAiB,UAAU;AAAA,oBAC1C,cAAc,MAAM,0BAA0B,KAAK;AAAA,oBAElD;AAAA;AAAA,kBAbI;AAAA,gBAcP,CACD;AAAA;AAAA,YAEL;AAAA,YAEF,YAAY;AAAA,YACZ,WAAS;AAAA,YACT,qBAAqB;AAAA,YACrB,eAAe;AAAA;AAAA,QACjB;AAAA,SAEJ;AAAA,MAEC,QAAQ,CAAC,YACR,oBAAC,OAAE,WAAU,wBAAuB,IAAI,QACrC,gBACH;AAAA,MAGD,YACC,qBAAC,OAAE,WAAU,iCAAgC,IAAI,SAAS,MAAK,SAC7D;AAAA,4BAAC,eAAY;AAAA,QACZ;AAAA,SACH;AAAA,OAEJ;AAAA;AAEJ;AAEA,SAAS,cAAc;","names":[]}