eidos-ui 3.2.1 → 3.4.0

package/dist/{chunk-J5RMLZ4P.cjs → chunk-SKBKTNEQ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
+var _chunkOWWPHXAFcjs = require('./chunk-OWWPHXAF.cjs');
 
 // src/components/Snackbar/Snackbar.context.tsx
 var _react = require('react');
@@ -17,21 +17,48 @@ var SnackbarProvider = ({ children }) => {
   const [snackbars, setSnackbars] = _react.useState.call(void 0, []);
   const snackbarsRef = _react.useRef.call(void 0, []);
   snackbarsRef.current = snackbars;
+  const timers = _react.useRef.call(void 0, 
+    /* @__PURE__ */ new Map()
+  );
+  const clearTimer = _react.useCallback.call(void 0, (id) => {
+    const timer = timers.current.get(id);
+    if (timer) {
+      window.clearTimeout(timer.timeout);
+      timers.current.delete(id);
+    }
+  }, []);
+  const removeSnackbarRef = _react.useRef.call(void 0, () => {
+  });
   const generateId = _react.useCallback.call(void 0, () => {
     return `snackbar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   }, []);
-  const removeSnackbar = _react.useCallback.call(void 0, (id) => {
-    const snackbar = snackbarsRef.current.find((item) => item.id === id);
-    if (_optionalChain([snackbar, 'optionalAccess', _ => _.onClose])) {
-      snackbar.onClose(id);
-    }
-    setSnackbars(
-      (prev) => prev.map((item) => item.id === id ? { ...item, state: "exiting" } : item)
-    );
-    setTimeout(() => {
-      setSnackbars((prev) => prev.filter((item) => item.id !== id));
-    }, 300);
-  }, []);
+  const removeSnackbar = _react.useCallback.call(void 0, 
+    (id) => {
+      clearTimer(id);
+      const snackbar = snackbarsRef.current.find((item) => item.id === id);
+      if (_optionalChain([snackbar, 'optionalAccess', _ => _.onClose])) {
+        snackbar.onClose(id);
+      }
+      setSnackbars(
+        (prev) => prev.map((item) => item.id === id ? { ...item, state: "exiting" } : item)
+      );
+      setTimeout(() => {
+        setSnackbars((prev) => prev.filter((item) => item.id !== id));
+      }, 300);
+    },
+    [clearTimer]
+  );
+  const startTimer = _react.useCallback.call(void 0, 
+    (id, ms) => {
+      clearTimer(id);
+      timers.current.set(id, {
+        timeout: window.setTimeout(() => removeSnackbarRef.current(id), ms),
+        remaining: ms,
+        startedAt: Date.now()
+      });
+    },
+    [clearTimer]
+  );
   const addSnackbar = _react.useCallback.call(void 0, 
     (snackbar) => {
       const id = generateId();
@@ -50,14 +77,32 @@ var SnackbarProvider = ({ children }) => {
         });
       });
       if (snackbar.duration && snackbar.duration > 0) {
-        setTimeout(() => {
-          removeSnackbar(id);
-        }, snackbar.duration);
+        startTimer(id, snackbar.duration);
       }
       return id;
     },
-    [generateId, removeSnackbar]
+    [generateId, startTimer]
+  );
+  const pauseSnackbar = _react.useCallback.call(void 0, (id) => {
+    const timer = timers.current.get(id);
+    if (!timer) return;
+    window.clearTimeout(timer.timeout);
+    timers.current.set(id, {
+      ...timer,
+      // What is left of the countdown at the moment of pausing, floored at 0
+      // so a timer that was already due does not resume with a negative delay.
+      remaining: Math.max(0, timer.remaining - (Date.now() - timer.startedAt))
+    });
+  }, []);
+  const resumeSnackbar = _react.useCallback.call(void 0, 
+    (id) => {
+      const timer = timers.current.get(id);
+      if (!timer) return;
+      startTimer(id, timer.remaining);
+    },
+    [startTimer]
   );
+  removeSnackbarRef.current = removeSnackbar;
   const clearAllSnackbars = _react.useCallback.call(void 0, () => {
     setSnackbars((prev) => prev.map((item) => ({ ...item, state: "exiting" })));
     setTimeout(() => {
@@ -68,7 +113,9 @@ var SnackbarProvider = ({ children }) => {
     snackbars,
     addSnackbar,
     removeSnackbar,
-    clearAllSnackbars
+    clearAllSnackbars,
+    pauseSnackbar,
+    resumeSnackbar
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SnackbarContext.Provider, { value: contextValue, children });
 };
@@ -116,7 +163,7 @@ var SnackbarComponent = ({ snackbar, onClose }) => {
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-content", children: renderContent() }),
         action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-actions", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWWYJNWJYcjs.Button,
+          _chunkOWWPHXAFcjs.Button,
           {
             variant: action.variant === "primary" ? "filled" : "text",
             size: "sm",
@@ -144,12 +191,23 @@ SnackbarComponent.displayName = "SnackbarComponent";
 // src/components/Snackbar/SnackbarContainer.component.tsx
 
 var SnackbarContainer = () => {
-  const { snackbars, removeSnackbar } = useSnackbarContext();
+  const { snackbars, removeSnackbar, pauseSnackbar, resumeSnackbar } = useSnackbarContext();
   if (snackbars.length === 0) {
     return null;
   }
   return _reactdom.createPortal.call(void 0, 
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-container", children: snackbars.map((snackbar) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-wrapper", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SnackbarComponent, { snackbar, onClose: removeSnackbar }) }, snackbar.id)) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-container", children: snackbars.map((snackbar) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "eidos-snackbar-wrapper",
+        onMouseEnter: () => pauseSnackbar(snackbar.id),
+        onMouseLeave: () => resumeSnackbar(snackbar.id),
+        onFocus: () => pauseSnackbar(snackbar.id),
+        onBlur: () => resumeSnackbar(snackbar.id),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SnackbarComponent, { snackbar, onClose: removeSnackbar })
+      },
+      snackbar.id
+    )) }),
     document.body
   );
 };
@@ -235,4 +293,4 @@ var useSnackbar = () => {
 
 
 exports.useSnackbarContext = useSnackbarContext; exports.SnackbarProvider = SnackbarProvider; exports.SnackbarContainer = SnackbarContainer; exports.useSnackbar = useSnackbar;
-//# sourceMappingURL=chunk-J5RMLZ4P.cjs.map
+//# sourceMappingURL=chunk-SKBKTNEQ.cjs.map

package/dist/chunk-SKBKTNEQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-SKBKTNEQ.cjs","../src/components/Snackbar/Snackbar.context.tsx","../src/components/Snackbar/SnackbarContainer.component.tsx","../src/components/Snackbar/Snackbar.component.tsx","../src/components/Snackbar/Snackbar.hooks.ts"],"names":["jsx","useCallback"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-SKBKTNEQ.cjs","sourcesContent":[null,"import React, { createContext, useContext, useState, useCallback, useRef } from 'react';\nimport type { SnackbarContextValue, SnackbarItem, SnackbarProps } from './Snackbar.types';\n\nconst SnackbarContext = createContext<SnackbarContextValue | undefined>(undefined);\n\nexport const useSnackbarContext = (): SnackbarContextValue => {\n  const context = useContext(SnackbarContext);\n  if (!context) {\n    throw new Error('useSnackbarContext must be used within a SnackbarProvider');\n  }\n  return context;\n};\n\ninterface SnackbarProviderProps {\n  children: React.ReactNode;\n}\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({ children }) => {\n  const [snackbars, setSnackbars] = useState<SnackbarItem[]>([]);\n  // Mirror state in a ref so removeSnackbar can read current items synchronously\n  // without placing side-effects inside a setState updater (which StrictMode calls twice).\n  const snackbarsRef = useRef<SnackbarItem[]>([]);\n  snackbarsRef.current = snackbars;\n\n  // ── Pausable auto-dismiss timers (SC 2.2.1 Timing Adjustable) ─────────────\n  //\n  // Auto-dismiss used to be a bare `setTimeout` that nothing could stop. That\n  // is a Level A failure: a time limit the user can neither turn off, adjust\n  // nor extend. It bites hardest exactly where a snackbar is most useful -\n  // `action` puts a control (typically \"Undo\") inside something that deletes\n  // itself on a stopwatch, so anyone reading slowly, using a screen reader,\n  // or driving by keyboard can lose it mid-reach.\n  //\n  // Each timer therefore records when it started and how long is left, so it\n  // can be cancelled on hover or focus and restarted with the remainder.\n  const timers = useRef(\n    new Map<string, { timeout: number; remaining: number; startedAt: number }>(),\n  );\n\n  const clearTimer = useCallback((id: string): void => {\n    const timer = timers.current.get(id);\n    if (timer) {\n      window.clearTimeout(timer.timeout);\n      timers.current.delete(id);\n    }\n  }, []);\n\n  // `startTimer` needs `removeSnackbar`, and `removeSnackbar` needs\n  // `clearTimer`. A ref breaks the cycle without reordering the file or\n  // making every callback depend on the others' identity.\n  const removeSnackbarRef = useRef<(id: string) => void>(() => {});\n\n  const generateId = useCallback((): string => {\n    return `snackbar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n  }, []);\n\n  const removeSnackbar = useCallback(\n    (id: string): void => {\n      // Read from ref - safe to call outside a setState updater.\n      // Calling side-effects inside a setState updater is wrong: React StrictMode\n      // deliberately invokes updaters twice, which would fire onClose 2× from here\n      // plus 1× from SnackbarComponent.handleClose = 3× total.\n      clearTimer(id);\n\n      const snackbar = snackbarsRef.current.find((item) => item.id === id);\n      if (snackbar?.onClose) {\n        snackbar.onClose(id);\n      }\n\n      // Transition to exiting state, then remove after the CSS animation (300ms).\n      setSnackbars((prev) =>\n        prev.map((item) => (item.id === id ? { ...item, state: 'exiting' } : item)),\n      );\n\n      setTimeout(() => {\n        setSnackbars((prev) => prev.filter((item) => item.id !== id));\n      }, 300);\n    },\n    [clearTimer],\n  );\n\n  const startTimer = useCallback(\n    (id: string, ms: number): void => {\n      clearTimer(id);\n      timers.current.set(id, {\n        timeout: window.setTimeout(() => removeSnackbarRef.current(id), ms),\n        remaining: ms,\n        startedAt: Date.now(),\n      });\n    },\n    [clearTimer],\n  );\n\n  const addSnackbar = useCallback(\n    (snackbar: Omit<SnackbarProps, 'id'>): string => {\n      const id = generateId();\n      const newSnackbar: SnackbarItem = {\n        ...snackbar,\n        id,\n        state: 'entering',\n        createdAt: Date.now(),\n      };\n\n      setSnackbars((prev) => [newSnackbar, ...prev]); // Add to beginning (newest on top)\n\n      // Use requestAnimationFrame to ensure DOM is rendered before animation\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          setSnackbars((prev) =>\n            prev.map((item) => (item.id === id ? { ...item, state: 'entered' } : item)),\n          );\n        });\n      });\n\n      // Auto-close if duration is set\n      if (snackbar.duration && snackbar.duration > 0) {\n        startTimer(id, snackbar.duration);\n      }\n\n      return id;\n    },\n    [generateId, startTimer],\n  );\n\n  // Pause on hover or focus, resume on leave or blur. Wired up by\n  // `SnackbarContainer` - see the handlers there.\n  const pauseSnackbar = useCallback((id: string): void => {\n    const timer = timers.current.get(id);\n    if (!timer) return;\n    window.clearTimeout(timer.timeout);\n    timers.current.set(id, {\n      ...timer,\n      // What is left of the countdown at the moment of pausing, floored at 0\n      // so a timer that was already due does not resume with a negative delay.\n      remaining: Math.max(0, timer.remaining - (Date.now() - timer.startedAt)),\n    });\n  }, []);\n\n  const resumeSnackbar = useCallback(\n    (id: string): void => {\n      const timer = timers.current.get(id);\n      if (!timer) return;\n      startTimer(id, timer.remaining);\n    },\n    [startTimer],\n  );\n\n  removeSnackbarRef.current = removeSnackbar;\n\n  const clearAllSnackbars = useCallback((): void => {\n    // Transition all to exiting state\n    setSnackbars((prev) => prev.map((item) => ({ ...item, state: 'exiting' })));\n\n    // Remove all after animation completes (300ms to match CSS animation)\n    setTimeout(() => {\n      setSnackbars([]);\n    }, 300);\n  }, []);\n\n  const contextValue: SnackbarContextValue = {\n    snackbars,\n    addSnackbar,\n    removeSnackbar,\n    clearAllSnackbars,\n    pauseSnackbar,\n    resumeSnackbar,\n  };\n\n  return <SnackbarContext.Provider value={contextValue}>{children}</SnackbarContext.Provider>;\n};\n\nSnackbarProvider.displayName = 'SnackbarProvider';\n","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport { useSnackbarContext } from './Snackbar.context';\nimport { SnackbarComponent } from './Snackbar.component';\n\nexport const SnackbarContainer: React.FC = () => {\n  const { snackbars, removeSnackbar, pauseSnackbar, resumeSnackbar } = useSnackbarContext();\n\n  if (snackbars.length === 0) {\n    return null;\n  }\n\n  return createPortal(\n    <div className={'eidos-snackbar-container'}>\n      {snackbars.map((snackbar) => (\n        <div\n          key={snackbar.id}\n          className={'eidos-snackbar-wrapper'}\n          // Holds the auto-dismiss countdown while the user is engaged with\n          // this snackbar, which is what makes the time limit adjustable\n          // (SC 2.2.1). Hover covers reading it; focus covers reaching its\n          // action by keyboard - `onFocus`/`onBlur` bubble in React, so a\n          // focused \"Undo\" button inside pauses the whole snackbar.\n          onMouseEnter={() => pauseSnackbar(snackbar.id)}\n          onMouseLeave={() => resumeSnackbar(snackbar.id)}\n          onFocus={() => pauseSnackbar(snackbar.id)}\n          onBlur={() => resumeSnackbar(snackbar.id)}\n        >\n          <SnackbarComponent snackbar={snackbar} onClose={removeSnackbar} />\n        </div>\n      ))}\n    </div>,\n    document.body,\n  );\n};\n\nSnackbarContainer.displayName = 'SnackbarContainer';\n","import React from 'react';\nimport { X } from 'lucide-react';\nimport { Button } from '../Button/Button.component';\nimport type { SnackbarItem } from './Snackbar.types';\n\ninterface SnackbarComponentProps {\n  snackbar: SnackbarItem;\n  onClose: (id: string) => void;\n}\n\nexport const SnackbarComponent: React.FC<SnackbarComponentProps> = ({ snackbar, onClose }) => {\n  const {\n    id,\n    variant = 'info',\n    message,\n    component: Component,\n    componentProps,\n    action,\n    state,\n  } = snackbar;\n\n  const handleClose = () => {\n    // onClose callback is fired by removeSnackbar (context) to cover both\n    // manual and auto-close paths without duplication.\n    onClose(id);\n  };\n\n  const handleActionClick = () => {\n    if (action?.onClick) {\n      action.onClick();\n    }\n  };\n\n  // Render content based on type\n  const renderContent = () => {\n    if (message) {\n      return <span className={'eidos-snackbar-message'}>{message}</span>;\n    }\n    if (Component) {\n      return <Component {...(componentProps || {})} />;\n    }\n    return null;\n  };\n\n  return (\n    <div\n      className={`eidos-snackbar eidos-snackbar--${variant} eidos-snackbar--${state} ${snackbar.className || ''}`}\n      role=\"alert\"\n      aria-live=\"polite\"\n    >\n      <div className={'eidos-snackbar-content'}>{renderContent()}</div>\n\n      {action && (\n        <div className={'eidos-snackbar-actions'}>\n          <Button\n            variant={action.variant === 'primary' ? 'filled' : 'text'}\n            size=\"sm\"\n            onClick={handleActionClick}\n            className={'eidos-snackbar-action-button'}\n          >\n            {action.label}\n          </Button>\n        </div>\n      )}\n\n      <button\n        className={'eidos-snackbar-close-button'}\n        onClick={handleClose}\n        aria-label=\"Close notification\"\n        type=\"button\"\n      >\n        <X className={'eidos-snackbar-close-icon'} />\n      </button>\n    </div>\n  );\n};\n\nSnackbarComponent.displayName = 'SnackbarComponent';\n","import { useCallback } from 'react';\nimport { useSnackbarContext } from './Snackbar.context';\nimport type { UseSnackbarReturn, SnackbarProps } from './Snackbar.types';\n\nexport const useSnackbar = (): UseSnackbarReturn => {\n  const { addSnackbar, removeSnackbar, clearAllSnackbars } = useSnackbarContext();\n\n  const showSnackbar = useCallback(\n    (snackbar: Omit<SnackbarProps, 'id'>): string => {\n      return addSnackbar(snackbar);\n    },\n    [addSnackbar],\n  );\n\n  const hideSnackbar = useCallback(\n    (id: string): void => {\n      removeSnackbar(id);\n    },\n    [removeSnackbar],\n  );\n\n  const clearAll = useCallback((): void => {\n    clearAllSnackbars();\n  }, [clearAllSnackbars]);\n\n  const showSuccess = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'success',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  const showError = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'danger',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  const showWarning = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'warning',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  const showInfo = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'info',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  return {\n    showSnackbar,\n    hideSnackbar,\n    clearAll,\n    showSuccess,\n    showError,\n    showWarning,\n    showInfo,\n  };\n};\n\nexport default useSnackbar;\n"]}

package/dist/{chunk-75TDY7XF.cjs → chunk-SKLMBE3Z.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3EPND5M2cjs = require('./chunk-3EPND5M2.cjs');
+var _chunk4LET2PEXcjs = require('./chunk-4LET2PEX.cjs');
 
 
-var _chunkD2SKXRKPcjs = require('./chunk-D2SKXRKP.cjs');
+var _chunkG74DHVHVcjs = require('./chunk-G74DHVHV.cjs');
 
 
 var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
@@ -12,7 +12,7 @@ var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
 var _chunk5O73AALPcjs = require('./chunk-5O73AALP.cjs');
 
 
-var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
+var _chunkOWWPHXAFcjs = require('./chunk-OWWPHXAF.cjs');
 
 // src/components/Toolbar/Toolbar.component.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -32,9 +32,9 @@ var Toolbar = ({
     breadcrumbs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5O73AALPcjs.Breadcrumb, { ...breadcrumbs }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-toolbar__content", children: [
       content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-toolbar__slot", children: content }),
-      cmdPaletteItems && cmdPaletteItems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3EPND5M2cjs.CommandPalette, { trigger: true, triggerLabel: "Search", items: cmdPaletteItems }),
-      actions && actions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-toolbar__actions", children: actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.IconButton, { variant: "text", size: "sm", ...action }, index)) }),
-      hasMenu ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2SKXRKPcjs.Menu, { trigger: avatar, items: userMenu, minWidth: 220 }) : avatar
+      cmdPaletteItems && cmdPaletteItems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4LET2PEXcjs.CommandPalette, { trigger: true, triggerLabel: "Search", items: cmdPaletteItems }),
+      actions && actions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-toolbar__actions", children: actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWWPHXAFcjs.IconButton, { variant: "text", size: "sm", ...action }, index)) }),
+      hasMenu ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG74DHVHVcjs.Menu, { trigger: avatar, items: userMenu, minWidth: 220 }) : avatar
     ] })
   ] });
 };
