eidos-ui 3.3.0 → 3.5.0

package/dist/{chunk-ACNTH2OQ.cjs → chunk-ZMRINZIO.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkNEYLNRVGcjs = require('./chunk-NEYLNRVG.cjs');
+var _chunkTTLFY76Jcjs = require('./chunk-TTLFY76J.cjs');
 
 
-var _chunkP2JM22BFcjs = require('./chunk-P2JM22BF.cjs');
+var _chunkKIZVY57Hcjs = require('./chunk-KIZVY57H.cjs');
 
 // src/components/TagInput/TagInput.component.tsx
 var _react = require('react');
@@ -34,11 +34,12 @@ var TagInput = ({
   const inputRef = _react.useRef.call(void 0, null);
   const containerRef = _react.useRef.call(void 0, null);
   const fieldRef = _react.useRef.call(void 0, null);
-  const dropdownSpanRef = _react.useRef.call(void 0, null);
   const hasSuggestions = suggestions !== void 0;
-  const isSuggestionsOpenRef = _react.useRef.call(void 0, false);
   const [isSuggestionsOpen, setIsSuggestionsOpen] = _react.useState.call(void 0, false);
-  const [suggestionsMenuKey, setSuggestionsMenuKey] = _react.useState.call(void 0, 0);
+  const isSuggestionsOpenRef = _react.useRef.call(void 0, isSuggestionsOpen);
+  _react.useEffect.call(void 0, () => {
+    isSuggestionsOpenRef.current = isSuggestionsOpen;
+  }, [isSuggestionsOpen]);
   const [focusedSuggestionIndex, setFocusedSuggestionIndex] = _react.useState.call(void 0, -1);
   const isControlled = value !== void 0;
   const [internalTags, setInternalTags] = _react.useState.call(void 0, defaultValue);
@@ -95,7 +96,6 @@ var TagInput = ({
   }, [filteredSuggestions]);
   const openSuggestions = _react.useCallback.call(void 0, () => {
     if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;
-    _optionalChain([dropdownSpanRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.click, 'call', _5 => _5()]);
     isSuggestionsOpenRef.current = true;
     setIsSuggestionsOpen(true);
   }, [disabled, hasSuggestions]);
@@ -103,13 +103,12 @@ var TagInput = ({
     isSuggestionsOpenRef.current = false;
     setIsSuggestionsOpen(false);
     setFocusedSuggestionIndex(-1);
-    setSuggestionsMenuKey((prev) => prev + 1);
   }, []);
   const selectSuggestion = _react.useCallback.call(void 0, 
     (suggestion) => {
       addTag(suggestion);
       closeSuggestions();
-      _optionalChain([inputRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.focus, 'call', _8 => _8()]);
+      _optionalChain([inputRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
     },
     [addTag, closeSuggestions]
   );
@@ -118,7 +117,7 @@ var TagInput = ({
     const handleMouseDown = (e) => {
       if (!isSuggestionsOpenRef.current) return;
       if (e.defaultPrevented) return;
-      if (_optionalChain([containerRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.contains, 'call', _11 => _11(e.target)])) return;
+      if (_optionalChain([containerRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.contains, 'call', _8 => _8(e.target)])) return;
       closeSuggestions();
     };
     document.addEventListener("mousedown", handleMouseDown);
@@ -163,7 +162,7 @@ var TagInput = ({
     if (validationError) {
       setValidationError(null);
     }
-    _optionalChain([onSearch, 'optionalCall', _12 => _12(query)]);
+    _optionalChain([onSearch, 'optionalCall', _9 => _9(query)]);
     if (hasSuggestions && !isSuggestionsOpenRef.current) openSuggestions();
   };
   const handleInputFocus = () => {
@@ -173,7 +172,7 @@ var TagInput = ({
   const handleFieldClick = (e) => {
     if (e.target.closest("button, input")) return;
     if (!disabled) {
-      _optionalChain([inputRef, 'access', _13 => _13.current, 'optionalAccess', _14 => _14.focus, 'call', _15 => _15()]);
+      _optionalChain([inputRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.focus, 'call', _12 => _12()]);
     }
   };
   const displayError = _nullishCoalesce(validationError, () => ( error));
@@ -195,100 +194,93 @@ var TagInput = ({
     disabled && "eidos-tag-input-field--disabled"
   ].filter(Boolean).join(" ");
   const uid = generatedId;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: containerClasses,
-      ref: containerRef,
-      "aria-expanded": hasSuggestions ? isSuggestionsOpen : void 0,
-      "aria-haspopup": hasSuggestions ? "listbox" : void 0,
-      children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: inputId, className: "eidos-tag-input-label", children: label }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: fieldClasses, onClick: handleFieldClick, ref: fieldRef, children: [
-          tags.map((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkNEYLNRVGcjs.Chip,
-            {
-              variant: "filled",
-              color: "primary",
-              size,
-              onRemove: disabled ? void 0 : () => removeTag(index),
-              children: tag
-            },
-            `${tag}-${index}`
-          )),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "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__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkP2JM22BFcjs.Dropdown,
-            {
-              trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "span",
-                {
-                  ref: dropdownSpanRef,
-                  className: "eidos-tag-input-dropdown-anchor",
-                  "aria-hidden": "true"
-                }
-              ),
-              content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  id: `${uid}-tag-suggestions`,
-                  className: "eidos-tag-input-suggestions",
-                  role: "listbox",
-                  "aria-label": _nullishCoalesce(label, () => ( "Suggestions")),
-                  onMouseDown: (e) => e.preventDefault(),
-                  children: filteredSuggestions.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-tag-input-suggestions-empty", children: suggestionsEmptyText }) : filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "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__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-tag-input-hint", id: hintId, children: hint }),
-        hasError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "eidos-tag-input-error-message", id: errorId, role: "alert", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, ref: containerRef, children: [
+      label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: inputId, className: "eidos-tag-input-label", children: label }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: fieldClasses, onClick: handleFieldClick, ref: fieldRef, children: [
+        tags.map((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkTTLFY76Jcjs.Chip,
+          {
+            variant: "filled",
+            color: "primary",
+            size,
+            onRemove: disabled ? void 0 : () => removeTag(index),
+            children: tag
+          },
+          `${tag}-${index}`
+        )),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "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__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkKIZVY57Hcjs.Dropdown,
+          {
+            open: isSuggestionsOpen,
+            onOpenChange: setIsSuggestionsOpen,
+            trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-tag-input-dropdown-anchor", "aria-hidden": "true" }),
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                id: `${uid}-tag-suggestions`,
+                className: "eidos-tag-input-suggestions",
+                role: "listbox",
+                "aria-label": _nullishCoalesce(label, () => ( "Suggestions")),
+                onMouseDown: (e) => e.preventDefault(),
+                children: filteredSuggestions.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-tag-input-suggestions-empty", children: suggestionsEmptyText }) : filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "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__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-tag-input-hint", id: hintId, children: hint }),
+      hasError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "eidos-tag-input-error-message", id: errorId, role: "alert", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}),
+        displayError
+      ] })
+    ] })
   );
 };
 TagInput.displayName = "TagInput";
@@ -296,4 +288,4 @@ TagInput.displayName = "TagInput";
 
 
 exports.TagInput = TagInput;
-//# sourceMappingURL=chunk-ACNTH2OQ.cjs.map
+//# sourceMappingURL=chunk-ZMRINZIO.cjs.map

package/dist/chunk-ZMRINZIO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-ZMRINZIO.cjs","../src/components/TagInput/TagInput.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-ZMRINZIO.cjs","sourcesContent":[null,"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"]}

package/dist/color-picker/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAOGNTG3Wcjs = require('../chunk-AOGNTG3W.cjs');
-require('../chunk-P2JM22BF.cjs');
-require('../chunk-CUJBNRJJ.cjs');
+var _chunkKBQD4JLKcjs = require('../chunk-KBQD4JLK.cjs');
+require('../chunk-KIZVY57H.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.ColorPicker = _chunkAOGNTG3Wcjs.ColorPicker;
+exports.ColorPicker = _chunkKBQD4JLKcjs.ColorPicker;
 //# sourceMappingURL=index.cjs.map

package/dist/color-picker/index.d.cts

@@ -32,6 +32,14 @@ interface ColorPickerProps {
     /** Render the picker panel inline - no popover trigger. Default: false */
     inline?: boolean;
     label?: string;
+    /**
+     * Accessible name for the trigger when no visible `label` is rendered.
+     *
+     * Needed when the label lives outside the component - `ThemeEditor` draws
+     * its own row labels, so without this every picker on the page is
+     * announced as "Open colour picker" and they cannot be told apart.
+     */
+    ariaLabel?: string;
     className?: string;
 }
 

package/dist/color-picker/index.d.ts

@@ -32,6 +32,14 @@ interface ColorPickerProps {
     /** Render the picker panel inline - no popover trigger. Default: false */
     inline?: boolean;
     label?: string;
+    /**
+     * Accessible name for the trigger when no visible `label` is rendered.
+     *
+     * Needed when the label lives outside the component - `ThemeEditor` draws
+     * its own row labels, so without this every picker on the page is
+     * announced as "Open colour picker" and they cannot be told apart.
+     */
+    ariaLabel?: string;
     className?: string;
 }
 

package/dist/color-picker/index.js

@@ -1,8 +1,8 @@
 import {
   ColorPicker
-} from "../chunk-GG5YGESX.js";
-import "../chunk-6CPCNQKV.js";
-import "../chunk-EAJHEYZM.js";
+} from "../chunk-4LNTZPSQ.js";
+import "../chunk-JHX6JK3M.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   ColorPicker

package/dist/combobox/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkI5XR2V4Acjs = require('../chunk-I5XR2V4A.cjs');
-require('../chunk-TEVZHN5I.cjs');
-require('../chunk-P2JM22BF.cjs');
-require('../chunk-Z5U4NJTW.cjs');
-require('../chunk-CUJBNRJJ.cjs');
+var _chunk4AO5RKV5cjs = require('../chunk-4AO5RKV5.cjs');
+require('../chunk-7VJCGKVP.cjs');
+require('../chunk-KIZVY57H.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Combobox = _chunkI5XR2V4Acjs.Combobox;
+exports.Combobox = _chunk4AO5RKV5cjs.Combobox;
 //# sourceMappingURL=index.cjs.map

package/dist/combobox/index.js

@@ -1,10 +1,10 @@
 import {
   Combobox
-} from "../chunk-HALVTKW7.js";
-import "../chunk-JRLUZDKA.js";
-import "../chunk-6CPCNQKV.js";
-import "../chunk-YV57RSPD.js";
-import "../chunk-EAJHEYZM.js";
+} from "../chunk-FIVMMCGM.js";
+import "../chunk-YAKTVIVK.js";
+import "../chunk-JHX6JK3M.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Combobox

package/dist/command-palette/index.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3EPND5M2cjs = require('../chunk-3EPND5M2.cjs');
+var _chunk2T7ZMMH5cjs = require('../chunk-2T7ZMMH5.cjs');
 require('../chunk-VW32UTUE.cjs');
 require('../chunk-KVIL4EP4.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.CommandPalette = _chunk3EPND5M2cjs.CommandPalette;
+exports.CommandPalette = _chunk2T7ZMMH5cjs.CommandPalette;
 //# sourceMappingURL=index.cjs.map

package/dist/command-palette/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/command-palette/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,0DAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/command-palette/index.cjs"}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/command-palette/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,0DAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/command-palette/index.cjs"}

package/dist/command-palette/index.js

@@ -1,8 +1,9 @@
 import {
   CommandPalette
-} from "../chunk-PY2376XI.js";
+} from "../chunk-JT4KVXJK.js";
 import "../chunk-XUZOU2EB.js";
 import "../chunk-LYH3EKKQ.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   CommandPalette

package/dist/context-menu/index.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTTO7JXDBcjs = require('../chunk-TTO7JXDB.cjs');
-require('../chunk-VXO2MYYH.cjs');
-require('../chunk-P2JM22BF.cjs');
+var _chunkHNGFRRVZcjs = require('../chunk-HNGFRRVZ.cjs');
+require('../chunk-J76JHN7J.cjs');
+require('../chunk-KIZVY57H.cjs');
 require('../chunk-KVIL4EP4.cjs');
-require('../chunk-Z5U4NJTW.cjs');
-require('../chunk-CUJBNRJJ.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.ContextMenu = _chunkTTO7JXDBcjs.ContextMenu;
+exports.ContextMenu = _chunkHNGFRRVZcjs.ContextMenu;
 //# sourceMappingURL=index.cjs.map

package/dist/context-menu/index.d.cts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { b as MenuItemType } from '../Menu.types-DwcuCZM7.cjs';
+import { b as MenuItemType } from '../Menu.types-CTnUijv5.cjs';
 import '../renderIcon-C2lEMMzb.cjs';
 
 interface ContextMenuProps {

package/dist/context-menu/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { b as MenuItemType } from '../Menu.types-DNIpjSAK.js';
+import { b as MenuItemType } from '../Menu.types-BN4g1-3A.js';
 import '../renderIcon-C2lEMMzb.js';
 
 interface ContextMenuProps {

package/dist/context-menu/index.js

@@ -1,11 +1,11 @@
 import {
   ContextMenu
-} from "../chunk-OU7DCYIA.js";
-import "../chunk-BNVQ34FD.js";
-import "../chunk-6CPCNQKV.js";
+} from "../chunk-O3QM3BFE.js";
+import "../chunk-P4XZH3OR.js";
+import "../chunk-JHX6JK3M.js";
 import "../chunk-LYH3EKKQ.js";
-import "../chunk-YV57RSPD.js";
-import "../chunk-EAJHEYZM.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   ContextMenu

package/dist/conversation/index.cjs

@@ -2,27 +2,27 @@
 
 
 
-var _chunkQ5KQVBQPcjs = require('../chunk-Q5KQVBQP.cjs');
+var _chunkX3BVQBXDcjs = require('../chunk-X3BVQBXD.cjs');
 require('../chunk-IGFR5TES.cjs');
 require('../chunk-3RUIKBH4.cjs');
 require('../chunk-EQ6BNPTL.cjs');
 require('../chunk-TROYIUDH.cjs');
 require('../chunk-KV3V2CPH.cjs');
 require('../chunk-FQZ6F7FQ.cjs');
-require('../chunk-NEYLNRVG.cjs');
-require('../chunk-VXO2MYYH.cjs');
-require('../chunk-P2JM22BF.cjs');
+require('../chunk-TTLFY76J.cjs');
+require('../chunk-J76JHN7J.cjs');
+require('../chunk-KIZVY57H.cjs');
 require('../chunk-KVIL4EP4.cjs');
 require('../chunk-Q3GNKF74.cjs');
 require('../chunk-EACNRR3C.cjs');
-require('../chunk-WWYJNWJY.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.Chat = _chunkQ5KQVBQPcjs.Chat; exports.CommentThread = _chunkQ5KQVBQPcjs.CommentThread; exports.MessageComposer = _chunkQ5KQVBQPcjs.MessageComposer;
+exports.Chat = _chunkX3BVQBXDcjs.Chat; exports.CommentThread = _chunkX3BVQBXDcjs.CommentThread; exports.MessageComposer = _chunkX3BVQBXDcjs.MessageComposer;
 //# sourceMappingURL=index.cjs.map

package/dist/conversation/index.d.cts

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { A as AvatarColor } from '../Avatar.types-BY-C09Ke.cjs';
-import { b as MenuItemType } from '../Menu.types-DwcuCZM7.cjs';
+import { b as MenuItemType } from '../Menu.types-CTnUijv5.cjs';
 import '../renderIcon-C2lEMMzb.cjs';
 
 /**

package/dist/conversation/index.d.ts

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { A as AvatarColor } from '../Avatar.types-BY-C09Ke.js';
-import { b as MenuItemType } from '../Menu.types-DNIpjSAK.js';
+import { b as MenuItemType } from '../Menu.types-BN4g1-3A.js';
 import '../renderIcon-C2lEMMzb.js';
 
 /**

package/dist/conversation/index.js

@@ -2,23 +2,23 @@ import {
   Chat,
   CommentThread,
   MessageComposer
-} from "../chunk-GPRJYPIG.js";
+} from "../chunk-2JW3WSBF.js";
 import "../chunk-Y55M34RQ.js";
 import "../chunk-TH3ITGUM.js";
 import "../chunk-UEJSRMU2.js";
 import "../chunk-6ZAT5CGB.js";
 import "../chunk-3TUCQAYL.js";
 import "../chunk-TPNCV7KA.js";
-import "../chunk-OAK7HFOJ.js";
-import "../chunk-BNVQ34FD.js";
-import "../chunk-6CPCNQKV.js";
+import "../chunk-GWHZFX2H.js";
+import "../chunk-P4XZH3OR.js";
+import "../chunk-JHX6JK3M.js";
 import "../chunk-LYH3EKKQ.js";
 import "../chunk-XJBWFDDE.js";
 import "../chunk-N5JDL4VE.js";
-import "../chunk-L5Q6UDY3.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 {
   Chat,