eidos-ui 3.3.0 → 3.5.0

package/dist/chunk-7SVDYEKM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Select/Select.component.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { SelectProps, SelectOption } from './Select.types';\nimport { renderIcon, fullWidthModifier } from '../../utils';\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      options = [],\n      value,\n      defaultValue,\n      onChange,\n      className = '',\n      multiple = false,\n      placeholder = 'Select an option...',\n      disabled = false,\n      inputProps = {},\n      name,\n      id,\n      required = false,\n      fullWidth = false,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight = '300px',\n      autoWidth = true,\n      clearable = true,\n      autoOpen = false,\n      dropdownProps = {},\n    },\n    ref,\n  ) => {\n    const isControlled = value !== undefined;\n\n    // Lazy initializer: seed from defaultValue in uncontrolled mode.\n    const [selectedValues, setSelectedValues] = useState<Set<string>>(() => {\n      if (defaultValue !== undefined) {\n        const vals = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n        return new Set(vals.filter((v) => v !== ''));\n      }\n      return new Set();\n    });\n    const [menuKey, setMenuKey] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState(-1);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const optionRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n    // Kept in sync every render so the mount-only callback ref below can\n    // read the latest values without needing them in its dependency array\n    // (see `handleOptionsMount`).\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n    const selectedValuesRef = useRef(selectedValues);\n    selectedValuesRef.current = selectedValues;\n\n    useEffect(() => {\n      if (value !== undefined) {\n        const values = Array.isArray(value) ? value : [value];\n\n        const validValues = values.filter((v) => v !== '');\n        setSelectedValues(new Set(validValues));\n      }\n    }, [value]);\n\n    useEffect(() => {\n      setFocusedIndex(-1);\n    }, [options]);\n\n    useEffect(() => {\n      optionRefs.current = optionRefs.current.slice(0, options.length);\n    }, [options.length]);\n\n    const handleOptionSelect = useCallback(\n      (option: SelectOption) => {\n        if (option.disabled) return;\n\n        const newSelectedValues = new Set(selectedValues);\n\n        if (multiple) {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.delete(option.value);\n          } else {\n            newSelectedValues.add(option.value);\n          }\n        } else {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.clear();\n          } else {\n            newSelectedValues.clear();\n            newSelectedValues.add(option.value);\n          }\n        }\n\n        // In uncontrolled mode, own the state directly.\n        // In controlled mode, let the parent drive via value prop + useEffect sync.\n        if (!isControlled) {\n          setSelectedValues(newSelectedValues);\n        }\n\n        if (onChange) {\n          const newValue = multiple\n            ? Array.from(newSelectedValues)\n            : Array.from(newSelectedValues)[0] || '';\n          onChange(newValue);\n        }\n\n        if (!multiple) {\n          setIsOpen(false);\n          setMenuKey((prev) => prev + 1);\n        }\n      },\n      [multiple, onChange, selectedValues, isControlled],\n    );\n\n    const handleClear = useCallback(\n      (e?: React.MouseEvent) => {\n        if (e) {\n          e.stopPropagation();\n        }\n        if (!isControlled) {\n          setSelectedValues(new Set());\n        }\n\n        setIsOpen(false);\n        setMenuKey((prev) => prev + 1);\n        if (onChange) {\n          onChange(multiple ? [] : '');\n        }\n      },\n      [multiple, onChange, isControlled],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev < options.length - 1 ? prev + 1 : 0;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'ArrowUp':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(options.length - 1);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev > 0 ? prev - 1 : options.length - 1;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'Enter':\n          case ' ':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else if (focusedIndex >= 0 && focusedIndex < options.length) {\n              const focusedOption = options[focusedIndex];\n              handleOptionSelect(focusedOption);\n            }\n            break;\n\n          case 'Escape':\n            e.preventDefault();\n            if (isOpen) {\n              setIsOpen(false);\n              setFocusedIndex(-1);\n              setMenuKey((prev) => prev + 1);\n            }\n            break;\n\n          case 'Home':\n            e.preventDefault();\n            if (isOpen) {\n              setFocusedIndex(0);\n              optionRefs.current[0]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          case 'End':\n            e.preventDefault();\n            if (isOpen) {\n              const lastIndex = options.length - 1;\n              setFocusedIndex(lastIndex);\n              optionRefs.current[lastIndex]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          default:\n            if (isOpen && e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {\n              const searchChar = e.key.toLowerCase();\n              const foundIndex = options.findIndex(\n                (option, index) =>\n                  index > focusedIndex && option.label.toLowerCase().startsWith(searchChar),\n              );\n\n              if (foundIndex !== -1) {\n                setFocusedIndex(foundIndex);\n                optionRefs.current[foundIndex]?.scrollIntoView({\n                  block: 'nearest',\n                  behavior: 'smooth',\n                });\n              } else {\n                const foundFromStart = options.findIndex((option) =>\n                  option.label.toLowerCase().startsWith(searchChar),\n                );\n                if (foundFromStart !== -1) {\n                  setFocusedIndex(foundFromStart);\n                  optionRefs.current[foundFromStart]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }\n              }\n            }\n            break;\n        }\n      },\n      [disabled, isOpen, options, focusedIndex, handleOptionSelect],\n    );\n\n    // Scrolls the first selected option into view. Attached as the options\n    // list's own ref below with an empty dependency array, so its identity\n    // never changes and React only invokes it on genuine DOM mount/unmount -\n    // i.e. exactly when the dropdown opens/closes (Dropdown unmounts its\n    // `content` entirely while closed), not on every re-render while open.\n    const handleOptionsMount = useCallback((el: HTMLDivElement | null) => {\n      if (!el) return;\n      const idx = optionsRef.current.findIndex((option) =>\n        selectedValuesRef.current.has(option.value),\n      );\n      if (idx === -1) return;\n      optionRefs.current[idx]?.scrollIntoView({ block: 'nearest' });\n    }, []);\n\n    // Past this many selections the full comma-joined label list becomes\n    // unreadable in the trigger, so we switch to a compact \"N selected\" label.\n    const COMPACT_LABEL_THRESHOLD = 2;\n\n    const displayValue = useMemo(() => {\n      if (selectedValues.size === 0) return '';\n\n      if (multiple && selectedValues.size > COMPACT_LABEL_THRESHOLD) {\n        return `${selectedValues.size} selected`;\n      }\n\n      const selectedOptions = options.filter((option) => selectedValues.has(option.value));\n      const text = selectedOptions.map((option) => option.label).join(', ');\n      return text;\n    }, [options, selectedValues, multiple]);\n\n    const selectContent = useMemo(\n      () => (\n        <div className={'eidos-select-options'} ref={handleOptionsMount}>\n          {options.map((option, index) => {\n            const isSelected = selectedValues.has(option.value);\n            const isFocused = index === focusedIndex;\n            return (\n              <div\n                key={option.id}\n                ref={(el) => {\n                  optionRefs.current[index] = el;\n                }}\n                className={`\n\t\t\t\t\t\t\t\t\t\t${'eidos-select-option'}\n\t\t\t\t\t\t\t\t\t\t${isSelected ? 'eidos-select-option--selected' : ''}\n\t\t\t\t\t\t\t\t\t\t${option.disabled ? 'eidos-select-option--disabled' : ''}\n\t\t\t\t\t\t\t\t\t\t${isFocused ? 'eidos-select-option--focused' : ''}\n\t\t\t\t\t\t\t\t\t`.trim()}\n                onClick={() => handleOptionSelect(option)}\n                onMouseEnter={() => setFocusedIndex(index)}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={option.disabled}\n              >\n                {option.icon && renderIcon(option.icon, 'eidos-select-option-icon')}\n                <span className={'eidos-select-option-label'}>{option.label}</span>\n                {isSelected && <Check className={'eidos-select-option-check-icon'} />}\n              </div>\n            );\n          })}\n        </div>\n      ),\n      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount],\n    );\n\n    const triggerElement = (\n      <div\n        ref={triggerRef}\n        className={`eidos-select-trigger ${fullWidth ? fullWidthModifier('eidos-select-trigger') : ''}`}\n        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : undefined}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={`${id || 'select'}-options`}\n        aria-activedescendant={\n          focusedIndex >= 0 ? `${id || 'select'}-option-${focusedIndex}` : undefined\n        }\n      >\n        <Input\n          ref={inputRef}\n          value={selectedValues.size > 0 ? displayValue : ''}\n          placeholder={selectedValues.size === 0 ? placeholder : ''}\n          posIcon={selectedValues.size > 0 && clearable ? X : undefined}\n          posIconButton={selectedValues.size > 0 && clearable}\n          onPosIconClick={selectedValues.size > 0 && clearable ? handleClear : undefined}\n          disabled={disabled}\n          readOnly={true}\n          isSelect={true}\n          name={name}\n          id={id}\n          required={required}\n          fullWidth={fullWidth}\n          {...inputProps}\n        />\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={`${'eidos-select-container'} ${\n          fullWidth ? fullWidthModifier('eidos-select-container') : ''\n        } ${className}`}\n      >\n        <Dropdown\n          key={menuKey}\n          defaultOpen={autoOpen}\n          trigger={triggerElement}\n          content={\n            <div id={`${id || 'select'}-options`} role=\"listbox\" aria-multiselectable={multiple}>\n              {selectContent}\n            </div>\n          }\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          autoWidth={autoWidth}\n          fullWidth={fullWidth}\n          triggerRef={triggerRef as React.RefObject<HTMLElement | null>}\n          {...dropdownProps}\n        />\n      </div>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":"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","names":[]}

package/dist/chunk-ACNTH2OQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-ACNTH2OQ.cjs","../src/components/TagInput/TagInput.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-ACNTH2OQ.cjs","sourcesContent":[null,"import React, { useState, useId, useRef, useCallback, useMemo, useEffect } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport { Chip } from '../Chip/Chip.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { TagInputProps } from './TagInput.types';\nimport './TagInput.scss';\n\nexport const TagInput: React.FC<TagInputProps> = ({\n  value,\n  defaultValue = [],\n  onChange,\n  placeholder = 'Add tag…',\n  size = 'md',\n  disabled = false,\n  label,\n  error,\n  hint,\n  allowDuplicates = false,\n  maxTags,\n  separators = ['Enter', ',', 'Tab'],\n  validate,\n  className = '',\n  fullWidth = false,\n  suggestions,\n  onSearch,\n  suggestionsEmptyText = 'No matches',\n}) => {\n  const generatedId = useId();\n  const inputId = `tag-input-${generatedId}`;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  /** Entire component wrapper - used for click-outside detection on the suggestions dropdown */\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  /** The field wrapper - passed to Dropdown as externalTriggerRef for width/anchoring */\n  const fieldRef = useRef<HTMLDivElement>(null);\n\n  /** The 0-height span that IS the Dropdown trigger element - programmatically clicked to open */\n  const dropdownSpanRef = useRef<HTMLSpanElement>(null);\n\n  const hasSuggestions = suggestions !== undefined;\n  const isSuggestionsOpenRef = useRef(false);\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\n  const [suggestionsMenuKey, setSuggestionsMenuKey] = useState(0);\n  const [focusedSuggestionIndex, setFocusedSuggestionIndex] = useState(-1);\n\n  const isControlled = value !== undefined;\n\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue);\n  const [inputValue, setInputValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n\n  const tags = isControlled ? (value as string[]) : internalTags;\n\n  const updateTags = useCallback(\n    (newTags: string[]) => {\n      if (!isControlled) {\n        setInternalTags(newTags);\n      }\n      onChange?.(newTags);\n    },\n    [isControlled, onChange],\n  );\n\n  const addTag = useCallback(\n    (rawTag: string) => {\n      const tag = rawTag.trim();\n\n      if (!tag) return;\n\n      if (!allowDuplicates && tags.includes(tag)) return;\n\n      if (maxTags !== undefined && tags.length >= maxTags) return;\n\n      if (validate) {\n        const result = validate(tag);\n        if (result === false) return;\n        if (typeof result === 'string') {\n          setValidationError(result);\n          return;\n        }\n        // result === true → valid, fall through\n      }\n\n      setValidationError(null);\n      updateTags([...tags, tag]);\n      setInputValue('');\n    },\n    [tags, allowDuplicates, maxTags, validate, updateTags],\n  );\n\n  const removeTag = useCallback(\n    (index: number) => {\n      updateTags(tags.filter((_, i) => i !== index));\n    },\n    [tags, updateTags],\n  );\n\n  // ─── Suggestions dropdown (autocomplete) ───────────────────────────────────\n\n  const filteredSuggestions = useMemo<string[]>(() => {\n    if (!suggestions) return [];\n    const query = inputValue.trim().toLowerCase();\n    return suggestions.filter((suggestion) => {\n      if (!allowDuplicates && tags.includes(suggestion)) return false;\n      if (!query) return true;\n      return suggestion.toLowerCase().includes(query);\n    });\n  }, [suggestions, inputValue, tags, allowDuplicates]);\n\n  useEffect(() => {\n    setFocusedSuggestionIndex(-1);\n  }, [filteredSuggestions]);\n\n  const openSuggestions = useCallback(() => {\n    if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;\n    dropdownSpanRef.current?.click(); // opens the Dropdown (bubbles to trigger)\n    isSuggestionsOpenRef.current = true;\n    setIsSuggestionsOpen(true);\n  }, [disabled, hasSuggestions]);\n\n  const closeSuggestions = useCallback(() => {\n    isSuggestionsOpenRef.current = false;\n    setIsSuggestionsOpen(false);\n    setFocusedSuggestionIndex(-1);\n    setSuggestionsMenuKey((prev) => prev + 1);\n  }, []);\n\n  const selectSuggestion = useCallback(\n    (suggestion: string) => {\n      addTag(suggestion);\n      closeSuggestions();\n      inputRef.current?.focus();\n    },\n    [addTag, closeSuggestions],\n  );\n\n  // Click-outside detection for the suggestions dropdown.\n  useEffect(() => {\n    if (!hasSuggestions) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!isSuggestionsOpenRef.current) return;\n      if (e.defaultPrevented) return; // click inside the portal-rendered listbox\n      if (containerRef.current?.contains(e.target as Node)) return;\n      closeSuggestions();\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => document.removeEventListener('mousedown', handleMouseDown);\n  }, [hasSuggestions, closeSuggestions]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (hasSuggestions && isSuggestionsOpenRef.current && filteredSuggestions.length > 0) {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev + 1 < filteredSuggestions.length ? prev + 1 : 0));\n        return;\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev > 0 ? prev - 1 : filteredSuggestions.length - 1));\n        return;\n      }\n      if (e.key === 'Enter' && focusedSuggestionIndex >= 0) {\n        e.preventDefault();\n        selectSuggestion(filteredSuggestions[focusedSuggestionIndex]);\n        return;\n      }\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        closeSuggestions();\n        return;\n      }\n    }\n\n    if (separators.includes(e.key)) {\n      e.preventDefault();\n      addTag(inputValue);\n      return;\n    }\n\n    if (e.key === 'Backspace' && inputValue === '' && tags.length > 0) {\n      e.preventDefault();\n      removeTag(tags.length - 1);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const query = e.target.value;\n    setInputValue(query);\n    if (validationError) {\n      setValidationError(null);\n    }\n    onSearch?.(query);\n    if (hasSuggestions && !isSuggestionsOpenRef.current) openSuggestions();\n  };\n\n  const handleInputFocus = () => {\n    setIsFocused(true);\n    if (hasSuggestions) openSuggestions();\n  };\n\n  const handleFieldClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // Don't steal focus from interactive child elements\n    if ((e.target as HTMLElement).closest('button, input')) return;\n    if (!disabled) {\n      inputRef.current?.focus();\n    }\n  };\n\n  const displayError = validationError ?? error;\n  const hasError = !!displayError;\n  const errorId = `${inputId}-error`;\n  const hintId = `${inputId}-hint`;\n\n  const containerClasses = [\n    'eidos-tag-input',\n    hasError && 'eidos-tag-input--error',\n    disabled && 'eidos-tag-input--disabled',\n    fullWidth && 'eidos-tag-input--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const fieldClasses = [\n    'eidos-tag-input-field',\n    `eidos-tag-input-field--${size}`,\n    isFocused && 'eidos-tag-input-field--focused',\n    hasError && 'eidos-tag-input-field--error',\n    disabled && 'eidos-tag-input-field--disabled',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const uid = generatedId;\n\n  return (\n    <div\n      className={containerClasses}\n      ref={containerRef}\n      aria-expanded={hasSuggestions ? isSuggestionsOpen : undefined}\n      aria-haspopup={hasSuggestions ? 'listbox' : undefined}\n    >\n      {label && (\n        <label htmlFor={inputId} className=\"eidos-tag-input-label\">\n          {label}\n        </label>\n      )}\n\n      <div className={fieldClasses} onClick={handleFieldClick} ref={fieldRef}>\n        {tags.map((tag, index) => (\n          <Chip\n            key={`${tag}-${index}`}\n            variant=\"filled\"\n            color=\"primary\"\n            size={size}\n            onRemove={disabled ? undefined : () => removeTag(index)}\n          >\n            {tag}\n          </Chip>\n        ))}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          className=\"eidos-tag-input-input\"\n          type=\"text\"\n          value={inputValue}\n          placeholder={tags.length === 0 ? placeholder : undefined}\n          disabled={disabled}\n          onKeyDown={handleKeyDown}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onBlur={() => setIsFocused(false)}\n          aria-label={label ? undefined : 'Tag input'}\n          aria-describedby={hasError ? errorId : hint ? hintId : undefined}\n          aria-autocomplete={hasSuggestions ? 'list' : undefined}\n          aria-controls={hasSuggestions ? `${uid}-tag-suggestions` : undefined}\n          aria-activedescendant={\n            hasSuggestions && focusedSuggestionIndex >= 0\n              ? `${uid}-tag-suggestion-${focusedSuggestionIndex}`\n              : undefined\n          }\n        />\n\n        {hasSuggestions && (\n          <Dropdown\n            key={suggestionsMenuKey}\n            trigger={\n              <span\n                ref={dropdownSpanRef}\n                className=\"eidos-tag-input-dropdown-anchor\"\n                aria-hidden=\"true\"\n              />\n            }\n            content={\n              <div\n                id={`${uid}-tag-suggestions`}\n                className=\"eidos-tag-input-suggestions\"\n                role=\"listbox\"\n                aria-label={label ?? 'Suggestions'}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                {filteredSuggestions.length === 0 ? (\n                  <div className=\"eidos-tag-input-suggestions-empty\">{suggestionsEmptyText}</div>\n                ) : (\n                  filteredSuggestions.map((suggestion, index) => (\n                    <div\n                      key={suggestion}\n                      id={`${uid}-tag-suggestion-${index}`}\n                      className={[\n                        'eidos-tag-input-suggestion',\n                        index === focusedSuggestionIndex && 'eidos-tag-input-suggestion--focused',\n                      ]\n                        .filter(Boolean)\n                        .join(' ')}\n                      role=\"option\"\n                      aria-selected={index === focusedSuggestionIndex}\n                      onClick={() => selectSuggestion(suggestion)}\n                      onMouseEnter={() => setFocusedSuggestionIndex(index)}\n                    >\n                      {suggestion}\n                    </div>\n                  ))\n                )}\n              </div>\n            }\n            triggerRef={fieldRef as React.RefObject<HTMLElement | null>}\n            autoWidth\n            closeOnClickOutside={false}\n            closeOnEscape={false}\n          />\n        )}\n      </div>\n\n      {hint && !hasError && (\n        <p className=\"eidos-tag-input-hint\" id={hintId}>\n          {hint}\n        </p>\n      )}\n\n      {hasError && (\n        <p className=\"eidos-tag-input-error-message\" id={errorId} role=\"alert\">\n          <CircleAlert />\n          {displayError}\n        </p>\n      )}\n    </div>\n  );\n};\n\nTagInput.displayName = 'TagInput';\n"]}

package/dist/chunk-AOGNTG3W.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-AOGNTG3W.cjs","../src/components/ColorPicker/ColorPicker.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-AOGNTG3W.cjs","sourcesContent":[null,"import React, { useState, useRef, useEffect, useCallback } from 'react';\nimport { Copy, Check } from 'lucide-react';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type {\n  ColorPickerProps,\n  HSVColor,\n  RGBColor,\n  HSLColor,\n  ColorFormat,\n} from './ColorPicker.types';\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_SWATCHES: string[] = [\n  '#ef4444',\n  '#f97316',\n  '#f59e0b',\n  '#10b981',\n  '#06b6d4',\n  '#6366f1',\n  '#8b5cf6',\n  '#ec4899',\n  '#64748b',\n  '#1e293b',\n];\n\n// ============================================================================\n// Pure colour-utility functions\n// ============================================================================\n\nfunction hsvToRgb(h: number, s: number, v: number): RGBColor {\n  // h: 0–360, s: 0–100, v: 0–100  →  r,g,b: 0–255\n  const sn = s / 100;\n  const vn = v / 100;\n  const c = vn * sn;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = vn - c;\n\n  let r: number, g: number, b: number;\n  if (h < 60) {\n    r = c;\n    g = x;\n    b = 0;\n  } else if (h < 120) {\n    r = x;\n    g = c;\n    b = 0;\n  } else if (h < 180) {\n    r = 0;\n    g = c;\n    b = x;\n  } else if (h < 240) {\n    r = 0;\n    g = x;\n    b = c;\n  } else if (h < 300) {\n    r = x;\n    g = 0;\n    b = c;\n  } else {\n    r = c;\n    g = 0;\n    b = x;\n  }\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n  };\n}\n\nfunction rgbToHsv(r: number, g: number, b: number): HSVColor {\n  // r,g,b: 0–255  →  h: 0–360, s: 0–100, v: 0–100\n  const rn = r / 255;\n  const gn = g / 255;\n  const bn = b / 255;\n\n  const max = Math.max(rn, gn, bn);\n  const min = Math.min(rn, gn, bn);\n  const delta = max - min;\n\n  const v = max * 100;\n  const s = max === 0 ? 0 : (delta / max) * 100;\n\n  let h = 0;\n  if (delta !== 0) {\n    if (max === rn) h = ((gn - bn) / delta) % 6;\n    else if (max === gn) h = (bn - rn) / delta + 2;\n    else h = (rn - gn) / delta + 4;\n    h = h * 60;\n    if (h < 0) h += 360;\n  }\n\n  // Deliberately NOT rounded. HSV is this component's internal state, and\n  // rounding s/v to whole percent makes the hex -> HSV -> hex round trip lossy:\n  // `#5c5de8` came back as `#5d5de8`, so a controlled `value` displayed a\n  // different colour than the one passed in, and any interaction committed the\n  // drifted value. `hsvToRgb` already rounds to whole channels at the end, so\n  // precision is only needed in between. Every consumer of these floats (the\n  // hue gradient, the thumb offsets, the hue slider) accepts them.\n  return { h, s, v };\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const ch = (n: number) =>\n    Math.round(Math.max(0, Math.min(255, n)))\n      .toString(16)\n      .padStart(2, '0');\n  return `#${ch(r)}${ch(g)}${ch(b)}`;\n}\n\nfunction hexToRgb(hex: string): RGBColor | null {\n  const c = hex.trim().replace(/^#/, '');\n  let r: number, g: number, b: number;\n\n  if (c.length === 3) {\n    r = parseInt(c[0] + c[0], 16);\n    g = parseInt(c[1] + c[1], 16);\n    b = parseInt(c[2] + c[2], 16);\n  } else if (c.length === 6) {\n    r = parseInt(c.slice(0, 2), 16);\n    g = parseInt(c.slice(2, 4), 16);\n    b = parseInt(c.slice(4, 6), 16);\n  } else {\n    return null;\n  }\n\n  if (isNaN(r) || isNaN(g) || isNaN(b)) return null;\n  return { r, g, b };\n}\n\nfunction rgbToHsl(r: number, g: number, b: number): HSLColor {\n  // r,g,b: 0–255  →  h: 0–360, s: 0–100, l: 0–100\n  const rn = r / 255;\n  const gn = g / 255;\n  const bn = b / 255;\n\n  const max = Math.max(rn, gn, bn);\n  const min = Math.min(rn, gn, bn);\n  const delta = max - min;\n  const l = (max + min) / 2;\n\n  let h = 0;\n  let s = 0;\n\n  if (delta !== 0) {\n    s = delta / (1 - Math.abs(2 * l - 1));\n    if (max === rn) h = ((gn - bn) / delta) % 6;\n    else if (max === gn) h = (bn - rn) / delta + 2;\n    else h = (rn - gn) / delta + 4;\n    h = h * 60;\n    if (h < 0) h += 360;\n  }\n\n  return { h: Math.round(h), s: Math.round(s * 100), l: Math.round(l * 100) };\n}\n\nfunction hslToRgb(h: number, s: number, l: number): RGBColor {\n  // h: 0–360, s: 0–100, l: 0–100  →  r,g,b: 0–255\n  const sn = s / 100;\n  const ln = l / 100;\n  const c = (1 - Math.abs(2 * ln - 1)) * sn;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = ln - c / 2;\n\n  let r: number, g: number, b: number;\n  if (h < 60) {\n    r = c;\n    g = x;\n    b = 0;\n  } else if (h < 120) {\n    r = x;\n    g = c;\n    b = 0;\n  } else if (h < 180) {\n    r = 0;\n    g = c;\n    b = x;\n  } else if (h < 240) {\n    r = 0;\n    g = x;\n    b = c;\n  } else if (h < 300) {\n    r = x;\n    g = 0;\n    b = c;\n  } else {\n    r = c;\n    g = 0;\n    b = x;\n  }\n\n  return {\n    r: Math.round((r + m) * 255),\n    g: Math.round((g + m) * 255),\n    b: Math.round((b + m) * 255),\n  };\n}\n\n// ============================================================================\n// Format helpers\n// ============================================================================\n\nfunction colorToText(hsv: HSVColor, alpha: number, fmt: ColorFormat): string {\n  const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);\n\n  switch (fmt) {\n    case 'hex':\n      return rgbToHex(rgb.r, rgb.g, rgb.b);\n    case 'rgb':\n      return alpha < 1\n        ? `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha.toFixed(2)})`\n        : `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;\n    case 'hsl': {\n      const hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);\n      return alpha < 1\n        ? `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${alpha.toFixed(2)})`\n        : `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;\n    }\n  }\n}\n\nfunction parseColorText(text: string): RGBColor | null {\n  const t = text.trim();\n\n  // Try hex (with or without leading #)\n  const hexCandidate = t.startsWith('#') ? t : /^[0-9a-f]{3,6}$/i.test(t) ? `#${t}` : null;\n  if (hexCandidate) return hexToRgb(hexCandidate);\n\n  // Try rgb() / rgba()\n  const rgbMatch = t.match(/rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i);\n  if (rgbMatch) {\n    return {\n      r: parseInt(rgbMatch[1], 10),\n      g: parseInt(rgbMatch[2], 10),\n      b: parseInt(rgbMatch[3], 10),\n    };\n  }\n\n  // Try hsl() / hsla()\n  const hslMatch = t.match(/hsla?\\(\\s*(\\d+)\\s*,\\s*(\\d+)%?\\s*,\\s*(\\d+)%?/i);\n  if (hslMatch) {\n    return hslToRgb(\n      parseInt(hslMatch[1], 10),\n      parseInt(hslMatch[2], 10),\n      parseInt(hslMatch[3], 10),\n    );\n  }\n\n  return null;\n}\n\n/** Parse a hex string to HSVColor, falling back to red on failure. */\nfunction hexToHsv(hex: string): HSVColor {\n  const rgb = hexToRgb(hex);\n  return rgb ? rgbToHsv(rgb.r, rgb.g, rgb.b) : { h: 0, s: 100, v: 100 };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ColorPicker: React.FC<ColorPickerProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  format = 'hex',\n  showAlpha = false,\n  showSwatches = true,\n  swatches = DEFAULT_SWATCHES,\n  disabled = false,\n  size = 'md',\n  inline = false,\n  label,\n  className = '',\n}) => {\n  // ── Initial hex (only used on first render by useState) ──────────────────\n  const initialHex = value ?? defaultValue ?? '#6366f1';\n\n  // ── State ─────────────────────────────────────────────────────────────────\n  const [hsv, setHsv] = useState<HSVColor>(() => hexToHsv(initialHex));\n  const [alpha, setAlpha] = useState<number>(1);\n  const [activeFormat, setActiveFormat] = useState<ColorFormat>(format);\n  const [inputText, setInputText] = useState<string>(() =>\n    colorToText(hexToHsv(initialHex), 1, format),\n  );\n  const [copied, setCopied] = useState(false);\n\n  // ── Refs - give event handlers always-fresh values without stale closures ──\n  const hsvRef = useRef<HSVColor>(hsv);\n  hsvRef.current = hsv;\n\n  const alphaRef = useRef<number>(alpha);\n  alphaRef.current = alpha;\n\n  const activeFormatRef = useRef<ColorFormat>(activeFormat);\n  activeFormatRef.current = activeFormat;\n\n  // onChange is stored in a ref so applyColor never becomes stale\n  const onChangeRef = useRef<ColorPickerProps['onChange']>(onChange);\n  onChangeRef.current = onChange;\n\n  const inputFocusedRef = useRef(false);\n  const canvasRef = useRef<HTMLDivElement>(null);\n\n  // Refs for in-flight drag listeners - cleaned up on mouseup and on unmount\n  const dragHandlersRef = useRef<{\n    move: (e: MouseEvent) => void;\n    up: () => void;\n  } | null>(null);\n\n  const copiedTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // ── Derived ───────────────────────────────────────────────────────────────\n  const currentRgb = hsvToRgb(hsv.h, hsv.s, hsv.v);\n  const currentHex = rgbToHex(currentRgb.r, currentRgb.g, currentRgb.b);\n\n  // ── Sync from controlled `value` prop ─────────────────────────────────────\n  // Runs only when `value` changes. We normalize both sides to the same\n  // hex format before comparing so that round-trip conversions don't trigger\n  // spurious updates (which would overwrite the preserved hue when s/v = 0).\n  useEffect(() => {\n    if (value === undefined) return;\n    const rgb = hexToRgb(value);\n    if (!rgb) return;\n    const newHsv = rgbToHsv(rgb.r, rgb.g, rgb.b);\n    const newNormalised = rgbToHex(\n      ...(Object.values(hsvToRgb(newHsv.h, newHsv.s, newHsv.v)) as [number, number, number]),\n    );\n    // currentHex is captured from this render - guards against echo loops\n    // when the parent echoes back our own onChange emission\n    if (newNormalised === currentHex) return;\n    setHsv(newHsv);\n    if (!inputFocusedRef.current) {\n      setInputText(colorToText(newHsv, alphaRef.current, activeFormatRef.current));\n    }\n  }, [value, currentHex]);\n\n  // ── Cleanup drag listeners and timers on unmount ──────────────────────────\n  useEffect(() => {\n    return () => {\n      if (dragHandlersRef.current) {\n        document.removeEventListener('mousemove', dragHandlersRef.current.move);\n        document.removeEventListener('mouseup', dragHandlersRef.current.up);\n      }\n      if (copiedTimerRef.current) clearTimeout(copiedTimerRef.current);\n    };\n  }, []);\n\n  // ── Core: apply a new HSV + alpha, emit onChange ───────────────────────────\n  // Stable (empty dep array) - reads live values exclusively via refs.\n  const applyColor = useCallback((newHsv: HSVColor, newAlpha: number) => {\n    setHsv(newHsv);\n    setAlpha(newAlpha);\n\n    if (!inputFocusedRef.current) {\n      setInputText(colorToText(newHsv, newAlpha, activeFormatRef.current));\n    }\n\n    const rgb = hsvToRgb(newHsv.h, newHsv.s, newHsv.v);\n    const hex = rgbToHex(rgb.r, rgb.g, rgb.b);\n    onChangeRef.current?.(hex);\n  }, []);\n\n  // ── 2-D saturation / brightness canvas ────────────────────────────────────\n  const handleCanvasMouseDown = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      e.preventDefault();\n\n      const pick = (clientX: number, clientY: number) => {\n        const canvas = canvasRef.current;\n        if (!canvas) return;\n        const rect = canvas.getBoundingClientRect();\n        const s = Math.max(0, Math.min(100, ((clientX - rect.left) / rect.width) * 100));\n        const v = Math.max(0, Math.min(100, 100 - ((clientY - rect.top) / rect.height) * 100));\n        applyColor({ h: hsvRef.current.h, s, v }, alphaRef.current);\n      };\n\n      pick(e.clientX, e.clientY);\n\n      const handleMouseMove = (me: MouseEvent) => pick(me.clientX, me.clientY);\n      const handleMouseUp = () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        dragHandlersRef.current = null;\n      };\n\n      dragHandlersRef.current = { move: handleMouseMove, up: handleMouseUp };\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    },\n    [disabled, applyColor],\n  );\n\n  // ── Hue slider ────────────────────────────────────────────────────────────\n  const handleHueChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      applyColor({ ...hsvRef.current, h: Number(e.target.value) }, alphaRef.current);\n    },\n    [applyColor],\n  );\n\n  // ── Alpha slider ──────────────────────────────────────────────────────────\n  const handleAlphaChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      applyColor(hsvRef.current, Number(e.target.value) / 100);\n    },\n    [applyColor],\n  );\n\n  // ── Format toggle ─────────────────────────────────────────────────────────\n  const handleFormatChange = useCallback((fmt: ColorFormat) => {\n    setActiveFormat(fmt);\n    setInputText(colorToText(hsvRef.current, alphaRef.current, fmt));\n  }, []);\n\n  // ── Text-input commit (Enter / blur) ──────────────────────────────────────\n  const handleInputCommit = useCallback(() => {\n    const rgb = parseColorText(inputText);\n    if (!rgb) {\n      // Invalid - reset to the current valid colour\n      setInputText(colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current));\n      return;\n    }\n    const newHsv = rgbToHsv(rgb.r, rgb.g, rgb.b);\n    applyColor(newHsv, alphaRef.current);\n    // Always normalise the text after a commit (even if the input still has focus)\n    setInputText(colorToText(newHsv, alphaRef.current, activeFormatRef.current));\n  }, [inputText, applyColor]);\n\n  // ── Swatch click ──────────────────────────────────────────────────────────\n  const handleSwatchClick = useCallback(\n    (hex: string) => {\n      const rgb = hexToRgb(hex);\n      if (!rgb) return;\n      applyColor(rgbToHsv(rgb.r, rgb.g, rgb.b), alphaRef.current);\n    },\n    [applyColor],\n  );\n\n  // ── Copy to clipboard ─────────────────────────────────────────────────────\n  const handleCopy = useCallback(() => {\n    const text = colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current);\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        setCopied(true);\n        if (copiedTimerRef.current) clearTimeout(copiedTimerRef.current);\n        copiedTimerRef.current = setTimeout(() => setCopied(false), 2000);\n      })\n      .catch(() => {\n        // Clipboard access denied - silently ignore\n      });\n  }, []);\n\n  // ── Alpha-slider background gradient ─────────────────────────────────────\n  // We use a transparent-to-current-colour gradient layered over a checkerboard\n  // so the alpha slider always shows the correct colour transition.\n  const transparentColor = `rgba(${currentRgb.r}, ${currentRgb.g}, ${currentRgb.b}, 0)`;\n\n  const alphaTrackBg = {\n    backgroundImage: [\n      `linear-gradient(to right, ${transparentColor}, ${currentHex})`,\n      'linear-gradient(45deg, #e2e8f0 25%, transparent 25%)',\n      'linear-gradient(-45deg, #e2e8f0 25%, transparent 25%)',\n      'linear-gradient(45deg, transparent 75%, #e2e8f0 75%)',\n      'linear-gradient(-45deg, transparent 75%, #e2e8f0 75%)',\n    ].join(', '),\n    backgroundSize: '100%, 8px 8px, 8px 8px, 8px 8px, 8px 8px',\n    backgroundPosition: '0 0, 0 0, 0 4px, 4px -4px, -4px 0',\n  };\n\n  // ── Picker panel (shared between inline and popover modes) ────────────────\n  //\n  // The size modifier has to live on the panel itself, not only on the root:\n  // in popover mode the panel is portaled to document.body by Dropdown, so\n  // anything inside it that sized itself off a `.eidos-color-picker--{size}`\n  // ancestor matched nothing and collapsed. That is what removed the\n  // saturation/brightness canvas entirely from every non-inline picker.\n  const panel = (\n    <div\n      className={`eidos-color-picker-panel eidos-color-picker-panel--${size}${\n        inline ? ' eidos-color-picker-panel--inline' : ''\n      }`}\n    >\n      {/* 2-D sat / brightness canvas */}\n      <div\n        ref={canvasRef}\n        className=\"eidos-color-picker-canvas\"\n        style={{\n          background: [\n            'linear-gradient(to top, #000, transparent)',\n            `linear-gradient(to right, #fff, hsl(${hsv.h}, 100%, 50%))`,\n          ].join(', '),\n        }}\n        onMouseDown={handleCanvasMouseDown}\n        role=\"presentation\"\n      >\n        <div\n          className=\"eidos-color-picker-thumb\"\n          style={{\n            // Rounded for display only - hsv.s/v are unrounded floats so the\n            // hex round trip stays lossless (see rgbToHsv).\n            left: `${hsv.s.toFixed(2)}%`,\n            top: `${(100 - hsv.v).toFixed(2)}%`,\n            background: currentHex,\n          }}\n        />\n      </div>\n\n      {/* Sliders */}\n      <div className=\"eidos-color-picker-sliders\">\n        {/* Hue */}\n        <input\n          type=\"range\"\n          className=\"eidos-color-picker-hue\"\n          min={0}\n          max={360}\n          step={1}\n          value={hsv.h}\n          disabled={disabled}\n          onChange={handleHueChange}\n          aria-label=\"Hue\"\n        />\n\n        {/* Alpha */}\n        {showAlpha && (\n          <div className=\"eidos-color-picker-alpha-wrapper\">\n            <div className=\"eidos-color-picker-alpha-bg\" style={alphaTrackBg} />\n            <input\n              type=\"range\"\n              className=\"eidos-color-picker-alpha\"\n              min={0}\n              max={100}\n              step={1}\n              value={Math.round(alpha * 100)}\n              disabled={disabled}\n              onChange={handleAlphaChange}\n              aria-label=\"Opacity\"\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Text input + format toggles + copy */}\n      <div className=\"eidos-color-picker-inputs\">\n        <div className=\"eidos-color-picker-format-btns\" role=\"group\" aria-label=\"Colour format\">\n          {(['hex', 'rgb', 'hsl'] as ColorFormat[]).map((fmt) => (\n            <button\n              key={fmt}\n              type=\"button\"\n              className={[\n                'eidos-color-picker-format-btn',\n                activeFormat === fmt && 'eidos-color-picker-format-btn--active',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => handleFormatChange(fmt)}\n              disabled={disabled}\n              aria-pressed={activeFormat === fmt}\n            >\n              {fmt.toUpperCase()}\n            </button>\n          ))}\n        </div>\n\n        <input\n          type=\"text\"\n          className=\"eidos-color-picker-input\"\n          value={inputText}\n          disabled={disabled}\n          spellCheck={false}\n          aria-label=\"Colour value\"\n          onChange={(e) => setInputText(e.target.value)}\n          onFocus={() => {\n            inputFocusedRef.current = true;\n          }}\n          onBlur={() => {\n            inputFocusedRef.current = false;\n            handleInputCommit();\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') handleInputCommit();\n            if (e.key === 'Escape') {\n              setInputText(colorToText(hsvRef.current, alphaRef.current, activeFormatRef.current));\n            }\n          }}\n        />\n\n        <button\n          type=\"button\"\n          className={['eidos-color-picker-copy', copied && 'eidos-color-picker-copy--copied']\n            .filter(Boolean)\n            .join(' ')}\n          onClick={handleCopy}\n          disabled={disabled}\n          aria-label=\"Copy colour value\"\n          title=\"Copy colour value\"\n        >\n          {copied ? <Check size={14} /> : <Copy size={14} />}\n        </button>\n      </div>\n\n      {/* Swatches */}\n      {showSwatches && (\n        <div className=\"eidos-color-picker-swatches\" role=\"group\" aria-label=\"Colour presets\">\n          {swatches.map((swatchHex) => (\n            <button\n              key={swatchHex}\n              type=\"button\"\n              className={[\n                'eidos-color-picker-swatch',\n                currentHex === swatchHex && 'eidos-color-picker-swatch--active',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              style={{ background: swatchHex }}\n              onClick={() => handleSwatchClick(swatchHex)}\n              disabled={disabled}\n              aria-label={`Select ${swatchHex}`}\n              title={swatchHex}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  // ── Root element classes ───────────────────────────────────────────────────\n  const rootClasses = [\n    'eidos-color-picker',\n    `eidos-color-picker--${size}`,\n    disabled && 'eidos-color-picker--disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // ── Inline mode ───────────────────────────────────────────────────────────\n  if (inline) {\n    return (\n      <div className={rootClasses}>\n        {label && <span className=\"eidos-color-picker-label\">{label}</span>}\n        {panel}\n      </div>\n    );\n  }\n\n  // ── Popover (trigger + Dropdown) ──────────────────────────────────────────\n  return (\n    <div className={rootClasses}>\n      {label && <span className=\"eidos-color-picker-label\">{label}</span>}\n      <Dropdown\n        trigger={\n          <button\n            type=\"button\"\n            className=\"eidos-color-picker-trigger\"\n            disabled={disabled}\n            aria-label={label ?? 'Open colour picker'}\n          >\n            <span\n              className=\"eidos-color-picker-trigger-swatch\"\n              style={{ background: currentHex }}\n            />\n            <span className=\"eidos-color-picker-trigger-value\">{currentHex}</span>\n          </button>\n        }\n        content={panel}\n        placement=\"bottom\"\n        autoWidth={false}\n        minWidth={260}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nColorPicker.displayName = 'ColorPicker';\n"]}

package/dist/chunk-BNVQ34FD.js

@@ -1,125 +0,0 @@
-import {
-  Dropdown
-} from "./chunk-6CPCNQKV.js";
-import {
-  Kbd
-} from "./chunk-LYH3EKKQ.js";
-import {
-  Tooltip
-} from "./chunk-YV57RSPD.js";
-import {
-  renderIcon
-} from "./chunk-EAJHEYZM.js";
-
-// src/components/Menu/Menu.component.tsx
-import { useCallback } from "react";
-import { ChevronRight } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MenuPanel = ({ items, className = "", onItemClick }) => {
-  const handleItemClick = useCallback(
-    (item) => {
-      if (item.disabled) return;
-      if (item.onClick) {
-        item.onClick();
-      }
-      if (onItemClick) {
-        onItemClick(item);
-      }
-    },
-    [onItemClick]
-  );
-  const renderMenuItem = (item) => {
-    switch (item.type) {
-      case "item":
-        return /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: [
-              "eidos-menu-item",
-              item.disabled ? "eidos-menu-item--disabled" : "",
-              item.color ? `eidos-menu-item--${item.color}` : ""
-            ].filter(Boolean).join(" "),
-            onClick: () => handleItemClick(item),
-            children: [
-              item.icon && renderIcon(item.icon, "eidos-menu-icon"),
-              /* @__PURE__ */ jsx("span", { className: `eidos-menu-label`, children: item.label }),
-              item.shortcut && /* @__PURE__ */ jsx(Kbd, { size: "sm", className: "eidos-menu-shortcut", children: item.shortcut })
-            ]
-          },
-          item.id
-        );
-      case "component":
-        return /* @__PURE__ */ jsx("li", { className: `eidos-menu-component-item`, children: item.component }, item.id);
-      case "separator":
-        return /* @__PURE__ */ jsx("li", { className: `eidos-menu-separator` }, item.id);
-      case "nested": {
-        const triggerElement = /* @__PURE__ */ jsxs("div", { className: `eidos-menu-nested-trigger`, children: [
-          item.icon && renderIcon(item.icon, "eidos-menu-icon"),
-          /* @__PURE__ */ jsx("span", { className: `eidos-menu-label`, children: item.label }),
-          /* @__PURE__ */ jsx(ChevronRight, { className: `eidos-menu-nested-arrow` })
-        ] });
-        return /* @__PURE__ */ jsx("li", { className: `eidos-menu-nested-item`, children: /* @__PURE__ */ jsx(
-          Dropdown,
-          {
-            trigger: triggerElement,
-            content: /* @__PURE__ */ jsx(MenuPanel, { items: item.items, onItemClick }),
-            placement: "right",
-            isNested: true,
-            fullWidth: true
-          }
-        ) }, item.id);
-      }
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ jsx("ul", { className: `eidos-menu ${className}`, children: items.map(renderMenuItem) });
-};
-var Menu = ({
-  trigger,
-  items,
-  minWidth,
-  maxWidth,
-  minHeight,
-  maxHeight,
-  autoWidth = true,
-  triggerRef,
-  closeOnItemClick = true,
-  tooltip
-}) => {
-  const handleItemClick = useCallback(
-    (_item) => {
-      if (closeOnItemClick) {
-        setTimeout(() => {
-          const event = new MouseEvent("mousedown", {
-            bubbles: true,
-            cancelable: true,
-            view: window
-          });
-          document.dispatchEvent(event);
-        }, 10);
-      }
-    },
-    [closeOnItemClick]
-  );
-  const dropdown = /* @__PURE__ */ jsx(
-    Dropdown,
-    {
-      trigger,
-      content: /* @__PURE__ */ jsx(MenuPanel, { items, onItemClick: handleItemClick }),
-      minWidth,
-      maxWidth,
-      minHeight,
-      maxHeight,
-      autoWidth,
-      triggerRef
-    }
-  );
-  return tooltip ? /* @__PURE__ */ jsx(Tooltip, { message: tooltip, children: dropdown }) : dropdown;
-};
-
-export {
-  MenuPanel,
-  Menu
-};
-//# sourceMappingURL=chunk-BNVQ34FD.js.map

package/dist/chunk-BNVQ34FD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Menu/Menu.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { ChevronRight } from 'lucide-react';\nimport type { MenuProps, MenuItemType, MenuItem, MenuWrapperProps } from './Menu.types';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\nimport { Kbd } from '../Kbd/Kbd.component';\nimport { renderIcon } from '../../utils';\n\n/**\n * MenuPanel - the bare menu list, without any trigger or dropdown wrapper.\n * Exported for use in SplitButton, ContextMenu, and other consumers that need\n * to render the menu content inside their own Dropdown / portal.\n */\nexport const MenuPanel: React.FC<MenuProps> = ({ items, className = '', onItemClick }) => {\n  // Handle menu item click\n  const handleItemClick = useCallback(\n    (item: MenuItem) => {\n      if (item.disabled) return;\n\n      // Execute the item's onClick handler first\n      if (item.onClick) {\n        item.onClick();\n      }\n\n      // Then call the onItemClick callback (which will close the dropdown)\n      if (onItemClick) {\n        onItemClick(item);\n      }\n    },\n    [onItemClick],\n  );\n\n  // Render individual menu item\n  const renderMenuItem = (item: MenuItemType): React.ReactNode => {\n    switch (item.type) {\n      case 'item':\n        return (\n          <li\n            key={item.id}\n            className={[\n              'eidos-menu-item',\n              item.disabled ? 'eidos-menu-item--disabled' : '',\n              item.color ? `eidos-menu-item--${item.color}` : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={() => handleItemClick(item)}\n          >\n            {item.icon && renderIcon(item.icon, 'eidos-menu-icon')}\n            <span className={`eidos-menu-label`}>{item.label}</span>\n            {item.shortcut && (\n              <Kbd size=\"sm\" className=\"eidos-menu-shortcut\">\n                {item.shortcut}\n              </Kbd>\n            )}\n          </li>\n        );\n\n      case 'component':\n        return (\n          <li key={item.id} className={`eidos-menu-component-item`}>\n            {item.component}\n          </li>\n        );\n\n      case 'separator':\n        return <li key={item.id} className={`eidos-menu-separator`} />;\n\n      case 'nested': {\n        const triggerElement = (\n          <div className={`eidos-menu-nested-trigger`}>\n            {item.icon && renderIcon(item.icon, 'eidos-menu-icon')}\n            <span className={`eidos-menu-label`}>{item.label}</span>\n            <ChevronRight className={`eidos-menu-nested-arrow`} />\n          </div>\n        );\n\n        return (\n          <li key={item.id} className={`eidos-menu-nested-item`}>\n            <Dropdown\n              trigger={triggerElement}\n              content={<MenuPanel items={item.items} onItemClick={onItemClick} />}\n              placement=\"right\"\n              isNested={true}\n              fullWidth\n            />\n          </li>\n        );\n      }\n\n      default:\n        return null;\n    }\n  };\n\n  return <ul className={`eidos-menu ${className}`}>{items.map(renderMenuItem)}</ul>;\n};\n\nexport const Menu: React.FC<MenuWrapperProps> = ({\n  trigger,\n  items,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  autoWidth = true,\n  triggerRef,\n  closeOnItemClick = true,\n  tooltip,\n}) => {\n  const handleItemClick = useCallback(\n    (_item: MenuItem) => {\n      // Note: item.onClick is already called in MenuPanel's handleItemClick\n      // Here we only handle closing the dropdown if needed\n\n      if (closeOnItemClick) {\n        // Use a small delay to ensure the onClick handler completes\n        setTimeout(() => {\n          // Create a synthetic click event outside the dropdown to close it\n          const event = new MouseEvent('mousedown', {\n            bubbles: true,\n            cancelable: true,\n            view: window,\n          });\n          document.dispatchEvent(event);\n        }, 10);\n      }\n    },\n    [closeOnItemClick],\n  );\n\n  const dropdown = (\n    <Dropdown\n      trigger={trigger}\n      content={<MenuPanel items={items} onItemClick={handleItemClick} />}\n      minWidth={minWidth}\n      maxWidth={maxWidth}\n      minHeight={minHeight}\n      maxHeight={maxHeight}\n      autoWidth={autoWidth}\n      triggerRef={triggerRef}\n    />\n  );\n\n  return tooltip ? <Tooltip message={tooltip}>{dropdown}</Tooltip> : dropdown;\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AACnC,SAAS,oBAAoB;AAoCnB,SAYE,KAZF;AAxBH,IAAM,YAAiC,CAAC,EAAE,OAAO,YAAY,IAAI,YAAY,MAAM;AAExF,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAmB;AAClB,UAAI,KAAK,SAAU;AAGnB,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ;AAAA,MACf;AAGA,UAAI,aAAa;AACf,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAGA,QAAM,iBAAiB,CAAC,SAAwC;AAC9D,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK;AACH,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,KAAK,WAAW,8BAA8B;AAAA,cAC9C,KAAK,QAAQ,oBAAoB,KAAK,KAAK,KAAK;AAAA,YAClD,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,SAAS,MAAM,gBAAgB,IAAI;AAAA,YAElC;AAAA,mBAAK,QAAQ,WAAW,KAAK,MAAM,iBAAiB;AAAA,cACrD,oBAAC,UAAK,WAAW,oBAAqB,eAAK,OAAM;AAAA,cAChD,KAAK,YACJ,oBAAC,OAAI,MAAK,MAAK,WAAU,uBACtB,eAAK,UACR;AAAA;AAAA;AAAA,UAfG,KAAK;AAAA,QAiBZ;AAAA,MAGJ,KAAK;AACH,eACE,oBAAC,QAAiB,WAAW,6BAC1B,eAAK,aADC,KAAK,EAEd;AAAA,MAGJ,KAAK;AACH,eAAO,oBAAC,QAAiB,WAAW,0BAApB,KAAK,EAAuC;AAAA,MAE9D,KAAK,UAAU;AACb,cAAM,iBACJ,qBAAC,SAAI,WAAW,6BACb;AAAA,eAAK,QAAQ,WAAW,KAAK,MAAM,iBAAiB;AAAA,UACrD,oBAAC,UAAK,WAAW,oBAAqB,eAAK,OAAM;AAAA,UACjD,oBAAC,gBAAa,WAAW,2BAA2B;AAAA,WACtD;AAGF,eACE,oBAAC,QAAiB,WAAW,0BAC3B;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAS,oBAAC,aAAU,OAAO,KAAK,OAAO,aAA0B;AAAA,YACjE,WAAU;AAAA,YACV,UAAU;AAAA,YACV,WAAS;AAAA;AAAA,QACX,KAPO,KAAK,EAQd;AAAA,MAEJ;AAAA,MAEA;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,SAAO,oBAAC,QAAG,WAAW,cAAc,SAAS,IAAK,gBAAM,IAAI,cAAc,GAAE;AAC9E;AAEO,IAAM,OAAmC,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,MAAM;AACJ,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAAoB;AAInB,UAAI,kBAAkB;AAEpB,mBAAW,MAAM;AAEf,gBAAM,QAAQ,IAAI,WAAW,aAAa;AAAA,YACxC,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,MAAM;AAAA,UACR,CAAC;AACD,mBAAS,cAAc,KAAK;AAAA,QAC9B,GAAG,EAAE;AAAA,MACP;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,oBAAC,aAAU,OAAc,aAAa,iBAAiB;AAAA,MAChE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAGF,SAAO,UAAU,oBAAC,WAAQ,SAAS,SAAU,oBAAS,IAAa;AACrE;","names":[]}

package/dist/chunk-CJGFRPAS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-CJGFRPAS.cjs","../src/components/InlineEdit/InlineEdit.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-CJGFRPAS.cjs","sourcesContent":[null,"import React, { useState, useRef, useCallback } from 'react';\nimport { Pencil } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport type { InlineEditProps } from './InlineEdit.types';\nimport './InlineEdit.scss';\n\nexport const InlineEdit: React.FC<InlineEditProps> = ({\n  value,\n  onChange,\n  onConfirm,\n  onCancel,\n  editing: editingProp,\n  onEditingChange,\n  type = 'text',\n  placeholder,\n  trigger = 'click',\n  size = 'md',\n  fullWidth = false,\n  disabled = false,\n  confirmOnBlur = true,\n  renderDisplay,\n  showEditIcon = true,\n  inputVariant = 'outlined',\n  className = '',\n}) => {\n  const isControlled = editingProp !== undefined;\n  const [internalEditing, setInternalEditing] = useState(false);\n  const editing = isControlled ? editingProp : internalEditing;\n\n  // Track the value at the moment editing begins so Esc can revert to it.\n  const valueAtEditStart = useRef(value);\n\n  // Local draft while editing - keeps Input value in sync without forcing the\n  // parent to wire `onChange` just to see live keystrokes.\n  const [draft, setDraft] = useState(value);\n\n  // ------------------------------------------------------------------\n  // Editing state helpers\n  // ------------------------------------------------------------------\n\n  const openEdit = useCallback(() => {\n    if (disabled) return;\n    valueAtEditStart.current = value;\n    setDraft(value);\n    if (!isControlled) setInternalEditing(true);\n    onEditingChange?.(true);\n  }, [disabled, isControlled, onEditingChange, value]);\n\n  const closeEdit = useCallback(() => {\n    if (!isControlled) setInternalEditing(false);\n    onEditingChange?.(false);\n  }, [isControlled, onEditingChange]);\n\n  const confirm = useCallback(() => {\n    closeEdit();\n    onConfirm?.(draft);\n  }, [closeEdit, draft, onConfirm]);\n\n  const cancel = useCallback(() => {\n    // Revert the draft AND propagate the original value so the parent stays in\n    // sync when `onChange` is used to maintain external state.\n    setDraft(valueAtEditStart.current);\n    onChange?.(valueAtEditStart.current);\n    closeEdit();\n    onCancel?.();\n  }, [closeEdit, onChange, onCancel]);\n\n  // ------------------------------------------------------------------\n  // Input handlers\n  // ------------------------------------------------------------------\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setDraft(e.target.value);\n    onChange?.(e.target.value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      // Stop propagation so parent grids/tables don't double-handle Enter.\n      e.stopPropagation();\n      confirm();\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      cancel();\n    }\n    // Tab and Arrow keys intentionally bubble - consumers like DataGrid own\n    // Tab-to-next-cell and arrow-key navigation at the container level.\n  };\n\n  const handleBlur = () => {\n    if (confirmOnBlur) confirm();\n  };\n\n  // ------------------------------------------------------------------\n  // Trigger props for display mode\n  // ------------------------------------------------------------------\n\n  const displayTriggerProps =\n    trigger === 'doubleClick' ? { onDoubleClick: openEdit } : { onClick: openEdit };\n\n  // ------------------------------------------------------------------\n  // Render: edit mode\n  // ------------------------------------------------------------------\n\n  if (editing) {\n    return (\n      <Input\n        type={type}\n        variant={inputVariant}\n        size={size}\n        value={draft}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        fullWidth={fullWidth}\n        clearable={false}\n        autoFocus\n        className={`eidos-inline-edit eidos-inline-edit--editing ${className}`}\n      />\n    );\n  }\n\n  // ------------------------------------------------------------------\n  // Render: display mode\n  // ------------------------------------------------------------------\n\n  const isEmpty = !value;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={disabled ? undefined : 0}\n      aria-label={disabled ? undefined : 'Click to edit'}\n      className={[\n        'eidos-inline-edit',\n        `eidos-inline-edit--${size}`,\n        fullWidth ? 'eidos-inline-edit--full-width' : '',\n        disabled ? 'eidos-inline-edit--disabled' : '',\n        isEmpty ? 'eidos-inline-edit--empty' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...(disabled ? {} : displayTriggerProps)}\n      onKeyDown={\n        disabled\n          ? undefined\n          : (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                openEdit();\n              }\n            }\n      }\n    >\n      <span className=\"eidos-inline-edit__text\">\n        {renderDisplay\n          ? renderDisplay(value)\n          : value || <span className=\"eidos-inline-edit__placeholder\">{placeholder}</span>}\n      </span>\n      {!disabled && showEditIcon && (\n        <span className=\"eidos-inline-edit__icon\" aria-hidden>\n          <Pencil />\n        </span>\n      )}\n    </span>\n  );\n};\n"]}

package/dist/chunk-CUJBNRJJ.cjs

@@ -1,38 +0,0 @@
-"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; }// src/utils/renderIcon.tsx
-var _lucidereact = require('lucide-react');
-var _jsxruntime = require('react/jsx-runtime');
-var renderIcon = (icon, className) => {
-  if (!icon) return null;
-  if (typeof icon === "string") {
-    const iconName = icon.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
-    const LucideIcon = _lucidereact.icons[iconName];
-    if (LucideIcon) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LucideIcon, { className, "aria-hidden": "true" });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "i", { className: `${icon} ${className || ""}`, "aria-hidden": "true" });
-  }
-  const IconComponent = icon;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { className, "aria-hidden": "true" });
-};
-
-// src/utils/devWarn.ts
-var warned = /* @__PURE__ */ new Set();
-function devWarn(key, message) {
-  const nodeEnv = _optionalChain([globalThis, 'access', _ => _.process, 'optionalAccess', _2 => _2.env, 'optionalAccess', _3 => _3.NODE_ENV]);
-  if (nodeEnv === "production") return;
-  if (warned.has(key)) return;
-  warned.add(key);
-  console.warn(`[eidos-ui] ${message}`);
-}
-
-// src/utils/dualModifier.ts
-var dualModifier = (block, canonical, legacy) => `${block}--${canonical} ${block}--${legacy}`;
-var fullWidthModifier = (block) => dualModifier(block, "full-width", "fullWidth");
-
-
-
-
-
-
-exports.renderIcon = renderIcon; exports.devWarn = devWarn; exports.dualModifier = dualModifier; exports.fullWidthModifier = fullWidthModifier;
-//# sourceMappingURL=chunk-CUJBNRJJ.cjs.map