@@ -42,4 +42,4 @@ var Toolbar = ({
 
 
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=chunk-75TDY7XF.cjs.map
+//# sourceMappingURL=chunk-SKLMBE3Z.cjs.map

package/dist/{chunk-75TDY7XF.cjs.map → chunk-SKLMBE3Z.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-75TDY7XF.cjs","../src/components/Toolbar/Toolbar.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACUmC,+CAAA;AAjB5B,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,WAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU,CAAC,eAAA,EAAiB,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAOrE,EAAA,MAAM,QAAA,EAAU,SAAA,IAAa,KAAA,EAAA,GAAa,QAAA,CAAS,OAAA,EAAS,CAAA;AAC5D,EAAA,MAAM,OAAA,EAAS,KAAA,GAAQ,QAAA,kBAAU,6BAAA,wBAAC,EAAA,EAAQ,GAAG,IAAA,EAAM,IAAA,EAAK,KAAA,CAAK,EAAA,EAAK,IAAA;AAElE,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,OAAA,EACb,QAAA,EAAA;AAAA,IAAA,YAAA,mBAAe,6BAAA,4BAAC,EAAA,EAAY,GAAG,YAAA,CAAa,CAAA;AAAA,oBAC7C,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,QAAA,mBAAW,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,MACzD,gBAAA,GAAmB,eAAA,CAAgB,OAAA,EAAS,EAAA,mBAC3C,6BAAA,gCAAC,EAAA,EAAe,OAAA,EAAO,IAAA,EAAC,YAAA,EAAa,QAAA,EAAS,KAAA,EAAO,gBAAA,CAAiB,CAAA;AAAA,MAEvE,QAAA,GAAW,OAAA,CAAQ,OAAA,EAAS,EAAA,mBAC3B,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,EAAA,mBACpB,6BAAA,4BAAC,EAAA,EAAuB,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,IAAA,EAAM,GAAG,OAAA,CAAA,EAApC,KAA4C,CAC9D,EAAA,CACH,CAAA;AAAA,MAED,QAAA,kBAAU,6BAAA,sBAAC,EAAA,EAAK,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,IAAA,CAAK,EAAA,EAAK;AAAA,IAAA,EAAA,CACzE;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAA;ADPA;AACA;AACE;AACF,0BAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-75TDY7XF.cjs","sourcesContent":[null,"import React from 'react';\nimport type { ToolbarProps } from './Toolbar.types';\nimport './Toolbar.scss';\nimport { IconButton } from '../Button';\nimport { Breadcrumb } from '../Breadcrumb';\nimport { Avatar } from '../Avatar';\nimport { Menu } from '../Menu';\nimport { CommandPalette } from '../CommandPalette';\n\nexport const Toolbar: React.FC<ToolbarProps> = ({\n  breadcrumbs,\n  actions,\n  user,\n  userMenu,\n  cmdPaletteItems,\n  content,\n  className = '',\n}) => {\n  const classes = ['eidos-toolbar', className].filter(Boolean).join(' ');\n\n  // The avatar is the menu's trigger when there are items to open, and a\n  // plain mark when there aren't - `Menu` with an empty `items` array would\n  // render an interactive, focusable trigger that opens nothing. A menu\n  // given without a `user` still needs a trigger, and `Avatar` already\n  // falls back to a generic user icon when it has neither `name` nor `src`.\n  const hasMenu = userMenu !== undefined && userMenu.length > 0;\n  const avatar = user || hasMenu ? <Avatar {...user} size=\"sm\" /> : null;\n\n  return (\n    <div className={classes}>\n      {breadcrumbs && <Breadcrumb {...breadcrumbs} />}\n      <div className=\"eidos-toolbar__content\">\n        {content && <div className=\"eidos-toolbar__slot\">{content}</div>}\n        {cmdPaletteItems && cmdPaletteItems.length > 0 && (\n          <CommandPalette trigger triggerLabel=\"Search\" items={cmdPaletteItems} />\n        )}\n        {actions && actions.length > 0 && (\n          <div className=\"eidos-toolbar__actions\">\n            {actions.map((action, index) => (\n              <IconButton key={index} variant=\"text\" size=\"sm\" {...action} />\n            ))}\n          </div>\n        )}\n        {hasMenu ? <Menu trigger={avatar} items={userMenu} minWidth={220} /> : avatar}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-SKLMBE3Z.cjs","../src/components/Toolbar/Toolbar.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACUmC,+CAAA;AAjB5B,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,WAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU,CAAC,eAAA,EAAiB,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAOrE,EAAA,MAAM,QAAA,EAAU,SAAA,IAAa,KAAA,EAAA,GAAa,QAAA,CAAS,OAAA,EAAS,CAAA;AAC5D,EAAA,MAAM,OAAA,EAAS,KAAA,GAAQ,QAAA,kBAAU,6BAAA,wBAAC,EAAA,EAAQ,GAAG,IAAA,EAAM,IAAA,EAAK,KAAA,CAAK,EAAA,EAAK,IAAA;AAElE,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,OAAA,EACb,QAAA,EAAA;AAAA,IAAA,YAAA,mBAAe,6BAAA,4BAAC,EAAA,EAAY,GAAG,YAAA,CAAa,CAAA;AAAA,oBAC7C,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,QAAA,mBAAW,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,MACzD,gBAAA,GAAmB,eAAA,CAAgB,OAAA,EAAS,EAAA,mBAC3C,6BAAA,gCAAC,EAAA,EAAe,OAAA,EAAO,IAAA,EAAC,YAAA,EAAa,QAAA,EAAS,KAAA,EAAO,gBAAA,CAAiB,CAAA;AAAA,MAEvE,QAAA,GAAW,OAAA,CAAQ,OAAA,EAAS,EAAA,mBAC3B,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,EAAA,mBACpB,6BAAA,4BAAC,EAAA,EAAuB,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,IAAA,EAAM,GAAG,OAAA,CAAA,EAApC,KAA4C,CAC9D,EAAA,CACH,CAAA;AAAA,MAED,QAAA,kBAAU,6BAAA,sBAAC,EAAA,EAAK,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,IAAA,CAAK,EAAA,EAAK;AAAA,IAAA,EAAA,CACzE;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAA;ADPA;AACA;AACE;AACF,0BAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-SKLMBE3Z.cjs","sourcesContent":[null,"import React from 'react';\nimport type { ToolbarProps } from './Toolbar.types';\nimport './Toolbar.scss';\nimport { IconButton } from '../Button';\nimport { Breadcrumb } from '../Breadcrumb';\nimport { Avatar } from '../Avatar';\nimport { Menu } from '../Menu';\nimport { CommandPalette } from '../CommandPalette';\n\nexport const Toolbar: React.FC<ToolbarProps> = ({\n  breadcrumbs,\n  actions,\n  user,\n  userMenu,\n  cmdPaletteItems,\n  content,\n  className = '',\n}) => {\n  const classes = ['eidos-toolbar', className].filter(Boolean).join(' ');\n\n  // The avatar is the menu's trigger when there are items to open, and a\n  // plain mark when there aren't - `Menu` with an empty `items` array would\n  // render an interactive, focusable trigger that opens nothing. A menu\n  // given without a `user` still needs a trigger, and `Avatar` already\n  // falls back to a generic user icon when it has neither `name` nor `src`.\n  const hasMenu = userMenu !== undefined && userMenu.length > 0;\n  const avatar = user || hasMenu ? <Avatar {...user} size=\"sm\" /> : null;\n\n  return (\n    <div className={classes}>\n      {breadcrumbs && <Breadcrumb {...breadcrumbs} />}\n      <div className=\"eidos-toolbar__content\">\n        {content && <div className=\"eidos-toolbar__slot\">{content}</div>}\n        {cmdPaletteItems && cmdPaletteItems.length > 0 && (\n          <CommandPalette trigger triggerLabel=\"Search\" items={cmdPaletteItems} />\n        )}\n        {actions && actions.length > 0 && (\n          <div className=\"eidos-toolbar__actions\">\n            {actions.map((action, index) => (\n              <IconButton key={index} variant=\"text\" size=\"sm\" {...action} />\n            ))}\n          </div>\n        )}\n        {hasMenu ? <Menu trigger={avatar} items={userMenu} minWidth={220} /> : avatar}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/{chunk-PY2376XI.js → chunk-SVCWSW2F.js}

@@ -1,6 +1,9 @@
 import {
   Kbd
 } from "./chunk-LYH3EKKQ.js";
+import {
+  useDialogFocus
+} from "./chunk-WT4WBHBR.js";
 
 // src/components/CommandPalette/CommandPalette.component.tsx
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -96,6 +99,7 @@ var CommandPalette = ({
   const [query, setQuery] = useState("");
   const [focusedIndex, setFocusedIndex] = useState(0);
   const inputRef = useRef(null);
+  const dialogRef = useRef(null);
   const itemRefs = useRef(/* @__PURE__ */ new Map());
   const filtered = useMemo(() => filterItems(items, query), [items, query]);
   const navigable = useMemo(() => filtered.filter((item) => !item.disabled), [filtered]);
@@ -106,11 +110,7 @@ var CommandPalette = ({
       setFocusedIndex(0);
     }
   }, [open]);
-  useEffect(() => {
-    if (isVisible) {
-      inputRef.current?.focus();
-    }
-  }, [isVisible]);
+  useDialogFocus(open && isVisible, dialogRef, { initialFocus: inputRef });
   useEffect(() => {
     setFocusedIndex(0);
   }, [query]);
@@ -181,11 +181,10 @@ var CommandPalette = ({
       shortcutKey.toUpperCase()
     ] })
   ] }) : trigger ? /* @__PURE__ */ jsx("div", { className: "eidos-cmd-trigger", role: "button", tabIndex: 0, onClick: openPalette, children: trigger }) : null;
-  if (!isMounted) return triggerNode;
   const maxHeightValue = typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     triggerNode,
-    createPortal(
+    isMounted && createPortal(
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -195,6 +194,7 @@ var CommandPalette = ({
           children: /* @__PURE__ */ jsxs(
             "div",
             {
+              ref: dialogRef,
               role: "dialog",
               "aria-modal": "true",
               "aria-label": "Command palette",
@@ -324,4 +324,4 @@ CommandPalette.displayName = "CommandPalette";
 export {
   CommandPalette
 };
-//# sourceMappingURL=chunk-PY2376XI.js.map
+//# sourceMappingURL=chunk-SVCWSW2F.js.map

package/dist/chunk-SVCWSW2F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CommandPalette/CommandPalette.component.tsx"],"sourcesContent":["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"],"mappings":";;;;;;;;AAAA,SAAgB,aAAa,WAAW,OAAO,SAAS,QAAQ,gBAAgB;AAChF,SAAS,oBAAoB;AAC7B,SAAS,WAAW,SAAS,SAAS,gBAAgB,cAAc;AAyQ5D,SA6BJ,UA7BI,KAEE,YAFF;AAhQR,IAAM,gBAAgB;AAItB,SAAS,YAAY,OAAsB,OAA8B;AACvE,QAAM,IAAI,MAAM,KAAK,EAAE,YAAY;AACnC,MAAI,CAAC,EAAG,QAAO;AACf,SAAO,MAAM,OAAO,CAAC,EAAE,OAAO,aAAa,SAAS,MAAM;AACxD,WACE,MAAM,YAAY,EAAE,SAAS,CAAC,MAC7B,aAAa,YAAY,EAAE,SAAS,CAAC,KAAK,WAC1C,UAAU,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,KAAK;AAAA,EAE3D,CAAC;AACH;AAYA,SAAS,YAAY,OAA+B;AAClD,QAAM,SAAkB,CAAC;AACzB,QAAM,WAAW,oBAAI,IAAmB;AAExC,aAAW,QAAQ,OAAO;AACxB,UAAM,MAAM,KAAK,SAAS;AAC1B,QAAI,QAAQ,SAAS,IAAI,GAAG;AAC5B,QAAI,CAAC,OAAO;AACV,cAAQ,EAAE,OAAO,KAAK,SAAS,MAAM,OAAO,CAAC,EAAE;AAC/C,aAAO,KAAK,KAAK;AACjB,eAAS,IAAI,KAAK,KAAK;AAAA,IACzB;AACA,UAAM,MAAM,KAAK,IAAI;AAAA,EACvB;AAEA,SAAO;AACT;AAIO,IAAM,iBAAgD,CAAC;AAAA,EAC5D,MAAM;AAAA,EACN,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,WAAW,MAAM;AACvB,QAAM,SAAS,GAAG,QAAQ;AAQ1B,QAAM,eAAe,aAAa;AAClC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,WAAW;AAC5D,QAAM,OAAO,eAAgB,WAAuB;AAEpD,QAAM,QAAQ,YAAY,MAAM;AAC9B,QAAI,CAAC,aAAc,iBAAgB,KAAK;AACxC,cAAU;AAAA,EACZ,GAAG,CAAC,cAAc,OAAO,CAAC;AAM1B,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,cAAc;AAChB,eAAS;AAAA,IACX,OAAO;AACL,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,cAAc,MAAM,CAAC;AAGzB,YAAU,MAAM;AACd,QAAI,CAAC,YAAa;AAElB,UAAM,UAAU,CAAC,MAAqB;AACpC,UAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,YAAY,MAAM,YAAY,YAAY,EAAG;AACpF,QAAE,eAAe;AACjB,kBAAY;AAAA,IACd;AAEA,WAAO,iBAAiB,WAAW,OAAO;AAC1C,WAAO,MAAM,OAAO,oBAAoB,WAAW,OAAO;AAAA,EAC5D,GAAG,CAAC,aAAa,WAAW,CAAC;AAQ7B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAE/C,YAAU,MAAM;AACd,QAAI,OAAO;AACX,QAAI,OAAO;AACX,QAAI;AAEJ,QAAI,MAAM;AACR,mBAAa,IAAI;AAIjB,aAAO,sBAAsB,MAAM;AACjC,eAAO,sBAAsB,MAAM,aAAa,IAAI,CAAC;AAAA,MACvD,CAAC;AAAA,IACH,OAAO;AACL,mBAAa,KAAK;AAClB,gBAAU,WAAW,MAAM,aAAa,KAAK,GAAG,aAAa;AAAA,IAC/D;AAEA,WAAO,MAAM;AACX,2BAAqB,IAAI;AACzB,2BAAqB,IAAI;AACzB,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAGT,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAElD,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,WAAW,OAAoC,oBAAI,IAAI,CAAC;AAG9D,QAAM,WAAW,QAAQ,MAAM,YAAY,OAAO,KAAK,GAAG,CAAC,OAAO,KAAK,CAAC;AACxE,QAAM,YAAY,QAAQ,MAAM,SAAS,OAAO,CAAC,SAAS,CAAC,KAAK,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACrF,QAAM,SAAS,QAAQ,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAG9D,YAAU,MAAM;AACd,QAAI,MAAM;AACR,eAAS,EAAE;AACX,sBAAgB,CAAC;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAUT,iBAAe,QAAQ,WAAW,WAAW,EAAE,cAAc,SAAS,CAAC;AAGvE,YAAU,MAAM;AACd,oBAAgB,CAAC;AAAA,EACnB,GAAG,CAAC,KAAK,CAAC;AAGV,YAAU,MAAM;AACd,UAAM,cAAc,UAAU,YAAY;AAC1C,QAAI,CAAC,YAAa;AAClB,aAAS,QAAQ,IAAI,YAAY,EAAE,GAAG,eAAe,EAAE,OAAO,UAAU,CAAC;AAAA,EAC3E,GAAG,CAAC,cAAc,SAAS,CAAC;AAI5B,YAAU,MAAM;AACd,QAAI,MAAM;AACR,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AACA,WAAO,MAAM;AACX,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAIT,QAAM,aAAa;AAAA,IACjB,CAAC,SAAsB;AACrB,UAAI,KAAK,SAAU;AACnB,WAAK,SAAS;AACd,iBAAW,IAAI;AACf,YAAM;AAAA,IACR;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAA2B;AAC1B,cAAQ,EAAE,KAAK;AAAA,QACb,KAAK,aAAa;AAChB,YAAE,eAAe;AACjB,cAAI,UAAU,WAAW,EAAG;AAC5B,0BAAgB,CAAC,OAAO,IAAI,KAAK,UAAU,MAAM;AACjD;AAAA,QACF;AAAA,QACA,KAAK,WAAW;AACd,YAAE,eAAe;AACjB,cAAI,UAAU,WAAW,EAAG;AAC5B,0BAAgB,CAAC,OAAO,IAAI,IAAI,UAAU,UAAU,UAAU,MAAM;AACpE;AAAA,QACF;AAAA,QACA,KAAK,SAAS;AACZ,YAAE,eAAe;AACjB,gBAAM,OAAO,UAAU,YAAY;AACnC,cAAI,KAAM,YAAW,IAAI;AACzB;AAAA,QACF;AAAA,QACA,KAAK,UAAU;AACb,YAAE,eAAe;AACjB,gBAAM;AACN;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,cAAc,WAAW,OAAO,UAAU;AAAA,EAC7C;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwC;AAGvC,UAAI,EAAE,WAAW,EAAE,eAAe;AAChC,cAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAOA,QAAM,cACJ,YAAY,OACV,qBAAC,YAAO,MAAK,UAAS,WAAU,6BAA4B,SAAS,aACnE;AAAA,wBAAC,UAAM,wBAAa;AAAA,IACnB,eACC,qBAAC,OAAI,MAAK,MAAK,WAAU,yBACvB;AAAA,0BAAC,WAAQ,MAAM,IAAI;AAAA,MAClB,YAAY,YAAY;AAAA,OAC3B;AAAA,KAEJ,IACE,UACF,oBAAC,SAAI,WAAU,qBAAoB,MAAK,UAAS,UAAU,GAAG,SAAS,aACpE,mBACH,IACE;AAEN,QAAM,iBAAiB,OAAO,cAAc,WAAW,GAAG,SAAS,OAAO;AAc1E,SACE,iCACG;AAAA;AAAA,IACA,aACC;AAAA,MACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,CAAC,sBAAsB,aAAa,6BAA6B,EACzE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,SAAS;AAAA,UACT,eAAa,CAAC;AAAA,UAEd;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,cAAW;AAAA,cACX,cAAW;AAAA,cACX,IAAI;AAAA,cACJ,WAAW,CAAC,oBAAoB,aAAa,6BAA6B,SAAS,EAChF,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,cACX,WAAW;AAAA,cAGX;AAAA,qCAAC,SAAI,WAAU,oBACb;AAAA,sCAAC,UAAO,WAAU,yBAAwB,MAAM,IAAI,eAAY,QAAO;AAAA,kBAEvE;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAK;AAAA,sBACL,MAAK;AAAA,sBACL,MAAK;AAAA,sBACL,iBAAc;AAAA,sBACd,iBAAe;AAAA,sBACf,qBAAkB;AAAA,sBAClB,cAAY;AAAA,sBACZ,WAAU;AAAA,sBACV;AAAA,sBACA,OAAO;AAAA,sBACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,sBACxC,YAAY;AAAA,sBACZ,cAAa;AAAA;AAAA,kBACf;AAAA,kBAGC,eACC,qBAAC,SAAI,WAAU,0BAAyB,eAAY,QAClD;AAAA,wCAAC,WAAQ,MAAM,IAAI;AAAA,oBACnB,oBAAC,UAAM,sBAAY,YAAY,GAAE;AAAA,qBACnC;AAAA,mBAEJ;AAAA,gBAGA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAK;AAAA,oBACL,cAAW;AAAA,oBACX,WAAU;AAAA,oBACV,OAAO,EAAE,WAAW,eAAe;AAAA,oBAElC,mBAAS,WAAW,IACnB,oBAAC,OAAE,WAAU,mBAAkB,MAAK,UACjC,qBACH,IAEA,OAAO,IAAI,CAAC,UACV;AAAA,sBAAC;AAAA;AAAA,wBAEC,MAAK;AAAA,wBACL,cAAY,MAAM,SAAS;AAAA,wBAE1B;AAAA,gCAAM,SACL,oBAAC,SAAI,WAAU,yBAAwB,eAAY,QAChD,gBAAM,OACT;AAAA,0BAGD,MAAM,MAAM,IAAI,CAAC,SAAS;AACzB,kCAAM,YAAY,UAAU,YAAY,GAAG,OAAO,KAAK;AACvD,kCAAM,OAAO,KAAK;AAElB,mCACE;AAAA,8BAAC;AAAA;AAAA,gCAEC,KAAK,CAAC,OAAO;AACX,sCAAI,IAAI;AACN,6CAAS,QAAQ,IAAI,KAAK,IAAI,EAAE;AAAA,kCAClC,OAAO;AACL,6CAAS,QAAQ,OAAO,KAAK,EAAE;AAAA,kCACjC;AAAA,gCACF;AAAA,gCACA,MAAK;AAAA,gCACL,iBAAe;AAAA,gCACf,iBAAe,KAAK;AAAA,gCACpB,WAAW;AAAA,kCACT;AAAA,kCACA,aAAa;AAAA,kCACb,KAAK,YAAY;AAAA,gCACnB,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gCACX,SAAS,MAAM,WAAW,IAAI;AAAA,gCAC9B,cAAc,MAAM;AAClB,sCAAI,CAAC,KAAK,UAAU;AAClB,0CAAM,MAAM,UAAU,UAAU,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE;AACvD,wCAAI,QAAQ,GAAI,iBAAgB,GAAG;AAAA,kCACrC;AAAA,gCACF;AAAA,gCAEC;AAAA,0CACC,oBAAC,UAAK,WAAU,uBAAsB,eAAY,QAChD,8BAAC,QAAK,MAAM,IAAI,GAClB;AAAA,kCAGF,qBAAC,SAAI,WAAU,uBACb;AAAA,wDAAC,SAAI,WAAU,wBAAwB,eAAK,OAAM;AAAA,oCACjD,KAAK,eACJ,oBAAC,SAAI,WAAU,8BAA8B,eAAK,aAAY;AAAA,qCAElE;AAAA,kCAEC,KAAK,YAAY,KAAK,SAAS,SAAS,KACvC;AAAA,oCAAC;AAAA;AAAA,sCACC,WAAU;AAAA,sCACV,cAAY,aAAa,KAAK,SAAS,KAAK,GAAG,CAAC;AAAA,sCAE/C,eAAK,SAAS,IAAI,CAAC,KAAK,MACvB,oBAAC,SAAY,WAAU,iBACpB,iBADO,CAEV,CACD;AAAA;AAAA,kCACH;AAAA;AAAA;AAAA,8BAjDG,KAAK;AAAA,4BAmDZ;AAAA,0BAEJ,CAAC;AAAA;AAAA;AAAA,sBArEI,MAAM,SAAS;AAAA,oBAsEtB,CACD;AAAA;AAAA,gBAEL;AAAA,gBAGA,qBAAC,SAAI,WAAU,oBACb;AAAA,uCAAC,SAAI,WAAU,mBAAkB,eAAY,QAC3C;AAAA,yCAAC,UACC;AAAA,0CAAC,WAAQ,MAAM,IAAI;AAAA,sBACnB,oBAAC,aAAU,MAAM,IAAI;AAAA,sBAAE;AAAA,uBACzB;AAAA,oBACA,qBAAC,UACC;AAAA,0CAAC,kBAAe,MAAM,IAAI;AAAA,sBAAE;AAAA,uBAC9B;AAAA,oBACA,oBAAC,UAAK,uBAAS;AAAA,qBACjB;AAAA,kBAEC,UAAU,oBAAC,SAAI,WAAU,yBAAyB,kBAAO;AAAA,mBAC5D;AAAA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,IACX;AAAA,KACJ;AAEJ;AAEA,eAAe,cAAc;","names":[]}

package/dist/{chunk-2RXQMQYW.js → chunk-SXL4DMZ7.js}

@@ -81,24 +81,34 @@ var RadioGroup = ({
     onChange?.(optionValue);
   };
   const groupClasses = ["eidos-radio-group", `eidos-radio-group--${direction}`, className].filter(Boolean).join(" ");
+  const errorId = `${name}-error`;
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: groupClasses, children: options.map((option) => /* @__PURE__ */ jsx(
-      Radio,
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        name,
-        value: option.value,
-        checked: currentValue === option.value,
-        onChange: (e) => {
-          if (e.target.checked) handleOptionChange(option.value);
-        },
-        disabled: disabled || option.disabled,
-        label: option.label,
-        color,
-        size
-      },
-      option.value
-    )) }),
-    error && /* @__PURE__ */ jsxs("div", { className: "eidos-radio-error-message", children: [
+        className: groupClasses,
+        role: "radiogroup",
+        "aria-invalid": error ? true : void 0,
+        "aria-describedby": error ? errorId : void 0,
+        children: options.map((option) => /* @__PURE__ */ jsx(
+          Radio,
+          {
+            name,
+            value: option.value,
+            checked: currentValue === option.value,
+            onChange: (e) => {
+              if (e.target.checked) handleOptionChange(option.value);
+            },
+            disabled: disabled || option.disabled,
+            label: option.label,
+            color,
+            size
+          },
+          option.value
+        ))
+      }
+    ),
+    error && /* @__PURE__ */ jsxs("div", { id: errorId, className: "eidos-radio-error-message", children: [
       /* @__PURE__ */ jsx(CircleAlert, {}),
       /* @__PURE__ */ jsx("span", { children: error })
     ] })
@@ -110,4 +120,4 @@ export {
   Radio,
   RadioGroup
 };
-//# sourceMappingURL=chunk-2RXQMQYW.js.map
+//# sourceMappingURL=chunk-SXL4DMZ7.js.map

package/dist/{chunk-2RXQMQYW.js.map → chunk-SXL4DMZ7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Radio/Radio.component.tsx"],"sourcesContent":["import React, { forwardRef, useId, useState } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport type { RadioProps, RadioGroupProps } from './Radio.types';\n\n// ============================================================================\n// Radio\n// ============================================================================\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      label,\n      color = 'primary',\n      size = 'md',\n      className = '',\n      disabled = false,\n      id,\n      checked,\n      defaultChecked,\n      onChange,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${generatedId}`;\n\n    // Track checked state for the visual control:\n    //   - controlled mode: `checked` prop drives the visual\n    //   - uncontrolled mode (standalone Radio): local state mirrors the native input\n    const isControlled = checked !== undefined;\n    const [localChecked, setLocalChecked] = useState<boolean>(defaultChecked ?? false);\n\n    // `??` only falls back when `checked` is undefined – `false` is kept as-is\n    const isChecked = checked ?? localChecked;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setLocalChecked(e.target.checked);\n      }\n      onChange?.(e);\n    };\n\n    const wrapperClasses = [\n      'eidos-radio-wrapper',\n      `eidos-radio-wrapper--${color}`,\n      `eidos-radio-wrapper--${size}`,\n      disabled && 'eidos-radio-wrapper--disabled',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-radio-control',\n      isChecked && 'eidos-radio-control--checked',\n      disabled && 'eidos-radio-control--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <label className={wrapperClasses}>\n        <input\n          ref={ref}\n          type=\"radio\"\n          id={radioId}\n          className=\"eidos-radio-input\"\n          disabled={disabled}\n          onChange={handleChange}\n          {...(isControlled ? { checked } : { defaultChecked })}\n          {...inputProps}\n        />\n        <span className={controlClasses}>\n          <span className=\"eidos-radio-dot\" />\n        </span>\n        {label && <span className=\"eidos-radio-label\">{label}</span>}\n      </label>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\n\n// ============================================================================\n// RadioGroup\n//\n// Design note: RadioGroup always passes a controlled `checked` prop to every\n// Radio child so that the selection dot stays in sync across the full group.\n// For the \"uncontrolled\" case (defaultValue), RadioGroup owns the state\n// internally – individual Radios never need to manage it themselves.\n// ============================================================================\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n  name,\n  value: valueProp,\n  defaultValue,\n  onChange,\n  options,\n  direction = 'vertical',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  error,\n  className = '',\n}) => {\n  const isControlled = valueProp !== undefined;\n  const [localValue, setLocalValue] = useState<string | undefined>(defaultValue);\n\n  // currentValue is always defined when valueProp is provided (controlled)\n  const currentValue = isControlled ? valueProp : localValue;\n\n  const handleOptionChange = (optionValue: string) => {\n    if (!isControlled) {\n      setLocalValue(optionValue);\n    }\n    onChange?.(optionValue);\n  };\n\n  const groupClasses = ['eidos-radio-group', `eidos-radio-group--${direction}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div>\n      <div className={groupClasses}>\n        {options.map((option) => (\n          <Radio\n            key={option.value}\n            name={name}\n            value={option.value}\n            checked={currentValue === option.value}\n            onChange={(e) => {\n              if (e.target.checked) handleOptionChange(option.value);\n            }}\n            disabled={disabled || option.disabled}\n            label={option.label}\n            color={color}\n            size={size}\n          />\n        ))}\n      </div>\n\n      {error && (\n        <div className=\"eidos-radio-error-message\">\n          <CircleAlert />\n          <span>{error}</span>\n        </div>\n      )}\n    </div>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n"],"mappings":";AAAA,SAAgB,YAAY,OAAO,gBAAgB;AACnD,SAAS,mBAAmB;AA6DtB,SACE,KADF;AAtDC,IAAM,QAAQ;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAc,MAAM;AAC1B,UAAM,UAAU,MAAM,SAAS,WAAW;AAK1C,UAAM,eAAe,YAAY;AACjC,UAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,kBAAkB,KAAK;AAGjF,UAAM,YAAY,WAAW;AAE7B,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,cAAc;AACjB,wBAAgB,EAAE,OAAO,OAAO;AAAA,MAClC;AACA,iBAAW,CAAC;AAAA,IACd;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA,wBAAwB,KAAK;AAAA,MAC7B,wBAAwB,IAAI;AAAA,MAC5B,YAAY;AAAA,MACZ;AAAA,IACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA,aAAa;AAAA,MACb,YAAY;AAAA,IACd,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE,qBAAC,WAAM,WAAW,gBAChB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,IAAI;AAAA,UACJ,WAAU;AAAA,UACV;AAAA,UACA,UAAU;AAAA,UACT,GAAI,eAAe,EAAE,QAAQ,IAAI,EAAE,eAAe;AAAA,UAClD,GAAG;AAAA;AAAA,MACN;AAAA,MACA,oBAAC,UAAK,WAAW,gBACf,8BAAC,UAAK,WAAU,mBAAkB,GACpC;AAAA,MACC,SAAS,oBAAC,UAAK,WAAU,qBAAqB,iBAAM;AAAA,OACvD;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;AAWb,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA,YAAY;AACd,MAAM;AACJ,QAAM,eAAe,cAAc;AACnC,QAAM,CAAC,YAAY,aAAa,IAAI,SAA6B,YAAY;AAG7E,QAAM,eAAe,eAAe,YAAY;AAEhD,QAAM,qBAAqB,CAAC,gBAAwB;AAClD,QAAI,CAAC,cAAc;AACjB,oBAAc,WAAW;AAAA,IAC3B;AACA,eAAW,WAAW;AAAA,EACxB;AAEA,QAAM,eAAe,CAAC,qBAAqB,sBAAsB,SAAS,IAAI,SAAS,EACpF,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,qBAAC,SACC;AAAA,wBAAC,SAAI,WAAW,cACb,kBAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,SAAS,iBAAiB,OAAO;AAAA,QACjC,UAAU,CAAC,MAAM;AACf,cAAI,EAAE,OAAO,QAAS,oBAAmB,OAAO,KAAK;AAAA,QACvD;AAAA,QACA,UAAU,YAAY,OAAO;AAAA,QAC7B,OAAO,OAAO;AAAA,QACd;AAAA,QACA;AAAA;AAAA,MAVK,OAAO;AAAA,IAWd,CACD,GACH;AAAA,IAEC,SACC,qBAAC,SAAI,WAAU,6BACb;AAAA,0BAAC,eAAY;AAAA,MACb,oBAAC,UAAM,iBAAM;AAAA,OACf;AAAA,KAEJ;AAEJ;AAEA,WAAW,cAAc;","names":[]}
+{"version":3,"sources":["../src/components/Radio/Radio.component.tsx"],"sourcesContent":["import React, { forwardRef, useId, useState } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport type { RadioProps, RadioGroupProps } from './Radio.types';\n\n// ============================================================================\n// Radio\n// ============================================================================\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      label,\n      color = 'primary',\n      size = 'md',\n      className = '',\n      disabled = false,\n      id,\n      checked,\n      defaultChecked,\n      onChange,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${generatedId}`;\n\n    // Track checked state for the visual control:\n    //   - controlled mode: `checked` prop drives the visual\n    //   - uncontrolled mode (standalone Radio): local state mirrors the native input\n    const isControlled = checked !== undefined;\n    const [localChecked, setLocalChecked] = useState<boolean>(defaultChecked ?? false);\n\n    // `??` only falls back when `checked` is undefined – `false` is kept as-is\n    const isChecked = checked ?? localChecked;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setLocalChecked(e.target.checked);\n      }\n      onChange?.(e);\n    };\n\n    const wrapperClasses = [\n      'eidos-radio-wrapper',\n      `eidos-radio-wrapper--${color}`,\n      `eidos-radio-wrapper--${size}`,\n      disabled && 'eidos-radio-wrapper--disabled',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-radio-control',\n      isChecked && 'eidos-radio-control--checked',\n      disabled && 'eidos-radio-control--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <label className={wrapperClasses}>\n        <input\n          ref={ref}\n          type=\"radio\"\n          id={radioId}\n          className=\"eidos-radio-input\"\n          disabled={disabled}\n          onChange={handleChange}\n          {...(isControlled ? { checked } : { defaultChecked })}\n          {...inputProps}\n        />\n        <span className={controlClasses}>\n          <span className=\"eidos-radio-dot\" />\n        </span>\n        {label && <span className=\"eidos-radio-label\">{label}</span>}\n      </label>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\n\n// ============================================================================\n// RadioGroup\n//\n// Design note: RadioGroup always passes a controlled `checked` prop to every\n// Radio child so that the selection dot stays in sync across the full group.\n// For the \"uncontrolled\" case (defaultValue), RadioGroup owns the state\n// internally – individual Radios never need to manage it themselves.\n// ============================================================================\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n  name,\n  value: valueProp,\n  defaultValue,\n  onChange,\n  options,\n  direction = 'vertical',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  error,\n  className = '',\n}) => {\n  const isControlled = valueProp !== undefined;\n  const [localValue, setLocalValue] = useState<string | undefined>(defaultValue);\n\n  // currentValue is always defined when valueProp is provided (controlled)\n  const currentValue = isControlled ? valueProp : localValue;\n\n  const handleOptionChange = (optionValue: string) => {\n    if (!isControlled) {\n      setLocalValue(optionValue);\n    }\n    onChange?.(optionValue);\n  };\n\n  const groupClasses = ['eidos-radio-group', `eidos-radio-group--${direction}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  // Associates the visible error with the group. Without it the message is\n  // just a red line of text below the options - obvious to look at, absent\n  // from the accessibility tree (SC 3.3.1). See the fuller note in `Input`.\n  const errorId = `${name}-error`;\n\n  return (\n    <div>\n      {/* `role=\"radiogroup\"` so the options are announced as one choice\n          rather than a run of unrelated radios - and so there is something\n          for the error to attach to. The error belongs to the group, not to\n          any single option. */}\n      <div\n        className={groupClasses}\n        role=\"radiogroup\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n      >\n        {options.map((option) => (\n          <Radio\n            key={option.value}\n            name={name}\n            value={option.value}\n            checked={currentValue === option.value}\n            onChange={(e) => {\n              if (e.target.checked) handleOptionChange(option.value);\n            }}\n            disabled={disabled || option.disabled}\n            label={option.label}\n            color={color}\n            size={size}\n          />\n        ))}\n      </div>\n\n      {error && (\n        <div id={errorId} className=\"eidos-radio-error-message\">\n          <CircleAlert />\n          <span>{error}</span>\n        </div>\n      )}\n    </div>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n"],"mappings":"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","names":[]}

package/dist/{chunk-X3U7SDOZ.js → chunk-TLECMA3B.js}

@@ -1,13 +1,13 @@
 import {
   Input
-} from "./chunk-JRLUZDKA.js";
+} from "./chunk-CEC3GO4R.js";
 import {
   Dropdown
-} from "./chunk-2R77XZEP.js";
+} from "./chunk-67EXHO4T.js";
 import {
   fullWidthModifier,
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-WT4WBHBR.js";
 
 // src/components/Select/Select.component.tsx
 import React, { useState, useCallback, useRef, useEffect, useMemo } from "react";
@@ -297,6 +297,7 @@ var Select = React.forwardRef(
             posIcon: selectedValues.size > 0 && clearable ? X : void 0,
             posIconButton: selectedValues.size > 0 && clearable,
             onPosIconClick: selectedValues.size > 0 && clearable ? handleClear : void 0,
+            posIconLabel: "Clear selection",
             disabled,
             readOnly: true,
             isSelect: true,
@@ -340,4 +341,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-X3U7SDOZ.js.map
+//# sourceMappingURL=chunk-TLECMA3B.js.map

package/dist/{chunk-X3U7SDOZ.js.map → chunk-TLECMA3B.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Select/Select.component.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { SelectProps, SelectOption } from './Select.types';\nimport { renderIcon, fullWidthModifier } from '../../utils';\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      options = [],\n      value,\n      defaultValue,\n      onChange,\n      className = '',\n      multiple = false,\n      placeholder = 'Select an option...',\n      disabled = false,\n      inputProps = {},\n      name,\n      id,\n      required = false,\n      fullWidth = false,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight = '300px',\n      autoWidth = true,\n      clearable = true,\n      autoOpen = false,\n      dropdownProps = {},\n    },\n    ref,\n  ) => {\n    const isControlled = value !== undefined;\n\n    // Lazy initializer: seed from defaultValue in uncontrolled mode.\n    const [selectedValues, setSelectedValues] = useState<Set<string>>(() => {\n      if (defaultValue !== undefined) {\n        const vals = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n        return new Set(vals.filter((v) => v !== ''));\n      }\n      return new Set();\n    });\n    const [menuKey, setMenuKey] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState(-1);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const optionRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n    // Kept in sync every render so the mount-only callback ref below can\n    // read the latest values without needing them in its dependency array\n    // (see `handleOptionsMount`).\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n    const selectedValuesRef = useRef(selectedValues);\n    selectedValuesRef.current = selectedValues;\n\n    useEffect(() => {\n      if (value !== undefined) {\n        const values = Array.isArray(value) ? value : [value];\n\n        const validValues = values.filter((v) => v !== '');\n        setSelectedValues(new Set(validValues));\n      }\n    }, [value]);\n\n    useEffect(() => {\n      setFocusedIndex(-1);\n    }, [options]);\n\n    useEffect(() => {\n      optionRefs.current = optionRefs.current.slice(0, options.length);\n    }, [options.length]);\n\n    const handleOptionSelect = useCallback(\n      (option: SelectOption) => {\n        if (option.disabled) return;\n\n        const newSelectedValues = new Set(selectedValues);\n\n        if (multiple) {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.delete(option.value);\n          } else {\n            newSelectedValues.add(option.value);\n          }\n        } else {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.clear();\n          } else {\n            newSelectedValues.clear();\n            newSelectedValues.add(option.value);\n          }\n        }\n\n        // In uncontrolled mode, own the state directly.\n        // In controlled mode, let the parent drive via value prop + useEffect sync.\n        if (!isControlled) {\n          setSelectedValues(newSelectedValues);\n        }\n\n        if (onChange) {\n          const newValue = multiple\n            ? Array.from(newSelectedValues)\n            : Array.from(newSelectedValues)[0] || '';\n          onChange(newValue);\n        }\n\n        if (!multiple) {\n          setIsOpen(false);\n          setMenuKey((prev) => prev + 1);\n        }\n      },\n      [multiple, onChange, selectedValues, isControlled],\n    );\n\n    const handleClear = useCallback(\n      (e?: React.MouseEvent) => {\n        if (e) {\n          e.stopPropagation();\n        }\n        if (!isControlled) {\n          setSelectedValues(new Set());\n        }\n\n        setIsOpen(false);\n        setMenuKey((prev) => prev + 1);\n        if (onChange) {\n          onChange(multiple ? [] : '');\n        }\n      },\n      [multiple, onChange, isControlled],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev < options.length - 1 ? prev + 1 : 0;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'ArrowUp':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(options.length - 1);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev > 0 ? prev - 1 : options.length - 1;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'Enter':\n          case ' ':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else if (focusedIndex >= 0 && focusedIndex < options.length) {\n              const focusedOption = options[focusedIndex];\n              handleOptionSelect(focusedOption);\n            }\n            break;\n\n          case 'Escape':\n            e.preventDefault();\n            if (isOpen) {\n              setIsOpen(false);\n              setFocusedIndex(-1);\n              setMenuKey((prev) => prev + 1);\n            }\n            break;\n\n          case 'Home':\n            e.preventDefault();\n            if (isOpen) {\n              setFocusedIndex(0);\n              optionRefs.current[0]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          case 'End':\n            e.preventDefault();\n            if (isOpen) {\n              const lastIndex = options.length - 1;\n              setFocusedIndex(lastIndex);\n              optionRefs.current[lastIndex]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          default:\n            if (isOpen && e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {\n              const searchChar = e.key.toLowerCase();\n              const foundIndex = options.findIndex(\n                (option, index) =>\n                  index > focusedIndex && option.label.toLowerCase().startsWith(searchChar),\n              );\n\n              if (foundIndex !== -1) {\n                setFocusedIndex(foundIndex);\n                optionRefs.current[foundIndex]?.scrollIntoView({\n                  block: 'nearest',\n                  behavior: 'smooth',\n                });\n              } else {\n                const foundFromStart = options.findIndex((option) =>\n                  option.label.toLowerCase().startsWith(searchChar),\n                );\n                if (foundFromStart !== -1) {\n                  setFocusedIndex(foundFromStart);\n                  optionRefs.current[foundFromStart]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }\n              }\n            }\n            break;\n        }\n      },\n      [disabled, isOpen, options, focusedIndex, handleOptionSelect],\n    );\n\n    // Scrolls the first selected option into view. Attached as the options\n    // list's own ref below with an empty dependency array, so its identity\n    // never changes and React only invokes it on genuine DOM mount/unmount -\n    // i.e. exactly when the dropdown opens/closes (Dropdown unmounts its\n    // `content` entirely while closed), not on every re-render while open.\n    const handleOptionsMount = useCallback((el: HTMLDivElement | null) => {\n      if (!el) return;\n      const idx = optionsRef.current.findIndex((option) =>\n        selectedValuesRef.current.has(option.value),\n      );\n      if (idx === -1) return;\n      optionRefs.current[idx]?.scrollIntoView({ block: 'nearest' });\n    }, []);\n\n    // Past this many selections the full comma-joined label list becomes\n    // unreadable in the trigger, so we switch to a compact \"N selected\" label.\n    const COMPACT_LABEL_THRESHOLD = 2;\n\n    const displayValue = useMemo(() => {\n      if (selectedValues.size === 0) return '';\n\n      if (multiple && selectedValues.size > COMPACT_LABEL_THRESHOLD) {\n        return `${selectedValues.size} selected`;\n      }\n\n      const selectedOptions = options.filter((option) => selectedValues.has(option.value));\n      const text = selectedOptions.map((option) => option.label).join(', ');\n      return text;\n    }, [options, selectedValues, multiple]);\n\n    const selectContent = useMemo(\n      () => (\n        <div className={'eidos-select-options'} ref={handleOptionsMount}>\n          {options.map((option, index) => {\n            const isSelected = selectedValues.has(option.value);\n            const isFocused = index === focusedIndex;\n            return (\n              <div\n                key={option.id}\n                ref={(el) => {\n                  optionRefs.current[index] = el;\n                }}\n                className={`\n\t\t\t\t\t\t\t\t\t\t${'eidos-select-option'}\n\t\t\t\t\t\t\t\t\t\t${isSelected ? 'eidos-select-option--selected' : ''}\n\t\t\t\t\t\t\t\t\t\t${option.disabled ? 'eidos-select-option--disabled' : ''}\n\t\t\t\t\t\t\t\t\t\t${isFocused ? 'eidos-select-option--focused' : ''}\n\t\t\t\t\t\t\t\t\t`.trim()}\n                onClick={() => handleOptionSelect(option)}\n                onMouseEnter={() => setFocusedIndex(index)}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={option.disabled}\n              >\n                {option.icon && renderIcon(option.icon, 'eidos-select-option-icon')}\n                <span className={'eidos-select-option-label'}>{option.label}</span>\n                {isSelected && <Check className={'eidos-select-option-check-icon'} />}\n              </div>\n            );\n          })}\n        </div>\n      ),\n      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount],\n    );\n\n    const triggerElement = (\n      <div\n        ref={triggerRef}\n        className={`eidos-select-trigger ${fullWidth ? fullWidthModifier('eidos-select-trigger') : ''}`}\n        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : undefined}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={`${id || 'select'}-options`}\n        aria-activedescendant={\n          focusedIndex >= 0 ? `${id || 'select'}-option-${focusedIndex}` : undefined\n        }\n      >\n        <Input\n          ref={inputRef}\n          value={selectedValues.size > 0 ? displayValue : ''}\n          placeholder={selectedValues.size === 0 ? placeholder : ''}\n          posIcon={selectedValues.size > 0 && clearable ? X : undefined}\n          posIconButton={selectedValues.size > 0 && clearable}\n          onPosIconClick={selectedValues.size > 0 && clearable ? handleClear : undefined}\n          disabled={disabled}\n          readOnly={true}\n          isSelect={true}\n          name={name}\n          id={id}\n          required={required}\n          fullWidth={fullWidth}\n          {...inputProps}\n        />\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={`${'eidos-select-container'} ${\n          fullWidth ? fullWidthModifier('eidos-select-container') : ''\n        } ${className}`}\n      >\n        <Dropdown\n          key={menuKey}\n          defaultOpen={autoOpen}\n          trigger={triggerElement}\n          content={\n            <div id={`${id || 'select'}-options`} role=\"listbox\" aria-multiselectable={multiple}>\n              {selectContent}\n            </div>\n          }\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          autoWidth={autoWidth}\n          fullWidth={fullWidth}\n          triggerRef={triggerRef as React.RefObject<HTMLElement | null>}\n          {...dropdownProps}\n        />\n      </div>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/Select/Select.component.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { SelectProps, SelectOption } from './Select.types';\nimport { renderIcon, fullWidthModifier } from '../../utils';\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      options = [],\n      value,\n      defaultValue,\n      onChange,\n      className = '',\n      multiple = false,\n      placeholder = 'Select an option...',\n      disabled = false,\n      inputProps = {},\n      name,\n      id,\n      required = false,\n      fullWidth = false,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight = '300px',\n      autoWidth = true,\n      clearable = true,\n      autoOpen = false,\n      dropdownProps = {},\n    },\n    ref,\n  ) => {\n    const isControlled = value !== undefined;\n\n    // Lazy initializer: seed from defaultValue in uncontrolled mode.\n    const [selectedValues, setSelectedValues] = useState<Set<string>>(() => {\n      if (defaultValue !== undefined) {\n        const vals = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n        return new Set(vals.filter((v) => v !== ''));\n      }\n      return new Set();\n    });\n    const [menuKey, setMenuKey] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState(-1);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const optionRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n    // Kept in sync every render so the mount-only callback ref below can\n    // read the latest values without needing them in its dependency array\n    // (see `handleOptionsMount`).\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n    const selectedValuesRef = useRef(selectedValues);\n    selectedValuesRef.current = selectedValues;\n\n    useEffect(() => {\n      if (value !== undefined) {\n        const values = Array.isArray(value) ? value : [value];\n\n        const validValues = values.filter((v) => v !== '');\n        setSelectedValues(new Set(validValues));\n      }\n    }, [value]);\n\n    useEffect(() => {\n      setFocusedIndex(-1);\n    }, [options]);\n\n    useEffect(() => {\n      optionRefs.current = optionRefs.current.slice(0, options.length);\n    }, [options.length]);\n\n    const handleOptionSelect = useCallback(\n      (option: SelectOption) => {\n        if (option.disabled) return;\n\n        const newSelectedValues = new Set(selectedValues);\n\n        if (multiple) {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.delete(option.value);\n          } else {\n            newSelectedValues.add(option.value);\n          }\n        } else {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.clear();\n          } else {\n            newSelectedValues.clear();\n            newSelectedValues.add(option.value);\n          }\n        }\n\n        // In uncontrolled mode, own the state directly.\n        // In controlled mode, let the parent drive via value prop + useEffect sync.\n        if (!isControlled) {\n          setSelectedValues(newSelectedValues);\n        }\n\n        if (onChange) {\n          const newValue = multiple\n            ? Array.from(newSelectedValues)\n            : Array.from(newSelectedValues)[0] || '';\n          onChange(newValue);\n        }\n\n        if (!multiple) {\n          setIsOpen(false);\n          setMenuKey((prev) => prev + 1);\n        }\n      },\n      [multiple, onChange, selectedValues, isControlled],\n    );\n\n    const handleClear = useCallback(\n      (e?: React.MouseEvent) => {\n        if (e) {\n          e.stopPropagation();\n        }\n        if (!isControlled) {\n          setSelectedValues(new Set());\n        }\n\n        setIsOpen(false);\n        setMenuKey((prev) => prev + 1);\n        if (onChange) {\n          onChange(multiple ? [] : '');\n        }\n      },\n      [multiple, onChange, isControlled],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev < options.length - 1 ? prev + 1 : 0;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'ArrowUp':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(options.length - 1);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev > 0 ? prev - 1 : options.length - 1;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'Enter':\n          case ' ':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else if (focusedIndex >= 0 && focusedIndex < options.length) {\n              const focusedOption = options[focusedIndex];\n              handleOptionSelect(focusedOption);\n            }\n            break;\n\n          case 'Escape':\n            e.preventDefault();\n            if (isOpen) {\n              setIsOpen(false);\n              setFocusedIndex(-1);\n              setMenuKey((prev) => prev + 1);\n            }\n            break;\n\n          case 'Home':\n            e.preventDefault();\n            if (isOpen) {\n              setFocusedIndex(0);\n              optionRefs.current[0]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          case 'End':\n            e.preventDefault();\n            if (isOpen) {\n              const lastIndex = options.length - 1;\n              setFocusedIndex(lastIndex);\n              optionRefs.current[lastIndex]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          default:\n            if (isOpen && e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {\n              const searchChar = e.key.toLowerCase();\n              const foundIndex = options.findIndex(\n                (option, index) =>\n                  index > focusedIndex && option.label.toLowerCase().startsWith(searchChar),\n              );\n\n              if (foundIndex !== -1) {\n                setFocusedIndex(foundIndex);\n                optionRefs.current[foundIndex]?.scrollIntoView({\n                  block: 'nearest',\n                  behavior: 'smooth',\n                });\n              } else {\n                const foundFromStart = options.findIndex((option) =>\n                  option.label.toLowerCase().startsWith(searchChar),\n                );\n                if (foundFromStart !== -1) {\n                  setFocusedIndex(foundFromStart);\n                  optionRefs.current[foundFromStart]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }\n              }\n            }\n            break;\n        }\n      },\n      [disabled, isOpen, options, focusedIndex, handleOptionSelect],\n    );\n\n    // Scrolls the first selected option into view. Attached as the options\n    // list's own ref below with an empty dependency array, so its identity\n    // never changes and React only invokes it on genuine DOM mount/unmount -\n    // i.e. exactly when the dropdown opens/closes (Dropdown unmounts its\n    // `content` entirely while closed), not on every re-render while open.\n    const handleOptionsMount = useCallback((el: HTMLDivElement | null) => {\n      if (!el) return;\n      const idx = optionsRef.current.findIndex((option) =>\n        selectedValuesRef.current.has(option.value),\n      );\n      if (idx === -1) return;\n      optionRefs.current[idx]?.scrollIntoView({ block: 'nearest' });\n    }, []);\n\n    // Past this many selections the full comma-joined label list becomes\n    // unreadable in the trigger, so we switch to a compact \"N selected\" label.\n    const COMPACT_LABEL_THRESHOLD = 2;\n\n    const displayValue = useMemo(() => {\n      if (selectedValues.size === 0) return '';\n\n      if (multiple && selectedValues.size > COMPACT_LABEL_THRESHOLD) {\n        return `${selectedValues.size} selected`;\n      }\n\n      const selectedOptions = options.filter((option) => selectedValues.has(option.value));\n      const text = selectedOptions.map((option) => option.label).join(', ');\n      return text;\n    }, [options, selectedValues, multiple]);\n\n    const selectContent = useMemo(\n      () => (\n        <div className={'eidos-select-options'} ref={handleOptionsMount}>\n          {options.map((option, index) => {\n            const isSelected = selectedValues.has(option.value);\n            const isFocused = index === focusedIndex;\n            return (\n              <div\n                key={option.id}\n                ref={(el) => {\n                  optionRefs.current[index] = el;\n                }}\n                className={`\n\t\t\t\t\t\t\t\t\t\t${'eidos-select-option'}\n\t\t\t\t\t\t\t\t\t\t${isSelected ? 'eidos-select-option--selected' : ''}\n\t\t\t\t\t\t\t\t\t\t${option.disabled ? 'eidos-select-option--disabled' : ''}\n\t\t\t\t\t\t\t\t\t\t${isFocused ? 'eidos-select-option--focused' : ''}\n\t\t\t\t\t\t\t\t\t`.trim()}\n                onClick={() => handleOptionSelect(option)}\n                onMouseEnter={() => setFocusedIndex(index)}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={option.disabled}\n              >\n                {option.icon && renderIcon(option.icon, 'eidos-select-option-icon')}\n                <span className={'eidos-select-option-label'}>{option.label}</span>\n                {isSelected && <Check className={'eidos-select-option-check-icon'} />}\n              </div>\n            );\n          })}\n        </div>\n      ),\n      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount],\n    );\n\n    const triggerElement = (\n      <div\n        ref={triggerRef}\n        className={`eidos-select-trigger ${fullWidth ? fullWidthModifier('eidos-select-trigger') : ''}`}\n        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : undefined}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={`${id || 'select'}-options`}\n        aria-activedescendant={\n          focusedIndex >= 0 ? `${id || 'select'}-option-${focusedIndex}` : undefined\n        }\n      >\n        <Input\n          ref={inputRef}\n          value={selectedValues.size > 0 ? displayValue : ''}\n          placeholder={selectedValues.size === 0 ? placeholder : ''}\n          posIcon={selectedValues.size > 0 && clearable ? X : undefined}\n          posIconButton={selectedValues.size > 0 && clearable}\n          onPosIconClick={selectedValues.size > 0 && clearable ? handleClear : undefined}\n          posIconLabel=\"Clear selection\"\n          disabled={disabled}\n          readOnly={true}\n          isSelect={true}\n          name={name}\n          id={id}\n          required={required}\n          fullWidth={fullWidth}\n          {...inputProps}\n        />\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={`${'eidos-select-container'} ${\n          fullWidth ? fullWidthModifier('eidos-select-container') : ''\n        } ${className}`}\n      >\n        <Dropdown\n          key={menuKey}\n          defaultOpen={autoOpen}\n          trigger={triggerElement}\n          content={\n            <div id={`${id || 'select'}-options`} role=\"listbox\" aria-multiselectable={multiple}>\n              {selectContent}\n            </div>\n          }\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          autoWidth={autoWidth}\n          fullWidth={fullWidth}\n          triggerRef={triggerRef as React.RefObject<HTMLElement | null>}\n          {...dropdownProps}\n        />\n      </div>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,SAAS,UAAU,aAAa,QAAQ,WAAW,eAAe;AACzE,SAAS,GAAG,aAAa;AAuSX,SAkBE,KAlBF;AAjSP,IAAM,SAAS,MAAM;AAAA,EAC1B,CACE;AAAA,IACE,UAAU,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa,CAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,gBAAgB,CAAC;AAAA,EACnB,GACA,QACG;AACH,UAAM,eAAe,UAAU;AAG/B,UAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAsB,MAAM;AACtE,UAAI,iBAAiB,QAAW;AAC9B,cAAM,OAAO,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AACvE,eAAO,IAAI,IAAI,KAAK,OAAO,CAAC,MAAM,MAAM,EAAE,CAAC;AAAA,MAC7C;AACA,aAAO,oBAAI,IAAI;AAAA,IACjB,CAAC;AACD,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC;AACxC,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,EAAE;AACnD,UAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,UAAM,WAAW,OAAyB,IAAI;AAC9C,UAAM,aAAa,OAAuB,IAAI;AAC9C,UAAM,aAAa,OAAkC,CAAC,CAAC;AAKvD,UAAM,aAAa,OAAO,OAAO;AACjC,eAAW,UAAU;AACrB,UAAM,oBAAoB,OAAO,cAAc;AAC/C,sBAAkB,UAAU;AAE5B,cAAU,MAAM;AACd,UAAI,UAAU,QAAW;AACvB,cAAM,SAAS,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AAEpD,cAAM,cAAc,OAAO,OAAO,CAAC,MAAM,MAAM,EAAE;AACjD,0BAAkB,IAAI,IAAI,WAAW,CAAC;AAAA,MACxC;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,cAAU,MAAM;AACd,sBAAgB,EAAE;AAAA,IACpB,GAAG,CAAC,OAAO,CAAC;AAEZ,cAAU,MAAM;AACd,iBAAW,UAAU,WAAW,QAAQ,MAAM,GAAG,QAAQ,MAAM;AAAA,IACjE,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,UAAM,qBAAqB;AAAA,MACzB,CAAC,WAAyB;AACxB,YAAI,OAAO,SAAU;AAErB,cAAM,oBAAoB,IAAI,IAAI,cAAc;AAEhD,YAAI,UAAU;AACZ,cAAI,kBAAkB,IAAI,OAAO,KAAK,GAAG;AACvC,8BAAkB,OAAO,OAAO,KAAK;AAAA,UACvC,OAAO;AACL,8BAAkB,IAAI,OAAO,KAAK;AAAA,UACpC;AAAA,QACF,OAAO;AACL,cAAI,kBAAkB,IAAI,OAAO,KAAK,GAAG;AACvC,8BAAkB,MAAM;AAAA,UAC1B,OAAO;AACL,8BAAkB,MAAM;AACxB,8BAAkB,IAAI,OAAO,KAAK;AAAA,UACpC;AAAA,QACF;AAIA,YAAI,CAAC,cAAc;AACjB,4BAAkB,iBAAiB;AAAA,QACrC;AAEA,YAAI,UAAU;AACZ,gBAAM,WAAW,WACb,MAAM,KAAK,iBAAiB,IAC5B,MAAM,KAAK,iBAAiB,EAAE,CAAC,KAAK;AACxC,mBAAS,QAAQ;AAAA,QACnB;AAEA,YAAI,CAAC,UAAU;AACb,oBAAU,KAAK;AACf,qBAAW,CAAC,SAAS,OAAO,CAAC;AAAA,QAC/B;AAAA,MACF;AAAA,MACA,CAAC,UAAU,UAAU,gBAAgB,YAAY;AAAA,IACnD;AAEA,UAAM,cAAc;AAAA,MAClB,CAAC,MAAyB;AACxB,YAAI,GAAG;AACL,YAAE,gBAAgB;AAAA,QACpB;AACA,YAAI,CAAC,cAAc;AACjB,4BAAkB,oBAAI,IAAI,CAAC;AAAA,QAC7B;AAEA,kBAAU,KAAK;AACf,mBAAW,CAAC,SAAS,OAAO,CAAC;AAC7B,YAAI,UAAU;AACZ,mBAAS,WAAW,CAAC,IAAI,EAAE;AAAA,QAC7B;AAAA,MACF;AAAA,MACA,CAAC,UAAU,UAAU,YAAY;AAAA,IACnC;AAEA,UAAM,gBAAgB;AAAA,MACpB,CAAC,MAA2B;AAC1B,YAAI,SAAU;AAEd,gBAAQ,EAAE,KAAK;AAAA,UACb,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,CAAC,QAAQ;AACX,wBAAU,IAAI;AACd,8BAAgB,CAAC;AAAA,YACnB,OAAO;AACL,8BAAgB,CAAC,SAAS;AACxB,sBAAM,YAAY,OAAO,QAAQ,SAAS,IAAI,OAAO,IAAI;AAEzD,2BAAW,MAAM;AACf,6BAAW,QAAQ,SAAS,GAAG,eAAe;AAAA,oBAC5C,OAAO;AAAA,oBACP,UAAU;AAAA,kBACZ,CAAC;AAAA,gBACH,GAAG,CAAC;AACJ,uBAAO;AAAA,cACT,CAAC;AAAA,YACH;AACA;AAAA,UAEF,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,CAAC,QAAQ;AACX,wBAAU,IAAI;AACd,8BAAgB,QAAQ,SAAS,CAAC;AAAA,YACpC,OAAO;AACL,8BAAgB,CAAC,SAAS;AACxB,sBAAM,YAAY,OAAO,IAAI,OAAO,IAAI,QAAQ,SAAS;AAEzD,2BAAW,MAAM;AACf,6BAAW,QAAQ,SAAS,GAAG,eAAe;AAAA,oBAC5C,OAAO;AAAA,oBACP,UAAU;AAAA,kBACZ,CAAC;AAAA,gBACH,GAAG,CAAC;AACJ,uBAAO;AAAA,cACT,CAAC;AAAA,YACH;AACA;AAAA,UAEF,KAAK;AAAA,UACL,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,CAAC,QAAQ;AACX,wBAAU,IAAI;AACd,8BAAgB,CAAC;AAAA,YACnB,WAAW,gBAAgB,KAAK,eAAe,QAAQ,QAAQ;AAC7D,oBAAM,gBAAgB,QAAQ,YAAY;AAC1C,iCAAmB,aAAa;AAAA,YAClC;AACA;AAAA,UAEF,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,QAAQ;AACV,wBAAU,KAAK;AACf,8BAAgB,EAAE;AAClB,yBAAW,CAAC,SAAS,OAAO,CAAC;AAAA,YAC/B;AACA;AAAA,UAEF,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,QAAQ;AACV,8BAAgB,CAAC;AACjB,yBAAW,QAAQ,CAAC,GAAG,eAAe;AAAA,gBACpC,OAAO;AAAA,gBACP,UAAU;AAAA,cACZ,CAAC;AAAA,YACH;AACA;AAAA,UAEF,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,QAAQ;AACV,oBAAM,YAAY,QAAQ,SAAS;AACnC,8BAAgB,SAAS;AACzB,yBAAW,QAAQ,SAAS,GAAG,eAAe;AAAA,gBAC5C,OAAO;AAAA,gBACP,UAAU;AAAA,cACZ,CAAC;AAAA,YACH;AACA;AAAA,UAEF;AACE,gBAAI,UAAU,EAAE,IAAI,WAAW,KAAK,cAAc,KAAK,EAAE,GAAG,GAAG;AAC7D,oBAAM,aAAa,EAAE,IAAI,YAAY;AACrC,oBAAM,aAAa,QAAQ;AAAA,gBACzB,CAAC,QAAQ,UACP,QAAQ,gBAAgB,OAAO,MAAM,YAAY,EAAE,WAAW,UAAU;AAAA,cAC5E;AAEA,kBAAI,eAAe,IAAI;AACrB,gCAAgB,UAAU;AAC1B,2BAAW,QAAQ,UAAU,GAAG,eAAe;AAAA,kBAC7C,OAAO;AAAA,kBACP,UAAU;AAAA,gBACZ,CAAC;AAAA,cACH,OAAO;AACL,sBAAM,iBAAiB,QAAQ;AAAA,kBAAU,CAAC,WACxC,OAAO,MAAM,YAAY,EAAE,WAAW,UAAU;AAAA,gBAClD;AACA,oBAAI,mBAAmB,IAAI;AACzB,kCAAgB,cAAc;AAC9B,6BAAW,QAAQ,cAAc,GAAG,eAAe;AAAA,oBACjD,OAAO;AAAA,oBACP,UAAU;AAAA,kBACZ,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF;AACA;AAAA,QACJ;AAAA,MACF;AAAA,MACA,CAAC,UAAU,QAAQ,SAAS,cAAc,kBAAkB;AAAA,IAC9D;AAOA,UAAM,qBAAqB,YAAY,CAAC,OAA8B;AACpE,UAAI,CAAC,GAAI;AACT,YAAM,MAAM,WAAW,QAAQ;AAAA,QAAU,CAAC,WACxC,kBAAkB,QAAQ,IAAI,OAAO,KAAK;AAAA,MAC5C;AACA,UAAI,QAAQ,GAAI;AAChB,iBAAW,QAAQ,GAAG,GAAG,eAAe,EAAE,OAAO,UAAU,CAAC;AAAA,IAC9D,GAAG,CAAC,CAAC;AAIL,UAAM,0BAA0B;AAEhC,UAAM,eAAe,QAAQ,MAAM;AACjC,UAAI,eAAe,SAAS,EAAG,QAAO;AAEtC,UAAI,YAAY,eAAe,OAAO,yBAAyB;AAC7D,eAAO,GAAG,eAAe,IAAI;AAAA,MAC/B;AAEA,YAAM,kBAAkB,QAAQ,OAAO,CAAC,WAAW,eAAe,IAAI,OAAO,KAAK,CAAC;AACnF,YAAM,OAAO,gBAAgB,IAAI,CAAC,WAAW,OAAO,KAAK,EAAE,KAAK,IAAI;AACpE,aAAO;AAAA,IACT,GAAG,CAAC,SAAS,gBAAgB,QAAQ,CAAC;AAEtC,UAAM,gBAAgB;AAAA,MACpB,MACE,oBAAC,SAAI,WAAW,wBAAwB,KAAK,oBAC1C,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,cAAM,aAAa,eAAe,IAAI,OAAO,KAAK;AAClD,cAAM,YAAY,UAAU;AAC5B,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,KAAK,CAAC,OAAO;AACX,yBAAW,QAAQ,KAAK,IAAI;AAAA,YAC9B;AAAA,YACA,WAAW;AAAA,YACf,qBAAqB;AAAA,YACrB,aAAa,kCAAkC,EAAE;AAAA,YACjD,OAAO,WAAW,kCAAkC,EAAE;AAAA,YACtD,YAAY,iCAAiC,EAAE;AAAA,WAChD,KAAK;AAAA,YACA,SAAS,MAAM,mBAAmB,MAAM;AAAA,YACxC,cAAc,MAAM,gBAAgB,KAAK;AAAA,YACzC,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAe,OAAO;AAAA,YAErB;AAAA,qBAAO,QAAQ,WAAW,OAAO,MAAM,0BAA0B;AAAA,cAClE,oBAAC,UAAK,WAAW,6BAA8B,iBAAO,OAAM;AAAA,cAC3D,cAAc,oBAAC,SAAM,WAAW,kCAAkC;AAAA;AAAA;AAAA,UAlB9D,OAAO;AAAA,QAmBd;AAAA,MAEJ,CAAC,GACH;AAAA,MAEF,CAAC,SAAS,gBAAgB,cAAc,oBAAoB,kBAAkB;AAAA,IAChF;AAEA,UAAM,iBACJ;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,wBAAwB,YAAY,kBAAkB,sBAAsB,IAAI,EAAE;AAAA,QAC7F,WAAW;AAAA,QACX,UAAU,WAAW,KAAK;AAAA,QAC1B,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAc;AAAA,QACd,iBAAe,GAAG,MAAM,QAAQ;AAAA,QAChC,yBACE,gBAAgB,IAAI,GAAG,MAAM,QAAQ,WAAW,YAAY,KAAK;AAAA,QAGnE;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,OAAO,eAAe,OAAO,IAAI,eAAe;AAAA,YAChD,aAAa,eAAe,SAAS,IAAI,cAAc;AAAA,YACvD,SAAS,eAAe,OAAO,KAAK,YAAY,IAAI;AAAA,YACpD,eAAe,eAAe,OAAO,KAAK;AAAA,YAC1C,gBAAgB,eAAe,OAAO,KAAK,YAAY,cAAc;AAAA,YACrE,cAAa;AAAA,YACb;AAAA,YACA,UAAU;AAAA,YACV,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA;AAAA,IACF;AAGF,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,wBAAwB,IACpC,YAAY,kBAAkB,wBAAwB,IAAI,EAC5D,IAAI,SAAS;AAAA,QAEb;AAAA,UAAC;AAAA;AAAA,YAEC,aAAa;AAAA,YACb,SAAS;AAAA,YACT,SACE,oBAAC,SAAI,IAAI,GAAG,MAAM,QAAQ,YAAY,MAAK,WAAU,wBAAsB,UACxE,yBACH;AAAA,YAEF;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAG;AAAA;AAAA,UAfC;AAAA,QAgBP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}