eidos-ui 3.4.0 → 3.5.1

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-BqaD7bmB.d.ts → Select.types-C2tGy1vj.d.ts}

@@ -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-2p-mpaBL.d.cts → Select.types-ok-03rLo.d.cts}

@@ -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/accordion/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkSDEKANNLcjs = require('../chunk-SDEKANNL.cjs');
+var _chunkEAJGSXEWcjs = require('../chunk-EAJGSXEW.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkSDEKANNLcjs.Accordion; exports.AccordionItem = _chunkSDEKANNLcjs.AccordionItem;
+exports.Accordion = _chunkEAJGSXEWcjs.Accordion; exports.AccordionItem = _chunkEAJGSXEWcjs.AccordionItem;
 //# sourceMappingURL=index.cjs.map

package/dist/accordion/index.js

@@ -1,7 +1,7 @@
 import {
   Accordion,
   AccordionItem
-} from "../chunk-CMOBXLNA.js";
+} from "../chunk-LNDFVC2Q.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Accordion,

package/dist/alert/index.cjs

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

package/dist/alert/index.js

@@ -1,10 +1,10 @@
 import {
   Alert
-} from "../chunk-BO4LTIJI.js";
-import "../chunk-44T4HMFU.js";
+} from "../chunk-AR2ZOO6L.js";
+import "../chunk-75GFIQRU.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-XO7WTE6O.js";
-import "../chunk-WT4WBHBR.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 _chunkOWWPHXAFcjs = require('../chunk-OWWPHXAF.cjs');
+var _chunkDA375AI6cjs = require('../chunk-DA375AI6.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-MLUHM3VG.cjs');
-require('../chunk-VHSTB7GB.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Button = _chunkOWWPHXAFcjs.Button; exports.IconButton = _chunkOWWPHXAFcjs.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-44T4HMFU.js";
+} from "../chunk-75GFIQRU.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-XO7WTE6O.js";
-import "../chunk-WT4WBHBR.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Button,

package/dist/chip/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-FQZ6F7FQ.cjs');
 
 
-var _chunkFXMRDNR6cjs = require('../chunk-FXMRDNR6.cjs');
-require('../chunk-MLUHM3VG.cjs');
-require('../chunk-VHSTB7GB.cjs');
+var _chunkTTLFY76Jcjs = require('../chunk-TTLFY76J.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Chip = _chunkFXMRDNR6cjs.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-NACA72XI.js";
-import "../chunk-XO7WTE6O.js";
-import "../chunk-WT4WBHBR.js";
+} from "../chunk-GWHZFX2H.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Chip

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

@@ -1,9 +1,9 @@
 import {
   Chip
-} from "./chunk-NACA72XI.js";
+} from "./chunk-GWHZFX2H.js";
 import {
   Dropdown
-} from "./chunk-67EXHO4T.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) => {
@@ -240,14 +239,9 @@ var TagInput = ({
         hasSuggestions && /* @__PURE__ */ jsx(
           Dropdown,
           {
-            trigger: /* @__PURE__ */ jsx(
-              "span",
-              {
-                ref: dropdownSpanRef,
-                className: "eidos-tag-input-dropdown-anchor",
-                "aria-hidden": "true"
-              }
-            ),
+            open: isSuggestionsOpen,
+            onOpenChange: setIsSuggestionsOpen,
+            trigger: /* @__PURE__ */ jsx("span", { className: "eidos-tag-input-dropdown-anchor", "aria-hidden": "true" }),
             content: /* @__PURE__ */ jsx(
               "div",
               {
@@ -278,8 +272,7 @@ var TagInput = ({
             autoWidth: true,
             closeOnClickOutside: false,
             closeOnEscape: false
-          },
-          suggestionsMenuKey
+          }
         )
       ] }),
       hint && !hasError && /* @__PURE__ */ jsx("p", { className: "eidos-tag-input-hint", id: hintId, children: hint }),
@@ -295,4 +288,4 @@ TagInput.displayName = "TagInput";
 export {
   TagInput
 };
-//# sourceMappingURL=chunk-WGCGSM5P.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":[]}

package/dist/{chunk-BBU7QG7L.js → chunk-26SO4LZ5.js}

@@ -1,12 +1,12 @@
 import {
   Toolbar
-} from "./chunk-VRNCXYEP.js";
+} from "./chunk-SFFKQQ5Z.js";
 import {
   Header
-} from "./chunk-SFRILDXY.js";
+} from "./chunk-OOCCSMWM.js";
 import {
   Navigation
-} from "./chunk-YIBPOLNN.js";
+} from "./chunk-HEX4IMLO.js";
 import {
   Footer
 } from "./chunk-W2F6WDUX.js";