package/dist/chunk-CUJBNRJJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-CUJBNRJJ.cjs","../src/utils/renderIcon.tsx","../src/utils/devWarn.ts","../src/utils/dualModifier.ts"],"names":[],"mappings":"AAAA;ACCA,2CAAsB;AAyCT,+CAAA;AAfN,IAAM,WAAA,EAAa,CAAC,IAAA,EAA4B,SAAA,EAAA,GAAwC;AAC7F,EAAA,GAAA,CAAI,CAAC,IAAA,EAAM,OAAO,IAAA;AAElB,EAAA,GAAA,CAAI,OAAO,KAAA,IAAS,QAAA,EAAU;AAE5B,IAAA,MAAM,SAAA,EAAW,IAAA,CACd,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,EAAA,GAAS,IAAA,CAAK,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,CAAY,EAAA,EAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAA,CAC1D,IAAA,CAAK,EAAE,CAAA;AAGV,IAAA,MAAM,WAAA,EAAa,kBAAA,CAAM,QAA8B,CAAA;AAGvD,IAAA,GAAA,CAAI,UAAA,EAAY;AACd,MAAA,uBAAO,6BAAA,UAAC,EAAA,EAAW,SAAA,EAAsB,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,IAC9D;AAGA,IAAA,uBAAO,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAW,CAAA,EAAA;AACvB,EAAA;AAGsB,EAAA;AACA,EAAA;AACxB;ADpCkD;AACA;AEFnB;AAE6B;AAEtD,EAAA;AAC0B,EAAA;AACT,EAAA;AACP,EAAA;AACsB,EAAA;AACtC;AFEkD;AACA;AGEhD;AAIa;AHHmC;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-CUJBNRJJ.cjs","sourcesContent":[null,"import React from 'react';\nimport { icons } from 'lucide-react';\n\nexport type IconType = React.ComponentType<{ className?: string }> | string;\n\n/**\n * Helper function to render icons dynamically\n * Supports both React components (Lucide, MUI, etc.) and string-based icon names\n *\n * @param icon - Icon component or string name (e.g., \"heart\" or \"arrow-right\")\n * @param className - Optional CSS class name to apply to the icon\n * @returns React node representing the icon, or null if no icon provided\n *\n * @example\n * // Component-based icon\n * import { Heart } from 'lucide-react';\n * renderIcon(Heart, 'my-icon-class');\n *\n * @example\n * // String-based Lucide icon (kebab-case converted to PascalCase)\n * renderIcon('heart', 'my-icon-class');\n * renderIcon('arrow-right', 'my-icon-class');\n *\n * @example\n * // String-based CSS class (for Font Awesome, Remixicon, etc.)\n * renderIcon('fas fa-heart', 'my-icon-class');\n */\nexport const renderIcon = (icon: IconType | undefined, className?: string): React.ReactNode => {\n  if (!icon) return null;\n\n  if (typeof icon === 'string') {\n    // Convert kebab-case to PascalCase for Lucide icons\n    const iconName = icon\n      .split('-')\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join('');\n\n    // Try to find the icon in lucide-react\n    const LucideIcon = icons[iconName as keyof typeof icons] as\n      React.ComponentType<{ className?: string }> | undefined;\n\n    if (LucideIcon) {\n      return <LucideIcon className={className} aria-hidden=\"true\" />;\n    }\n\n    // Fallback: render as a CSS class (for Font Awesome, Remixicon, etc.)\n    return <i className={`${icon} ${className || ''}`} aria-hidden=\"true\" />;\n  }\n\n  // It's a React component\n  const IconComponent = icon;\n  return <IconComponent className={className} aria-hidden=\"true\" />;\n};\n","/**\n * Logs a misconfiguration warning, once per `key`, and never in production.\n *\n * Deliberately reads `process.env.NODE_ENV` off `globalThis` behind a cast\n * rather than referencing `process` directly: this is a browser library, and\n * a bare `process` reference fails the `tsup` dts build (its worker resolves\n * without node types, so `npm run typecheck` passing is not enough) as well\n * as throwing at runtime anywhere a bundler hasn't substituted it. The\n * optional chaining covers every case - no `process`, no `env`, no value.\n *\n * Because the check is dynamic rather than a statically replaceable\n * `process.env.NODE_ENV` expression, the message text stays in production\n * bundles; only the logging is skipped. That is the trade for not shipping a\n * `process` reference at all, and these strings are small.\n */\nconst warned = new Set<string>();\n\nexport function devWarn(key: string, message: string): void {\n  const nodeEnv = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n    ?.NODE_ENV;\n  if (nodeEnv === 'production') return;\n  if (warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[eidos-ui] ${message}`);\n}\n","/**\n * Emits a BEM modifier in both its canonical kebab-case spelling and a legacy\n * camelCase one.\n *\n * The library shipped two conventions for the same idea: eight components\n * used `--fullWidth` while four used `--full-width`, and `Tabs` had\n * `--hideScrollbar`. Kebab-case is the canonical form - every block name\n * (`eidos-date-picker-trigger`) and every design token (`--font-size-sm`) is\n * already kebab, so a camelCase modifier was inconsistent with the very\n * selector it hung off.\n *\n * Renaming outright would be a **breaking** change: `README.md` presents the\n * `eidos-*` class names as things consumers may target, so a stylesheet out\n * there is matching the old spelling. Emitting both keeps every existing\n * selector working while new code has one spelling to learn.\n *\n * Deliberately a helper rather than a duplicated string literal at each call\n * site: two near-identical classes in a `className` read as a copy-paste slip\n * and invite exactly the \"tidy up\" that would silently break those consumer\n * stylesheets. It also makes dropping the aliases at the next major a change\n * to this one file rather than an edit in every component.\n *\n * Internal only - deliberately not re-exported from `src/index.ts`.\n *\n * @example\n * dualModifier('eidos-input', 'full-width', 'fullWidth');\n * // 'eidos-input--full-width eidos-input--fullWidth'\n */\nexport const dualModifier = (block: string, canonical: string, legacy: string): string =>\n  `${block}--${canonical} ${block}--${legacy}`;\n\n/** `dualModifier` preset for the library's most widespread split modifier. */\nexport const fullWidthModifier = (block: string): string =>\n  dualModifier(block, 'full-width', 'fullWidth');\n"]}