eidos-ui 3.4.0 → 3.5.0

package/dist/table/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default from 'react';
-import { f as TableProps, T as TableColumn, e as TableFilters } from '../Table.types-CZZ7QWAI.js';
-export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, d as TableCustomColumn, g as TableValueColumn } from '../Table.types-CZZ7QWAI.js';
+import { f as TableProps, T as TableColumn, e as TableFilters } from '../Table.types-D8pmgxKA.js';
+export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, d as TableCustomColumn, g as TableValueColumn } from '../Table.types-D8pmgxKA.js';
 import '../renderIcon-C2lEMMzb.js';
 import '../Button.types-BH0CPyPx.js';
 import '../sizes-DM6Rrrgq.js';

package/dist/table/index.js

@@ -1,31 +1,31 @@
 import {
   Table
-} from "../chunk-EWTMX4DK.js";
+} from "../chunk-RHFD2Z5V.js";
 import {
   TableFiltersDropdown
-} from "../chunk-FDMYDIGI.js";
-import "../chunk-FPLX5FIK.js";
-import "../chunk-GPK2THIG.js";
+} from "../chunk-SDUGYJGW.js";
+import "../chunk-BFKPJ627.js";
+import "../chunk-WNDDS367.js";
 import "../chunk-KGXGTWUL.js";
 import "../chunk-6NZXWKUE.js";
-import "../chunk-IXVM2XNS.js";
-import "../chunk-TLECMA3B.js";
+import "../chunk-2PCCGQOH.js";
+import "../chunk-MQAOXZD4.js";
 import "../chunk-DI2VKKLW.js";
 import "../chunk-TZWNX7FF.js";
 import "../chunk-DGXHR6FV.js";
-import "../chunk-CEC3GO4R.js";
+import "../chunk-YAKTVIVK.js";
 import "../chunk-TH3ITGUM.js";
 import "../chunk-6ZAT5CGB.js";
 import "../chunk-3TUCQAYL.js";
-import "../chunk-CP335H4Q.js";
-import "../chunk-67EXHO4T.js";
+import "../chunk-P4XZH3OR.js";
+import "../chunk-JHX6JK3M.js";
 import "../chunk-LYH3EKKQ.js";
 import "../chunk-3SKI6FXB.js";
 import "../chunk-N5JDL4VE.js";
-import "../chunk-44T4HMFU.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 {
   Table,

package/dist/tabs/index.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _chunkYUH56CJIcjs = require('../chunk-YUH56CJI.cjs');
-require('../chunk-VHSTB7GB.cjs');
+var _chunkNOQF7UQ5cjs = require('../chunk-NOQF7UQ5.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Tab = _chunkYUH56CJIcjs.Tab; exports.TabPanel = _chunkYUH56CJIcjs.TabPanel; exports.Tabs = _chunkYUH56CJIcjs.Tabs;
+exports.Tab = _chunkNOQF7UQ5cjs.Tab; exports.TabPanel = _chunkNOQF7UQ5cjs.TabPanel; exports.Tabs = _chunkNOQF7UQ5cjs.Tabs;
 //# sourceMappingURL=index.cjs.map

package/dist/tabs/index.js

@@ -2,8 +2,8 @@ import {
   Tab,
   TabPanel,
   Tabs
-} from "../chunk-X6UKU3C3.js";
-import "../chunk-WT4WBHBR.js";
+} from "../chunk-GPVGGBIR.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Tab,

package/dist/tag-input/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMW4YZVP5cjs = require('../chunk-MW4YZVP5.cjs');
-require('../chunk-FXMRDNR6.cjs');
-require('../chunk-P7J6WZTO.cjs');
-require('../chunk-MLUHM3VG.cjs');
-require('../chunk-VHSTB7GB.cjs');
+var _chunkZMRINZIOcjs = require('../chunk-ZMRINZIO.cjs');
+require('../chunk-TTLFY76J.cjs');
+require('../chunk-KIZVY57H.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.TagInput = _chunkMW4YZVP5cjs.TagInput;
+exports.TagInput = _chunkZMRINZIOcjs.TagInput;
 //# sourceMappingURL=index.cjs.map

package/dist/tag-input/index.js

@@ -1,10 +1,10 @@
 import {
   TagInput
-} from "../chunk-WGCGSM5P.js";
-import "../chunk-NACA72XI.js";
-import "../chunk-67EXHO4T.js";
-import "../chunk-XO7WTE6O.js";
-import "../chunk-WT4WBHBR.js";
+} from "../chunk-24HKKSKX.js";
+import "../chunk-GWHZFX2H.js";
+import "../chunk-JHX6JK3M.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   TagInput

package/dist/textarea/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAHVDTWVMcjs = require('../chunk-AHVDTWVM.cjs');
-require('../chunk-MLUHM3VG.cjs');
-require('../chunk-VHSTB7GB.cjs');
+var _chunk7BFODYNLcjs = require('../chunk-7BFODYNL.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Textarea = _chunkAHVDTWVMcjs.Textarea;
+exports.Textarea = _chunk7BFODYNLcjs.Textarea;
 //# sourceMappingURL=index.cjs.map

package/dist/textarea/index.js

@@ -1,8 +1,8 @@
 import {
   Textarea
-} from "../chunk-XK5USBHB.js";
-import "../chunk-XO7WTE6O.js";
-import "../chunk-WT4WBHBR.js";
+} from "../chunk-YXRKBKFB.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Textarea

package/dist/theme-editor/index.cjs

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5E4DYTZ3cjs = require('../chunk-5E4DYTZ3.cjs');
-require('../chunk-NF55JG2V.cjs');
+var _chunk36JFXFM2cjs = require('../chunk-36JFXFM2.cjs');
+require('../chunk-RJVHR45I.cjs');
 require('../chunk-OZZHOEN5.cjs');
 require('../chunk-SJDTFR3I.cjs');
-require('../chunk-6LCYO2HG.cjs');
+require('../chunk-XZLSHEHE.cjs');
 require('../chunk-V5RS3JZN.cjs');
-require('../chunk-FODRHCRP.cjs');
-require('../chunk-NCZUQFKL.cjs');
-require('../chunk-P7J6WZTO.cjs');
-require('../chunk-BIANFFJL.cjs');
+require('../chunk-KBQD4JLK.cjs');
+require('../chunk-7VJCGKVP.cjs');
+require('../chunk-KIZVY57H.cjs');
+require('../chunk-3RWZC6OW.cjs');
 require('../chunk-EACNRR3C.cjs');
-require('../chunk-OWWPHXAF.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.ThemeEditor = _chunk5E4DYTZ3cjs.ThemeEditor;
+exports.ThemeEditor = _chunk36JFXFM2cjs.ThemeEditor;
 //# sourceMappingURL=index.cjs.map

package/dist/theme-editor/index.js

@@ -1,20 +1,20 @@
 import {
   ThemeEditor
-} from "../chunk-LIKSLFX6.js";
-import "../chunk-PG2EII6U.js";
+} from "../chunk-WE2SBWZ6.js";
+import "../chunk-A3LMUPG3.js";
 import "../chunk-2BC4M4QZ.js";
 import "../chunk-KGXGTWUL.js";
-import "../chunk-TLECMA3B.js";
+import "../chunk-MQAOXZD4.js";
 import "../chunk-EF4Y6Q35.js";
-import "../chunk-TYGVKSL6.js";
-import "../chunk-CEC3GO4R.js";
-import "../chunk-67EXHO4T.js";
-import "../chunk-BO4LTIJI.js";
+import "../chunk-4LNTZPSQ.js";
+import "../chunk-YAKTVIVK.js";
+import "../chunk-JHX6JK3M.js";
+import "../chunk-AR2ZOO6L.js";
 import "../chunk-N5JDL4VE.js";
