eidos-ui 3.8.0 → 4.0.0

package/dist/chunk-KF2OGUAD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KF2OGUAD.cjs","../src/components/Input/Input.component.tsx"],"names":["currentValue"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KF2OGUAD.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useId } from 'react';\nimport { Eye, EyeOff, CircleAlert, X, ChevronDown } from 'lucide-react';\nimport { renderIcon, devWarn } from '../../utils';\nimport type { InputProps } from './Input.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'filled',\n      color = 'primary',\n      size = 'md',\n      disabled = false,\n      loading = false,\n      className = '',\n      width,\n      label,\n      error,\n      disclaimerIcon,\n      disclaimerContent,\n      preIcon,\n      posIcon,\n      posIconButton = false,\n      onPosIconClick,\n      posIconLabel,\n      type = 'text',\n      id,\n      name,\n      required,\n      isSelect = false,\n      clearable = true,\n      fullWidth = false,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    // Extract defaultValue so it never reaches the native <input> alongside `value`.\n    // Passing both causes React's \"controlled/uncontrolled\" warning because we always\n    // set value={currentValue} below - defaultValue is only needed to seed local state.\n    const { defaultValue, ...restInputProps } = inputProps;\n\n    const [showPassword, setShowPassword] = useState(false);\n    const [localValue, setLocalValue] = useState(defaultValue || '');\n    const [isFocused, setIsFocused] = useState(false);\n\n    // Auto-generate id and name if not provided\n    const generatedId = useId();\n    const inputId = id || `input-${generatedId}`;\n    const inputName = name || inputId;\n\n    // Determine if using controlled or uncontrolled mode\n    const isControlled = restInputProps.value !== undefined;\n    const currentValue = isControlled ? restInputProps.value : localValue;\n\n    // For select inputs, don't manage localValue - let the select component handle it\n    // This prevents the Input's clear button from showing\n\n    // Determine if label should float (only when there's content - static behavior)\n    // For select inputs, keep label completely static (never float)\n    const shouldFloatLabel = isSelect ? false : currentValue || defaultValue;\n\n    // Check if field is required (from props or enhanced register function)\n    const isRequired = required || Boolean('required' in restInputProps && restInputProps.required);\n\n    // ── Error identification (SC 3.3.1) ───────────────────────────────\n    //\n    // The error was rendered as a red message next to the field and nothing\n    // more: no `aria-invalid`, and no association between the two. Visually\n    // obvious, entirely absent from the accessibility tree.\n    //\n    // `aria-describedby` is merged rather than assigned, because callers\n    // pass their own - `TagInput` and `Combobox` both describe their fields\n    // with hint text - and overwriting it would trade one missing\n    // description for another.\n    const errorId = `${inputId}-error`;\n    const describedBy =\n      [restInputProps['aria-describedby'], error ? errorId : null].filter(Boolean).join(' ') ||\n      undefined;\n\n    // An icon-only button with no name is announced as just \"button\", and\n    // only the caller knows what the icon means. Warned rather than enforced\n    // at the type level, which would be a breaking change - see the note on\n    // `posIconLabel` in Input.types.ts.\n    if (posIcon && posIconButton && onPosIconClick && !posIconLabel) {\n      devWarn(\n        'input-pos-icon-label',\n        'Input: `posIconButton` renders an icon-only button, so it needs `posIconLabel` to have an accessible name. Falling back to \"Input action\".',\n      );\n    }\n\n    // Handle number input to allow decimals and negative numbers\n    const handleNumberInput = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (type === 'number') {\n        const allowedKeys = [\n          'Backspace',\n          'Delete',\n          'Tab',\n          'Escape',\n          'Enter',\n          'ArrowLeft',\n          'ArrowRight',\n          'ArrowUp',\n          'ArrowDown',\n        ];\n        const isNumber = /[0-9]/.test(e.key);\n        const isDecimal = /[.,]/.test(e.key);\n        const isMinus = e.key === '-';\n        const isAllowedKey = allowedKeys.includes(e.key);\n        const isControlKey = e.ctrlKey || e.metaKey;\n\n        // Allow minus only at the beginning or when no text is selected\n        if (isMinus) {\n          const selectionStart = e.currentTarget.selectionStart || 0;\n          const selectionEnd = e.currentTarget.selectionEnd || 0;\n          const hasSelection = selectionStart !== selectionEnd;\n\n          // Allow if at beginning or if replacing selected text\n          if (selectionStart !== 0 && !hasSelection) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        // Allow decimal only once\n        if (isDecimal) {\n          const currentValue = e.currentTarget.value;\n          const hasDecimal = /[.,]/.test(currentValue);\n          if (hasDecimal) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        if (!isNumber && !isDecimal && !isMinus && !isAllowedKey && !isControlKey) {\n          e.preventDefault();\n        }\n      }\n    };\n\n    // Handle input change for number inputs\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      // Only update localValue if uncontrolled and not a select input\n      if (!isControlled && !isSelect) {\n        setLocalValue(value);\n      }\n      restInputProps.onChange?.(e);\n    };\n\n    // Handle clear button\n    const handleClear = () => {\n      // Update localValue if uncontrolled\n      if (!isControlled) {\n        setLocalValue('');\n      }\n\n      // Create a proper synthetic event for React Hook Form\n      const syntheticEvent = {\n        target: {\n          value: '',\n          name: inputName,\n          id: inputId,\n          type: actualType,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n\n      // Call the form's onChange handler\n      restInputProps.onChange?.(syntheticEvent);\n\n      // Also try to update the input element directly\n      if (ref && typeof ref === 'object' && ref.current) {\n        ref.current.value = '';\n      }\n    };\n\n    // Handle focus and blur\n    const handleFocus = () => {\n      setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n      setIsFocused(false);\n    };\n\n    // Determine actual input type (handle password visibility)\n    const actualType = type === 'password' ? (showPassword ? 'text' : 'password') : type;\n\n    // Generate CSS classes\n    const inputClasses = [\n      'eidos-input',\n      `eidos-input--${variant}`,\n      `eidos-input--${color}`,\n      `eidos-input--${size}`,\n      fullWidth && 'eidos-input--full-width',\n      loading && `eidos-input--loading`,\n      error && `eidos-input--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [\n      'eidos-input-wrapper',\n      `eidos-input-wrapper--${variant}`,\n      `eidos-input-wrapper--${color}`,\n      `eidos-input-wrapper--${size}`,\n      fullWidth && 'eidos-input-wrapper--full-width',\n      loading && `eidos-input-wrapper--loading`,\n      isFocused && `eidos-input-wrapper--focused`,\n      error && `eidos-input-wrapper--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const labelClasses = [\n      'eidos-input-label',\n      shouldFloatLabel && `eidos-input-label--floating`,\n      disclaimerIcon && `eidos-input-label--with-icon`,\n      error && `eidos-input-label--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div\n        className={`eidos-input-container ${fullWidth ? 'eidos-input-container--full-width' : ''} ${className}`}\n        // `width` sizes the whole field, so it belongs on the container rather\n        // than on the inner <input> (which is a `flex: 1 1 0` child of the\n        // wrapper and only ever fills whatever the wrapper gives it). Applying\n        // it here also keeps it a *preferred* width: `max-width: 100%` lets the\n        // field shrink inside a narrower parent instead of overflowing it.\n        style={\n          width\n            ? { width: typeof width === 'number' ? `${width}px` : width, maxWidth: '100%' }\n            : undefined\n        }\n      >\n        {label && (\n          <label htmlFor={inputId} className={labelClasses}>\n            <span className={`eidos-input-label-text`}>{label}</span>\n            {isRequired && <span className={`eidos-input-required-asterisk`}>*</span>}\n            {disclaimerIcon &&\n              (disclaimerContent ? (\n                <Tooltip message={disclaimerContent}>\n                  <span className={`eidos-input-disclaimer-icon`}>\n                    {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                  </span>\n                </Tooltip>\n              ) : (\n                <span className={`eidos-input-disclaimer-icon`}>\n                  {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                </span>\n              ))}\n          </label>\n        )}\n\n        <div className={wrapperClasses}>\n          {preIcon && (\n            <span className={`eidos-input-pre-icon`}>\n              {renderIcon(preIcon, `eidos-input-pre-icon-svg`)}\n            </span>\n          )}\n\n          <input\n            ref={ref}\n            id={inputId}\n            name={inputName}\n            type={actualType}\n            className={inputClasses}\n            disabled={disabled || loading}\n            onKeyDown={handleNumberInput}\n            {...restInputProps}\n            aria-invalid={error ? true : restInputProps['aria-invalid']}\n            aria-describedby={describedBy}\n            value={currentValue}\n            onFocus={(e) => {\n              handleFocus();\n              restInputProps.onFocus?.(e);\n            }}\n            onBlur={(e) => {\n              handleBlur();\n              restInputProps.onBlur?.(e);\n            }}\n            onChange={handleInputChange}\n          />\n\n          {type === 'password' && (\n            <button\n              type=\"button\"\n              className={`eidos-input-password-toggle`}\n              onClick={() => setShowPassword(!showPassword)}\n              disabled={disabled || loading}\n              // The name changes with state so a screen reader announces what\n              // pressing it will do, not what it just did.\n              aria-label={showPassword ? 'Hide password' : 'Show password'}\n              aria-pressed={showPassword}\n            >\n              {showPassword ? (\n                <EyeOff className={`eidos-input-password-toggle-icon`} />\n              ) : (\n                <Eye className={`eidos-input-password-toggle-icon`} />\n              )}\n            </button>\n          )}\n\n          {/* Clear button - show when there's content and clearable is enabled (default: true) */}\n          {currentValue &&\n            String(currentValue).trim().length > 0 &&\n            type !== 'password' &&\n            !isSelect &&\n            clearable !== false && (\n              <button\n                type=\"button\"\n                className={`eidos-input-clear-button`}\n                onClick={handleClear}\n                disabled={disabled || loading}\n                aria-label={label ? `Clear ${label}` : 'Clear'}\n              >\n                <X className={`eidos-input-clear-button-icon`} />\n              </button>\n            )}\n\n          {posIcon && !posIconButton && (\n            <span className={`eidos-input-pos-icon`}>\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </span>\n          )}\n\n          {posIcon && posIconButton && onPosIconClick && (\n            <button\n              type=\"button\"\n              className={`eidos-input-pos-icon-button`}\n              onClick={onPosIconClick}\n              disabled={disabled || loading}\n              aria-label={posIconLabel ?? 'Input action'}\n            >\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </button>\n          )}\n\n          {/* Chevron for select inputs */}\n          {isSelect && (\n            <span className={`eidos-input-select-chevron`}>\n              <ChevronDown className={`eidos-input-pos-icon-svg`} />\n            </span>\n          )}\n        </div>\n\n        {error && (\n          <div id={errorId} className={`eidos-input-error-message`}>\n            <CircleAlert className={`eidos-input-error-icon`} />\n            <span>{error}</span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}

