eidos-ui 3.8.0 → 4.0.0

package/dist/{chunk-B2OHBIAL.cjs → chunk-BKUZF7CW.cjs}

@@ -1,14 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk4HZIXRAJcjs = require('./chunk-4HZIXRAJ.cjs');
+var _chunkKF2OGUADcjs = require('./chunk-KF2OGUAD.cjs');
 
 
-var _chunkVXC7Z7XBcjs = require('./chunk-VXC7Z7XB.cjs');
+var _chunkMKQVDEHIcjs = require('./chunk-MKQVDEHI.cjs');
 
 
 
-
-var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
+var _chunkR5WI5IGRcjs = require('./chunk-R5WI5IGR.cjs');
 
 // src/components/Select/Select.component.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -122,7 +121,7 @@ var Select = _react2.default.forwardRef(
       if (!element) return;
       const named = (_nullishCoalesce(_optionalChain([element, 'access', _7 => _7.labels, 'optionalAccess', _8 => _8.length]), () => ( 0))) > 0 || element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby");
       if (!named) {
-        _chunkENMDOQQOcjs.devWarn.call(void 0, 
+        _chunkR5WI5IGRcjs.devWarn.call(void 0, 
           "select-missing-label",
           'Select: no accessible name. Pass `label` for a visible one, or `inputProps={{ "aria-label": "..." }}` where it must stay visually unlabelled - otherwise the field is announced as just "combobox". A placeholder is not a label, and disappears as soon as something is chosen.'
         );
@@ -278,7 +277,7 @@ var Select = _react2.default.forwardRef(
             "aria-selected": isSelected,
             "aria-disabled": option.disabled,
             children: [
-              option.icon && _chunkENMDOQQOcjs.renderIcon.call(void 0, option.icon, "eidos-select-option-icon"),
+              option.icon && _chunkR5WI5IGRcjs.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" })
             ]
@@ -292,7 +291,7 @@ var Select = _react2.default.forwardRef(
       "div",
       {
         ref: triggerRef,
-        className: `eidos-select-trigger ${fullWidth ? _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-select-trigger") : ""}`,
+        className: `eidos-select-trigger ${fullWidth ? "eidos-select-trigger--full-width" : ""}`,
         onKeyDown: handleKeyDown,
         tabIndex: disabled ? -1 : void 0,
         role: "combobox",
@@ -301,7 +300,7 @@ var Select = _react2.default.forwardRef(
         "aria-controls": isOpen ? `${id || "select"}-options` : void 0,
         "aria-activedescendant": focusedIndex >= 0 ? `${id || "select"}-option-${focusedIndex}` : void 0,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4HZIXRAJcjs.Input,
+          _chunkKF2OGUADcjs.Input,
           {
             ref: inputRef,
             value: selectedValues.size > 0 ? displayValue : "",
@@ -327,9 +326,9 @@ var Select = _react2.default.forwardRef(
       "div",
       {
         ref,
-        className: `${"eidos-select-container"} ${fullWidth ? _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-select-container") : ""} ${className}`,
+        className: `${"eidos-select-container"} ${fullWidth ? "eidos-select-container--full-width" : ""} ${className}`,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVXC7Z7XBcjs.Dropdown,
+          _chunkMKQVDEHIcjs.Dropdown,
           {
             open: isOpen,
             onOpenChange: setIsOpen,
@@ -354,4 +353,4 @@ Select.displayName = "Select";
 
 
 exports.Select = Select;
-//# sourceMappingURL=chunk-B2OHBIAL.cjs.map
+//# sourceMappingURL=chunk-BKUZF7CW.cjs.map

package/dist/chunk-BKUZF7CW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-BKUZF7CW.cjs","../src/components/Select/Select.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-BKUZF7CW.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, devWarn } 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      label,\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\n    const [focusedIndex, setFocusedIndex] = useState(-1);\n    // `Select` owns the open state and hands it to `Dropdown` as a controlled\n    // value. It used to keep this flag *and* force the dropdown closed by\n    // remounting it through a changing `key`, because `Dropdown`'s own state was\n    // private - which meant this flag drove the ARIA attributes while reaching\n    // nothing that renders, so the keyboard could not open the listbox at all.\n    const [isOpen, setIsOpen] = useState(autoOpen);\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          // Focus is returned explicitly because a click lands on an option\n          // `div`, which is not focusable - without this, choosing with the\n          // mouse would leave focus on `<body>` and the field would be\n          // unreachable by keyboard until tabbed to again.\n          inputRef.current?.focus();\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        inputRef.current?.focus();\n        if (onChange) {\n          onChange(multiple ? [] : '');\n        }\n      },\n      [multiple, onChange, isControlled],\n    );\n\n    // A form control with no accessible name is announced as just \"combobox\".\n    // `Select` was the only field in the library that could not be labelled\n    // without knowing about `inputProps`, and three call sites duly shipped\n    // without one - so the gap is closed from both ends: a first-class `label`\n    // prop, and this warning.\n    //\n    // Measured from the DOM rather than from props, because a caller may name\n    // the field with an external `<label for>` - `Pagination`'s page-size\n    // picker does exactly that, and a props-only check would cry wolf at it.\n    // `HTMLInputElement.labels` covers both wrapping and `for` labels.\n    useEffect(() => {\n      const element = inputRef.current;\n      if (!element) return;\n      const named =\n        (element.labels?.length ?? 0) > 0 ||\n        element.hasAttribute('aria-label') ||\n        element.hasAttribute('aria-labelledby');\n      if (!named) {\n        devWarn(\n          'select-missing-label',\n          'Select: no accessible name. Pass `label` for a visible one, or `inputProps={{ \"aria-label\": \"...\" }}` where it must stay visually unlabelled - otherwise the field is announced as just \"combobox\". A placeholder is not a label, and disappears as soon as something is chosen.',\n        );\n      }\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            }\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                // The trigger points `aria-activedescendant` at\n                // `${id}-option-${focusedIndex}`, and nothing carried that id -\n                // so the moment an option was hovered or arrowed to, the\n                // attribute referenced an element that did not exist\n                // (`aria-valid-attr-value`, critical). Invisible to axe until a\n                // story left the listbox open, because the attribute is only\n                // set once something is focused.\n                id={`${id || 'select'}-option-${index}`}\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, id],\n    );\n\n    const triggerElement = (\n      <div\n        ref={triggerRef}\n        className={`eidos-select-trigger ${fullWidth ? 'eidos-select-trigger--full-width' : ''}`}\n        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : undefined}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        // Only while the listbox exists. An `aria-controls` pointing at an id\n        // that is not in the document is invalid, and the listbox only renders\n        // while open - `Combobox`, `TagInput` and `CommandPalette` already gate\n        // theirs this way. It could not be gated here before, because `isOpen`\n        // did not track whether the panel had actually rendered.\n        aria-controls={isOpen ? `${id || 'select'}-options` : undefined}\n        aria-activedescendant={\n          focusedIndex >= 0 ? `${id || 'select'}-option-${focusedIndex}` : undefined\n        }\n      >\n        <Input\n          ref={inputRef}\n          value={selectedValues.size > 0 ? displayValue : ''}\n          placeholder={selectedValues.size === 0 ? placeholder : ''}\n          posIcon={selectedValues.size > 0 && clearable ? X : undefined}\n          posIconButton={selectedValues.size > 0 && clearable}\n          onPosIconClick={selectedValues.size > 0 && clearable ? handleClear : undefined}\n          posIconLabel=\"Clear selection\"\n          disabled={disabled}\n          readOnly={true}\n          isSelect={true}\n          label={label}\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 ? 'eidos-select-container--full-width' : ''\n        } ${className}`}\n      >\n        <Dropdown\n          open={isOpen}\n          onOpenChange={setIsOpen}\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-WR77IZUU.cjs → chunk-BPVOQLCA.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUTYY35QXcjs = require('./chunk-UTYY35QX.cjs');
+var _chunkRZMQCVAScjs = require('./chunk-RZMQCVAS.cjs');
 
 
-var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
+var _chunkR5WI5IGRcjs = require('./chunk-R5WI5IGR.cjs');
 
 
 var _chunkKXDGW6LJcjs = require('./chunk-KXDGW6LJ.cjs');
@@ -53,9 +53,9 @@ var Chip = ({
   };
   const hasBothControls = isClickable && isRemovable;
   const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    preIcon && _chunkENMDOQQOcjs.renderIcon.call(void 0, preIcon, "eidos-chip--pre-icon"),
+    preIcon && _chunkR5WI5IGRcjs.renderIcon.call(void 0, preIcon, "eidos-chip--pre-icon"),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-chip--copy", children }),
-    posIcon && _chunkENMDOQQOcjs.renderIcon.call(void 0, posIcon, "eidos-chip--pos-icon")
+    posIcon && _chunkR5WI5IGRcjs.renderIcon.call(void 0, posIcon, "eidos-chip--pos-icon")
   ] });
   const renderLink = (linkHref, className2, attributes) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkKXDGW6LJcjs.EidosLink,
@@ -72,7 +72,7 @@ var Chip = ({
   );
   if (href !== void 0 && !isRemovable) {
     const link = renderLink(href, chipClasses, chipProps);
-    return tooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUTYY35QXcjs.Tooltip, { message: tooltip, children: link }) : link;
+    return tooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZMQCVAScjs.Tooltip, { message: tooltip, children: link }) : link;
   }
   const ChipElement = isClickable && !isRemovable ? "button" : "div";
   const chipContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -107,10 +107,10 @@ var Chip = ({
       ]
     }
   );
-  return tooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUTYY35QXcjs.Tooltip, { message: tooltip, children: chipContent }) : chipContent;
+  return tooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZMQCVAScjs.Tooltip, { message: tooltip, children: chipContent }) : chipContent;
 };
 
 
 
 exports.Chip = Chip;
-//# sourceMappingURL=chunk-WR77IZUU.cjs.map
+//# sourceMappingURL=chunk-BPVOQLCA.cjs.map

package/dist/{chunk-WR77IZUU.cjs.map → chunk-BPVOQLCA.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-WR77IZUU.cjs","../src/components/Chip/Chip.component.tsx"],"names":["className"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACTA,2CAAkB;AAuEd,+CAAA;AAjEG,IAAM,KAAA,EAA4B,CAAC;AAAA,EACxC,QAAA,EAAU,QAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,UAAA,EAAY,KAAA;AAAA,EACZ,OAAA;AAAA,EACA,UAAA,EAAY,EAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,YAAA,EAAc,CAAC,CAAC,QAAA,GAAW,KAAA,IAAS,KAAA,CAAA;AAC1C,EAAA,MAAM,YAAA,EAAc,CAAC,CAAC,QAAA;AAGtB,EAAA,MAAM,YAAA,EAAc;AAAA,IAClB,YAAA;AAAA,IACA,CAAA,YAAA,EAAe,OAAO,CAAA,CAAA;AACF,IAAA;AACD,IAAA;AACP,IAAA;AACG,IAAA;AACA,IAAA;AACF,IAAA;AACb,IAAA;AAGM,EAAA;AAEY,EAAA;AACD,IAAA;AACT,IAAA;AACV,EAAA;AAEsB,EAAA;AACF,IAAA;AACD,IAAA;AACR,IAAA;AACX,EAAA;AAiBwB,EAAA;AAGtB,EAAA;AACyB,IAAA;AAEtB,oBAAA;AAEsB,IAAA;AACzB,EAAA;AAOA,EAAA;AAIC,IAAA;AAAA,IAAA;AACK,MAAA;AACE,MAAA;AACN,MAAA;AACA,MAAA;AACWA,MAAAA;AACX,MAAA;AACmB,MAAA;AAElB,MAAA;AAAA,IAAA;AACH,EAAA;AAGyB,EAAA;AACZ,IAAA;AACI,IAAA;AACnB,EAAA;AAEoB,EAAA;AAGlB,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACD,MAAA;AACD,MAAA;AACL,MAAA;AAEH,MAAA;AACC,QAAA;AAGG,UAAA;AAAA,UAAA;AACM,YAAA;AACK,YAAA;AACD,YAAA;AACT,YAAA;AAEC,YAAA;AAAA,UAAA;AAIL,QAAA;AAIA,QAAA;AAAC,UAAA;AAAA,UAAA;AACW,YAAA;AACD,YAAA;AACT,YAAA;AACW,YAAA;AACN,YAAA;AAEL,YAAA;AAAuC,UAAA;AACzC,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAGe,EAAA;AACnB;ADrC2B;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-WR77IZUU.cjs","sourcesContent":[null,"import React from 'react';\nimport { X } from 'lucide-react';\nimport type { ChipProps } from './Chip.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\nimport { renderIcon } from '../../utils';\nimport { EidosLink } from '../LinkProvider/Link.component';\n\nexport const Chip: React.FC<ChipProps> = ({\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  fullWidth = false,\n  tooltip,\n  className = '',\n  preIcon,\n  posIcon,\n  children,\n  onClick,\n  onRemove,\n  href,\n  target,\n  rel,\n  ...chipProps\n}) => {\n  const isClickable = !!onClick || href !== undefined;\n  const isRemovable = !!onRemove;\n\n  // Build CSS classes\n  const chipClasses = [\n    'eidos-chip',\n    `eidos-chip--${variant}`,\n    `eidos-chip--${color}`,\n    `eidos-chip--${size}`,\n    disabled && 'eidos-chip--disabled',\n    isClickable && 'eidos-chip--clickable',\n    isRemovable && 'eidos-chip--removable',\n    fullWidth && 'eidos-chip--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleClick = () => {\n    if (disabled || !onClick) return;\n    onClick();\n  };\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation(); // Prevent chip click when removing\n    if (disabled || !onRemove) return;\n    onRemove();\n  };\n\n  // A chip that is both clickable and removable holds *two* controls, so it\n  // has to render them as siblings.\n  //\n  // The previous shape switched the outer element to a `<div>` when\n  // removable - the comment said \"to avoid nested buttons\" - and then gave\n  // that div `role=\"button\"` and `tabIndex={0}`. That is the same defect\n  // wearing a different hat: a button containing a button, which is invalid\n  // (`nested-interactive`) and leaves a screen reader announcing a control\n  // inside a control. It is the same shape already fixed on `Dropdown` and\n  // `DataGrid`'s rows.\n  //\n  // Now the outer element is a plain container whenever there is a remove\n  // button, and the chip's own action moves to an inner `<button>` wrapping\n  // just the content. Each control is separately reachable and separately\n  // named.\n  const hasBothControls = isClickable && isRemovable;\n\n  const body = (\n    <>\n      {preIcon && renderIcon(preIcon, 'eidos-chip--pre-icon')}\n\n      <span className=\"eidos-chip--copy\">{children}</span>\n\n      {posIcon && renderIcon(posIcon, 'eidos-chip--pos-icon')}\n    </>\n  );\n\n  // A link chip follows the same two-control rule: alone, the chip *is* the\n  // link; with a remove button, the link moves to the inner action slot so\n  // the two stay siblings.\n  const renderLink = (\n    linkHref: string,\n    className: string,\n    attributes?: React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  ) => (\n    <EidosLink\n      {...attributes}\n      href={linkHref}\n      target={target}\n      rel={rel}\n      className={className}\n      disabled={disabled}\n      onClick={onClick ? handleClick : undefined}\n    >\n      {body}\n    </EidosLink>\n  );\n\n  if (href !== undefined && !isRemovable) {\n    const link = renderLink(href, chipClasses, chipProps);\n    return tooltip ? <Tooltip message={tooltip}>{link}</Tooltip> : link;\n  }\n\n  const ChipElement = isClickable && !isRemovable ? 'button' : 'div';\n\n  const chipContent = (\n    <ChipElement\n      className={chipClasses}\n      disabled={ChipElement === 'button' ? disabled : undefined}\n      onClick={isClickable && !hasBothControls ? handleClick : undefined}\n      {...chipProps}\n    >\n      {hasBothControls ? (\n        href !== undefined ? (\n          renderLink(href, 'eidos-chip--action')\n        ) : (\n          <button\n            type=\"button\"\n            className=\"eidos-chip--action\"\n            onClick={handleClick}\n            disabled={disabled}\n          >\n            {body}\n          </button>\n        )\n      ) : (\n        body\n      )}\n\n      {isRemovable && (\n        <button\n          className=\"eidos-chip--remove-button\"\n          onClick={handleRemove}\n          disabled={disabled}\n          aria-label=\"Remove\"\n          type=\"button\"\n        >\n          <X className=\"eidos-chip--remove-icon\" />\n        </button>\n      )}\n    </ChipElement>\n  );\n\n  return tooltip ? <Tooltip message={tooltip}>{chipContent}</Tooltip> : chipContent;\n};\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-BPVOQLCA.cjs","../src/components/Chip/Chip.component.tsx"],"names":["className"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACTA,2CAAkB;AAuEd,+CAAA;AAjEG,IAAM,KAAA,EAA4B,CAAC;AAAA,EACxC,QAAA,EAAU,QAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,UAAA,EAAY,KAAA;AAAA,EACZ,OAAA;AAAA,EACA,UAAA,EAAY,EAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,YAAA,EAAc,CAAC,CAAC,QAAA,GAAW,KAAA,IAAS,KAAA,CAAA;AAC1C,EAAA,MAAM,YAAA,EAAc,CAAC,CAAC,QAAA;AAGtB,EAAA,MAAM,YAAA,EAAc;AAAA,IAClB,YAAA;AAAA,IACA,CAAA,YAAA,EAAe,OAAO,CAAA,CAAA;AACF,IAAA;AACD,IAAA;AACP,IAAA;AACG,IAAA;AACA,IAAA;AACF,IAAA;AACb,IAAA;AAGM,EAAA;AAEY,EAAA;AACD,IAAA;AACT,IAAA;AACV,EAAA;AAEsB,EAAA;AACF,IAAA;AACD,IAAA;AACR,IAAA;AACX,EAAA;AAiBwB,EAAA;AAGtB,EAAA;AACyB,IAAA;AAEtB,oBAAA;AAEsB,IAAA;AACzB,EAAA;AAOA,EAAA;AAIC,IAAA;AAAA,IAAA;AACK,MAAA;AACE,MAAA;AACN,MAAA;AACA,MAAA;AACWA,MAAAA;AACX,MAAA;AACmB,MAAA;AAElB,MAAA;AAAA,IAAA;AACH,EAAA;AAGyB,EAAA;AACZ,IAAA;AACI,IAAA;AACnB,EAAA;AAEoB,EAAA;AAGlB,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACD,MAAA;AACD,MAAA;AACL,MAAA;AAEH,MAAA;AACC,QAAA;AAGG,UAAA;AAAA,UAAA;AACM,YAAA;AACK,YAAA;AACD,YAAA;AACT,YAAA;AAEC,YAAA;AAAA,UAAA;AAIL,QAAA;AAIA,QAAA;AAAC,UAAA;AAAA,UAAA;AACW,YAAA;AACD,YAAA;AACT,YAAA;AACW,YAAA;AACN,YAAA;AAEL,YAAA;AAAuC,UAAA;AACzC,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAGe,EAAA;AACnB;ADrC2B;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-BPVOQLCA.cjs","sourcesContent":[null,"import React from 'react';\nimport { X } from 'lucide-react';\nimport type { ChipProps } from './Chip.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\nimport { renderIcon } from '../../utils';\nimport { EidosLink } from '../LinkProvider/Link.component';\n\nexport const Chip: React.FC<ChipProps> = ({\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  fullWidth = false,\n  tooltip,\n  className = '',\n  preIcon,\n  posIcon,\n  children,\n  onClick,\n  onRemove,\n  href,\n  target,\n  rel,\n  ...chipProps\n}) => {\n  const isClickable = !!onClick || href !== undefined;\n  const isRemovable = !!onRemove;\n\n  // Build CSS classes\n  const chipClasses = [\n    'eidos-chip',\n    `eidos-chip--${variant}`,\n    `eidos-chip--${color}`,\n    `eidos-chip--${size}`,\n    disabled && 'eidos-chip--disabled',\n    isClickable && 'eidos-chip--clickable',\n    isRemovable && 'eidos-chip--removable',\n    fullWidth && 'eidos-chip--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleClick = () => {\n    if (disabled || !onClick) return;\n    onClick();\n  };\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation(); // Prevent chip click when removing\n    if (disabled || !onRemove) return;\n    onRemove();\n  };\n\n  // A chip that is both clickable and removable holds *two* controls, so it\n  // has to render them as siblings.\n  //\n  // The previous shape switched the outer element to a `<div>` when\n  // removable - the comment said \"to avoid nested buttons\" - and then gave\n  // that div `role=\"button\"` and `tabIndex={0}`. That is the same defect\n  // wearing a different hat: a button containing a button, which is invalid\n  // (`nested-interactive`) and leaves a screen reader announcing a control\n  // inside a control. It is the same shape already fixed on `Dropdown` and\n  // `DataGrid`'s rows.\n  //\n  // Now the outer element is a plain container whenever there is a remove\n  // button, and the chip's own action moves to an inner `<button>` wrapping\n  // just the content. Each control is separately reachable and separately\n  // named.\n  const hasBothControls = isClickable && isRemovable;\n\n  const body = (\n    <>\n      {preIcon && renderIcon(preIcon, 'eidos-chip--pre-icon')}\n\n      <span className=\"eidos-chip--copy\">{children}</span>\n\n      {posIcon && renderIcon(posIcon, 'eidos-chip--pos-icon')}\n    </>\n  );\n\n  // A link chip follows the same two-control rule: alone, the chip *is* the\n  // link; with a remove button, the link moves to the inner action slot so\n  // the two stay siblings.\n  const renderLink = (\n    linkHref: string,\n    className: string,\n    attributes?: React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  ) => (\n    <EidosLink\n      {...attributes}\n      href={linkHref}\n      target={target}\n      rel={rel}\n      className={className}\n      disabled={disabled}\n      onClick={onClick ? handleClick : undefined}\n    >\n      {body}\n    </EidosLink>\n  );\n\n  if (href !== undefined && !isRemovable) {\n    const link = renderLink(href, chipClasses, chipProps);\n    return tooltip ? <Tooltip message={tooltip}>{link}</Tooltip> : link;\n  }\n\n  const ChipElement = isClickable && !isRemovable ? 'button' : 'div';\n\n  const chipContent = (\n    <ChipElement\n      className={chipClasses}\n      disabled={ChipElement === 'button' ? disabled : undefined}\n      onClick={isClickable && !hasBothControls ? handleClick : undefined}\n      {...chipProps}\n    >\n      {hasBothControls ? (\n        href !== undefined ? (\n          renderLink(href, 'eidos-chip--action')\n        ) : (\n          <button\n            type=\"button\"\n            className=\"eidos-chip--action\"\n            onClick={handleClick}\n            disabled={disabled}\n          >\n            {body}\n          </button>\n        )\n      ) : (\n        body\n      )}\n\n      {isRemovable && (\n        <button\n          className=\"eidos-chip--remove-button\"\n          onClick={handleRemove}\n          disabled={disabled}\n          aria-label=\"Remove\"\n          type=\"button\"\n        >\n          <X className=\"eidos-chip--remove-icon\" />\n        </button>\n      )}\n    </ChipElement>\n  );\n\n  return tooltip ? <Tooltip message={tooltip}>{chipContent}</Tooltip> : chipContent;\n};\n"]}

package/dist/{chunk-MCPGI6EI.js → chunk-BUSMGQJ4.js}

@@ -1,6 +1,6 @@
 import {
   FOCUSABLE_SELECTOR
-} from "./chunk-U34INRFO.js";
+} from "./chunk-PP6HS4GR.js";
 
 // src/components/Tooltip/Tooltip.component.tsx
 import { useState, useRef, useCallback, useEffect } from "react";
@@ -327,4 +327,4 @@ Tooltip.displayName = "Tooltip";
 export {
   Tooltip
 };
-//# sourceMappingURL=chunk-MCPGI6EI.js.map
+//# sourceMappingURL=chunk-BUSMGQJ4.js.map

package/dist/{chunk-H3C6YECZ.js → chunk-D2PXPX56.js}

@@ -1,21 +1,21 @@
 import {
   DatePicker
-} from "./chunk-P6OJQ2RN.js";
+} from "./chunk-FSX7DDLO.js";
 import {
   Select
-} from "./chunk-4S57PE43.js";
+} from "./chunk-2WDL2ZVP.js";
 import {
   Input
-} from "./chunk-XIUZT4TO.js";
+} from "./chunk-GE3QCXT7.js";
 import {
   Dropdown
-} from "./chunk-3X6QVHTD.js";
+} from "./chunk-OERK3T7E.js";
 import {
   Badge
 } from "./chunk-3SKI6FXB.js";
 import {
   Button
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 
 // src/components/Table/TableFiltersDropdown.component.tsx
 import { useMemo, useState, useEffect, useRef } from "react";
@@ -4443,4 +4443,4 @@ export {
   sortableKeyboardCoordinates,
   TableFiltersDropdown
 };
-//# sourceMappingURL=chunk-H3C6YECZ.js.map
+//# sourceMappingURL=chunk-D2PXPX56.js.map

package/dist/{chunk-L6YJ6QTZ.js → chunk-DCUIT7SI.js}

@@ -1,6 +1,6 @@
 import {
   Dropdown
-} from "./chunk-3X6QVHTD.js";
+} from "./chunk-OERK3T7E.js";
 
 // src/components/ColorPicker/ColorPicker.component.tsx
 import { useState, useRef, useEffect, useCallback } from "react";