-import "../chunk-44T4HMFU.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 {
   ThemeEditor

package/dist/theme-provider/index.cjs

@@ -9,8 +9,8 @@
 
 
 
-var _chunkNF55JG2Vcjs = require('../chunk-NF55JG2V.cjs');
-require('../chunk-VHSTB7GB.cjs');
+var _chunkRJVHR45Icjs = require('../chunk-RJVHR45I.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
@@ -23,5 +23,5 @@ require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.FONT_ACCEPT = _chunkNF55JG2Vcjs.FONT_ACCEPT; exports.ThemeProvider = _chunkNF55JG2Vcjs.ThemeProvider; exports.defaultTheme = _chunkNF55JG2Vcjs.defaultTheme; exports.familyNameFromFile = _chunkNF55JG2Vcjs.familyNameFromFile; exports.isFontAvailable = _chunkNF55JG2Vcjs.isFontAvailable; exports.isFontStackAvailable = _chunkNF55JG2Vcjs.isFontStackAvailable; exports.registerFontFace = _chunkNF55JG2Vcjs.registerFontFace; exports.registerFontFile = _chunkNF55JG2Vcjs.registerFontFile; exports.toFontStack = _chunkNF55JG2Vcjs.toFontStack; exports.useTheme = _chunkNF55JG2Vcjs.useTheme;
+exports.FONT_ACCEPT = _chunkRJVHR45Icjs.FONT_ACCEPT; exports.ThemeProvider = _chunkRJVHR45Icjs.ThemeProvider; exports.defaultTheme = _chunkRJVHR45Icjs.defaultTheme; exports.familyNameFromFile = _chunkRJVHR45Icjs.familyNameFromFile; exports.isFontAvailable = _chunkRJVHR45Icjs.isFontAvailable; exports.isFontStackAvailable = _chunkRJVHR45Icjs.isFontStackAvailable; exports.registerFontFace = _chunkRJVHR45Icjs.registerFontFace; exports.registerFontFile = _chunkRJVHR45Icjs.registerFontFile; exports.toFontStack = _chunkRJVHR45Icjs.toFontStack; exports.useTheme = _chunkRJVHR45Icjs.useTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/theme-provider/index.js

@@ -9,8 +9,8 @@ import {
   registerFontFile,
   toFontStack,
   useTheme
-} from "../chunk-PG2EII6U.js";
-import "../chunk-WT4WBHBR.js";
+} from "../chunk-A3LMUPG3.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   FONT_ACCEPT,

package/dist/toolbar/index.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSKLMBE3Zcjs = require('../chunk-SKLMBE3Z.cjs');
-require('../chunk-4LET2PEX.cjs');
+var _chunkJCKGAAPZcjs = require('../chunk-JCKGAAPZ.cjs');
+require('../chunk-2T7ZMMH5.cjs');
 require('../chunk-VW32UTUE.cjs');
-require('../chunk-G74DHVHV.cjs');
-require('../chunk-P7J6WZTO.cjs');
+require('../chunk-J76JHN7J.cjs');
+require('../chunk-KIZVY57H.cjs');
 require('../chunk-KVIL4EP4.cjs');
 require('../chunk-Q3GNKF74.cjs');
 require('../chunk-5O73AALP.cjs');
 require('../chunk-EACNRR3C.cjs');
-require('../chunk-OWWPHXAF.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.Toolbar = _chunkSKLMBE3Zcjs.Toolbar;
+exports.Toolbar = _chunkJCKGAAPZcjs.Toolbar;
 //# sourceMappingURL=index.cjs.map

package/dist/toolbar/index.d.cts

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { a as ToolbarProps } from '../Toolbar.types-DSk8z2iy.cjs';
-export { T as ToolbarActionProps } from '../Toolbar.types-DSk8z2iy.cjs';
+import { a as ToolbarProps } from '../Toolbar.types-DUz2mxct.cjs';
+export { T as ToolbarActionProps } from '../Toolbar.types-DUz2mxct.cjs';
 import '../Breadcrumb.types-DaykU-C8.cjs';
 import '../Avatar.types-BY-C09Ke.cjs';
 import '../Button.types-DZRCVqyN.cjs';
 import '../renderIcon-C2lEMMzb.cjs';
 import '../sizes-DM6Rrrgq.cjs';
-import '../Menu.types-DwcuCZM7.cjs';
+import '../Menu.types-CTnUijv5.cjs';
 import '../CommandPalette.types-DRMMS_ev.cjs';
 
 declare const Toolbar: React__default.FC<ToolbarProps>;

package/dist/toolbar/index.d.ts

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { a as ToolbarProps } from '../Toolbar.types-RN0klQzu.js';
-export { T as ToolbarActionProps } from '../Toolbar.types-RN0klQzu.js';
+import { a as ToolbarProps } from '../Toolbar.types-CKnQC_TW.js';
+export { T as ToolbarActionProps } from '../Toolbar.types-CKnQC_TW.js';
 import '../Breadcrumb.types-DaykU-C8.js';
 import '../Avatar.types-BY-C09Ke.js';
 import '../Button.types-BH0CPyPx.js';
 import '../renderIcon-C2lEMMzb.js';
 import '../sizes-DM6Rrrgq.js';
-import '../Menu.types-DNIpjSAK.js';
+import '../Menu.types-BN4g1-3A.js';
 import '../CommandPalette.types-DRMMS_ev.js';
 
 declare const Toolbar: React__default.FC<ToolbarProps>;

package/dist/toolbar/index.js

@@ -1,18 +1,18 @@
 import {
   Toolbar
-} from "../chunk-VRNCXYEP.js";
-import "../chunk-SVCWSW2F.js";
+} from "../chunk-SFFKQQ5Z.js";
+import "../chunk-JT4KVXJK.js";
 import "../chunk-XUZOU2EB.js";
-import "../chunk-CP335H4Q.js";
-import "../chunk-67EXHO4T.js";
+import "../chunk-P4XZH3OR.js";
+import "../chunk-JHX6JK3M.js";
 import "../chunk-LYH3EKKQ.js";
 import "../chunk-XJBWFDDE.js";
 import "../chunk-DRXPTACG.js";
 import "../chunk-N5JDL4VE.js";
-import "../chunk-44T4HMFU.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 {
   Toolbar

package/dist/tooltip/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-I6UOIS4J.cjs');
 
 
-var _chunkMLUHM3VGcjs = require('../chunk-MLUHM3VG.cjs');
-require('../chunk-VHSTB7GB.cjs');
+var _chunkBEOECPVJcjs = require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Tooltip = _chunkMLUHM3VGcjs.Tooltip;
+exports.Tooltip = _chunkBEOECPVJcjs.Tooltip;
 //# sourceMappingURL=index.cjs.map

package/dist/tooltip/index.js

@@ -1,8 +1,8 @@
 import "../chunk-66R54X6R.js";
 import {
   Tooltip
-} from "../chunk-XO7WTE6O.js";
-import "../chunk-WT4WBHBR.js";
+} from "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Tooltip

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eidos-ui",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "description": "A modern React component library with TypeScript and SCSS",
   "type": "module",
   "main": "./dist/index.cjs",