package/dist/{chunk-TJQNGJHP.js → chunk-KLHC5BHS.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-XJBWFDDE.js";
 import {
   IconButton
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 import {
   Tooltip
-} from "./chunk-MCPGI6EI.js";
+} from "./chunk-BUSMGQJ4.js";
 import {
   renderIcon
-} from "./chunk-U34INRFO.js";
+} from "./chunk-PP6HS4GR.js";
 
 // src/components/Navigation/Navigation.component.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -126,4 +126,4 @@ Navigation.displayName = "Navigation";
 export {
   Navigation
 };
-//# sourceMappingURL=chunk-TJQNGJHP.js.map
+//# sourceMappingURL=chunk-KLHC5BHS.js.map

package/dist/{chunk-XWMXEJVZ.js → chunk-KZKBZ2AV.js}

@@ -1,8 +1,6 @@
 import {
-  dualModifier,
-  fullWidthModifier,
   renderIcon
-} from "./chunk-U34INRFO.js";
+} from "./chunk-PP6HS4GR.js";
 
 // src/components/Tabs/Tabs.component.tsx
 import React, { useState, useRef, useContext, useEffect, useLayoutEffect } from "react";
@@ -47,7 +45,7 @@ var Tab = ({
     `eidos-tab--${size}`,
     isActive && "eidos-tab--active",
     disabled && "eidos-tab--disabled",
-    fullWidth && fullWidthModifier("eidos-tab"),
+    fullWidth && "eidos-tab--full-width",
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(
@@ -188,11 +186,11 @@ var Tabs = ({
   const listClasses = [
     "eidos-tabs-list",
     `eidos-tabs-list--${size}`,
-    fullWidth && fullWidthModifier("eidos-tabs-list"),
+    fullWidth && "eidos-tabs-list--full-width",
     // With buttons, they are the affordance - a native scrollbar underneath
     // them is redundant, and on a space-taking one it would also sit over the
     // `line` variant's rule.
-    hasScrollButtons && dualModifier("eidos-tabs-list", "hide-scrollbar", "hideScrollbar")
+    hasScrollButtons && "eidos-tabs-list--hide-scrollbar"
   ].filter(Boolean).join(" ");
   const showPrevButton = hasScrollButtons && scrollState.canScrollPrev;
   const showNextButton = hasScrollButtons && scrollState.canScrollNext;
@@ -251,4 +249,4 @@ export {
   TabPanel,
   Tabs
 };
-//# sourceMappingURL=chunk-XWMXEJVZ.js.map
+//# sourceMappingURL=chunk-KZKBZ2AV.js.map

package/dist/chunk-KZKBZ2AV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.component.tsx"],"sourcesContent":["import React, { useState, useRef, useContext, useEffect, useLayoutEffect } from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { renderIcon } from '../../utils';\nimport type { TabsProps, TabProps, TabPanelProps, TabsContextValue } from './Tabs.types';\n\n// ============================================================================\n// CONTEXT\n// ============================================================================\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\n\nconst useTabsContext = (): TabsContextValue => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error('Tab/TabPanel must be used inside <Tabs>');\n  return ctx;\n};\n\n// ============================================================================\n// TAB - individual tab trigger button\n// Defined before Tabs so Tabs can use `child.type === Tab` for child separation.\n// ============================================================================\n\nexport const Tab: React.FC<TabProps> = ({\n  value,\n  children,\n  disabled = false,\n  icon,\n  className = '',\n}) => {\n  const { activeValue, onSelect, size, fullWidth, listRef } = useTabsContext();\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    const list = listRef.current;\n    if (!list) return;\n\n    const allTabs = Array.from(\n      list.querySelectorAll('[role=\"tab\"]:not([disabled])'),\n    ) as HTMLElement[];\n    const currentIndex = allTabs.indexOf(e.currentTarget);\n    if (currentIndex === -1) return;\n\n    let targetIndex = -1;\n    if (e.key === 'ArrowRight') targetIndex = (currentIndex + 1) % allTabs.length;\n    else if (e.key === 'ArrowLeft')\n      targetIndex = (currentIndex - 1 + allTabs.length) % allTabs.length;\n    else if (e.key === 'Home') targetIndex = 0;\n    else if (e.key === 'End') targetIndex = allTabs.length - 1;\n\n    if (targetIndex !== -1) {\n      e.preventDefault();\n      allTabs[targetIndex].focus();\n    }\n  };\n\n  const tabClasses = [\n    'eidos-tab',\n    `eidos-tab--${size}`,\n    isActive && 'eidos-tab--active',\n    disabled && 'eidos-tab--disabled',\n    fullWidth && 'eidos-tab--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      id={`eidos-tab-${value}`}\n      role=\"tab\"\n      aria-selected={isActive}\n      aria-controls={`eidos-tabpanel-${value}`}\n      tabIndex={isActive ? 0 : -1}\n      disabled={disabled}\n      className={tabClasses}\n      onClick={() => !disabled && onSelect(value)}\n      onKeyDown={handleKeyDown}\n      type=\"button\"\n    >\n      {icon && <span className=\"eidos-tab-icon\">{renderIcon(icon, 'eidos-tab-icon-svg')}</span>}\n      <span className=\"eidos-tab-label\">{children}</span>\n    </button>\n  );\n};\n\nTab.displayName = 'Tab';\n\n// ============================================================================\n// TAB PANEL - content region shown when its value matches the active tab\n// Defined before Tabs for the same `child.type === TabPanel` check.\n// ============================================================================\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ value, children, className = '' }) => {\n  const { activeValue } = useTabsContext();\n  const isActive = activeValue === value;\n\n  if (!isActive) return null;\n\n  return (\n    <div\n      id={`eidos-tabpanel-${value}`}\n      role=\"tabpanel\"\n      aria-labelledby={`eidos-tab-${value}`}\n      tabIndex={0}\n      className={['eidos-tab-panel', className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </div>\n  );\n};\n\nTabPanel.displayName = 'TabPanel';\n\n// ============================================================================\n// TABS - root container; provides context, separates tab/panel children\n// ============================================================================\n\nexport const Tabs: React.FC<TabsProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  variant = 'line',\n  size = 'md',\n  color = 'primary',\n  fullWidth = false,\n  scrollButtons = 'auto',\n  className = '',\n  children,\n}) => {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = useState(defaultValue ?? '');\n  const activeValue = isControlled ? value! : localValue;\n\n  // Separate Tab and TabPanel children so the list and panels render in\n  // distinct DOM regions, regardless of how the consumer orders them.\n  const tabChildren: React.ReactElement[] = [];\n  const panelChildren: React.ReactElement[] = [];\n\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n    if (child.type === Tab) {\n      tabChildren.push(child);\n    } else if (child.type === TabPanel) {\n      panelChildren.push(child);\n    }\n  });\n\n  const listRef = useRef<HTMLDivElement>(null);\n  const indicatorRef = useRef<HTMLSpanElement>(null);\n  // Tracks whether the indicator has been positioned at least once so we can\n  // skip the CSS transition on the very first render and avoid it animating\n  // from the top-left corner to the initial tab.\n  const hasPositioned = useRef(false);\n\n  useLayoutEffect(() => {\n    if (variant !== 'line') return;\n    const list = listRef.current;\n    const indicator = indicatorRef.current;\n    if (!list || !indicator) return;\n\n    const activeTab = list.querySelector('[aria-selected=\"true\"]') as HTMLElement | null;\n    if (!activeTab) return;\n\n    // Suppress the CSS transition on the initial paint so the indicator snaps\n    // into place rather than sliding from 0.\n    if (!hasPositioned.current) {\n      indicator.style.transition = 'none';\n    }\n\n    indicator.style.left = `${activeTab.offsetLeft}px`;\n    indicator.style.width = `${activeTab.offsetWidth}px`;\n\n    if (!hasPositioned.current) {\n      // Force a synchronous reflow so the browser commits the no-transition\n      // position before we re-enable the transition for future clicks.\n      void indicator.offsetWidth;\n      indicator.style.transition = '';\n      hasPositioned.current = true;\n    }\n  }, [activeValue, variant, fullWidth]);\n\n  // The list scrolls horizontally when the strip is wider than its container,\n  // so an activated tab can sit outside the scrollport - reachable by keyboard\n  // (`End`) or by a controlled `value` change, but invisible. `scrollLeft` is\n  // adjusted directly rather than via `scrollIntoView`, which walks the whole\n  // ancestor chain and would scroll the page vertically when the strip is below\n  // the fold.\n  useLayoutEffect(() => {\n    const list = listRef.current;\n    if (!list) return;\n\n    const activeTab = list.querySelector('[aria-selected=\"true\"]') as HTMLElement | null;\n    if (!activeTab) return;\n\n    const left = activeTab.offsetLeft;\n    const right = left + activeTab.offsetWidth;\n\n    if (left < list.scrollLeft) {\n      list.scrollLeft = left;\n    } else if (right > list.scrollLeft + list.clientWidth) {\n      list.scrollLeft = right - list.clientWidth;\n    }\n  }, [activeValue]);\n\n  // Whether either end of the strip has content hidden past it. Drives both\n  // the presence of the scroll buttons (neither end scrollable = the strip\n  // fits, so no buttons) and their disabled state at the extremes.\n  const [scrollState, setScrollState] = useState({ canScrollPrev: false, canScrollNext: false });\n  const hasScrollButtons = scrollButtons !== 'none';\n\n  useEffect(() => {\n    if (!hasScrollButtons) return;\n    const list = listRef.current;\n    if (!list) return;\n\n    const update = () => {\n      const maxScroll = list.scrollWidth - list.clientWidth;\n      // 1px of tolerance: fractional layout widths leave a sub-pixel remainder\n      // at either end that would otherwise keep a button enabled for a scroll\n      // that can no longer move anything.\n      const canScrollPrev = list.scrollLeft > 1;\n      const canScrollNext = list.scrollLeft < maxScroll - 1;\n      setScrollState((previous) =>\n        previous.canScrollPrev === canScrollPrev && previous.canScrollNext === canScrollNext\n          ? previous\n          : { canScrollPrev, canScrollNext },\n      );\n    };\n\n    update();\n    list.addEventListener('scroll', update, { passive: true });\n\n    // The list's own box stays the same width when a tab's label reflows or a\n    // font finishes loading, so the tabs have to be observed as well as the\n    // container - only their sizes tell us the strip started overflowing.\n    const observer = new ResizeObserver(update);\n    observer.observe(list);\n    Array.from(list.children).forEach((child) => observer.observe(child));\n\n    return () => {\n      list.removeEventListener('scroll', update);\n      observer.disconnect();\n    };\n  }, [hasScrollButtons, tabChildren.length, size, variant, fullWidth]);\n\n  const scrollByStep = (direction: -1 | 1) => {\n    const list = listRef.current;\n    if (!list) return;\n\n    // A step just short of a full page keeps a tab of context on screen, the\n    // same way a paged scrollbar click does.\n    const step = list.clientWidth * 0.8;\n    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    list.scrollBy({ left: direction * step, behavior: reducedMotion ? 'auto' : 'smooth' });\n  };\n\n  const onSelect = (newValue: string) => {\n    if (!isControlled) {\n      setLocalValue(newValue);\n    }\n    onChange?.(newValue);\n  };\n\n  const rootClasses = ['eidos-tabs', `eidos-tabs--${variant}`, `eidos-tabs--${color}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const listClasses = [\n    'eidos-tabs-list',\n    `eidos-tabs-list--${size}`,\n    fullWidth && 'eidos-tabs-list--full-width',\n    // With buttons, they are the affordance - a native scrollbar underneath\n    // them is redundant, and on a space-taking one it would also sit over the\n    // `line` variant's rule.\n    hasScrollButtons && 'eidos-tabs-list--hide-scrollbar',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Each button exists only while its own direction has somewhere to go: none\n  // at all when the strip fits, and none at the end you have reached. A\n  // disabled button would be pointing at nothing. They are positioned\n  // absolutely, so appearing and disappearing never moves the tabs.\n  const showPrevButton = hasScrollButtons && scrollState.canScrollPrev;\n  const showNextButton = hasScrollButtons && scrollState.canScrollNext;\n\n  const scrollButtonClasses = (direction: 'prev' | 'next') =>\n    [\n      'eidos-tabs-scroll-button',\n      `eidos-tabs-scroll-button--${direction}`,\n      `eidos-tabs-scroll-button--${size}`,\n    ].join(' ');\n\n  const contextValue: TabsContextValue = {\n    activeValue,\n    onSelect,\n    variant,\n    size,\n    color,\n    fullWidth,\n    listRef,\n  };\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <div className={rootClasses}>\n        {/* The buttons are siblings of the tab list, never children of it:\n            `role=\"tablist\"` only accepts tabs. They are also hidden from\n            assistive tech and skipped by Tab, because they are a pointer\n            affordance for something the keyboard already does - arrow keys\n            move between tabs and scroll the active one into view. */}\n        <div className=\"eidos-tabs-bar\">\n          {showPrevButton && (\n            <button\n              type=\"button\"\n              className={scrollButtonClasses('prev')}\n              onClick={() => scrollByStep(-1)}\n              // `tabIndex={-1}` keeps these out of the tab order but does not\n              // stop a click from focusing them, and focus inside an\n              // `aria-hidden` subtree is an error the browser reports\n              // (\"Blocked aria-hidden on an element because its descendant\n              // retained focus\"). Suppressing the default mousedown keeps\n              // them unfocusable by pointer too; the click still fires.\n              // `inert` would prevent the click as well, so it is no help.\n              onMouseDown={(event) => event.preventDefault()}\n              tabIndex={-1}\n              aria-hidden=\"true\"\n            >\n              <ChevronLeft className=\"eidos-tabs-scroll-button-icon\" />\n            </button>\n          )}\n\n          <div ref={listRef} className={listClasses} role=\"tablist\">\n            {tabChildren}\n            {variant === 'line' && (\n              <span ref={indicatorRef} className=\"eidos-tabs-indicator\" aria-hidden=\"true\" />\n            )}\n          </div>\n\n          {showNextButton && (\n            <button\n              type=\"button\"\n              className={scrollButtonClasses('next')}\n              onClick={() => scrollByStep(1)}\n              onMouseDown={(event) => event.preventDefault()} // see the prev button\n              tabIndex={-1}\n              aria-hidden=\"true\"\n            >\n              <ChevronRight className=\"eidos-tabs-scroll-button-icon\" />\n            </button>\n          )}\n        </div>\n\n        <div className=\"eidos-tabs-panels\">{panelChildren}</div>\n      </div>\n    </TabsContext.Provider>\n  );\n};\n\nTabs.displayName = 'Tabs';\n"],"mappings":"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","names":[]}

package/dist/{chunk-DG3O5NV4.cjs → chunk-LLHR6QW3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk4HZIXRAJcjs = require('./chunk-4HZIXRAJ.cjs');
+var _chunkKF2OGUADcjs = require('./chunk-KF2OGUAD.cjs');
 
 // src/components/InlineEdit/InlineEdit.component.tsx
 var _react = require('react');
@@ -72,7 +72,7 @@ var InlineEdit = ({
   const displayTriggerProps = trigger === "doubleClick" ? { onDoubleClick: openEdit } : { onClick: openEdit };
   if (editing) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4HZIXRAJcjs.Input,
+      _chunkKF2OGUADcjs.Input,
       {
         type,
         variant: inputVariant,
@@ -122,4 +122,4 @@ var InlineEdit = ({
 
 
 exports.InlineEdit = InlineEdit;
-//# sourceMappingURL=chunk-DG3O5NV4.cjs.map
+//# sourceMappingURL=chunk-LLHR6QW3.cjs.map

package/dist/{chunk-DG3O5NV4.cjs.map → chunk-LLHR6QW3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-DG3O5NV4.cjs","../src/components/InlineEdit/InlineEdit.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-DG3O5NV4.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      // The visible text has to be *in* the name (SC 2.5.3 Label in Name).\n      //\n      // This was a flat \"Click to edit\", which shares nothing with the value\n      // on screen - so a speech-input user saying what they can see (\"Page\n      // title\") matched nothing, and a screen reader announced an edit\n      // affordance without ever saying what it edits. Every `InlineEdit` on\n      // a page was also announced identically.\n      //\n      // Left off entirely when there is no value: the placeholder is then\n      // the visible text and `textContent` already provides the name.\n      aria-label={disabled || isEmpty ? undefined : `${value}, 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"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-LLHR6QW3.cjs","../src/components/InlineEdit/InlineEdit.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-LLHR6QW3.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      // The visible text has to be *in* the name (SC 2.5.3 Label in Name).\n      //\n      // This was a flat \"Click to edit\", which shares nothing with the value\n      // on screen - so a speech-input user saying what they can see (\"Page\n      // title\") matched nothing, and a screen reader announced an edit\n      // affordance without ever saying what it edits. Every `InlineEdit` on\n      // a page was also announced identically.\n      //\n      // Left off entirely when there is no value: the placeholder is then\n      // the visible text and `textContent` already provides the name.\n      aria-label={disabled || isEmpty ? undefined : `${value}, 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-GDRLVX2A.js → chunk-LXRNFQEI.js}

@@ -12,16 +12,16 @@ import {
 } from "./chunk-3TUCQAYL.js";
 import {
   Chip
-} from "./chunk-2TIMJD4K.js";
+} from "./chunk-IBT535UH.js";
 import {
   Menu
-} from "./chunk-WHQGJHMD.js";
+} from "./chunk-TOLNPD7S.js";
 import {
   Avatar
 } from "./chunk-XJBWFDDE.js";
 import {
   Button
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 
 // src/components/Conversation/Chat.component.tsx
 import { useCallback as useCallback3, useMemo } from "react";
@@ -907,4 +907,4 @@ export {
   Chat,
   CommentThread
 };
-//# sourceMappingURL=chunk-GDRLVX2A.js.map
+//# sourceMappingURL=chunk-LXRNFQEI.js.map

package/dist/{chunk-VXC7Z7XB.cjs → chunk-MKQVDEHI.cjs}

@@ -1,8 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-
-var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
+var _chunkR5WI5IGRcjs = require('./chunk-R5WI5IGR.cjs');
 
 // src/components/Dropdown/Dropdown.context.types.ts
 var _react = require('react');
@@ -55,7 +54,7 @@ var DropdownInternal = ({
 }) => {
   const context = useDropdownContext();
   const actualLevel = dropdownLevel !== void 0 ? dropdownLevel : context.level;
-  const isClient = _chunkENMDOQQOcjs.useIsClient.call(void 0, );
+  const isClient = _chunkR5WI5IGRcjs.useIsClient.call(void 0, );
   const [dropdownState, setDropdownState] = _react.useState.call(void 0, {
     isVisible: defaultOpen,
     isPositioned: false,
@@ -65,7 +64,7 @@ var DropdownInternal = ({
   const isVisible = isControlled ? open : dropdownState.isVisible;
   const wasControlled = _react.useRef.call(void 0, isControlled);
   if (wasControlled.current !== isControlled) {
-    _chunkENMDOQQOcjs.devWarn.call(void 0, 
+    _chunkR5WI5IGRcjs.devWarn.call(void 0, 
       "dropdown-controlled-switch",
       "Dropdown: `open` switched between controlled and uncontrolled. Pick one for the lifetime of the component - the dropdown keeps its own state as a fallback, so switching makes it jump to whatever that happens to be."
     );
@@ -366,7 +365,7 @@ var DropdownInternal = ({
       {
         ref: triggerRef,
         onClick: handleTriggerClick,
-        className: `eidos-dropdown-trigger ${fullWidth ? _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-dropdown-trigger") : ""} ${triggerClassName}`,
+        className: `eidos-dropdown-trigger ${fullWidth ? "eidos-dropdown-trigger--full-width" : ""} ${triggerClassName}`,
         children: trigger
       }
     ),
@@ -404,4 +403,4 @@ Dropdown.displayName = "Dropdown";
 
 
 exports.DropdownProvider = DropdownProvider; exports.useDropdownContext = useDropdownContext; exports.Dropdown = Dropdown;
-//# sourceMappingURL=chunk-VXC7Z7XB.cjs.map
+//# sourceMappingURL=chunk-MKQVDEHI.cjs.map

package/dist/chunk-MKQVDEHI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-MKQVDEHI.cjs","../src/components/Dropdown/Dropdown.context.types.ts","../src/components/Dropdown/Dropdown.context.tsx","../src/components/Dropdown/Dropdown.hooks.ts","../src/components/Dropdown/Dropdown.component.tsx"],"names":["jsx"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-MKQVDEHI.cjs","sourcesContent":[null,"import { createContext } from 'react';\n\nexport interface DropdownContextValue {\n  level: number;\n}\n\nexport const DropdownContext = createContext<DropdownContextValue>({ level: 0 });\n","import React from 'react';\nimport { DropdownContext } from './Dropdown.context.types';\n\nexport const DropdownProvider: React.FC<{ children: React.ReactNode; level?: number }> = ({\n  children,\n  level = 0,\n}) => {\n  return <DropdownContext.Provider value={{ level }}>{children}</DropdownContext.Provider>;\n};\n","import { useContext } from 'react';\nimport { DropdownContext } from './Dropdown.context.types';\n\nexport const useDropdownContext = () => {\n  return useContext(DropdownContext);\n};\n","import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { devWarn, useIsClient } from '../../utils';\nimport type { DropdownProps, DropdownState } from './Dropdown.types';\nimport { DropdownProvider } from './Dropdown.context';\nimport { useDropdownContext } from './Dropdown.hooks';\n\nconst DropdownInternal: React.FC<DropdownProps> = ({\n  trigger,\n  content,\n  placement: preferredPlacement = 'bottom',\n  align = 'start',\n  delay = 0,\n  disabled = false,\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  triggerClassName = '',\n  contentClassName = '',\n  role,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  autoWidth = true,\n  fullWidth = false,\n  triggerRef: externalTriggerRef,\n  isNested = false,\n  dropdownLevel,\n  dropdownGroup,\n}) => {\n  const context = useDropdownContext();\n  const actualLevel = dropdownLevel !== undefined ? dropdownLevel : context.level;\n  // `defaultOpen` makes the portal reachable on the first render, which cannot\n  // happen on a server - see `useIsClient`.\n  const isClient = useIsClient();\n  const [dropdownState, setDropdownState] = useState<DropdownState>({\n    isVisible: defaultOpen,\n    isPositioned: false,\n    position: { top: 0, left: 0, placement: preferredPlacement },\n  });\n\n  // ── Controlled / uncontrolled open state ──────────────────────────────────\n  //\n  // `dropdownState.isVisible` stays the *uncontrolled* value and is kept in\n  // step even while controlled, so removing `open` later leaves coherent state.\n  // Everything downstream reads `isVisible` below, never the field directly.\n  //\n  // `DropdownState` is exported from the package root, so it keeps its shape:\n  // splitting `isVisible` out of it would be a breaking type change for a\n  // consumer who imports it, in exchange for nothing a reader of this file\n  // needs.\n  const isControlled = open !== undefined;\n  const isVisible = isControlled ? open : dropdownState.isVisible;\n\n  const wasControlled = useRef(isControlled);\n  if (wasControlled.current !== isControlled) {\n    devWarn(\n      'dropdown-controlled-switch',\n      'Dropdown: `open` switched between controlled and uncontrolled. Pick one for the lifetime of the component - the dropdown keeps its own state as a fallback, so switching makes it jump to whatever that happens to be.',\n    );\n    wasControlled.current = isControlled;\n  }\n\n  /**\n   * The single place the open state changes. Every route - trigger click,\n   * click-outside, Escape, a group sibling, the `delay` timer - goes through\n   * here, so a controlled consumer sees all of them and cannot desync.\n   */\n  const setOpen = useCallback(\n    (next: boolean) => {\n      setDropdownState((prev) => ({ ...prev, isVisible: next, isPositioned: false }));\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  // A controlled caller can flip `open` without going through `setOpen`, which\n  // would leave `isPositioned` true from the previous open and paint the panel\n  // at its old coordinates for a frame. Re-arm the positioning pass from the\n  // transition itself.\n  useEffect(() => {\n    if (!isVisible) {\n      setDropdownState((prev) => (prev.isPositioned ? { ...prev, isPositioned: false } : prev));\n    }\n  }, [isVisible]);\n\n  // A pending `delay` timer outlives a controlled close otherwise, and reopens\n  // the panel a moment after the consumer closed it.\n  useEffect(() => {\n    if (!isVisible && timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = undefined;\n    }\n  }, [isVisible]);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const isScrollingRef = useRef(false);\n\n  // The element to actually measure/anchor against. When a consumer passes\n  // `triggerRef`, that's an explicit statement of \"this is what I want the\n  // dropdown positioned relative to\" - it must win over the internal wrapper\n  // div, not just inform sizing. Consumers occasionally need `trigger` to be\n  // a small anchor node (e.g. a 0-height span) sitting inside a larger,\n  // variable-content field (chips, wrapped text); anchoring position to the\n  // wrapper instead of that field silently drifts as soon as the field's\n  // internal layout changes, since the wrapper only ever contains `trigger`\n  // itself, never the field around it.\n  const getTriggerElement = useCallback(\n    (): HTMLElement | null => externalTriggerRef?.current ?? triggerRef.current,\n    [externalTriggerRef],\n  );\n\n  const calculateDynamicSizing = useCallback(\n    // Only the width is read, so the parameter is the narrowest shape that\n    // satisfies it rather than a `DOMRect`. The caller used to fall back to\n    // `new DOMRect()`, which is a browser-only global evaluated *during\n    // render* - it was the first thing to throw when an open dropdown was\n    // server-rendered, before `document.body` ever got a chance to.\n    (triggerRect: { width: number } | null) => {\n      // Shrink the panel to its content by default. This prevents the\n      // position:fixed element from expanding to viewport width when children\n      // use `width:100%` or `flex:1`. `minWidth` (set below) still wins when\n      // the trigger is wider than the content, as CSS min-width overrides width.\n      const styles: Record<string, string | number> = { width: 'max-content' };\n\n      if (autoWidth && triggerRect && (externalTriggerRef?.current || triggerRef.current)) {\n        const triggerWidth = triggerRect.width;\n        styles.minWidth = triggerWidth;\n      }\n\n      if (minWidth !== undefined) {\n        styles.minWidth = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\n      }\n      if (maxWidth !== undefined) {\n        if (maxWidth === 'auto') {\n          styles.maxWidth = 'none';\n        } else {\n          styles.maxWidth = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;\n        }\n      }\n      if (minHeight !== undefined) {\n        styles.minHeight = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n      }\n      if (maxHeight !== undefined) {\n        if (maxHeight === 'auto') {\n          styles.maxHeight = 'none';\n        } else {\n          styles.maxHeight = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n        }\n      }\n\n      const hasHeightConstraint = minHeight !== undefined || maxHeight !== undefined;\n      if (hasHeightConstraint) {\n        styles.overflowY = 'auto';\n      } else {\n        styles.overflowY = 'visible';\n      }\n\n      return styles;\n    },\n    [autoWidth, externalTriggerRef, minWidth, maxWidth, minHeight, maxHeight],\n  );\n\n  const calculateOptimalPosition = useCallback(\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 8;\n\n      let placement: 'top' | 'bottom' | 'left' | 'right' = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      // Helpers for cross-axis alignment\n      const alignedLeft = (() => {\n        switch (align) {\n          case 'end':\n            return triggerRect.right - contentRect.width;\n          case 'center':\n            return triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n          default:\n            return triggerRect.left; // \"start\"\n        }\n      })();\n      const alignedTop = (() => {\n        switch (align) {\n          case 'end':\n            return triggerRect.bottom - contentRect.height;\n          case 'center':\n            return triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n          default:\n            return triggerRect.top; // \"start\"\n        }\n      })();\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - contentRect.height - gap;\n          left = alignedLeft;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = alignedLeft;\n          break;\n        case 'left':\n          top = alignedTop;\n          left = triggerRect.left - contentRect.width - gap;\n          break;\n        case 'right':\n          top = alignedTop;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - contentRect.height - gap;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\n        placement = 'left';\n        left = triggerRect.left - contentRect.width - gap;\n      }\n\n      // Always clamp to both viewport edges - not just the near one - regardless\n      // of whether an explicit min/max size was passed. `autoWidth` consumers\n      // (Combobox, Select, TagInput suggestions, Menu, ...) never set\n      // minWidth/maxWidth, so gating this on those props left the far edge\n      // (right/bottom) completely unclamped and let content overflow the\n      // viewport whenever it rendered wider/taller than its trigger.\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\n\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement, align],\n  );\n\n  const handleScroll = useCallback(() => {\n    if (!isVisible || !dropdownState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      const triggerElement = getTriggerElement();\n      if (triggerElement && contentRef.current) {\n        const triggerRect = triggerElement.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setDropdownState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [isVisible, dropdownState.isPositioned, calculateOptimalPosition, getTriggerElement]);\n\n  const handleTriggerClick = useCallback(() => {\n    if (disabled) return;\n\n    if (isVisible) {\n      setOpen(false);\n    } else {\n      if (dropdownGroup) {\n        const siblingDropdowns = document.querySelectorAll(\n          `[data-dropdown-group=\"${dropdownGroup}\"][data-dropdown-content]`,\n        );\n        siblingDropdowns.forEach((dropdown) => {\n          const dropdownElement = dropdown as HTMLElement;\n\n          dropdownElement.dispatchEvent(new CustomEvent('closeSibling'));\n        });\n      }\n\n      if (delay > 0) {\n        timeoutRef.current = setTimeout(() => setOpen(true), delay);\n      } else {\n        setOpen(true);\n      }\n    }\n  }, [disabled, isVisible, delay, dropdownGroup, setOpen]);\n\n  useEffect(() => {\n    const handleCloseSibling = () => {\n      if (isVisible) setOpen(false);\n    };\n\n    const currentContentRef = contentRef.current;\n    if (currentContentRef) {\n      currentContentRef.addEventListener('closeSibling', handleCloseSibling);\n    }\n\n    return () => {\n      if (currentContentRef) {\n        currentContentRef.removeEventListener('closeSibling', handleCloseSibling);\n      }\n    };\n  }, [isVisible, setOpen]);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !isVisible) return;\n\n      const target = event.target as Node;\n\n      if (contentRef.current?.contains(target)) {\n        return;\n      }\n\n      if (getTriggerElement()?.contains(target)) {\n        return;\n      }\n\n      const allDropdowns = document.querySelectorAll('[data-dropdown-content]');\n      for (const dropdown of allDropdowns) {\n        if (dropdown === contentRef.current) continue;\n\n        if (dropdown.contains(target)) {\n          const clickedDropdownLevel = parseInt(\n            dropdown.getAttribute('data-dropdown-level') || '0',\n          );\n\n          if (clickedDropdownLevel > actualLevel) {\n            return;\n          }\n        }\n      }\n\n      setOpen(false);\n    },\n    [closeOnClickOutside, isVisible, actualLevel, getTriggerElement, setOpen],\n  );\n\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && isVisible) {\n        setOpen(false);\n      }\n    },\n    [closeOnEscape, isVisible, setOpen],\n  );\n\n  useEffect(() => {\n    const triggerElement = getTriggerElement();\n    if (isVisible && !dropdownState.isPositioned && contentRef.current && triggerElement) {\n      const triggerRect = triggerElement.getBoundingClientRect();\n      const contentRect = contentRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n      setDropdownState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n  }, [\n    isVisible,\n    dropdownState.isPositioned,\n    calculateOptimalPosition,\n    getTriggerElement,\n    // Load-bearing, not incidental. With `defaultOpen` the panel is \"visible\"\n    // from the first render, but the portal is deferred one render for SSR\n    // safety - so this effect's first run finds `contentRef.current` still\n    // null, measures nothing, and without `isClient` in the deps it would never\n    // run again. The panel then stays `visibility: hidden` forever: mounted,\n    // unpositioned, invisible. Caught by `OpensOnMountWithDefaultOpen`.\n    isClient,\n  ]);\n\n  useEffect(() => {\n    const handleResize = () => {\n      const triggerElement = getTriggerElement();\n      if (isVisible && dropdownState.isPositioned && contentRef.current && triggerElement) {\n        const triggerRect = triggerElement.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setDropdownState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [isVisible, dropdownState.isPositioned, calculateOptimalPosition, getTriggerElement]);\n\n  useEffect(() => {\n    if (isVisible) {\n      // Capture phase on `document`, which is the only way to see scrolling in\n      // an arbitrary ancestor: `scroll` does not bubble from an element, so the\n      // previous listeners on `window` and `document.body` only ever fired for\n      // the page itself. Any other scroll container - `PageLayout`'s\n      // `&__content` is the layout's scrollport, so this is every dropdown\n      // inside it - moved the trigger while the portaled, `position: fixed`\n      // content stayed at its original viewport coordinates.\n      document.addEventListener('scroll', handleScroll, { capture: true, passive: true });\n    }\n\n    return () => {\n      document.removeEventListener('scroll', handleScroll, { capture: true });\n    };\n  }, [isVisible, handleScroll]);\n\n  useEffect(() => {\n    if (isVisible) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscapeKey);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [isVisible, handleClickOutside, handleEscapeKey]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      {/*\n        A positioning and click-capturing wrapper, and nothing more - it\n        deliberately carries no `role` and no `tabIndex`.\n\n        It used to be `role=\"button\" tabIndex={-1}`, which was wrong in both\n        directions at once. `tabIndex={-1}` with no key handler meant the\n        wrapper was never keyboard-operable, so the button role it advertised\n        could not be activated by anyone using a keyboard - it promised a\n        control that did not exist. Meanwhile, because `trigger` is virtually\n        always a real control (Select and Combobox pass an `<input>`, Menu and\n        SplitButton a `<button>`, ...), the role wrapped an interactive element\n        in another interactive element: invalid ARIA, flagged by axe as\n        `nested-interactive`, and announced by screen readers as a button\n        inside a button. One attribute did this across every component built\n        on Dropdown - Select, Combobox, Menu, Popover, ContextMenu,\n        ColorPicker and TagInput - 212 violations in a single axe run.\n\n        Semantics belong to whatever is passed as `trigger`, which is the only\n        element that can actually own them. A consumer passing a\n        non-interactive node should pass a `<button>` instead; it was never\n        keyboard-accessible under the old markup either.\n      */}\n      <div\n        ref={triggerRef}\n        onClick={handleTriggerClick}\n        className={`eidos-dropdown-trigger ${fullWidth ? 'eidos-dropdown-trigger--full-width' : ''} ${triggerClassName}`}\n      >\n        {trigger}\n      </div>\n      {isClient &&\n        isVisible &&\n        createPortal(\n          <div\n            ref={contentRef}\n            data-dropdown-content\n            data-dropdown-level={actualLevel}\n            data-dropdown-group={dropdownGroup || ''}\n            className={`eidos-dropdown-content eidos-dropdown-content--${dropdownState.position.placement} ${isNested ? 'eidos-dropdown-content--nested' : ''} ${dropdownState.isPositioned ? 'eidos-dropdown-content--positioned' : ''} ${contentClassName || ''}`}\n            style={{\n              top: dropdownState.position.top,\n              left: dropdownState.position.left,\n              ...calculateDynamicSizing(getTriggerElement()?.getBoundingClientRect() ?? null),\n            }}\n            // No default role: see the `role` prop's note in `Dropdown.types`.\n            // This was `role=\"menu\"` unconditionally, which made a menu out of\n            // every `Select` listbox, date picker and toolbar panel in the\n            // library.\n            role={role}\n          >\n            {content}\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nexport const Dropdown: React.FC<DropdownProps> = (props) => {\n  const context = useDropdownContext();\n  const nextLevel = props.dropdownLevel !== undefined ? props.dropdownLevel : context.level + 1;\n\n  return (\n    <DropdownProvider level={nextLevel}>\n      <DropdownInternal {...props} />\n    </DropdownProvider>\n  );\n};\n\nDropdown.displayName = 'Dropdown';\n"]}

package/dist/{chunk-TNQ2ZZ7W.cjs → chunk-MUMTPMWD.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7NUVLVSLcjs = require('./chunk-7NUVLVSL.cjs');
+var _chunkFJSK2RT7cjs = require('./chunk-FJSK2RT7.cjs');
 
 
-var _chunkN5NXKVFJcjs = require('./chunk-N5NXKVFJ.cjs');
+var _chunkVPN7AR7Tcjs = require('./chunk-VPN7AR7T.cjs');
 
 
 var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
@@ -12,7 +12,7 @@ var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
 var _chunkGP6EEZH5cjs = require('./chunk-GP6EEZH5.cjs');
 
 
-var _chunkXPG56DLQcjs = require('./chunk-XPG56DLQ.cjs');
+var _chunkNSA7ASZ7cjs = require('./chunk-NSA7ASZ7.cjs');
 
 // src/components/Toolbar/Toolbar.component.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -32,9 +32,9 @@ var Toolbar = ({
     breadcrumbs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGP6EEZH5cjs.Breadcrumb, { ...breadcrumbs }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-toolbar__content", children: [
       content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-toolbar__slot", children: content }),
-      cmdPaletteItems && cmdPaletteItems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7NUVLVSLcjs.CommandPalette, { trigger: true, triggerLabel: "Search", items: cmdPaletteItems }),
-      actions && actions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-toolbar__actions", children: actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXPG56DLQcjs.IconButton, { variant: "text", size: "sm", ...action }, index)) }),
-      hasMenu ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN5NXKVFJcjs.Menu, { trigger: avatar, items: userMenu, minWidth: 220 }) : avatar
+      cmdPaletteItems && cmdPaletteItems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFJSK2RT7cjs.CommandPalette, { trigger: true, triggerLabel: "Search", items: cmdPaletteItems }),
+      actions && actions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-toolbar__actions", children: actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNSA7ASZ7cjs.IconButton, { variant: "text", size: "sm", ...action }, index)) }),
+      hasMenu ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVPN7AR7Tcjs.Menu, { trigger: avatar, items: userMenu, minWidth: 220 }) : avatar
     ] })
   ] });
 };
@@ -42,4 +42,4 @@ var Toolbar = ({
 
 
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=chunk-TNQ2ZZ7W.cjs.map
+//# sourceMappingURL=chunk-MUMTPMWD.cjs.map

package/dist/{chunk-TNQ2ZZ7W.cjs.map → chunk-MUMTPMWD.cjs.map}

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

package/dist/{chunk-RHWZX7PB.js → chunk-NONYIHXD.js}

@@ -1,16 +1,16 @@
 import {
   Popover
-} from "./chunk-ZJWQPZ7E.js";
+} from "./chunk-OQWG7NLI.js";
 import {
   Avatar
 } from "./chunk-XJBWFDDE.js";
 import {
   Button
-} from "./chunk-JY77VJAZ.js";
+} from "./chunk-GHUEVNNU.js";
 import {
   devWarn,
   renderIcon
-} from "./chunk-U34INRFO.js";
+} from "./chunk-PP6HS4GR.js";
 
 // src/components/Header/Header.component.tsx
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
@@ -144,4 +144,4 @@ export {
   Header,
   IdentityHeader
 };
-//# sourceMappingURL=chunk-RHWZX7PB.js.map
+//# sourceMappingURL=chunk-NONYIHXD.js.map

package/dist/{chunk-XPG56DLQ.cjs → chunk-NSA7ASZ7.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-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');
@@ -42,7 +42,7 @@ var Button = ({
   const suppliedLabel = _nullishCoalesce(buttonProps["aria-label"], () => ( buttonProps["aria-labelledby"]));
   const iconOnlyLabel = isIconOnly && !suppliedLabel ? tooltip : void 0;
   if (isIconOnly && !suppliedLabel && !tooltip) {
-    _chunkENMDOQQOcjs.devWarn.call(void 0, 
+    _chunkR5WI5IGRcjs.devWarn.call(void 0, 
       "button-icon-only-name",
       'Button: an icon-only button needs an accessible name. Pass `tooltip` (which now also names it) or `aria-label`, otherwise it is announced as just "button".'
     );
@@ -64,9 +64,9 @@ var Button = ({
     ] }),
     isIconOnly && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-button--loading-spinner", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LoaderCircle, { className: "eidos-button--spinner-icon" }) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    preIcon && _chunkENMDOQQOcjs.renderIcon.call(void 0, preIcon, "eidos-button--pre-icon"),
-    isIconOnly && icon ? _chunkENMDOQQOcjs.renderIcon.call(void 0, icon, "eidos-button--icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-button--copy", children }),
-    posIcon && _chunkENMDOQQOcjs.renderIcon.call(void 0, posIcon, "eidos-button--pos-icon")
+    preIcon && _chunkR5WI5IGRcjs.renderIcon.call(void 0, preIcon, "eidos-button--pre-icon"),
+    isIconOnly && icon ? _chunkR5WI5IGRcjs.renderIcon.call(void 0, icon, "eidos-button--icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-button--copy", children }),
+    posIcon && _chunkR5WI5IGRcjs.renderIcon.call(void 0, posIcon, "eidos-button--pos-icon")
   ] }) });
   const buttonContent = typeof buttonProps.href === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkKXDGW6LJcjs.EidosLink,
@@ -90,7 +90,7 @@ var Button = ({
       children: content
     }
   );
-  return tooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUTYY35QXcjs.Tooltip, { message: tooltip, children: buttonContent }) : buttonContent;
+  return tooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZMQCVAScjs.Tooltip, { message: tooltip, children: buttonContent }) : buttonContent;
 };
 var IconButton = (props) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { ...props });