@@ -56,4 +56,4 @@ var PageLayout = ({
 export {
   PageLayout
 };
-//# sourceMappingURL=chunk-BBU7QG7L.js.map
+//# sourceMappingURL=chunk-26SO4LZ5.js.map

package/dist/{chunk-Y7VSWZWM.js → chunk-2JW3WSBF.js}

@@ -12,16 +12,16 @@ import {
 } from "./chunk-3TUCQAYL.js";
 import {
   Chip
-} from "./chunk-NACA72XI.js";
+} from "./chunk-GWHZFX2H.js";
 import {
   Menu
-} from "./chunk-CP335H4Q.js";
+} from "./chunk-P4XZH3OR.js";
 import {
   Avatar
 } from "./chunk-XJBWFDDE.js";
 import {
   Button
-} from "./chunk-44T4HMFU.js";
+} from "./chunk-75GFIQRU.js";
 
 // src/components/Conversation/Chat.component.tsx
 import { useCallback as useCallback3, useMemo } from "react";
@@ -885,4 +885,4 @@ export {
   Chat,
   CommentThread
 };
-//# sourceMappingURL=chunk-Y7VSWZWM.js.map
+//# sourceMappingURL=chunk-2JW3WSBF.js.map

package/dist/{chunk-IXVM2XNS.js → chunk-2PCCGQOH.js}