@@ -532,4 +532,4 @@ ColorPicker.displayName = "ColorPicker";
 export {
   ColorPicker
 };
-//# sourceMappingURL=chunk-L6YJ6QTZ.js.map
+//# sourceMappingURL=chunk-DCUIT7SI.js.map

package/dist/{chunk-HYRLK462.js → chunk-EDPCI2JC.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 
 // src/components/Snackbar/Snackbar.context.tsx
 import { createContext, useContext, useState, useCallback, useRef } from "react";
@@ -293,4 +293,4 @@ export {
   SnackbarContainer,
   useSnackbar
 };
-//# sourceMappingURL=chunk-HYRLK462.js.map
+//# sourceMappingURL=chunk-EDPCI2JC.js.map

package/dist/{chunk-DPTTDHZ5.js → chunk-FAGQGGT3.js}

@@ -1,9 +1,9 @@
 import {
   Select
-} from "./chunk-4S57PE43.js";
+} from "./chunk-2WDL2ZVP.js";
 import {
   Button
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 
 // src/components/Pagination/Pagination.component.tsx
 import { useState, useEffect, useId } from "react";
@@ -209,4 +209,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-DPTTDHZ5.js.map
+//# sourceMappingURL=chunk-FAGQGGT3.js.map

package/dist/{chunk-CNTG7OOO.js → chunk-FAXDWZQH.js}

@@ -11,28 +11,28 @@ import {
   useSensors,
   useSortable,
   verticalListSortingStrategy
-} from "./chunk-H3C6YECZ.js";
+} from "./chunk-D2PXPX56.js";
 import {
   SegmentedControl
-} from "./chunk-V64DICJK.js";
+} from "./chunk-363IKX3C.js";
 import {
   SplitButton
-} from "./chunk-FHOD3FUN.js";
+} from "./chunk-UTOTOWPS.js";
 import {
   Pagination
-} from "./chunk-DPTTDHZ5.js";
+} from "./chunk-FAGQGGT3.js";
 import {
   Select
-} from "./chunk-4S57PE43.js";
+} from "./chunk-2WDL2ZVP.js";
 import {
   Checkbox
 } from "./chunk-DGXHR6FV.js";
 import {
   Combobox
-} from "./chunk-IHPSRTVW.js";
+} from "./chunk-Z3OEYDNI.js";
 import {
   Input
-} from "./chunk-XIUZT4TO.js";
+} from "./chunk-GE3QCXT7.js";
 import {
   Spinner
 } from "./chunk-6ZAT5CGB.js";