@@ -100,4 +100,4 @@ var IconButton = (props) => {
 
 
 exports.Button = Button; exports.IconButton = IconButton;
-//# sourceMappingURL=chunk-XPG56DLQ.cjs.map
+//# sourceMappingURL=chunk-NSA7ASZ7.cjs.map

package/dist/{chunk-XPG56DLQ.cjs.map → chunk-NSA7ASZ7.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-XPG56DLQ.cjs","../src/components/Button/Button.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,2CAA6B;AA6EjB,+CAAA;AAvEL,IAAM,OAAA,EAAgC,CAAC;AAAA,EAC5C,QAAA,EAAU,QAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,YAAA,EAAc,YAAA;AAAA,EACd,OAAA;AAAA,EACA,UAAA,EAAY,EAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,WAAA,EAAa,CAAC,CAAC,IAAA;AAErB,EAAA,GAAA,CAAI,UAAA,EAAY;AACd,IAAA,GAAA,CAAI,QAAA,EAAU;AACZ,MAAA,MAAM,IAAI,KAAA,CAAM,wCAAwC,CAAA;AAAA,IAC1D;AACA,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,MAAM,IAAI,KAAA,CAAM,uCAAuC,CAAA;AAAA,IACzD;AACA,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,MAAM,IAAI,KAAA,CAAM,uCAAuC,CAAA;AAAA,IACzD;AAAA,EACF;AAgBA,EAAA,MAAM,cAAA,mBAAgB,WAAA,CAAY,YAAY,CAAA,UAAK,WAAA,CAAY,iBAAiB,GAAA;AAChF,EAAA,MAAM,cAAA,EAAgB,WAAA,GAAc,CAAC,cAAA,EAAgB,QAAA,EAAU,KAAA,CAAA;AAE/D,EAAA,GAAA,CAAI,WAAA,GAAc,CAAC,cAAA,GAAiB,CAAC,OAAA,EAAS;AAC5C,IAAA,uCAAA;AAAA,MACE,uBAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,EACF;AAEA,EAAA,MAAM,cAAA,EAAgB;AAAA,IACpB,cAAA;AAAA,IACA,CAAA,cAAA,EAAiB,OAAO,CAAA,CAAA;AACF,IAAA;AACD,IAAA;AACP,IAAA;AACF,IAAA;AACD,IAAA;AACX,IAAA;AAGS,EAAA;AAGT,EAAA;AAIQ,IAAA;AACG,sBAAA;AAGA,sBAAA;AACH,IAAA;AAGA,IAAA;AAMJ,EAAA;AACyB,IAAA;AAGrB,IAAA;AAKqB,IAAA;AAG7B,EAAA;AAQA,EAAA;AACG,IAAA;AAAA,IAAA;AACM,MAAA;AACa,MAAA;AACN,MAAA;AACD,MAAA;AACA,MAAA;AACW,MAAA;AAErB,MAAA;AAAA,IAAA;AAGH,EAAA;AAAC,IAAA;AAAA,IAAA;AACM,MAAA;AACA,MAAA;AACO,MAAA;AACD,MAAA;AACW,MAAA;AAErB,MAAA;AAAA,IAAA;AACH,EAAA;AAGa,EAAA;AACnB;AAasF;AAC5E,EAAA;AACV;ADtD6B;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-XPG56DLQ.cjs","sourcesContent":[null,"import React from 'react';\nimport { LoaderCircle } from 'lucide-react';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonProps, IconButtonProps, IconLinkButtonProps } from './Button.types';\nimport { renderIcon, devWarn } from '../../utils';\nimport { EidosLink } from '../LinkProvider/Link.component';\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  loading = false,\n  loadingText = 'Loading...',\n  tooltip,\n  className = '',\n  preIcon,\n  posIcon,\n  icon,\n  children,\n  ...buttonProps\n}) => {\n  const isIconOnly = !!icon;\n\n  if (isIconOnly) {\n    if (children) {\n      throw new Error('Icon-only buttons cannot have children');\n    }\n    if (preIcon) {\n      throw new Error('Icon-only buttons cannot have preIcon');\n    }\n    if (posIcon) {\n      throw new Error('Icon-only buttons cannot have posIcon');\n    }\n  }\n\n  // ── Accessible name for icon-only buttons ──────────────────────────────\n  //\n  // An icon-only button has no text, so without `aria-label` it is announced\n  // as just \"button\". `tooltip` alone did NOT fix this: `Tooltip` renders a\n  // floating panel and adds no naming attributes to its child, so the\n  // library's own documented example - `<IconButton icon={Plus}\n  // tooltip=\"Add item\" />` - shipped a nameless control.\n  //\n  // Falling back to `tooltip` makes that documented pattern correct without\n  // asking anyone to change their code: if you already described the button\n  // for sighted users, that description now names it for everyone.\n  //\n  // Only ever a fallback - an explicit `aria-label` or `aria-labelledby`\n  // always wins, since the caller may want a longer name than the tooltip.\n  const suppliedLabel = buttonProps['aria-label'] ?? buttonProps['aria-labelledby'];\n  const iconOnlyLabel = isIconOnly && !suppliedLabel ? tooltip : undefined;\n\n  if (isIconOnly && !suppliedLabel && !tooltip) {\n    devWarn(\n      'button-icon-only-name',\n      'Button: an icon-only button needs an accessible name. Pass `tooltip` (which now also names it) or `aria-label`, otherwise it is announced as just \"button\".',\n    );\n  }\n\n  const buttonClasses = [\n    'eidos-button',\n    `eidos-button--${variant}`,\n    `eidos-button--${color}`,\n    `eidos-button--${size}`,\n    isIconOnly && 'eidos-button--icon-only',\n    disabled && 'eidos-button--disabled',\n    loading && 'eidos-button--loading',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const content = (\n    <>\n      {loading ? (\n        <>\n          {!isIconOnly && (\n            <>\n              <span className=\"eidos-button--loading-spinner\">\n                <LoaderCircle className=\"eidos-button--spinner-icon\" />\n              </span>\n              <span className=\"eidos-button--copy\">{loadingText}</span>\n            </>\n          )}\n          {isIconOnly && (\n            <span className=\"eidos-button--loading-spinner\">\n              <LoaderCircle className=\"eidos-button--spinner-icon\" />\n            </span>\n          )}\n        </>\n      ) : (\n        <>\n          {preIcon && renderIcon(preIcon, 'eidos-button--pre-icon')}\n\n          {isIconOnly && icon ? (\n            renderIcon(icon, 'eidos-button--icon')\n          ) : (\n            <span className=\"eidos-button--copy\">{children}</span>\n          )}\n\n          {posIcon && renderIcon(posIcon, 'eidos-button--pos-icon')}\n        </>\n      )}\n    </>\n  );\n\n  // Discriminated on `href` alone. The props arrive as one of four union\n  // members, but destructuring the style/content props above collapses the\n  // rest into a shape TypeScript can no longer narrow, hence the casts - each\n  // is exactly the half of the union the `href` check just proved.\n  const buttonContent =\n    typeof buttonProps.href === 'string' ? (\n      <EidosLink\n        {...(buttonProps as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n        href={buttonProps.href}\n        aria-label={iconOnlyLabel ?? buttonProps['aria-label']}\n        aria-busy={loading || undefined}\n        className={buttonClasses}\n        disabled={disabled || loading}\n      >\n        {content}\n      </EidosLink>\n    ) : (\n      <button\n        type=\"button\"\n        {...(buttonProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        aria-label={iconOnlyLabel ?? buttonProps['aria-label']}\n        className={buttonClasses}\n        disabled={disabled || loading}\n      >\n        {content}\n      </button>\n    );\n\n  return tooltip ? <Tooltip message={tooltip}>{buttonContent}</Tooltip> : buttonContent;\n};\n\n/**\n * IconButton - Convenience wrapper for icon-only buttons\n *\n * @example\n * ```tsx\n * import { IconButton } from 'eidos-ui';\n * import { Plus } from 'lucide-react';\n *\n * <IconButton icon={Plus} tooltip=\"Add item\" />\n * ```\n */\nexport const IconButton: React.FC<IconButtonProps | IconLinkButtonProps> = (props) => {\n  return <Button {...props} />;\n};\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-NSA7ASZ7.cjs","../src/components/Button/Button.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,2CAA6B;AA6EjB,+CAAA;AAvEL,IAAM,OAAA,EAAgC,CAAC;AAAA,EAC5C,QAAA,EAAU,QAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,KAAA;AAAA,EACV,YAAA,EAAc,YAAA;AAAA,EACd,OAAA;AAAA,EACA,UAAA,EAAY,EAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,WAAA,EAAa,CAAC,CAAC,IAAA;AAErB,EAAA,GAAA,CAAI,UAAA,EAAY;AACd,IAAA,GAAA,CAAI,QAAA,EAAU;AACZ,MAAA,MAAM,IAAI,KAAA,CAAM,wCAAwC,CAAA;AAAA,IAC1D;AACA,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,MAAM,IAAI,KAAA,CAAM,uCAAuC,CAAA;AAAA,IACzD;AACA,IAAA,GAAA,CAAI,OAAA,EAAS;AACX,MAAA,MAAM,IAAI,KAAA,CAAM,uCAAuC,CAAA;AAAA,IACzD;AAAA,EACF;AAgBA,EAAA,MAAM,cAAA,mBAAgB,WAAA,CAAY,YAAY,CAAA,UAAK,WAAA,CAAY,iBAAiB,GAAA;AAChF,EAAA,MAAM,cAAA,EAAgB,WAAA,GAAc,CAAC,cAAA,EAAgB,QAAA,EAAU,KAAA,CAAA;AAE/D,EAAA,GAAA,CAAI,WAAA,GAAc,CAAC,cAAA,GAAiB,CAAC,OAAA,EAAS;AAC5C,IAAA,uCAAA;AAAA,MACE,uBAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,EACF;AAEA,EAAA,MAAM,cAAA,EAAgB;AAAA,IACpB,cAAA;AAAA,IACA,CAAA,cAAA,EAAiB,OAAO,CAAA,CAAA;AACF,IAAA;AACD,IAAA;AACP,IAAA;AACF,IAAA;AACD,IAAA;AACX,IAAA;AAGS,EAAA;AAGT,EAAA;AAIQ,IAAA;AACG,sBAAA;AAGA,sBAAA;AACH,IAAA;AAGA,IAAA;AAMJ,EAAA;AACyB,IAAA;AAGrB,IAAA;AAKqB,IAAA;AAG7B,EAAA;AAQA,EAAA;AACG,IAAA;AAAA,IAAA;AACM,MAAA;AACa,MAAA;AACN,MAAA;AACD,MAAA;AACA,MAAA;AACW,MAAA;AAErB,MAAA;AAAA,IAAA;AAGH,EAAA;AAAC,IAAA;AAAA,IAAA;AACM,MAAA;AACA,MAAA;AACO,MAAA;AACD,MAAA;AACW,MAAA;AAErB,MAAA;AAAA,IAAA;AACH,EAAA;AAGa,EAAA;AACnB;AAasF;AAC5E,EAAA;AACV;ADtD6B;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-NSA7ASZ7.cjs","sourcesContent":[null,"import React from 'react';\nimport { LoaderCircle } from 'lucide-react';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonProps, IconButtonProps, IconLinkButtonProps } from './Button.types';\nimport { renderIcon, devWarn } from '../../utils';\nimport { EidosLink } from '../LinkProvider/Link.component';\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  loading = false,\n  loadingText = 'Loading...',\n  tooltip,\n  className = '',\n  preIcon,\n  posIcon,\n  icon,\n  children,\n  ...buttonProps\n}) => {\n  const isIconOnly = !!icon;\n\n  if (isIconOnly) {\n    if (children) {\n      throw new Error('Icon-only buttons cannot have children');\n    }\n    if (preIcon) {\n      throw new Error('Icon-only buttons cannot have preIcon');\n    }\n    if (posIcon) {\n      throw new Error('Icon-only buttons cannot have posIcon');\n    }\n  }\n\n  // ── Accessible name for icon-only buttons ──────────────────────────────\n  //\n  // An icon-only button has no text, so without `aria-label` it is announced\n  // as just \"button\". `tooltip` alone did NOT fix this: `Tooltip` renders a\n  // floating panel and adds no naming attributes to its child, so the\n  // library's own documented example - `<IconButton icon={Plus}\n  // tooltip=\"Add item\" />` - shipped a nameless control.\n  //\n  // Falling back to `tooltip` makes that documented pattern correct without\n  // asking anyone to change their code: if you already described the button\n  // for sighted users, that description now names it for everyone.\n  //\n  // Only ever a fallback - an explicit `aria-label` or `aria-labelledby`\n  // always wins, since the caller may want a longer name than the tooltip.\n  const suppliedLabel = buttonProps['aria-label'] ?? buttonProps['aria-labelledby'];\n  const iconOnlyLabel = isIconOnly && !suppliedLabel ? tooltip : undefined;\n\n  if (isIconOnly && !suppliedLabel && !tooltip) {\n    devWarn(\n      'button-icon-only-name',\n      'Button: an icon-only button needs an accessible name. Pass `tooltip` (which now also names it) or `aria-label`, otherwise it is announced as just \"button\".',\n    );\n  }\n\n  const buttonClasses = [\n    'eidos-button',\n    `eidos-button--${variant}`,\n    `eidos-button--${color}`,\n    `eidos-button--${size}`,\n    isIconOnly && 'eidos-button--icon-only',\n    disabled && 'eidos-button--disabled',\n    loading && 'eidos-button--loading',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const content = (\n    <>\n      {loading ? (\n        <>\n          {!isIconOnly && (\n            <>\n              <span className=\"eidos-button--loading-spinner\">\n                <LoaderCircle className=\"eidos-button--spinner-icon\" />\n              </span>\n              <span className=\"eidos-button--copy\">{loadingText}</span>\n            </>\n          )}\n          {isIconOnly && (\n            <span className=\"eidos-button--loading-spinner\">\n              <LoaderCircle className=\"eidos-button--spinner-icon\" />\n            </span>\n          )}\n        </>\n      ) : (\n        <>\n          {preIcon && renderIcon(preIcon, 'eidos-button--pre-icon')}\n\n          {isIconOnly && icon ? (\n            renderIcon(icon, 'eidos-button--icon')\n          ) : (\n            <span className=\"eidos-button--copy\">{children}</span>\n          )}\n\n          {posIcon && renderIcon(posIcon, 'eidos-button--pos-icon')}\n        </>\n      )}\n    </>\n  );\n\n  // Discriminated on `href` alone. The props arrive as one of four union\n  // members, but destructuring the style/content props above collapses the\n  // rest into a shape TypeScript can no longer narrow, hence the casts - each\n  // is exactly the half of the union the `href` check just proved.\n  const buttonContent =\n    typeof buttonProps.href === 'string' ? (\n      <EidosLink\n        {...(buttonProps as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n        href={buttonProps.href}\n        aria-label={iconOnlyLabel ?? buttonProps['aria-label']}\n        aria-busy={loading || undefined}\n        className={buttonClasses}\n        disabled={disabled || loading}\n      >\n        {content}\n      </EidosLink>\n    ) : (\n      <button\n        type=\"button\"\n        {...(buttonProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        aria-label={iconOnlyLabel ?? buttonProps['aria-label']}\n        className={buttonClasses}\n        disabled={disabled || loading}\n      >\n        {content}\n      </button>\n    );\n\n  return tooltip ? <Tooltip message={tooltip}>{buttonContent}</Tooltip> : buttonContent;\n};\n\n/**\n * IconButton - Convenience wrapper for icon-only buttons\n *\n * @example\n * ```tsx\n * import { IconButton } from 'eidos-ui';\n * import { Plus } from 'lucide-react';\n *\n * <IconButton icon={Plus} tooltip=\"Add item\" />\n * ```\n */\nexport const IconButton: React.FC<IconButtonProps | IconLinkButtonProps> = (props) => {\n  return <Button {...props} />;\n};\n"]}

package/dist/{chunk-6NAOAKII.js → chunk-NWFGXLQP.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-XIUZT4TO.js";
+} from "./chunk-GE3QCXT7.js";
 
 // src/components/InlineEdit/InlineEdit.component.tsx
 import { useState, useRef, useCallback } from "react";
@@ -122,4 +122,4 @@ var InlineEdit = ({
 export {
   InlineEdit
 };
-//# sourceMappingURL=chunk-6NAOAKII.js.map
+//# sourceMappingURL=chunk-NWFGXLQP.js.map