@@ -1,18 +1,20 @@
 import {
   Select
-} from "./chunk-TLECMA3B.js";
+} from "./chunk-MQAOXZD4.js";
 import {
   Input
-} from "./chunk-CEC3GO4R.js";
+} from "./chunk-YAKTVIVK.js";
 import {
   Dropdown
-} from "./chunk-67EXHO4T.js";
+} from "./chunk-JHX6JK3M.js";
 import {
   Button
-} from "./chunk-44T4HMFU.js";
+} from "./chunk-75GFIQRU.js";
 import {
-  fullWidthModifier
-} from "./chunk-WT4WBHBR.js";
+  devWarn,
+  fullWidthModifier,
+  useDialogFocus
+} from "./chunk-RHHZRTWM.js";
 import {
   __commonJS,
   __toESM
@@ -480,7 +482,7 @@ var require_weekOfYear = __commonJS({
 var import_dayjs2 = __toESM(require_dayjs_min(), 1);
 var import_utc = __toESM(require_utc(), 1);
 var import_timezone = __toESM(require_timezone(), 1);
-import { useState as useState2, useCallback as useCallback3, useRef, useMemo as useMemo2 } from "react";
+import { useState as useState2, useCallback as useCallback3, useRef, useMemo as useMemo2, useId, useEffect as useEffect2 } from "react";
 import { Calendar as CalendarIcon, X } from "lucide-react";
 
 // src/components/DatePicker/Calendar.component.tsx
@@ -634,7 +636,15 @@ var Calendar = ({
   );
   return /* @__PURE__ */ jsxs("div", { className: "eidos-calendar", children: [
     /* @__PURE__ */ jsx("div", { className: "eidos-calendar-header", children: showNavigation ? granularity === "month" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "text", icon: ChevronLeft, onClick: handlePrevYear }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          icon: ChevronLeft,
+          onClick: handlePrevYear,
+          "aria-label": "Previous year"
+        }
+      ),
       /* @__PURE__ */ jsx("div", { className: "eidos-calendar-selectors", children: /* @__PURE__ */ jsx(
         Select,
         {
@@ -642,14 +652,31 @@ var Calendar = ({
           value: currentDate.year().toString(),
           onChange: handleYearSelect,
           clearable: false,
+          inputProps: { "aria-label": "Year" },
           dropdownProps: {
             dropdownGroup: "calendar-navigation"
           }
         }
       ) }),
-      /* @__PURE__ */ jsx(Button, { variant: "text", icon: ChevronRight, onClick: handleNextYear })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          icon: ChevronRight,
+          onClick: handleNextYear,
+          "aria-label": "Next year"
+        }
+      )
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Button, { variant: "text", icon: ChevronLeft, onClick: handlePrevMonth }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          icon: ChevronLeft,
+          onClick: handlePrevMonth,
+          "aria-label": "Previous month"
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "eidos-calendar-selectors", children: [
         /* @__PURE__ */ jsx(
           Select,
@@ -658,6 +685,7 @@ var Calendar = ({
             value: currentDate.month().toString(),
             onChange: handleMonthSelect,
             clearable: false,
+            inputProps: { "aria-label": "Month" },
             dropdownProps: {
               dropdownGroup: "calendar-navigation"
             }
@@ -670,13 +698,22 @@ var Calendar = ({
             value: currentDate.year().toString(),
             onChange: handleYearSelect,
             clearable: false,
+            inputProps: { "aria-label": "Year" },
             dropdownProps: {
               dropdownGroup: "calendar-navigation"
             }
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "text", icon: ChevronRight, onClick: handleNextMonth })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          icon: ChevronRight,
+          onClick: handleNextMonth,
+          "aria-label": "Next month"
+        }
+      )
     ] }) : /* @__PURE__ */ jsx("div", { className: "eidos-calendar-label", children: currentDate.format(granularity === "month" ? "YYYY" : "MMMM YYYY") }) }),
     granularity === "month" ? /* @__PURE__ */ jsx("div", { className: "eidos-calendar-month-cells", children: monthCells.map((month, index) => /* @__PURE__ */ jsx(
       "button",
@@ -838,6 +875,7 @@ var DatePicker = ({
     timeFormat: "HH:mm",
     timezone: "UTC"
   },
+  label,
   placeholder = "Select date...",
   disabled = false,
   required = false,
@@ -856,7 +894,22 @@ var DatePicker = ({
   maxHeight,
   autoWidth = false
 }) => {
-  const [dropdownKey, setDropdownKey] = useState2(0);
+  const [isOpen, setIsOpen] = useState2(false);
+  const panelId = `${useId()}-date-panel`;
+  const panelRef = useRef(null);
+  useDialogFocus(isOpen, panelRef, { trapTab: false });
+  const fieldRef = useRef(null);
+  useEffect2(() => {
+    const element = fieldRef.current;
+    if (!element) return;
+    const named = (element.labels?.length ?? 0) > 0 || element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby");
+    if (!named) {
+      devWarn(
+        "date-picker-missing-label",
+        'DatePicker: no accessible name. Pass `label` for a visible one, or `inputProps={{ "aria-label": "..." }}` where it must stay visually unlabelled - otherwise the field is announced as just "combobox". A placeholder is not a label, and disappears as soon as a date is chosen.'
+      );
+    }
+  }, []);
   const pickerTimezone = format.timezone || "UTC";
   const composeDateOnly = useCallback3(
     (date, boundary = "start") => {
@@ -973,7 +1026,7 @@ var DatePicker = ({
             time: time.enabled ? activeTime : void 0
           };
           onChange?.(newValue);
-          setDropdownKey((prev) => prev + 1);
+          setIsOpen(false);
           break;
         }
         case "multiple": {
@@ -1026,7 +1079,7 @@ var DatePicker = ({
               time: time.enabled ? currentRangeTime : void 0
             };
             onChange?.(newValue);
-            setDropdownKey((prev) => prev + 1);
+            setIsOpen(false);
           }
           break;
         }
@@ -1128,7 +1181,7 @@ var DatePicker = ({
         }
       })();
       onChange?.(clearedValue);
-      setDropdownKey((prev) => prev + 1);
+      setIsOpen(false);
     },
     [mode, time, onChange, defaultStartTime, defaultEndTime]
   );
@@ -1137,15 +1190,31 @@ var DatePicker = ({
     {
       ref: triggerRef,
       className: `eidos-date-picker-trigger${fullWidth ? ` ${fullWidthModifier("eidos-date-picker-trigger")}` : ""}`,
+      onKeyDown: (event) => {
+        if (disabled) return;
+        if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
+          event.preventDefault();
+          setIsOpen(true);
+        } else if (event.key === "Escape" && isOpen) {
+          event.preventDefault();
+          setIsOpen(false);
+        }
+      },
       children: /* @__PURE__ */ jsx3(
         Input,
         {
+          ref: fieldRef,
           value: displayValue,
+          label,
           placeholder,
           disabled,
           required,
           name,
           id,
+          role: "combobox",
+          "aria-haspopup": "dialog",
+          "aria-expanded": isOpen,
+          "aria-controls": isOpen ? panelId : void 0,
           fullWidth,
           readOnly: true,
           preIcon: CalendarIcon,
@@ -1159,7 +1228,7 @@ var DatePicker = ({
       )
     }
   );
-  const dropdownContent = /* @__PURE__ */ jsxs3("div", { className: "eidos-date-picker-content", children: [
+  const dropdownContent = /* @__PURE__ */ jsxs3("div", { ref: panelRef, id: panelId, className: "eidos-date-picker-content", children: [
     /* @__PURE__ */ jsx3("div", { className: "eidos-date-picker-calendars-wrapper", children: Array.from({ length: numberOfCalendars }, (_, index) => {
       const calendarDate = calendarDates[index] ?? (0, import_dayjs2.default)().add(index, "month");
       return /* @__PURE__ */ jsx3(
@@ -1296,6 +1365,8 @@ var DatePicker = ({
       children: /* @__PURE__ */ jsx3(
         Dropdown,
         {
+          open: isOpen,
+          onOpenChange: setIsOpen,
           trigger: triggerElement,
           content: dropdownContent,
           placement: "bottom",
@@ -1306,8 +1377,7 @@ var DatePicker = ({
           autoWidth,
           fullWidth,
           triggerRef
-        },
-        dropdownKey
+        }
       )
     }
   );
@@ -1319,4 +1389,4 @@ export {
   TimeInput,
   DatePicker
 };
-//# sourceMappingURL=chunk-IXVM2XNS.js.map
+//# sourceMappingURL=chunk-2PCCGQOH.js.map