@@ -41,17 +41,17 @@ import {
 } from "./chunk-3TUCQAYL.js";
 import {
   Menu
-} from "./chunk-WHQGJHMD.js";
+} from "./chunk-TOLNPD7S.js";
 import {
   Dropdown
-} from "./chunk-3X6QVHTD.js";
+} from "./chunk-OERK3T7E.js";
 import {
   Button
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 import {
   devWarn,
   renderIcon
-} from "./chunk-U34INRFO.js";
+} from "./chunk-PP6HS4GR.js";
 
 // src/components/DataGrid/DataGrid.component.tsx
 import React, { useState, useEffect, useRef, useCallback, useMemo, useLayoutEffect } from "react";
@@ -1725,4 +1725,4 @@ var DataGrid = Object.assign(DataGridInner, { displayName: "DataGrid" });
 export {
   DataGrid
 };
-//# sourceMappingURL=chunk-CNTG7OOO.js.map
+//# sourceMappingURL=chunk-FAXDWZQH.js.map

package/dist/{chunk-7NUVLVSL.cjs → chunk-FJSK2RT7.cjs}

@@ -5,7 +5,7 @@ var _chunkKVIL4EP4cjs = require('./chunk-KVIL4EP4.cjs');
 
 
 
-var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
+var _chunkR5WI5IGRcjs = require('./chunk-R5WI5IGR.cjs');
 
 // src/components/CommandPalette/CommandPalette.component.tsx
 var _react = require('react');
