eidos-ui 3.1.1 → 3.2.0

package/dist/{chunk-WUBQJVB7.cjs → chunk-EL3YXTOW.cjs}

@@ -1,9 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk5VM2256Wcjs = require('./chunk-5VM2256W.cjs');
+var _chunkTEVZHN5Icjs = require('./chunk-TEVZHN5I.cjs');
 
 
-var _chunkFRUOA2QUcjs = require('./chunk-FRUOA2QU.cjs');
+var _chunk75VXB3H2cjs = require('./chunk-75VXB3H2.cjs');
+
+
+var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
 
 // src/components/Combobox/Combobox.component.tsx
 var _react = require('react');
@@ -367,7 +370,7 @@ var Combobox = ({
   const posIconClick = hasClearableValue ? handleClearClick : handleChevronClick;
   const containerClasses = [
     "eidos-combobox",
-    fullWidth && "eidos-combobox--fullWidth",
+    fullWidth && _chunkCUJBNRJJcjs.fullWidthModifier.call(void 0, "eidos-combobox"),
     error && "eidos-combobox--error",
     disabled && "eidos-combobox--disabled",
     className
@@ -383,7 +386,7 @@ var Combobox = ({
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: comboboxTriggerRef, className: "eidos-combobox-trigger", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk5VM2256Wcjs.Input,
+            _chunkTEVZHN5Icjs.Input,
             {
               ref: inputRef,
               value: inputValue,
@@ -407,7 +410,7 @@ var Combobox = ({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkFRUOA2QUcjs.Dropdown,
+            _chunk75VXB3H2cjs.Dropdown,
             {
               trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "span",
@@ -451,4 +454,4 @@ Combobox.displayName = "Combobox";
 
 
 exports.Combobox = Combobox;
-//# sourceMappingURL=chunk-WUBQJVB7.cjs.map
+//# sourceMappingURL=chunk-EL3YXTOW.cjs.map

package/dist/chunk-EL3YXTOW.cjs.map

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

package/dist/{chunk-Y53HCLGW.js → chunk-FALDCW2E.js}

@@ -1,6 +1,6 @@
 import {
   MenuPanel
-} from "./chunk-ZHFPV43D.js";
+} from "./chunk-KNQ6NN6L.js";
 
 // src/components/ContextMenu/ContextMenu.component.tsx
 import { useState, useEffect, useRef, useCallback } from "react";
@@ -103,4 +103,4 @@ var ContextMenu = ({
 export {
   ContextMenu
 };
-//# sourceMappingURL=chunk-Y53HCLGW.js.map
+//# sourceMappingURL=chunk-FALDCW2E.js.map

package/dist/{chunk-D5IY2HUV.cjs → chunk-FXZJL2AM.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAPK5OQRVcjs = require('./chunk-APK5OQRV.cjs');
+var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
 
 
-var _chunkGEHL4LKKcjs = require('./chunk-GEHL4LKK.cjs');
+var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
 
 // src/components/Modal/Modal.component.tsx
 var _react = require('react');
@@ -85,13 +85,13 @@ var Modal = ({
         className: `eidos-modal-content eidos-modal-content--${size}`,
         children: [
           title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `eidos-modal-header ${type ? `eidos-modal-header--${type}` : ""}`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h4", { id: titleId, children: [
-            icon && _chunkGEHL4LKKcjs.renderIcon.call(void 0, icon, "eidos-modal-icon"),
+            icon && _chunkCUJBNRJJcjs.renderIcon.call(void 0, icon, "eidos-modal-icon"),
             " ",
             title
           ] }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: bodyId, className: "eidos-modal-body", children }),
           actions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `eidos-modal-footer`, children: actions.map((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkAPK5OQRVcjs.Button,
+            _chunkWWYJNWJYcjs.Button,
             {
               variant: action.variant || "outlined",
               size: action.size || "md",
@@ -114,4 +114,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=chunk-D5IY2HUV.cjs.map
+//# sourceMappingURL=chunk-FXZJL2AM.cjs.map

package/dist/{chunk-D5IY2HUV.cjs.map → chunk-FXZJL2AM.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-D5IY2HUV.cjs","../src/components/Modal/Modal.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-D5IY2HUV.cjs","sourcesContent":[null,"import React, { useEffect, useCallback, useId, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Button } from '../Button/Button.component';\nimport type { ModalProps } from './Modal.types';\nimport { renderIcon } from '../../utils';\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  title,\n  icon,\n  type,\n  children,\n  actions = [],\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  size = 'md',\n  className = '',\n}) => {\n  const titleId = useId();\n  const bodyId = useId();\n\n  // ── Animation state ────────────────────────────────────────────────────────\n  // isMounted: whether the portal DOM node exists at all.\n  // isVisible: whether the '--is-open' CSS class is applied (drives the transition).\n  //\n  // On open:  mount first → one rAF → apply --is-open (browser sees the\n  //           initial faded/scaled-down state before transitioning, so the\n  //           animation fires instead of just painting straight into \"open\").\n  // On close: remove --is-open (CSS transition plays) → after 200 ms unmount.\n  //           200 ms matches the CSS `transition: 0.2s` in Modal.scss.\n  const TRANSITION_MS = 200;\n  const [isMounted, setIsMounted] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (isOpen) {\n      setIsMounted(true);\n      // Double rAF: React 18 automatic batching means setIsMounted(true) may\n      // not produce a committed browser paint before the first rAF fires.\n      // The second frame guarantees the modal is rendered in its closed\n      // (faded/scaled-down) state before the CSS transition begins.\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [isOpen]);\n\n  // Handle escape key\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    },\n    [closeOnEscape, isOpen, onClose],\n  );\n\n  // Handle backdrop click\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (closeOnBackdropClick && event.target === event.currentTarget) {\n        onClose();\n      }\n    },\n    [closeOnBackdropClick, onClose],\n  );\n\n  // Add/remove escape key listener (tied to isOpen, not isMounted)\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      // Prevent body scroll when modal is open\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, handleEscapeKey]);\n\n  if (!isMounted) return null;\n\n  const modalContent = (\n    <div className={`eidos-modal ${isVisible ? 'eidos-modal--is-open' : ''} ${className}`}>\n      <div className=\"eidos-modal-backdrop\" onClick={handleBackdropClick} aria-hidden=\"true\" />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={bodyId}\n        className={`eidos-modal-content eidos-modal-content--${size}`}\n      >\n        {title && (\n          <div className={`eidos-modal-header ${type ? `eidos-modal-header--${type}` : ''}`}>\n            <h4 id={titleId}>\n              {icon && renderIcon(icon, 'eidos-modal-icon')} {title}\n            </h4>\n          </div>\n        )}\n\n        <div id={bodyId} className=\"eidos-modal-body\">\n          {children}\n        </div>\n\n        {actions.length > 0 && (\n          <div className={`eidos-modal-footer`}>\n            {actions.map((action) => (\n              <Button\n                key={action.id}\n                variant={action.variant || 'outlined'}\n                size={action.size || 'md'}\n                color={action.color}\n                disabled={action.disabled}\n                loading={action.loading}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, document.body);\n};\n\nModal.displayName = 'Modal';\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-FXZJL2AM.cjs","../src/components/Modal/Modal.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-FXZJL2AM.cjs","sourcesContent":[null,"import React, { useEffect, useCallback, useId, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Button } from '../Button/Button.component';\nimport type { ModalProps } from './Modal.types';\nimport { renderIcon } from '../../utils';\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  title,\n  icon,\n  type,\n  children,\n  actions = [],\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  size = 'md',\n  className = '',\n}) => {\n  const titleId = useId();\n  const bodyId = useId();\n\n  // ── Animation state ────────────────────────────────────────────────────────\n  // isMounted: whether the portal DOM node exists at all.\n  // isVisible: whether the '--is-open' CSS class is applied (drives the transition).\n  //\n  // On open:  mount first → one rAF → apply --is-open (browser sees the\n  //           initial faded/scaled-down state before transitioning, so the\n  //           animation fires instead of just painting straight into \"open\").\n  // On close: remove --is-open (CSS transition plays) → after 200 ms unmount.\n  //           200 ms matches the CSS `transition: 0.2s` in Modal.scss.\n  const TRANSITION_MS = 200;\n  const [isMounted, setIsMounted] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (isOpen) {\n      setIsMounted(true);\n      // Double rAF: React 18 automatic batching means setIsMounted(true) may\n      // not produce a committed browser paint before the first rAF fires.\n      // The second frame guarantees the modal is rendered in its closed\n      // (faded/scaled-down) state before the CSS transition begins.\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [isOpen]);\n\n  // Handle escape key\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    },\n    [closeOnEscape, isOpen, onClose],\n  );\n\n  // Handle backdrop click\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (closeOnBackdropClick && event.target === event.currentTarget) {\n        onClose();\n      }\n    },\n    [closeOnBackdropClick, onClose],\n  );\n\n  // Add/remove escape key listener (tied to isOpen, not isMounted)\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      // Prevent body scroll when modal is open\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, handleEscapeKey]);\n\n  if (!isMounted) return null;\n\n  const modalContent = (\n    <div className={`eidos-modal ${isVisible ? 'eidos-modal--is-open' : ''} ${className}`}>\n      <div className=\"eidos-modal-backdrop\" onClick={handleBackdropClick} aria-hidden=\"true\" />\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={bodyId}\n        className={`eidos-modal-content eidos-modal-content--${size}`}\n      >\n        {title && (\n          <div className={`eidos-modal-header ${type ? `eidos-modal-header--${type}` : ''}`}>\n            <h4 id={titleId}>\n              {icon && renderIcon(icon, 'eidos-modal-icon')} {title}\n            </h4>\n          </div>\n        )}\n\n        <div id={bodyId} className=\"eidos-modal-body\">\n          {children}\n        </div>\n\n        {actions.length > 0 && (\n          <div className={`eidos-modal-footer`}>\n            {actions.map((action) => (\n              <Button\n                key={action.id}\n                variant={action.variant || 'outlined'}\n                size={action.size || 'md'}\n                color={action.color}\n                disabled={action.disabled}\n                loading={action.loading}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, document.body);\n};\n\nModal.displayName = 'Modal';\n"]}

package/dist/{chunk-KJZUYC4X.cjs → chunk-HI6WCX4T.cjs}

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk5VM2256Wcjs = require('./chunk-5VM2256W.cjs');
+var _chunkTEVZHN5Icjs = require('./chunk-TEVZHN5I.cjs');
 
 
-var _chunkFRUOA2QUcjs = require('./chunk-FRUOA2QU.cjs');
+var _chunk75VXB3H2cjs = require('./chunk-75VXB3H2.cjs');
 
 
-var _chunkGEHL4LKKcjs = require('./chunk-GEHL4LKK.cjs');
+
+var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
 
 // src/components/Select/Select.component.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -265,7 +266,7 @@ var Select = _react2.default.forwardRef(
             "aria-selected": isSelected,
             "aria-disabled": option.disabled,
             children: [
-              option.icon && _chunkGEHL4LKKcjs.renderIcon.call(void 0, option.icon, "eidos-select-option-icon"),
+              option.icon && _chunkCUJBNRJJcjs.renderIcon.call(void 0, option.icon, "eidos-select-option-icon"),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-select-option-label", children: option.label }),
               isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "eidos-select-option-check-icon" })
             ]
@@ -279,7 +280,7 @@ var Select = _react2.default.forwardRef(
       "div",
       {
         ref: triggerRef,
-        className: `eidos-select-trigger ${fullWidth ? "eidos-select-trigger--fullWidth" : ""}`,
+        className: `eidos-select-trigger ${fullWidth ? _chunkCUJBNRJJcjs.fullWidthModifier.call(void 0, "eidos-select-trigger") : ""}`,
         onKeyDown: handleKeyDown,
         tabIndex: disabled ? -1 : void 0,
         role: "combobox",
@@ -288,7 +289,7 @@ var Select = _react2.default.forwardRef(
         "aria-controls": `${id || "select"}-options`,
         "aria-activedescendant": focusedIndex >= 0 ? `${id || "select"}-option-${focusedIndex}` : void 0,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5VM2256Wcjs.Input,
+          _chunkTEVZHN5Icjs.Input,
           {
             ref: inputRef,
             value: selectedValues.size > 0 ? displayValue : "",
@@ -312,9 +313,9 @@ var Select = _react2.default.forwardRef(
       "div",
       {
         ref,
-        className: `${"eidos-select-container"} ${fullWidth ? "eidos-select-container--fullWidth" : ""} ${className}`,
+        className: `${"eidos-select-container"} ${fullWidth ? _chunkCUJBNRJJcjs.fullWidthModifier.call(void 0, "eidos-select-container") : ""} ${className}`,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFRUOA2QUcjs.Dropdown,
+          _chunk75VXB3H2cjs.Dropdown,
           {
             defaultOpen: autoOpen,
             trigger: triggerElement,
@@ -339,4 +340,4 @@ Select.displayName = "Select";
 
 
 exports.Select = Select;
-//# sourceMappingURL=chunk-KJZUYC4X.cjs.map
+//# sourceMappingURL=chunk-HI6WCX4T.cjs.map

package/dist/chunk-HI6WCX4T.cjs.map

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

package/dist/{chunk-LFWPQYWX.cjs → chunk-I3CSPYHG.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDAXZRNNOcjs = require('./chunk-DAXZRNNO.cjs');
+var _chunkD2SKXRKPcjs = require('./chunk-D2SKXRKP.cjs');
 
 // src/components/ContextMenu/ContextMenu.component.tsx
 var _react = require('react');
@@ -92,7 +92,7 @@ var ContextMenu = ({
             top: position.y,
             left: position.x
           },
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDAXZRNNOcjs.MenuPanel, { items, onItemClick: handleItemClick })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2SKXRKPcjs.MenuPanel, { items, onItemClick: handleItemClick })
         }
       ),
       document.body
@@ -103,4 +103,4 @@ var ContextMenu = ({
 
 
 exports.ContextMenu = ContextMenu;
-//# sourceMappingURL=chunk-LFWPQYWX.cjs.map
+//# sourceMappingURL=chunk-I3CSPYHG.cjs.map

package/dist/{chunk-LFWPQYWX.cjs.map → chunk-I3CSPYHG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-LFWPQYWX.cjs","../src/components/ContextMenu/ContextMenu.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACJA,8BAAgE;AAChE,qCAA6B;AAkHzB,+CAAA;AAnFG,IAAM,YAAA,EAA0C,CAAC;AAAA,EACtD,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,EAAW,KAAA;AAAA,EACX,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,EAAA,EAAI,6BAAA,KAAc,CAAA;AAC1C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,EAAA,EAAI,6BAAA,EAAyB,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,EAAE,CAAC,CAAA;AACrE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,KAAc,CAAA;AACtD,EAAA,MAAM,QAAA,EAAU,2BAAA,IAA2B,CAAA;AAE3C,EAAA,MAAM,MAAA,EAAQ,gCAAA,CAAY,EAAA,GAAM;AAC9B,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,EACvB,CAAA,EAAG,CAAC,CAAC,CAAA;AAGL,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,CAAC,OAAA,GAAU,CAAC,OAAA,CAAQ,OAAA,EAAS,MAAA;AAEjC,IAAA,MAAM,KAAA,EAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,MAAM,EAAE,KAAA,EAAO,OAAO,EAAA,EAAI,IAAA,CAAK,qBAAA,CAAsB,CAAA;AACrD,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,UAAA;AAClB,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,WAAA;AAClB,IAAA,MAAM,IAAA,EAAM,CAAA;AAEZ,IAAA,MAAM,SAAA,EAAW,IAAA,CAAK,GAAA,CAAI,QAAA,CAAS,CAAA,EAAG,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AACtD,IAAA,MAAM,SAAA,EAAW,IAAA,CAAK,GAAA,CAAI,QAAA,CAAS,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,GAAG,CAAA;AAEvD,IAAA,IAAA,CAAK,KAAA,CAAM,KAAA,EAAO,CAAA,EAAA;AACD,IAAA;AACD,IAAA;AACG,EAAA;AAGL,EAAA;AACD,IAAA;AAEP,IAAA;AACQ,MAAA;AACJ,QAAA;AACR,MAAA;AACF,IAAA;AAES,IAAA;AACI,IAAA;AACG,EAAA;AAGF,EAAA;AACD,IAAA;AAEP,IAAA;AACU,MAAA;AAChB,IAAA;AAEM,IAAA;AAEG,IAAA;AACF,IAAA;AACM,IAAA;AACF,MAAA;AACF,MAAA;AACT,IAAA;AACgB,EAAA;AAEZ,EAAA;AACU,IAAA;AACG,IAAA;AACC,IAAA;AACJ,IAAA;AACE,IAAA;AACG,IAAA;AACrB,EAAA;AAEM,EAAA;AACiB,IAAA;AACb,MAAA;AACR,IAAA;AACM,IAAA;AACR,EAAA;AAGE,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AACa,QAAA;AACG,QAAA;AAEd,QAAA;AAAA,MAAA;AACH,IAAA;AAGE,IAAA;AACE,sBAAA;AAAC,QAAA;AAAA,QAAA;AACM,UAAA;AACM,UAAA;AACT,YAAA;AACA,YAAA;AAEQ,UAAA;AAEH,UAAA;AACA,YAAA;AACC,YAAA;AACR,UAAA;AAEA,UAAA;AAAuD,QAAA;AACzD,MAAA;AACS,MAAA;AACX,IAAA;AACJ,EAAA;AAEJ;AD3CuB;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-LFWPQYWX.cjs","sourcesContent":[null,"import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { MenuPanel } from '../Menu';\nimport type { MenuItem } from '../Menu';\nimport type { ContextMenuProps } from './ContextMenu.types';\n\ninterface MenuPosition {\n  x: number;\n  y: number;\n}\n\n/**\n * ContextMenu - wraps any content and attaches a right-click (or long-press)\n * triggered menu positioned at the cursor.\n *\n * The browser's native context menu is suppressed when `disabled` is false.\n * The menu closes on: click outside, item selection, Escape, and scroll.\n *\n * @example\n * ```tsx\n * <ContextMenu\n *   items={[\n *     { type: 'item', id: 'copy',   label: 'Copy',   icon: Copy,   onClick: () => copy() },\n *     { type: 'item', id: 'cut',    label: 'Cut',    icon: Scissors, onClick: () => cut() },\n *     { type: 'separator', id: 'sep1' },\n *     { type: 'item', id: 'delete', label: 'Delete', icon: Trash2, onClick: () => remove(), disabled: true },\n *   ]}\n * >\n *   <div className=\"canvas-area\">...</div>\n * </ContextMenu>\n * ```\n */\nexport const ContextMenu: React.FC<ContextMenuProps> = ({\n  items,\n  children,\n  disabled = false,\n  className = '',\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [position, setPosition] = useState<MenuPosition>({ x: 0, y: 0 });\n  const [isPositioned, setIsPositioned] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setIsPositioned(false);\n  }, []);\n\n  // Measure the menu panel after it renders and clamp to viewport edges.\n  useEffect(() => {\n    if (!isOpen || !menuRef.current) return;\n\n    const menu = menuRef.current;\n    const { width, height } = menu.getBoundingClientRect();\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    const GAP = 4; // px clearance from viewport edge\n\n    const clampedX = Math.min(position.x, vw - width - GAP);\n    const clampedY = Math.min(position.y, vh - height - GAP);\n\n    menu.style.left = `${Math.max(GAP, clampedX)}px`;\n    menu.style.top = `${Math.max(GAP, clampedY)}px`;\n    setIsPositioned(true);\n  }, [isOpen, position]);\n\n  // Close on click outside.\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        close();\n      }\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => document.removeEventListener('mousedown', handleMouseDown);\n  }, [isOpen, close]);\n\n  // Close on Escape or scroll.\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') close();\n    };\n\n    const handleScroll = () => close();\n\n    document.addEventListener('keydown', handleKeyDown);\n    window.addEventListener('scroll', handleScroll, true); // capture: catches nested scrollers\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [isOpen, close]);\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    if (disabled) return;\n    e.preventDefault();\n    e.stopPropagation();\n    setIsOpen(true);\n    setIsPositioned(false);\n    setPosition({ x: e.clientX, y: e.clientY });\n  };\n\n  const handleItemClick = useCallback(\n    (_item: MenuItem) => {\n      close();\n    },\n    [close],\n  );\n\n  return (\n    <>\n      <div\n        className={['eidos-context-menu-target', className].filter(Boolean).join(' ')}\n        onContextMenu={handleContextMenu}\n      >\n        {children}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div\n            ref={menuRef}\n            className={[\n              'eidos-context-menu-panel',\n              isPositioned && 'eidos-context-menu-panel--positioned',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{\n              top: position.y,\n              left: position.x,\n            }}\n          >\n            <MenuPanel items={items} onItemClick={handleItemClick} />\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-I3CSPYHG.cjs","../src/components/ContextMenu/ContextMenu.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACJA,8BAAgE;AAChE,qCAA6B;AAkHzB,+CAAA;AAnFG,IAAM,YAAA,EAA0C,CAAC;AAAA,EACtD,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,EAAW,KAAA;AAAA,EACX,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,EAAA,EAAI,6BAAA,KAAc,CAAA;AAC1C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,EAAA,EAAI,6BAAA,EAAyB,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,EAAE,CAAC,CAAA;AACrE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,KAAc,CAAA;AACtD,EAAA,MAAM,QAAA,EAAU,2BAAA,IAA2B,CAAA;AAE3C,EAAA,MAAM,MAAA,EAAQ,gCAAA,CAAY,EAAA,GAAM;AAC9B,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,EACvB,CAAA,EAAG,CAAC,CAAC,CAAA;AAGL,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,CAAC,OAAA,GAAU,CAAC,OAAA,CAAQ,OAAA,EAAS,MAAA;AAEjC,IAAA,MAAM,KAAA,EAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,MAAM,EAAE,KAAA,EAAO,OAAO,EAAA,EAAI,IAAA,CAAK,qBAAA,CAAsB,CAAA;AACrD,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,UAAA;AAClB,IAAA,MAAM,GAAA,EAAK,MAAA,CAAO,WAAA;AAClB,IAAA,MAAM,IAAA,EAAM,CAAA;AAEZ,IAAA,MAAM,SAAA,EAAW,IAAA,CAAK,GAAA,CAAI,QAAA,CAAS,CAAA,EAAG,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AACtD,IAAA,MAAM,SAAA,EAAW,IAAA,CAAK,GAAA,CAAI,QAAA,CAAS,CAAA,EAAG,GAAA,EAAK,OAAA,EAAS,GAAG,CAAA;AAEvD,IAAA,IAAA,CAAK,KAAA,CAAM,KAAA,EAAO,CAAA,EAAA;AACD,IAAA;AACD,IAAA;AACG,EAAA;AAGL,EAAA;AACD,IAAA;AAEP,IAAA;AACQ,MAAA;AACJ,QAAA;AACR,MAAA;AACF,IAAA;AAES,IAAA;AACI,IAAA;AACG,EAAA;AAGF,EAAA;AACD,IAAA;AAEP,IAAA;AACU,MAAA;AAChB,IAAA;AAEM,IAAA;AAEG,IAAA;AACF,IAAA;AACM,IAAA;AACF,MAAA;AACF,MAAA;AACT,IAAA;AACgB,EAAA;AAEZ,EAAA;AACU,IAAA;AACG,IAAA;AACC,IAAA;AACJ,IAAA;AACE,IAAA;AACG,IAAA;AACrB,EAAA;AAEM,EAAA;AACiB,IAAA;AACb,MAAA;AACR,IAAA;AACM,IAAA;AACR,EAAA;AAGE,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AACa,QAAA;AACG,QAAA;AAEd,QAAA;AAAA,MAAA;AACH,IAAA;AAGE,IAAA;AACE,sBAAA;AAAC,QAAA;AAAA,QAAA;AACM,UAAA;AACM,UAAA;AACT,YAAA;AACA,YAAA;AAEQ,UAAA;AAEH,UAAA;AACA,YAAA;AACC,YAAA;AACR,UAAA;AAEA,UAAA;AAAuD,QAAA;AACzD,MAAA;AACS,MAAA;AACX,IAAA;AACJ,EAAA;AAEJ;AD3CuB;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-I3CSPYHG.cjs","sourcesContent":[null,"import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { MenuPanel } from '../Menu';\nimport type { MenuItem } from '../Menu';\nimport type { ContextMenuProps } from './ContextMenu.types';\n\ninterface MenuPosition {\n  x: number;\n  y: number;\n}\n\n/**\n * ContextMenu - wraps any content and attaches a right-click (or long-press)\n * triggered menu positioned at the cursor.\n *\n * The browser's native context menu is suppressed when `disabled` is false.\n * The menu closes on: click outside, item selection, Escape, and scroll.\n *\n * @example\n * ```tsx\n * <ContextMenu\n *   items={[\n *     { type: 'item', id: 'copy',   label: 'Copy',   icon: Copy,   onClick: () => copy() },\n *     { type: 'item', id: 'cut',    label: 'Cut',    icon: Scissors, onClick: () => cut() },\n *     { type: 'separator', id: 'sep1' },\n *     { type: 'item', id: 'delete', label: 'Delete', icon: Trash2, onClick: () => remove(), disabled: true },\n *   ]}\n * >\n *   <div className=\"canvas-area\">...</div>\n * </ContextMenu>\n * ```\n */\nexport const ContextMenu: React.FC<ContextMenuProps> = ({\n  items,\n  children,\n  disabled = false,\n  className = '',\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [position, setPosition] = useState<MenuPosition>({ x: 0, y: 0 });\n  const [isPositioned, setIsPositioned] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setIsPositioned(false);\n  }, []);\n\n  // Measure the menu panel after it renders and clamp to viewport edges.\n  useEffect(() => {\n    if (!isOpen || !menuRef.current) return;\n\n    const menu = menuRef.current;\n    const { width, height } = menu.getBoundingClientRect();\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n    const GAP = 4; // px clearance from viewport edge\n\n    const clampedX = Math.min(position.x, vw - width - GAP);\n    const clampedY = Math.min(position.y, vh - height - GAP);\n\n    menu.style.left = `${Math.max(GAP, clampedX)}px`;\n    menu.style.top = `${Math.max(GAP, clampedY)}px`;\n    setIsPositioned(true);\n  }, [isOpen, position]);\n\n  // Close on click outside.\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        close();\n      }\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => document.removeEventListener('mousedown', handleMouseDown);\n  }, [isOpen, close]);\n\n  // Close on Escape or scroll.\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') close();\n    };\n\n    const handleScroll = () => close();\n\n    document.addEventListener('keydown', handleKeyDown);\n    window.addEventListener('scroll', handleScroll, true); // capture: catches nested scrollers\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [isOpen, close]);\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    if (disabled) return;\n    e.preventDefault();\n    e.stopPropagation();\n    setIsOpen(true);\n    setIsPositioned(false);\n    setPosition({ x: e.clientX, y: e.clientY });\n  };\n\n  const handleItemClick = useCallback(\n    (_item: MenuItem) => {\n      close();\n    },\n    [close],\n  );\n\n  return (\n    <>\n      <div\n        className={['eidos-context-menu-target', className].filter(Boolean).join(' ')}\n        onContextMenu={handleContextMenu}\n      >\n        {children}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div\n            ref={menuRef}\n            className={[\n              'eidos-context-menu-panel',\n              isPositioned && 'eidos-context-menu-panel--positioned',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{\n              top: position.y,\n              left: position.x,\n            }}\n          >\n            <MenuPanel items={items} onItemClick={handleItemClick} />\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n"]}

package/dist/{chunk-EZME5CLK.cjs → chunk-J5RMLZ4P.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 _chunkAPK5OQRVcjs = require('./chunk-APK5OQRV.cjs');
+var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
 
 // src/components/Snackbar/Snackbar.context.tsx
 var _react = require('react');
@@ -116,7 +116,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, 
-          _chunkAPK5OQRVcjs.Button,
+          _chunkWWYJNWJYcjs.Button,
           {
             variant: action.variant === "primary" ? "filled" : "text",
             size: "sm",
@@ -235,4 +235,4 @@ var useSnackbar = () => {
 
 
 exports.useSnackbarContext = useSnackbarContext; exports.SnackbarProvider = SnackbarProvider; exports.SnackbarContainer = SnackbarContainer; exports.useSnackbar = useSnackbar;
-//# sourceMappingURL=chunk-EZME5CLK.cjs.map
+//# sourceMappingURL=chunk-J5RMLZ4P.cjs.map

package/dist/{chunk-EZME5CLK.cjs.map → chunk-J5RMLZ4P.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-EZME5CLK.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-EZME5CLK.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  const generateId = useCallback((): string => {\n    return `snackbar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n  }, []);\n\n  const removeSnackbar = useCallback((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    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\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        setTimeout(() => {\n          removeSnackbar(id);\n        }, snackbar.duration);\n      }\n\n      return id;\n    },\n    [generateId, removeSnackbar],\n  );\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  };\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 } = 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 key={snackbar.id} className={'eidos-snackbar-wrapper'}>\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"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-J5RMLZ4P.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-J5RMLZ4P.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  const generateId = useCallback((): string => {\n    return `snackbar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n  }, []);\n\n  const removeSnackbar = useCallback((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    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\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        setTimeout(() => {\n          removeSnackbar(id);\n        }, snackbar.duration);\n      }\n\n      return id;\n    },\n    [generateId, removeSnackbar],\n  );\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  };\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 } = 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 key={snackbar.id} className={'eidos-snackbar-wrapper'}>\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-VHMOKXUT.js → chunk-JRLUZDKA.js}

@@ -1,9 +1,10 @@
-import {
-  renderIcon
-} from "./chunk-KBG77JHC.js";
 import {
   Tooltip
 } from "./chunk-YV57RSPD.js";
+import {
+  fullWidthModifier,
+  renderIcon
+} from "./chunk-EAJHEYZM.js";
 
 // src/components/Input/Input.component.tsx
 import { forwardRef, useState, useId } from "react";
@@ -122,7 +123,7 @@ var Input = forwardRef(
       `eidos-input--${variant}`,
       `eidos-input--${color}`,
       `eidos-input--${size}`,
-      fullWidth && `eidos-input--fullWidth`,
+      fullWidth && fullWidthModifier("eidos-input"),
       loading && `eidos-input--loading`,
       error && `eidos-input--error`
     ].filter(Boolean).join(" ");
@@ -131,7 +132,7 @@ var Input = forwardRef(
       `eidos-input-wrapper--${variant}`,
       `eidos-input-wrapper--${color}`,
       `eidos-input-wrapper--${size}`,
-      fullWidth && `eidos-input-wrapper--fullWidth`,
+      fullWidth && fullWidthModifier("eidos-input-wrapper"),
       loading && `eidos-input-wrapper--loading`,
       isFocused && `eidos-input-wrapper--focused`,
       error && `eidos-input-wrapper--error`
@@ -145,7 +146,7 @@ var Input = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `eidos-input-container ${fullWidth ? `eidos-input-container--fullWidth` : ""} ${className}`,
+        className: `eidos-input-container ${fullWidth ? fullWidthModifier("eidos-input-container") : ""} ${className}`,
         style: width ? { width: typeof width === "number" ? `${width}px` : width, maxWidth: "100%" } : void 0,
         children: [
           label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: labelClasses, children: [
@@ -228,4 +229,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-VHMOKXUT.js.map
+//# sourceMappingURL=chunk-JRLUZDKA.js.map

package/dist/chunk-JRLUZDKA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Input/Input.component.tsx"],"sourcesContent":["import React, { forwardRef, useState, useId } from 'react';\nimport { Eye, EyeOff, CircleAlert, X, ChevronDown } from 'lucide-react';\nimport { renderIcon, fullWidthModifier } from '../../utils';\nimport type { InputProps } from './Input.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'filled',\n      color = 'primary',\n      size = 'md',\n      disabled = false,\n      loading = false,\n      className = '',\n      width,\n      label,\n      error,\n      disclaimerIcon,\n      disclaimerContent,\n      preIcon,\n      posIcon,\n      posIconButton = false,\n      onPosIconClick,\n      type = 'text',\n      id,\n      name,\n      required,\n      isSelect = false,\n      clearable = true,\n      fullWidth = false,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    // Extract defaultValue so it never reaches the native <input> alongside `value`.\n    // Passing both causes React's \"controlled/uncontrolled\" warning because we always\n    // set value={currentValue} below - defaultValue is only needed to seed local state.\n    const { defaultValue, ...restInputProps } = inputProps;\n\n    const [showPassword, setShowPassword] = useState(false);\n    const [localValue, setLocalValue] = useState(defaultValue || '');\n    const [isFocused, setIsFocused] = useState(false);\n\n    // Auto-generate id and name if not provided\n    const generatedId = useId();\n    const inputId = id || `input-${generatedId}`;\n    const inputName = name || inputId;\n\n    // Determine if using controlled or uncontrolled mode\n    const isControlled = restInputProps.value !== undefined;\n    const currentValue = isControlled ? restInputProps.value : localValue;\n\n    // For select inputs, don't manage localValue - let the select component handle it\n    // This prevents the Input's clear button from showing\n\n    // Determine if label should float (only when there's content - static behavior)\n    // For select inputs, keep label completely static (never float)\n    const shouldFloatLabel = isSelect ? false : currentValue || defaultValue;\n\n    // Check if field is required (from props or enhanced register function)\n    const isRequired = required || Boolean('required' in restInputProps && restInputProps.required);\n\n    // Handle number input to allow decimals and negative numbers\n    const handleNumberInput = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (type === 'number') {\n        const allowedKeys = [\n          'Backspace',\n          'Delete',\n          'Tab',\n          'Escape',\n          'Enter',\n          'ArrowLeft',\n          'ArrowRight',\n          'ArrowUp',\n          'ArrowDown',\n        ];\n        const isNumber = /[0-9]/.test(e.key);\n        const isDecimal = /[.,]/.test(e.key);\n        const isMinus = e.key === '-';\n        const isAllowedKey = allowedKeys.includes(e.key);\n        const isControlKey = e.ctrlKey || e.metaKey;\n\n        // Allow minus only at the beginning or when no text is selected\n        if (isMinus) {\n          const selectionStart = e.currentTarget.selectionStart || 0;\n          const selectionEnd = e.currentTarget.selectionEnd || 0;\n          const hasSelection = selectionStart !== selectionEnd;\n\n          // Allow if at beginning or if replacing selected text\n          if (selectionStart !== 0 && !hasSelection) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        // Allow decimal only once\n        if (isDecimal) {\n          const currentValue = e.currentTarget.value;\n          const hasDecimal = /[.,]/.test(currentValue);\n          if (hasDecimal) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        if (!isNumber && !isDecimal && !isMinus && !isAllowedKey && !isControlKey) {\n          e.preventDefault();\n        }\n      }\n    };\n\n    // Handle input change for number inputs\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      // Only update localValue if uncontrolled and not a select input\n      if (!isControlled && !isSelect) {\n        setLocalValue(value);\n      }\n      restInputProps.onChange?.(e);\n    };\n\n    // Handle clear button\n    const handleClear = () => {\n      // Update localValue if uncontrolled\n      if (!isControlled) {\n        setLocalValue('');\n      }\n\n      // Create a proper synthetic event for React Hook Form\n      const syntheticEvent = {\n        target: {\n          value: '',\n          name: inputName,\n          id: inputId,\n          type: actualType,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n\n      // Call the form's onChange handler\n      restInputProps.onChange?.(syntheticEvent);\n\n      // Also try to update the input element directly\n      if (ref && typeof ref === 'object' && ref.current) {\n        ref.current.value = '';\n      }\n    };\n\n    // Handle focus and blur\n    const handleFocus = () => {\n      setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n      setIsFocused(false);\n    };\n\n    // Determine actual input type (handle password visibility)\n    const actualType = type === 'password' ? (showPassword ? 'text' : 'password') : type;\n\n    // Generate CSS classes\n    const inputClasses = [\n      'eidos-input',\n      `eidos-input--${variant}`,\n      `eidos-input--${color}`,\n      `eidos-input--${size}`,\n      fullWidth && fullWidthModifier('eidos-input'),\n      loading && `eidos-input--loading`,\n      error && `eidos-input--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [\n      'eidos-input-wrapper',\n      `eidos-input-wrapper--${variant}`,\n      `eidos-input-wrapper--${color}`,\n      `eidos-input-wrapper--${size}`,\n      fullWidth && fullWidthModifier('eidos-input-wrapper'),\n      loading && `eidos-input-wrapper--loading`,\n      isFocused && `eidos-input-wrapper--focused`,\n      error && `eidos-input-wrapper--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const labelClasses = [\n      'eidos-input-label',\n      shouldFloatLabel && `eidos-input-label--floating`,\n      disclaimerIcon && `eidos-input-label--with-icon`,\n      error && `eidos-input-label--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div\n        className={`eidos-input-container ${fullWidth ? fullWidthModifier('eidos-input-container') : ''} ${className}`}\n        // `width` sizes the whole field, so it belongs on the container rather\n        // than on the inner <input> (which is a `flex: 1 1 0` child of the\n        // wrapper and only ever fills whatever the wrapper gives it). Applying\n        // it here also keeps it a *preferred* width: `max-width: 100%` lets the\n        // field shrink inside a narrower parent instead of overflowing it.\n        style={\n          width\n            ? { width: typeof width === 'number' ? `${width}px` : width, maxWidth: '100%' }\n            : undefined\n        }\n      >\n        {label && (\n          <label htmlFor={inputId} className={labelClasses}>\n            <span className={`eidos-input-label-text`}>{label}</span>\n            {isRequired && <span className={`eidos-input-required-asterisk`}>*</span>}\n            {disclaimerIcon &&\n              (disclaimerContent ? (\n                <Tooltip message={disclaimerContent}>\n                  <span className={`eidos-input-disclaimer-icon`}>\n                    {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                  </span>\n                </Tooltip>\n              ) : (\n                <span className={`eidos-input-disclaimer-icon`}>\n                  {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                </span>\n              ))}\n          </label>\n        )}\n\n        <div className={wrapperClasses}>\n          {preIcon && (\n            <span className={`eidos-input-pre-icon`}>\n              {renderIcon(preIcon, `eidos-input-pre-icon-svg`)}\n            </span>\n          )}\n\n          <input\n            ref={ref}\n            id={inputId}\n            name={inputName}\n            type={actualType}\n            className={inputClasses}\n            disabled={disabled || loading}\n            onKeyDown={handleNumberInput}\n            {...restInputProps}\n            value={currentValue}\n            onFocus={(e) => {\n              handleFocus();\n              restInputProps.onFocus?.(e);\n            }}\n            onBlur={(e) => {\n              handleBlur();\n              restInputProps.onBlur?.(e);\n            }}\n            onChange={handleInputChange}\n          />\n\n          {type === 'password' && (\n            <button\n              type=\"button\"\n              className={`eidos-input-password-toggle`}\n              onClick={() => setShowPassword(!showPassword)}\n              disabled={disabled || loading}\n              tabIndex={-1}\n            >\n              {showPassword ? (\n                <EyeOff className={`eidos-input-password-toggle-icon`} />\n              ) : (\n                <Eye className={`eidos-input-password-toggle-icon`} />\n              )}\n            </button>\n          )}\n\n          {/* Clear button - show when there's content and clearable is enabled (default: true) */}\n          {currentValue &&\n            String(currentValue).trim().length > 0 &&\n            type !== 'password' &&\n            !isSelect &&\n            clearable !== false && (\n              <button\n                type=\"button\"\n                className={`eidos-input-clear-button`}\n                onClick={handleClear}\n                disabled={disabled || loading}\n                tabIndex={-1}\n              >\n                <X className={`eidos-input-clear-button-icon`} />\n              </button>\n            )}\n\n          {posIcon && !posIconButton && (\n            <span className={`eidos-input-pos-icon`}>\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </span>\n          )}\n\n          {posIcon && posIconButton && onPosIconClick && (\n            <button\n              type=\"button\"\n              className={`eidos-input-pos-icon-button`}\n              onClick={onPosIconClick}\n              disabled={disabled || loading}\n              tabIndex={-1}\n            >\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </button>\n          )}\n\n          {/* Chevron for select inputs */}\n          {isSelect && (\n            <span className={`eidos-input-select-chevron`}>\n              <ChevronDown className={`eidos-input-pos-icon-svg`} />\n            </span>\n          )}\n        </div>\n\n        {error && (\n          <div className={`eidos-input-error-message`}>\n            <CircleAlert className={`eidos-input-error-icon`} />\n            <span>{error}</span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":"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","names":["currentValue"]}