package/dist/chunk-22EKNTWJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Modal/Modal.component.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useId, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Button } from '../Button/Button.component';\nimport type { ModalProps } from './Modal.types';\nimport { renderIcon, useDialogFocus } from '../../utils';\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  title,\n  icon,\n  type,\n  children,\n  actions = [],\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  size = 'md',\n  className = '',\n}) => {\n  const titleId = useId();\n  const bodyId = useId();\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  // ── Animation state ────────────────────────────────────────────────────────\n  // isMounted: whether the portal DOM node exists at all.\n  // isVisible: whether the '--is-open' CSS class is applied (drives the transition).\n  //\n  // On open:  mount first → one rAF → apply --is-open (browser sees the\n  //           initial faded/scaled-down state before transitioning, so the\n  //           animation fires instead of just painting straight into \"open\").\n  // On close: remove --is-open (CSS transition plays) → after 200 ms unmount.\n  //           200 ms matches the CSS `transition: 0.2s` in Modal.scss.\n  const TRANSITION_MS = 200;\n  const [isMounted, setIsMounted] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (isOpen) {\n      setIsMounted(true);\n      // Double rAF: React 18 automatic batching means setIsMounted(true) may\n      // not produce a committed browser paint before the first rAF fires.\n      // The second frame guarantees the modal is rendered in its closed\n      // (faded/scaled-down) state before the CSS transition begins.\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [isOpen]);\n\n  // Handle escape key\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    },\n    [closeOnEscape, isOpen, onClose],\n  );\n\n  // Handle backdrop click\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (closeOnBackdropClick && event.target === event.currentTarget) {\n        onClose();\n      }\n    },\n    [closeOnBackdropClick, onClose],\n  );\n\n  // Add/remove escape key listener (tied to isOpen, not isMounted)\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      // Prevent body scroll when modal is open\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, handleEscapeKey]);\n\n  // Keyed to `isVisible`, not `isOpen` and not `isMounted`.\n  //\n  // `isOpen` alone is too early: `isMounted` is set in the effect above, one\n  // render later, so the dialog element does not exist yet and the trap would\n  // run against a null ref.\n  //\n  // `isMounted` is *also* too early, and fails more quietly. `.eidos-modal`\n  // starts at `visibility: hidden` and only becomes visible with\n  // `--is-open`, which is two animation frames later - so at mount there is\n  // nothing focusable to find and `.focus()` on the dialog itself is a no-op.\n  // Focus silently stayed on the trigger.\n  useDialogFocus(isOpen && isVisible, dialogRef);\n\n  if (!isMounted) return null;\n\n  const modalContent = (\n    <div className={`eidos-modal ${isVisible ? 'eidos-modal--is-open' : ''} ${className}`}>\n      <div className=\"eidos-modal-backdrop\" onClick={handleBackdropClick} aria-hidden=\"true\" />\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={bodyId}\n        className={`eidos-modal-content eidos-modal-content--${size}`}\n      >\n        {title && (\n          <div className={`eidos-modal-header ${type ? `eidos-modal-header--${type}` : ''}`}>\n            <h4 id={titleId}>\n              {icon && renderIcon(icon, 'eidos-modal-icon')} {title}\n            </h4>\n          </div>\n        )}\n\n        <div id={bodyId} className=\"eidos-modal-body\">\n          {children}\n        </div>\n\n        {actions.length > 0 && (\n          <div className={`eidos-modal-footer`}>\n            {actions.map((action) => (\n              <Button\n                key={action.id}\n                variant={action.variant || 'outlined'}\n                size={action.size || 'md'}\n                color={action.color}\n                disabled={action.disabled}\n                loading={action.loading}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, document.body);\n};\n\nModal.displayName = 'Modal';\n"],"mappings":"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","names":[]}

package/dist/chunk-27UANGPW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-27UANGPW.cjs","../src/components/Popover/Popover.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-27UANGPW.cjs","sourcesContent":[null,"import React, { useState, useRef, useCallback, useEffect, useId } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from 'lucide-react';\nimport type { PopoverProps, PopoverState, PopoverPlacement } from './Popover.types';\nimport { useDialogFocus } from '../../utils';\n\nexport const Popover: React.FC<PopoverProps> = ({\n  trigger,\n  children,\n  title,\n  placement: preferredPlacement = 'bottom',\n  showCloseButton = false,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  disabled = false,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  maxWidth = 320,\n  className,\n  contentClassName,\n}) => {\n  // ── Controlled / uncontrolled bridge ──────────────────────────────────────\n  const isControlled = isOpen !== undefined;\n  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);\n  const isVisible = isControlled ? isOpen! : localOpen;\n\n  // ── Positioning state ─────────────────────────────────────────────────────\n  const [popoverState, setPopoverState] = useState<PopoverState>({\n    isVisible: false,\n    isPositioned: false,\n    position: { top: 0, left: 0, placement: preferredPlacement },\n  });\n\n  // Names the dialog by pointing at the rendered title, the same way `Modal`\n  // and `Drawer` do. This was an `aria-label={title ?? 'Popover'}`, which\n  // both duplicated the visible text into a second, invisible copy and hard\n  // limited `title` to a string - `aria-label` takes only a string, so a\n  // `ReactNode` title would have been stringified to \"[object Object]\" and\n  // silently destroyed the accessible name.\n  const titleId = useId();\n\n  // ── Refs ──────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const isScrollingRef = useRef(false);\n\n  // ── Open / close helpers ──────────────────────────────────────────────────\n  const open = useCallback(() => {\n    if (disabled) return;\n    if (!isControlled) setLocalOpen(true);\n    onOpenChange?.(true);\n  }, [disabled, isControlled, onOpenChange]);\n\n  const close = useCallback(() => {\n    if (!isControlled) setLocalOpen(false);\n    onOpenChange?.(false);\n  }, [isControlled, onOpenChange]);\n\n  const toggle = useCallback(() => {\n    if (isVisible) {\n      close();\n    } else {\n      open();\n    }\n  }, [isVisible, open, close]);\n\n  // ── Positioning calculation ───────────────────────────────────────────────\n  const calculateOptimalPosition = useCallback(\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 8;\n\n      let placement: PopoverPlacement = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - contentRect.height - gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'left':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.left - contentRect.width - gap;\n          break;\n        case 'right':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      // Flip if it doesn't fit in the preferred direction\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - contentRect.height - gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\n        placement = 'left';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.left - contentRect.width - gap;\n      }\n\n      // Clamp to viewport\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement],\n  );\n\n  // ── Sync isVisible → popoverState ─────────────────────────────────────────\n  useEffect(() => {\n    if (isVisible) {\n      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));\n    } else {\n      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));\n    }\n  }, [isVisible]);\n\n  // ── Two-pass positioning (Pass 2: measure then commit) ────────────────────\n  useEffect(() => {\n    if (\n      popoverState.isVisible &&\n      !popoverState.isPositioned &&\n      contentRef.current &&\n      triggerRef.current\n    ) {\n      const triggerRect = triggerRef.current.getBoundingClientRect();\n      const contentRect = contentRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n      setPopoverState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll repositioning ─────────────────────────────────────────────────\n  const handleScroll = useCallback(() => {\n    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (triggerRef.current && contentRef.current) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Resize repositioning ──────────────────────────────────────────────────\n  useEffect(() => {\n    const handleResize = () => {\n      if (\n        popoverState.isVisible &&\n        popoverState.isPositioned &&\n        contentRef.current &&\n        triggerRef.current\n      ) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll listener registration ─────────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n      document.body.removeEventListener('scroll', handleScroll);\n    };\n  }, [popoverState.isVisible, handleScroll]);\n\n  // ── Click-outside handler ─────────────────────────────────────────────────\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !popoverState.isVisible) return;\n\n      const target = event.target as Node;\n\n      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {\n        return;\n      }\n\n      close();\n    },\n    [closeOnClickOutside, popoverState.isVisible, close],\n  );\n\n  // ── Escape key handler ────────────────────────────────────────────────────\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && popoverState.isVisible) {\n        close();\n      }\n    },\n    [closeOnEscape, popoverState.isVisible, close],\n  );\n\n  // ── Register global event listeners ──────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscapeKey);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);\n\n  // ── Cleanup on unmount ────────────────────────────────────────────────────\n  useEffect(() => {\n    const timeoutId = timeoutRef.current;\n    const animationFrameId = animationFrameRef.current;\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      if (animationFrameId) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    };\n  }, []);\n\n  // Non-modal focus handling: move focus into the panel and return it to the\n  // trigger on close, but leave Tab free.\n  //\n  // `trapTab: false` because this dialog is honestly `aria-modal=\"false\"` -\n  // the rest of the page stays available, so confining Tab would strand the\n  // user. Moving focus in is still required: the panel is portaled to\n  // `document.body`, so Tab from the trigger continues into whatever follows\n  // it in the page and the panel's own controls cannot be reached at all.\n  //\n  // Keyed to `isPositioned`, not `isVisible`: the panel renders off-screen\n  // for one frame while its placement is measured, and focusing it in that\n  // state scrolls the page to wherever it was parked.\n  useDialogFocus(popoverState.isVisible && popoverState.isPositioned, contentRef, {\n    trapTab: false,\n  });\n\n  // ── Render ────────────────────────────────────────────────────────────────\n  return (\n    <>\n      {/* Trigger wrapper.\n      \n          The wrapper carries no ARIA. It had `aria-expanded` and\n          `aria-haspopup` while having no role, which is invalid - both need\n          a role that supports them, and adding `role=\"button\"` here would be\n          worse still, since the trigger inside is usually a real button\n          (that is the `nested-interactive` shape already fixed on\n          `Dropdown`).\n          \n          Instead the state is cloned onto the trigger element, which is the\n          thing a user actually activates. Guarded by `isValidElement`\n          because `trigger` is typed as `ReactNode` and may be a bare string,\n          in which case there is nothing to annotate and the wrapper stays\n          exactly as it was. */}\n      <div\n        ref={triggerRef}\n        className={['eidos-popover-trigger', className].filter(Boolean).join(' ')}\n        onClick={toggle}\n      >\n        {React.isValidElement(trigger)\n          ? React.cloneElement(trigger as React.ReactElement<Record<string, unknown>>, {\n              'aria-expanded': popoverState.isVisible,\n              'aria-haspopup': 'dialog',\n            })\n          : trigger}\n      </div>\n\n      {/* Portal: floating panel */}\n      {popoverState.isVisible &&\n        createPortal(\n          <div\n            ref={contentRef}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            aria-labelledby={title ? titleId : undefined}\n            // Only the untitled case still needs a literal label - there is\n            // no visible text to point at.\n            aria-label={title ? undefined : 'Popover'}\n            className={[\n              'eidos-popover-content',\n              `eidos-popover-content--${popoverState.position.placement}`,\n              popoverState.isPositioned ? 'eidos-popover-content--visible' : '',\n              contentClassName,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{\n              top: popoverState.position.top,\n              left: popoverState.position.left,\n              maxWidth: maxWidth,\n            }}\n          >\n            {(title || showCloseButton) && (\n              <div className=\"eidos-popover-header\">\n                {title && (\n                  <span id={titleId} className=\"eidos-popover-title\">\n                    {title}\n                  </span>\n                )}\n                {showCloseButton && (\n                  <button\n                    type=\"button\"\n                    className=\"eidos-popover-close\"\n                    onClick={close}\n                    aria-label=\"Close popover\"\n                  >\n                    <X aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n            )}\n            <div className=\"eidos-popover-body\">{children}</div>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nPopover.displayName = 'Popover';\n"]}

package/dist/chunk-4LET2PEX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-4LET2PEX.cjs","../src/components/CommandPalette/CommandPalette.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-4LET2PEX.cjs","sourcesContent":[null,"import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ArrowDown, ArrowUp, Command, CornerDownLeft, Search } from 'lucide-react';\nimport type { CommandItem, CommandPaletteProps } from './CommandPalette.types';\nimport { useDialogFocus } from '../../utils';\nimport { Kbd } from '../Kbd';\nimport './CommandPalette.scss';\n\n// ── Constants ──────────────────────────────────────────────────────────────────\n\n/** Must match the CSS transition duration in CommandPalette.scss */\nconst TRANSITION_MS = 200;\n\n// ── Pure helpers ───────────────────────────────────────────────────────────────\n\nfunction filterItems(items: CommandItem[], query: string): CommandItem[] {\n  const q = query.trim().toLowerCase();\n  if (!q) return items;\n  return items.filter(({ label, description, keywords }) => {\n    return (\n      label.toLowerCase().includes(q) ||\n      (description?.toLowerCase().includes(q) ?? false) ||\n      (keywords?.some((k) => k.toLowerCase().includes(q)) ?? false)\n    );\n  });\n}\n\ninterface Group {\n  label: string | null;\n  items: CommandItem[];\n}\n\n/**\n * Groups items while preserving the order in which groups first appear.\n * Items with no `group` property are placed in a leading implicit section\n * (label: null) so that labelled groups always follow them.\n */\nfunction buildGroups(items: CommandItem[]): Group[] {\n  const groups: Group[] = [];\n  const groupMap = new Map<string, Group>();\n\n  for (const item of items) {\n    const key = item.group ?? '';\n    let group = groupMap.get(key);\n    if (!group) {\n      group = { label: item.group ?? null, items: [] };\n      groups.push(group);\n      groupMap.set(key, group);\n    }\n    group.items.push(item);\n  }\n\n  return groups;\n}\n\n// ── Component ──────────────────────────────────────────────────────────────────\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  open: openProp,\n  defaultOpen = false,\n  onClose,\n  onOpen,\n  shortcutKey = 'k',\n  items,\n  onSelect,\n  placeholder = 'Search commands…',\n  emptyText = 'No commands found',\n  maxHeight = 360,\n  className = '',\n  footer,\n  trigger,\n  triggerLabel = 'Search',\n}) => {\n  const dialogId = useId();\n  const listId = `${dialogId}-list`;\n\n  // ── Controlled / uncontrolled open state ───────────────────────────────────\n  // Omitting `open` lets the palette own its state entirely, which combined\n  // with the shortcut listener below means it needs zero external\n  // useState/useEffect to work. Passing `open` (+ `onClose`, optionally\n  // `onOpen`) keeps full external control for consumers who need it (syncing\n  // with a URL, another piece of app state, etc).\n  const isControlled = openProp !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = isControlled ? (openProp as boolean) : internalOpen;\n\n  const close = useCallback(() => {\n    if (!isControlled) setInternalOpen(false);\n    onClose?.();\n  }, [isControlled, onClose]);\n\n  // Shared \"open\" path - uncontrolled flips the internal state directly;\n  // controlled defers to `onOpen` since the palette can't change `open`\n  // itself. Used by both the keyboard shortcut below and the inline\n  // `trigger`'s click handler.\n  const openPalette = useCallback(() => {\n    if (isControlled) {\n      onOpen?.();\n    } else {\n      setInternalOpen(true);\n    }\n  }, [isControlled, onOpen]);\n\n  // Global keyboard shortcut - Cmd/Ctrl+<shortcutKey> opens the palette.\n  useEffect(() => {\n    if (!shortcutKey) return;\n\n    const handler = (e: KeyboardEvent) => {\n      if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== shortcutKey.toLowerCase()) return;\n      e.preventDefault();\n      openPalette();\n    };\n\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [shortcutKey, openPalette]);\n\n  // ── Animation state machine (mirrors the Drawer pattern) ─────────────────\n  // isMounted → portal exists in the DOM (controls render/null)\n  // isVisible → CSS --visible modifier is applied (drives transitions)\n  //\n  // Opening:  isMounted=true → double rAF → isVisible=true  → CSS transitions fire\n  // Closing:  isVisible=false → CSS transitions reverse → after TRANSITION_MS → isMounted=false\n  const [isMounted, setIsMounted] = useState(open);\n  const [isVisible, setIsVisible] = useState(open);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (open) {\n      setIsMounted(true);\n      // Double rAF: ensures the browser has painted the initial off-screen\n      // state before the CSS transition begins (React 18 automatic batching\n      // means a single rAF is not always sufficient).\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [open]);\n\n  // ── Search state ───────────────────────────────────────────────────────────\n  const [query, setQuery] = useState('');\n  const [focusedIndex, setFocusedIndex] = useState(0);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n\n  // Derived lists - memoised to stabilise scroll-effect deps\n  const filtered = useMemo(() => filterItems(items, query), [items, query]);\n  const navigable = useMemo(() => filtered.filter((item) => !item.disabled), [filtered]);\n  const groups = useMemo(() => buildGroups(filtered), [filtered]);\n\n  // Reset search query and selection when the palette is opened\n  useEffect(() => {\n    if (open) {\n      setQuery('');\n      setFocusedIndex(0);\n    }\n  }, [open]);\n\n  // Focus the search input on open, trap Tab inside the dialog, and return\n  // focus to the trigger on close.\n  //\n  // This replaces a bare `inputRef.current?.focus()` effect. That moved focus\n  // in correctly but nothing kept it there: the first Tab left the dialog for\n  // the page behind it, and closing the palette stranded focus wherever it\n  // happened to be. `initialFocus` preserves the original behaviour of\n  // landing on the search field rather than the first focusable node.\n  useDialogFocus(open && isVisible, dialogRef, { initialFocus: inputRef });\n\n  // Reset focused index to 0 whenever the filtered list changes\n  useEffect(() => {\n    setFocusedIndex(0);\n  }, [query]);\n\n  // Scroll the focused item into view during keyboard navigation\n  useEffect(() => {\n    const focusedItem = navigable[focusedIndex];\n    if (!focusedItem) return;\n    itemRefs.current.get(focusedItem.id)?.scrollIntoView({ block: 'nearest' });\n  }, [focusedIndex, navigable]);\n\n  // Body scroll lock (tied to open, not to isMounted, so it releases promptly\n  // when the consumer decides to close - even before the exit animation ends)\n  useEffect(() => {\n    if (open) {\n      document.body.style.overflow = 'hidden';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [open]);\n\n  // ── Interaction handlers ───────────────────────────────────────────────────\n\n  const selectItem = useCallback(\n    (item: CommandItem) => {\n      if (item.disabled) return;\n      item.action?.();\n      onSelect?.(item);\n      close();\n    },\n    [close, onSelect],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault();\n          if (navigable.length === 0) return;\n          setFocusedIndex((i) => (i + 1) % navigable.length);\n          break;\n        }\n        case 'ArrowUp': {\n          e.preventDefault();\n          if (navigable.length === 0) return;\n          setFocusedIndex((i) => (i - 1 + navigable.length) % navigable.length);\n          break;\n        }\n        case 'Enter': {\n          e.preventDefault();\n          const item = navigable[focusedIndex];\n          if (item) selectItem(item);\n          break;\n        }\n        case 'Escape': {\n          e.preventDefault();\n          close();\n          break;\n        }\n      }\n    },\n    [focusedIndex, navigable, close, selectItem],\n  );\n\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Only fire when the click lands directly on the backdrop element,\n      // not on any child (the dialog itself or its contents).\n      if (e.target === e.currentTarget) {\n        close();\n      }\n    },\n    [close],\n  );\n\n  // ── Render ─────────────────────────────────────────────────────────────────\n\n  // The inline trigger (if any) must render regardless of `isMounted` - it's\n  // what opens the palette in the first place, so it can't be gated behind\n  // the portal's own mount state.\n  const triggerNode =\n    trigger === true ? (\n      <button type=\"button\" className=\"eidos-cmd-trigger-default\" onClick={openPalette}>\n        <span>{triggerLabel}</span>\n        {shortcutKey && (\n          <Kbd size=\"sm\" className=\"eidos-cmd-trigger-kbd\">\n            <Command size={10} />\n            {shortcutKey.toUpperCase()}\n          </Kbd>\n        )}\n      </button>\n    ) : trigger ? (\n      <div className=\"eidos-cmd-trigger\" role=\"button\" tabIndex={0} onClick={openPalette}>\n        {trigger}\n      </div>\n    ) : null;\n\n  const maxHeightValue = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n\n  // The root element must not change shape between the closed and open\n  // states.\n  //\n  // This used to `return triggerNode` while closed and a fragment once\n  // mounted. React compares the root by element type, so flipping from\n  // `<button>` to `<Fragment>` unmounted the trigger and mounted a brand new\n  // one - the very element the user had just clicked was destroyed. Focus\n  // was lost with it, which made returning focus on close impossible: the\n  // node to return to no longer existed.\n  //\n  // Always returning the fragment keeps `triggerNode` in a stable position,\n  // so React preserves the DOM node across open and close.\n  return (\n    <>\n      {triggerNode}\n      {isMounted &&\n        createPortal(\n          <div\n            className={['eidos-cmd-backdrop', isVisible && 'eidos-cmd-backdrop--visible']\n              .filter(Boolean)\n              .join(' ')}\n            onClick={handleBackdropClick}\n            aria-hidden={!open}\n          >\n            <div\n              ref={dialogRef}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-label=\"Command palette\"\n              id={dialogId}\n              className={['eidos-cmd-dialog', isVisible && 'eidos-cmd-dialog--visible', className]\n                .filter(Boolean)\n                .join(' ')}\n              onKeyDown={handleKeyDown}\n            >\n              {/* ── Search ──────────────────────────────────────────────────────── */}\n              <div className=\"eidos-cmd-search\">\n                <Search className=\"eidos-cmd-search-icon\" size={18} aria-hidden=\"true\" />\n\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  role=\"combobox\"\n                  aria-expanded=\"true\"\n                  aria-controls={listId}\n                  aria-autocomplete=\"list\"\n                  aria-label={placeholder}\n                  className=\"eidos-cmd-input\"\n                  placeholder={placeholder}\n                  value={query}\n                  onChange={(e) => setQuery(e.target.value)}\n                  spellCheck={false}\n                  autoComplete=\"off\"\n                />\n\n                {/* Reminds users of the configured shortcut, if any */}\n                {shortcutKey && (\n                  <div className=\"eidos-cmd-search-badge\" aria-hidden=\"true\">\n                    <Command size={11} />\n                    <span>{shortcutKey.toUpperCase()}</span>\n                  </div>\n                )}\n              </div>\n\n              {/* ── Results list ─────────────────────────────────────────────────── */}\n              <div\n                id={listId}\n                role=\"listbox\"\n                aria-label=\"Commands\"\n                className=\"eidos-cmd-list\"\n                style={{ maxHeight: maxHeightValue }}\n              >\n                {filtered.length === 0 ? (\n                  <p className=\"eidos-cmd-empty\" role=\"status\">\n                    {emptyText}\n                  </p>\n                ) : (\n                  groups.map((group) => (\n                    <div\n                      key={group.label ?? '__ungrouped__'}\n                      role=\"group\"\n                      aria-label={group.label ?? undefined}\n                    >\n                      {group.label && (\n                        <div className=\"eidos-cmd-group-label\" aria-hidden=\"true\">\n                          {group.label}\n                        </div>\n                      )}\n\n                      {group.items.map((item) => {\n                        const isFocused = navigable[focusedIndex]?.id === item.id;\n                        const Icon = item.icon;\n\n                        return (\n                          <div\n                            key={item.id}\n                            ref={(el) => {\n                              if (el) {\n                                itemRefs.current.set(item.id, el);\n                              } else {\n                                itemRefs.current.delete(item.id);\n                              }\n                            }}\n                            role=\"option\"\n                            aria-selected={isFocused}\n                            aria-disabled={item.disabled}\n                            className={[\n                              'eidos-cmd-item',\n                              isFocused && 'eidos-cmd-item--focused',\n                              item.disabled && 'eidos-cmd-item--disabled',\n                            ]\n                              .filter(Boolean)\n                              .join(' ')}\n                            onClick={() => selectItem(item)}\n                            onMouseEnter={() => {\n                              if (!item.disabled) {\n                                const idx = navigable.findIndex((n) => n.id === item.id);\n                                if (idx !== -1) setFocusedIndex(idx);\n                              }\n                            }}\n                          >\n                            {Icon && (\n                              <span className=\"eidos-cmd-item-icon\" aria-hidden=\"true\">\n                                <Icon size={16} />\n                              </span>\n                            )}\n\n                            <div className=\"eidos-cmd-item-body\">\n                              <div className=\"eidos-cmd-item-label\">{item.label}</div>\n                              {item.description && (\n                                <div className=\"eidos-cmd-item-description\">{item.description}</div>\n                              )}\n                            </div>\n\n                            {item.shortcut && item.shortcut.length > 0 && (\n                              <div\n                                className=\"eidos-cmd-item-shortcut\"\n                                aria-label={`Shortcut: ${item.shortcut.join(' ')}`}\n                              >\n                                {item.shortcut.map((key, i) => (\n                                  <kbd key={i} className=\"eidos-cmd-kbd\">\n                                    {key}\n                                  </kbd>\n                                ))}\n                              </div>\n                            )}\n                          </div>\n                        );\n                      })}\n                    </div>\n                  ))\n                )}\n              </div>\n\n              {/* ── Footer ───────────────────────────────────────────────────────── */}\n              <div className=\"eidos-cmd-footer\">\n                <div className=\"eidos-cmd-hints\" aria-hidden=\"true\">\n                  <span>\n                    <ArrowUp size={11} />\n                    <ArrowDown size={11} /> Navigate\n                  </span>\n                  <span>\n                    <CornerDownLeft size={11} /> Select\n                  </span>\n                  <span>Esc Close</span>\n                </div>\n\n                {footer && <div className=\"eidos-cmd-footer-slot\">{footer}</div>}\n              </div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nCommandPalette.displayName = 'CommandPalette';\n"]}

package/dist/chunk-5V7DXZWT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-5V7DXZWT.cjs","../src/components/Combobox/Combobox.component.tsx"],"names":["label"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-5V7DXZWT.cjs","sourcesContent":[null,"import React, { useState, useCallback, useRef, useEffect, useMemo, useId } from 'react';\nimport { Check, ChevronDown, X, Loader2, CircleAlert } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport { fullWidthModifier } from '../../utils';\nimport type { ComboboxProps, ComboboxOption } from './Combobox.types';\nimport './Combobox.scss';\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n\ntype OptionEntry =\n  | { type: 'group'; group: string; key: string }\n  | { type: 'option'; option: ComboboxOption; index: number; key: string };\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport const Combobox: React.FC<ComboboxProps> = ({\n  options = [],\n  value,\n  defaultValue,\n  onChange,\n  onSearch,\n  placeholder = 'Search or select…',\n  loading = false,\n  loadingText = 'Searching…',\n  emptyText = 'No results found',\n  allowFreeText = false,\n  clearable = true,\n  disabled = false,\n  size = 'md',\n  label,\n  error,\n  hint,\n  fullWidth = false,\n  className = '',\n  maxHeight = '300px',\n  renderOption,\n}) => {\n  const uid = useId();\n\n  // ─── Refs ─────────────────────────────────────────────────────────────────\n\n  /** Entire combobox wrapper - used for click-outside detection */\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  /** The trigger wrapper div - passed to Dropdown as externalTriggerRef for width */\n  const comboboxTriggerRef = useRef<HTMLDivElement>(null);\n\n  /** The 0-height span that IS the Dropdown trigger element - programmatically clicked to open */\n  const dropdownSpanRef = useRef<HTMLSpanElement>(null);\n\n  /** Native input element */\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  /** Focusable option divs for scroll-into-view */\n  const optionRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  /**\n   * Synchronous open-state flag.\n   * React state updates are async; reading this ref inside event handlers\n   * gives us the true current value without waiting for a re-render.\n   */\n  const isOpenRef = useRef(false);\n\n  // ─── State ────────────────────────────────────────────────────────────────\n\n  const isControlled = value !== undefined;\n\n  const getInitialInputValue = (): string => {\n    const seed = isControlled ? value : defaultValue;\n    if (!seed) return '';\n    const match = options.find((o) => o.value === seed);\n    return match ? match.label : allowFreeText ? seed : '';\n  };\n\n  const getInitialCommittedValue = (): string => {\n    return isControlled ? (value ?? '') : (defaultValue ?? '');\n  };\n\n  const [inputValue, _setInputValue] = useState<string>(getInitialInputValue);\n  const inputValueRef = useRef<string>(inputValue);\n  const setInputValue = useCallback((v: string) => {\n    inputValueRef.current = v;\n    _setInputValue(v);\n  }, []);\n\n  const [committedValue, _setCommittedValue] = useState<string>(getInitialCommittedValue);\n  const committedValueRef = useRef<string>(committedValue);\n  const setCommittedValue = useCallback((v: string) => {\n    committedValueRef.current = v;\n    _setCommittedValue(v);\n  }, []);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [menuKey, setMenuKey] = useState(0);\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n\n  // ─── Sync controlled value ────────────────────────────────────────────────\n\n  useEffect(() => {\n    if (!isControlled) return;\n    const v = value ?? '';\n    const match = options.find((o) => o.value === v);\n    const label = match ? match.label : allowFreeText ? v : '';\n    setInputValue(label);\n    setCommittedValue(v);\n  }, [value, isControlled, options, allowFreeText, setInputValue, setCommittedValue]);\n\n  // ─── Derived: filtered options ────────────────────────────────────────────\n\n  const filteredOptions = useMemo<ComboboxOption[]>(() => {\n    const q = inputValue.toLowerCase();\n    if (!q) return options;\n    return options.filter((o) => o.label.toLowerCase().includes(q));\n  }, [options, inputValue]);\n\n  // Reset focused index when the filtered set changes\n  useEffect(() => {\n    setFocusedIndex(-1);\n  }, [filteredOptions]);\n\n  // Keep optionRefs array in sync with filteredOptions length\n  useEffect(() => {\n    optionRefs.current = optionRefs.current.slice(0, filteredOptions.length);\n  }, [filteredOptions.length]);\n\n  // ─── Derived: option entries (with group headers) ─────────────────────────\n\n  const optionEntries = useMemo<OptionEntry[]>(() => {\n    const entries: OptionEntry[] = [];\n    const hasGroups = filteredOptions.some((o) => o.group);\n\n    if (!hasGroups) {\n      filteredOptions.forEach((option, index) => {\n        entries.push({ type: 'option', option, index, key: option.id });\n      });\n      return entries;\n    }\n\n    // Build ordered group map while preserving insertion order\n    const groupMap = new Map<string | null, ComboboxOption[]>();\n    for (const option of filteredOptions) {\n      const g = option.group ?? null;\n      if (!groupMap.has(g)) groupMap.set(g, []);\n      groupMap.get(g)!.push(option);\n    }\n\n    let optionIndex = 0;\n    for (const [group, opts] of groupMap.entries()) {\n      if (group !== null) {\n        entries.push({ type: 'group', group, key: `group-${group}` });\n      }\n      for (const option of opts) {\n        entries.push({ type: 'option', option, index: optionIndex++, key: option.id });\n      }\n    }\n\n    return entries;\n  }, [filteredOptions]);\n\n  // ─── Open / Close helpers ─────────────────────────────────────────────────\n\n  /**\n   * Open the dropdown by programmatically clicking the 0-height span trigger.\n   * The click bubbles to div.eidos-dropdown-trigger → Dropdown.handleTriggerClick → opens.\n   *\n   * We set isOpenRef AFTER the synthetic click so that the Dropdown's toggle\n   * handler fires while isOpenRef is still false (allowing it to open).\n   */\n  const openDropdown = useCallback(() => {\n    if (isOpenRef.current || disabled) return;\n    dropdownSpanRef.current?.click(); // opens the Dropdown (bubbles to trigger)\n    isOpenRef.current = true;\n    setIsOpen(true);\n  }, [disabled]);\n\n  /**\n   * Close the dropdown by remounting it (menuKey increment resets internal state).\n   * Optionally revert inputValue to the last committed value.\n   */\n  const closeDropdown = useCallback(\n    (revertInput = false) => {\n      isOpenRef.current = false;\n      setIsOpen(false);\n      setFocusedIndex(-1);\n      setMenuKey((prev) => prev + 1);\n\n      if (revertInput) {\n        const match = options.find((o) => o.value === committedValueRef.current);\n        setInputValue(match ? match.label : allowFreeText ? committedValueRef.current : '');\n      }\n    },\n    [options, allowFreeText, setInputValue],\n  );\n\n  // ─── Click-outside detection ──────────────────────────────────────────────\n\n  useEffect(() => {\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!isOpenRef.current) return;\n      // defaultPrevented is set by the listbox's onMouseDown - means the user\n      // clicked an option in the portal, not truly outside the combobox.\n      if (e.defaultPrevented) return;\n      if (containerRef.current?.contains(e.target as Node)) return;\n\n      // Focus leaving to a non-focusable target: validate and close\n      isOpenRef.current = false;\n      setIsOpen(false);\n      setFocusedIndex(-1);\n      setMenuKey((prev) => prev + 1);\n\n      const current = inputValueRef.current;\n      const committed = committedValueRef.current;\n\n      if (!allowFreeText) {\n        const match = options.find((o) => o.label.toLowerCase() === current.toLowerCase());\n        if (match) {\n          if (match.value !== committed) {\n            setCommittedValue(match.value);\n            onChange?.(match.value);\n            setInputValue(match.label);\n          }\n        } else {\n          const revertMatch = options.find((o) => o.value === committed);\n          setInputValue(revertMatch ? revertMatch.label : '');\n        }\n      } else {\n        if (current !== committed) {\n          setCommittedValue(current);\n          onChange?.(current);\n        }\n      }\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => document.removeEventListener('mousedown', handleMouseDown);\n  }, [allowFreeText, options, onChange, setCommittedValue, setInputValue]);\n\n  // ─── Input handlers ───────────────────────────────────────────────────────\n\n  const handleFocus = useCallback(() => {\n    openDropdown();\n  }, [openDropdown]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const query = e.target.value;\n      setInputValue(query);\n      onSearch?.(query);\n      if (!isOpenRef.current) openDropdown();\n    },\n    [setInputValue, onSearch, openDropdown],\n  );\n\n  /**\n   * On blur, validate the typed value against options.\n   * A 0ms defer ensures a click on a posIcon button (X / chevron) inside the\n   * Input completes its onClick before we run close logic, so we can check\n   * document.activeElement reliably.\n   */\n  const handleBlur = useCallback(() => {\n    setTimeout(() => {\n      // If focus came back inside the container (e.g., posIcon button clicked),\n      // don't close or validate yet.\n      if (containerRef.current?.contains(document.activeElement)) return;\n\n      // Read both refs *inside* the deferred callback, never captured at blur\n      // time - that's the whole reason they're kept in sync by the setters.\n      // Anything can run in the gap this 0ms defer opens, including the click\n      // that caused the blur: a controlled consumer clearing `value` from\n      // another control (e.g. DataGrid's \"Clear filters\", which resets every\n      // quick filter at once) updates the refs via the sync effect, and stale\n      // captured values would then resurrect the label that was just cleared.\n      const current = inputValueRef.current;\n      const committed = committedValueRef.current;\n\n      // Close\n      isOpenRef.current = false;\n      setIsOpen(false);\n      setFocusedIndex(-1);\n      setMenuKey((prev) => prev + 1);\n\n      // Validate\n      if (!allowFreeText) {\n        const match = options.find((o) => o.label.toLowerCase() === current.toLowerCase());\n        if (match) {\n          if (match.value !== committed) {\n            setCommittedValue(match.value);\n            onChange?.(match.value);\n            setInputValue(match.label);\n          } else {\n            // Normalize the display label (fix casing)\n            setInputValue(match.label);\n          }\n        } else {\n          // No match - revert to last committed value\n          const revertMatch = options.find((o) => o.value === committed);\n          setInputValue(revertMatch ? revertMatch.label : '');\n        }\n      } else {\n        // allowFreeText: commit whatever the user typed\n        if (current !== committed) {\n          setCommittedValue(current);\n          onChange?.(current);\n        }\n      }\n    }, 0);\n  }, [allowFreeText, options, onChange, setCommittedValue, setInputValue]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          if (!isOpenRef.current) {\n            openDropdown();\n            setFocusedIndex(0);\n          } else {\n            setFocusedIndex((prev) => {\n              const next = prev < filteredOptions.length - 1 ? prev + 1 : 0;\n              setTimeout(\n                () =>\n                  optionRefs.current[next]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  }),\n                0,\n              );\n              return next;\n            });\n          }\n          break;\n\n        case 'ArrowUp':\n          e.preventDefault();\n          if (!isOpenRef.current) {\n            openDropdown();\n            setFocusedIndex(filteredOptions.length - 1);\n          } else {\n            setFocusedIndex((prev) => {\n              const next = prev > 0 ? prev - 1 : filteredOptions.length - 1;\n              setTimeout(\n                () =>\n                  optionRefs.current[next]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  }),\n                0,\n              );\n              return next;\n            });\n          }\n          break;\n\n        case 'Enter':\n          e.preventDefault();\n          if (isOpenRef.current && focusedIndex >= 0 && focusedIndex < filteredOptions.length) {\n            handleOptionSelect(filteredOptions[focusedIndex]);\n          } else if (allowFreeText && inputValue.trim()) {\n            const trimmed = inputValue.trim();\n            setCommittedValue(trimmed);\n            onChange?.(trimmed);\n            closeDropdown();\n          }\n          break;\n\n        case 'Escape':\n          e.preventDefault();\n          if (isOpenRef.current) {\n            closeDropdown(true /* revert */);\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      disabled,\n      filteredOptions,\n      focusedIndex,\n      allowFreeText,\n      inputValue,\n      onChange,\n      openDropdown,\n      closeDropdown,\n      setCommittedValue,\n    ],\n  );\n\n  // ─── Option selection ─────────────────────────────────────────────────────\n\n  const handleOptionSelect = useCallback(\n    (option: ComboboxOption) => {\n      if (option.disabled) return;\n      setInputValue(option.label);\n      setCommittedValue(option.value);\n      onChange?.(option.value);\n      closeDropdown();\n      // Return focus to the input so the user can continue interacting\n      inputRef.current?.focus();\n    },\n    [onChange, closeDropdown, setInputValue, setCommittedValue],\n  );\n\n  // ─── Clear ────────────────────────────────────────────────────────────────\n\n  const handleClearClick = useCallback(() => {\n    setInputValue('');\n    setCommittedValue('');\n    onChange?.('');\n    // Re-focus input so the user can immediately start typing again\n    inputRef.current?.focus();\n  }, [onChange, setInputValue, setCommittedValue]);\n\n  // ─── Chevron toggle ───────────────────────────────────────────────────────\n\n  const handleChevronClick = useCallback(() => {\n    if (isOpenRef.current) {\n      closeDropdown();\n    } else {\n      openDropdown();\n    }\n  }, [closeDropdown, openDropdown]);\n\n  // ─── Render: individual option ────────────────────────────────────────────\n\n  const renderOptionItem = useCallback(\n    (option: ComboboxOption, index: number): React.ReactNode => {\n      const isSelected = option.value === committedValue;\n      const isFocused = index === focusedIndex;\n\n      const classes = [\n        'eidos-combobox-option',\n        isSelected && 'eidos-combobox-option--selected',\n        isFocused && 'eidos-combobox-option--focused',\n        option.disabled && 'eidos-combobox-option--disabled',\n      ]\n        .filter(Boolean)\n        .join(' ');\n\n      return (\n        <div\n          key={option.id}\n          ref={(el) => {\n            optionRefs.current[index] = el;\n          }}\n          className={classes}\n          onClick={() => handleOptionSelect(option)}\n          onMouseEnter={() => !option.disabled && setFocusedIndex(index)}\n          role=\"option\"\n          aria-selected={isSelected}\n          aria-disabled={option.disabled}\n          id={`${uid}-option-${index}`}\n        >\n          {renderOption ? (\n            renderOption(option)\n          ) : (\n            <>\n              <Check\n                className={`eidos-combobox-option-icon${\n                  !isSelected ? ' eidos-combobox-option-icon--hidden' : ''\n                }`}\n              />\n              <span className=\"eidos-combobox-option-label\">{option.label}</span>\n              {option.description && (\n                <span className=\"eidos-combobox-option-description\">{option.description}</span>\n              )}\n            </>\n          )}\n        </div>\n      );\n    },\n    [committedValue, focusedIndex, handleOptionSelect, renderOption, uid],\n  );\n\n  // ─── Render: dropdown content ─────────────────────────────────────────────\n\n  const dropdownContent = useMemo(() => {\n    if (loading) {\n      return (\n        <div className=\"eidos-combobox-loading\">\n          <Loader2 className=\"eidos-combobox-loading-icon\" />\n          <span>{loadingText}</span>\n        </div>\n      );\n    }\n\n    if (filteredOptions.length === 0) {\n      return <div className=\"eidos-combobox-empty\">{emptyText}</div>;\n    }\n\n    return optionEntries.map((entry) => {\n      if (entry.type === 'group') {\n        return (\n          <div key={entry.key} className=\"eidos-combobox-option-group-label\">\n            {entry.group}\n          </div>\n        );\n      }\n      return renderOptionItem(entry.option, entry.index);\n    });\n  }, [loading, loadingText, filteredOptions.length, emptyText, optionEntries, renderOptionItem]);\n\n  // ─── posIcon / posIconButton wiring ───────────────────────────────────────\n\n  const hasClearableValue = clearable && !!inputValue;\n  const posIcon = hasClearableValue ? X : ChevronDown;\n  const posIconClick = hasClearableValue ? handleClearClick : handleChevronClick;\n\n  // ─── CSS classes ──────────────────────────────────────────────────────────\n\n  const containerClasses = [\n    'eidos-combobox',\n    fullWidth && fullWidthModifier('eidos-combobox'),\n    error && 'eidos-combobox--error',\n    disabled && 'eidos-combobox--disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const maxHeightValue = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n\n  // ─── Render ───────────────────────────────────────────────────────────────\n\n  return (\n    // No ARIA on this wrapper.\n    //\n    // It carried `aria-expanded` and `aria-haspopup` while having no role at\n    // all, which is invalid - both are only meaningful on an element whose\n    // role supports them. They belong on the input, which is the combobox.\n    <div ref={containerRef} className={containerClasses}>\n      <div ref={comboboxTriggerRef} className=\"eidos-combobox-trigger\">\n        {/*\n          The Input is a direct child of eidos-combobox-trigger.\n          It is NOT inside the Dropdown trigger div, so clicking it\n          never bubbles to Dropdown.handleTriggerClick and never\n          accidentally toggles the dropdown closed mid-edit.\n        */}\n        <Input\n          ref={inputRef}\n          value={inputValue}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={size}\n          fullWidth\n          label={label}\n          clearable={false} // we render our own clear via posIcon\n          isSelect={false}\n          posIcon={posIcon}\n          posIconButton\n          onPosIconClick={posIconClick}\n          // The same button does two jobs depending on state, so the name\n          // has to follow the icon - \"Clear\" on a chevron would be a lie.\n          posIconLabel={hasClearableValue ? 'Clear selection' : 'Show options'}\n          // The ARIA 1.2 combobox pattern: the input *is* the combobox.\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          // `Combobox` renders its own error message rather than passing\n          // `error` down, so it does not inherit `Input`'s wiring and has to\n          // associate the message itself (SC 3.3.1).\n          aria-invalid={error ? true : undefined}\n          aria-describedby={error ? `${uid}-error` : undefined}\n          aria-autocomplete=\"list\"\n          // Only while the listbox exists. `aria-controls` pointing at an id\n          // that is not in the document is invalid, and that is what shipped\n          // - the listbox only renders once the dropdown opens.\n          aria-controls={isOpen ? `${uid}-listbox` : undefined}\n          aria-activedescendant={focusedIndex >= 0 ? `${uid}-option-${focusedIndex}` : undefined}\n        />\n\n        {/*\n          The Dropdown trigger is a 0-height span placed AFTER the Input\n          in the normal document flow. Its getBoundingClientRect sits at\n          exactly the bottom edge of the Input, giving the Dropdown correct\n          placement without any click-toggle collision with the Input above.\n          closeOnClickOutside and closeOnEscape are disabled because we own\n          those interactions in our mousedown listener and onKeyDown handler.\n        */}\n        <Dropdown\n          key={menuKey}\n          trigger={\n            <span\n              ref={dropdownSpanRef}\n              className=\"eidos-combobox-dropdown-anchor\"\n              aria-hidden=\"true\"\n            />\n          }\n          content={\n            <div\n              id={`${uid}-listbox`}\n              className=\"eidos-combobox-options\"\n              role=\"listbox\"\n              aria-label={label ?? 'Options'}\n              // Prevent the input from blurring when the user clicks an option,\n              // and mark this event so the click-outside handler ignores it.\n              onMouseDown={(e) => e.preventDefault()}\n            >\n              {dropdownContent}\n            </div>\n          }\n          triggerRef={comboboxTriggerRef as React.RefObject<HTMLElement | null>}\n          maxHeight={maxHeightValue}\n          autoWidth\n          closeOnClickOutside={false}\n          closeOnEscape={false}\n        />\n      </div>\n\n      {hint && !error && <span className=\"eidos-combobox-hint\">{hint}</span>}\n      {error && (\n        <span id={`${uid}-error`} className=\"eidos-combobox-error-message\">\n          <CircleAlert className=\"eidos-combobox-error-icon\" />\n          {error}\n        </span>\n      )}\n    </div>\n  );\n};\n\nCombobox.displayName = 'Combobox';\n"]}