@@ -79,7 +79,7 @@ var CommandPalette = ({
   }, [shortcutKey, openPalette]);
   const [isMounted, setIsMounted] = _react.useState.call(void 0, open);
   const [isVisible, setIsVisible] = _react.useState.call(void 0, open);
-  const isClient = _chunkENMDOQQOcjs.useIsClient.call(void 0, );
+  const isClient = _chunkR5WI5IGRcjs.useIsClient.call(void 0, );
   _react.useEffect.call(void 0, () => {
     let raf1 = 0;
     let raf2 = 0;
@@ -113,7 +113,7 @@ var CommandPalette = ({
       setFocusedIndex(0);
     }
   }, [open]);
-  _chunkENMDOQQOcjs.useDialogFocus.call(void 0, isClient && open && isVisible, dialogRef, { initialFocus: inputRef });
+  _chunkR5WI5IGRcjs.useDialogFocus.call(void 0, isClient && open && isVisible, dialogRef, { initialFocus: inputRef });
   _react.useEffect.call(void 0, () => {
     setFocusedIndex(0);
   }, [query]);
@@ -181,7 +181,7 @@ var CommandPalette = ({
   const [customTriggerIsControl, setCustomTriggerIsControl] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     const element = customTriggerRef.current;
-    setCustomTriggerIsControl(!!element && element.querySelector(_chunkENMDOQQOcjs.FOCUSABLE_SELECTOR) === null);
+    setCustomTriggerIsControl(!!element && element.querySelector(_chunkR5WI5IGRcjs.FOCUSABLE_SELECTOR) === null);
   }, [trigger]);
   const triggerNode = trigger === true ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "button",
@@ -377,4 +377,4 @@ CommandPalette.displayName = "CommandPalette";
 
 
 exports.CommandPalette = CommandPalette;
-//# sourceMappingURL=chunk-7NUVLVSL.cjs.map
+//# sourceMappingURL=chunk-FJSK2RT7.cjs.map

package/dist/{chunk-7NUVLVSL.cjs.map → chunk-FJSK2RT7.cjs.map}

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

package/dist/{chunk-P6OJQ2RN.js → chunk-FSX7DDLO.js}

@@ -1,20 +1,19 @@
 import {
   Select
-} from "./chunk-4S57PE43.js";
+} from "./chunk-2WDL2ZVP.js";
 import {
   Input
-} from "./chunk-XIUZT4TO.js";
+} from "./chunk-GE3QCXT7.js";
 import {
   Dropdown
-} from "./chunk-3X6QVHTD.js";
+} from "./chunk-OERK3T7E.js";
 import {
   Button
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 import {
   devWarn,
-  fullWidthModifier,
   useDialogFocus
-} from "./chunk-U34INRFO.js";
+} from "./chunk-PP6HS4GR.js";
 import {
   __commonJS,
   __toESM
@@ -1189,7 +1188,7 @@ var DatePicker = ({
     "div",
     {
       ref: triggerRef,
-      className: `eidos-date-picker-trigger${fullWidth ? ` ${fullWidthModifier("eidos-date-picker-trigger")}` : ""}`,
+      className: `eidos-date-picker-trigger${fullWidth ? ` eidos-date-picker-trigger--full-width` : ""}`,
       onKeyDown: (event) => {
         if (disabled) return;
         if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
@@ -1361,7 +1360,7 @@ var DatePicker = ({
   return /* @__PURE__ */ jsx3(
     "div",
     {
-      className: `eidos-date-picker-container${fullWidth ? ` ${fullWidthModifier("eidos-date-picker-container")}` : ""} ${className}`.trim(),
+      className: `eidos-date-picker-container${fullWidth ? ` eidos-date-picker-container--full-width` : ""} ${className}`.trim(),
       children: /* @__PURE__ */ jsx3(
         Dropdown,
         {
@@ -1389,4 +1388,4 @@ export {
   TimeInput,
   DatePicker
 };
-//# sourceMappingURL=chunk-P6OJQ2RN.js.map
+//# sourceMappingURL=chunk-FSX7DDLO.js.map