eidos-ui 1.0.0 → 1.0.2

package/dist/{chunk-HO7P6IJO.js → chunk-JC4WLVBG.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-FO5FNTJX.js";
+} from "./chunk-WIE7HDIM.js";
 
 // src/components/Snackbar/Snackbar.context.tsx
 import { createContext, useContext, useState, useCallback, useRef } from "react";
@@ -235,4 +235,4 @@ export {
   SnackbarContainer,
   useSnackbar
 };
-//# sourceMappingURL=chunk-HO7P6IJO.js.map
+//# sourceMappingURL=chunk-JC4WLVBG.js.map

package/dist/chunk-JC4WLVBG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Snackbar/Snackbar.context.tsx","../src/components/Snackbar/SnackbarContainer.component.tsx","../src/components/Snackbar/Snackbar.component.tsx","../src/components/Snackbar/Snackbar.hooks.ts"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useRef } from 'react';\nimport type { SnackbarContextValue, SnackbarItem, SnackbarProps } from './Snackbar.types';\n\nconst SnackbarContext = createContext<SnackbarContextValue | undefined>(undefined);\n\nexport const useSnackbarContext = (): SnackbarContextValue => {\n  const context = useContext(SnackbarContext);\n  if (!context) {\n    throw new Error('useSnackbarContext must be used within a SnackbarProvider');\n  }\n  return context;\n};\n\ninterface SnackbarProviderProps {\n  children: React.ReactNode;\n}\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({ children }) => {\n  const [snackbars, setSnackbars] = useState<SnackbarItem[]>([]);\n  // Mirror state in a ref so removeSnackbar can read current items synchronously\n  // without placing side-effects inside a setState updater (which StrictMode calls twice).\n  const snackbarsRef = useRef<SnackbarItem[]>([]);\n  snackbarsRef.current = snackbars;\n\n  const generateId = useCallback((): string => {\n    return `snackbar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n  }, []);\n\n  const removeSnackbar = useCallback((id: string): void => {\n    // Read from ref - safe to call outside a setState updater.\n    // Calling side-effects inside a setState updater is wrong: React StrictMode\n    // deliberately invokes updaters twice, which would fire onClose 2× from here\n    // plus 1× from SnackbarComponent.handleClose = 3× total.\n    const snackbar = snackbarsRef.current.find((item) => item.id === id);\n    if (snackbar?.onClose) {\n      snackbar.onClose(id);\n    }\n\n    // Transition to exiting state, then remove after the CSS animation (300ms).\n    setSnackbars((prev) =>\n      prev.map((item) => (item.id === id ? { ...item, state: 'exiting' } : item)),\n    );\n\n    setTimeout(() => {\n      setSnackbars((prev) => prev.filter((item) => item.id !== id));\n    }, 300);\n  }, []);\n\n  const addSnackbar = useCallback(\n    (snackbar: Omit<SnackbarProps, 'id'>): string => {\n      const id = generateId();\n      const newSnackbar: SnackbarItem = {\n        ...snackbar,\n        id,\n        state: 'entering',\n        createdAt: Date.now(),\n      };\n\n      setSnackbars((prev) => [newSnackbar, ...prev]); // Add to beginning (newest on top)\n\n      // Use requestAnimationFrame to ensure DOM is rendered before animation\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          setSnackbars((prev) =>\n            prev.map((item) => (item.id === id ? { ...item, state: 'entered' } : item)),\n          );\n        });\n      });\n\n      // Auto-close if duration is set\n      if (snackbar.duration && snackbar.duration > 0) {\n        setTimeout(() => {\n          removeSnackbar(id);\n        }, snackbar.duration);\n      }\n\n      return id;\n    },\n    [generateId, removeSnackbar],\n  );\n\n  const clearAllSnackbars = useCallback((): void => {\n    // Transition all to exiting state\n    setSnackbars((prev) => prev.map((item) => ({ ...item, state: 'exiting' })));\n\n    // Remove all after animation completes (300ms to match CSS animation)\n    setTimeout(() => {\n      setSnackbars([]);\n    }, 300);\n  }, []);\n\n  const contextValue: SnackbarContextValue = {\n    snackbars,\n    addSnackbar,\n    removeSnackbar,\n    clearAllSnackbars,\n  };\n\n  return <SnackbarContext.Provider value={contextValue}>{children}</SnackbarContext.Provider>;\n};\n\nSnackbarProvider.displayName = 'SnackbarProvider';\n","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport { useSnackbarContext } from './Snackbar.context';\nimport { SnackbarComponent } from './Snackbar.component';\n\nexport const SnackbarContainer: React.FC = () => {\n  const { snackbars, removeSnackbar } = useSnackbarContext();\n\n  if (snackbars.length === 0) {\n    return null;\n  }\n\n  return createPortal(\n    <div className={'eidos-snackbar-container'}>\n      {snackbars.map((snackbar) => (\n        <div key={snackbar.id} className={'eidos-snackbar-wrapper'}>\n          <SnackbarComponent snackbar={snackbar} onClose={removeSnackbar} />\n        </div>\n      ))}\n    </div>,\n    document.body,\n  );\n};\n\nSnackbarContainer.displayName = 'SnackbarContainer';\n","import React from 'react';\nimport { X } from 'lucide-react';\nimport { Button } from '../Button/Button.component';\nimport type { SnackbarItem } from './Snackbar.types';\n\ninterface SnackbarComponentProps {\n  snackbar: SnackbarItem;\n  onClose: (id: string) => void;\n}\n\nexport const SnackbarComponent: React.FC<SnackbarComponentProps> = ({ snackbar, onClose }) => {\n  const {\n    id,\n    variant = 'info',\n    message,\n    component: Component,\n    componentProps,\n    action,\n    state,\n  } = snackbar;\n\n  const handleClose = () => {\n    // onClose callback is fired by removeSnackbar (context) to cover both\n    // manual and auto-close paths without duplication.\n    onClose(id);\n  };\n\n  const handleActionClick = () => {\n    if (action?.onClick) {\n      action.onClick();\n    }\n  };\n\n  // Render content based on type\n  const renderContent = () => {\n    if (message) {\n      return <span className={'eidos-snackbar-message'}>{message}</span>;\n    }\n    if (Component) {\n      return <Component {...(componentProps || {})} />;\n    }\n    return null;\n  };\n\n  return (\n    <div\n      className={`eidos-snackbar eidos-snackbar--${variant} eidos-snackbar--${state} ${snackbar.className || ''}`}\n      role=\"alert\"\n      aria-live=\"polite\"\n    >\n      <div className={'eidos-snackbar-content'}>{renderContent()}</div>\n\n      {action && (\n        <div className={'eidos-snackbar-actions'}>\n          <Button\n            variant={action.variant === 'primary' ? 'filled' : 'text'}\n            size=\"sm\"\n            onClick={handleActionClick}\n            className={'eidos-snackbar-action-button'}\n          >\n            {action.label}\n          </Button>\n        </div>\n      )}\n\n      <button\n        className={'eidos-snackbar-close-button'}\n        onClick={handleClose}\n        aria-label=\"Close notification\"\n        type=\"button\"\n      >\n        <X className={'eidos-snackbar-close-icon'} />\n      </button>\n    </div>\n  );\n};\n\nSnackbarComponent.displayName = 'SnackbarComponent';\n","import { useCallback } from 'react';\nimport { useSnackbarContext } from './Snackbar.context';\nimport type { UseSnackbarReturn, SnackbarProps } from './Snackbar.types';\n\nexport const useSnackbar = (): UseSnackbarReturn => {\n  const { addSnackbar, removeSnackbar, clearAllSnackbars } = useSnackbarContext();\n\n  const showSnackbar = useCallback(\n    (snackbar: Omit<SnackbarProps, 'id'>): string => {\n      return addSnackbar(snackbar);\n    },\n    [addSnackbar],\n  );\n\n  const hideSnackbar = useCallback(\n    (id: string): void => {\n      removeSnackbar(id);\n    },\n    [removeSnackbar],\n  );\n\n  const clearAll = useCallback((): void => {\n    clearAllSnackbars();\n  }, [clearAllSnackbars]);\n\n  const showSuccess = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'success',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  const showError = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'danger',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  const showWarning = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'warning',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  const showInfo = useCallback(\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\n      return showSnackbar({\n        message,\n        variant: 'info',\n        duration: 5000,\n        ...options,\n      });\n    },\n    [showSnackbar],\n  );\n\n  return {\n    showSnackbar,\n    hideSnackbar,\n    clearAll,\n    showSuccess,\n    showError,\n    showWarning,\n    showInfo,\n  };\n};\n\nexport default useSnackbar;\n"],"mappings":"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","names":["jsx","jsx","useCallback","useCallback"]}

package/dist/{chunk-O6B4KB4D.js → chunk-JMD3P4CY.js}

@@ -1,15 +1,15 @@
 import {
   Dropdown
-} from "./chunk-SXF3TCYA.js";
+} from "./chunk-4BKTBV2I.js";
 import {
   Kbd
-} from "./chunk-73EKJU4G.js";
+} from "./chunk-LYH3EKKQ.js";
 import {
   renderIcon
-} from "./chunk-XSGUFMT4.js";
+} from "./chunk-5CLC3FJO.js";
 import {
   Tooltip
-} from "./chunk-H523JFY2.js";
+} from "./chunk-YV57RSPD.js";
 
 // src/components/Menu/Menu.component.tsx
 import { useCallback } from "react";
@@ -122,4 +122,4 @@ export {
   MenuPanel,
   Menu
 };
-//# sourceMappingURL=chunk-O6B4KB4D.js.map
+//# sourceMappingURL=chunk-JMD3P4CY.js.map

package/dist/chunk-JMD3P4CY.js.map

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

package/dist/{chunk-T56K5IKQ.js → chunk-JV7Z3D3U.js}

@@ -1,6 +1,6 @@
 import {
   Dropdown
-} from "./chunk-SXF3TCYA.js";
+} from "./chunk-4BKTBV2I.js";
 
 // src/components/ColorPicker/ColorPicker.component.tsx
 import { useState, useRef, useEffect, useCallback } from "react";
@@ -523,4 +523,4 @@ ColorPicker.displayName = "ColorPicker";
 export {
   ColorPicker
 };
-//# sourceMappingURL=chunk-T56K5IKQ.js.map
+//# sourceMappingURL=chunk-JV7Z3D3U.js.map

package/dist/chunk-JV7Z3D3U.js.map

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

package/dist/{chunk-DFADZZ3K.js → chunk-K7IFNKMN.js}

@@ -1,9 +1,9 @@
 import {
   renderIcon
-} from "./chunk-XSGUFMT4.js";
+} from "./chunk-5CLC3FJO.js";
 import {
   Tooltip
-} from "./chunk-H523JFY2.js";
+} from "./chunk-YV57RSPD.js";
 
 // src/components/Textarea/Textarea.component.tsx
 import { forwardRef, useState, useId } from "react";
@@ -123,4 +123,4 @@ Textarea.displayName = "Textarea";
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-DFADZZ3K.js.map
+//# sourceMappingURL=chunk-K7IFNKMN.js.map

package/dist/chunk-K7IFNKMN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Textarea/Textarea.component.tsx"],"sourcesContent":["import React, { forwardRef, useState, useId } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport { renderIcon } from '../../utils';\nimport type { TextareaProps } from './Textarea.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      variant = 'filled',\n      color = 'primary',\n      size = 'md',\n      disabled = false,\n      loading = false,\n      className = '',\n      fullWidth = false,\n      label,\n      error,\n      disclaimerIcon,\n      disclaimerContent,\n      required,\n      rows = 4,\n      resize = 'vertical',\n      showCount = false,\n      maxLength,\n      id,\n      ...textareaProps\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const textareaId = id || `textarea-${generatedId}`;\n\n    // Extract defaultValue so it never reaches the native <textarea> alongside `value`.\n    // Same reasoning as Input: we always set value={currentValue}, so having defaultValue\n    // in the spread as well triggers React's controlled/uncontrolled warning.\n    const { defaultValue, ...restTextareaProps } = textareaProps;\n\n    // Determine if using controlled or uncontrolled mode\n    const isControlled = restTextareaProps.value !== undefined;\n    const [localValue, setLocalValue] = useState(defaultValue != null ? String(defaultValue) : '');\n    const [isFocused, setIsFocused] = useState(false);\n\n    const currentValue = isControlled ? restTextareaProps.value : localValue;\n\n    // Label floats when the field has content (same logic as Input)\n    const shouldFloatLabel = Boolean(currentValue) || Boolean(defaultValue);\n\n    const isRequired =\n      required || Boolean('required' in restTextareaProps && restTextareaProps.required);\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setLocalValue(e.target.value);\n      }\n      restTextareaProps.onChange?.(e);\n    };\n\n    // ── Class lists ──────────────────────────────────────────────────────────\n\n    const containerClasses = [\n      'eidos-textarea-container',\n      fullWidth && 'eidos-textarea-container--fullWidth',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [\n      'eidos-textarea-wrapper',\n      `eidos-textarea-wrapper--${variant}`,\n      `eidos-textarea-wrapper--${color}`,\n      `eidos-textarea-wrapper--${size}`,\n      fullWidth && 'eidos-textarea-wrapper--fullWidth',\n      loading && 'eidos-textarea-wrapper--loading',\n      isFocused && 'eidos-textarea-wrapper--focused',\n      error && 'eidos-textarea-wrapper--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const textareaClasses = [\n      'eidos-textarea',\n      `eidos-textarea--${variant}`,\n      `eidos-textarea--${color}`,\n      `eidos-textarea--${size}`,\n      `eidos-textarea--resize-${resize}`,\n      fullWidth && 'eidos-textarea--fullWidth',\n      loading && 'eidos-textarea--loading',\n      error && 'eidos-textarea--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const labelClasses = [\n      'eidos-textarea-label',\n      shouldFloatLabel && 'eidos-textarea-label--floating',\n      disclaimerIcon && 'eidos-textarea-label--with-icon',\n      error && 'eidos-textarea-label--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className={containerClasses}>\n        {label && (\n          <label htmlFor={textareaId} className={labelClasses}>\n            <span className=\"eidos-textarea-label-text\">{label}</span>\n            {isRequired && <span className=\"eidos-textarea-required-asterisk\">*</span>}\n            {disclaimerIcon &&\n              (disclaimerContent ? (\n                <Tooltip message={disclaimerContent}>\n                  <span className=\"eidos-textarea-disclaimer-icon\">\n                    {renderIcon(disclaimerIcon, 'eidos-textarea-disclaimer-icon-svg')}\n                  </span>\n                </Tooltip>\n              ) : (\n                <span className=\"eidos-textarea-disclaimer-icon\">\n                  {renderIcon(disclaimerIcon, 'eidos-textarea-disclaimer-icon-svg')}\n                </span>\n              ))}\n          </label>\n        )}\n\n        <div className={wrapperClasses}>\n          <textarea\n            ref={ref}\n            id={textareaId}\n            className={textareaClasses}\n            rows={rows}\n            maxLength={maxLength}\n            disabled={disabled || loading}\n            {...restTextareaProps}\n            value={currentValue}\n            onFocus={(e) => {\n              setIsFocused(true);\n              restTextareaProps.onFocus?.(e);\n            }}\n            onBlur={(e) => {\n              setIsFocused(false);\n              restTextareaProps.onBlur?.(e);\n            }}\n            onChange={handleChange}\n          />\n\n          {showCount && maxLength && (\n            <span className=\"eidos-textarea-count\">\n              {String(currentValue ?? '').length}/{maxLength}\n            </span>\n          )}\n        </div>\n\n        {error && (\n          <div className=\"eidos-textarea-error-message\">\n            <CircleAlert className=\"eidos-textarea-error-icon\" />\n            <span>{error}</span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = 'Textarea';\n"],"mappings":"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","names":[]}

package/dist/{chunk-C7F2VFAI.cjs → chunk-KIXFSXIN.cjs}

@@ -256,4 +256,4 @@ Popover.displayName = "Popover";
 
 
 exports.Popover = Popover;
-//# sourceMappingURL=chunk-C7F2VFAI.cjs.map
+//# sourceMappingURL=chunk-KIXFSXIN.cjs.map

package/dist/chunk-KIXFSXIN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KIXFSXIN.cjs","../src/components/Popover/Popover.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KIXFSXIN.cjs","sourcesContent":[null,"import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from 'lucide-react';\nimport type { PopoverProps, PopoverState, PopoverPlacement } from './Popover.types';\n\nexport const Popover: React.FC<PopoverProps> = ({\n  trigger,\n  children,\n  title,\n  placement: preferredPlacement = 'bottom',\n  showCloseButton = false,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  disabled = false,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  maxWidth = 320,\n  className,\n  contentClassName,\n}) => {\n  // ── Controlled / uncontrolled bridge ──────────────────────────────────────\n  const isControlled = isOpen !== undefined;\n  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);\n  const isVisible = isControlled ? isOpen! : localOpen;\n\n  // ── Positioning state ─────────────────────────────────────────────────────\n  const [popoverState, setPopoverState] = useState<PopoverState>({\n    isVisible: false,\n    isPositioned: false,\n    position: { top: 0, left: 0, placement: preferredPlacement },\n  });\n\n  // ── Refs ──────────────────────────────────────────────────────────────────\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  // ── Open / close helpers ──────────────────────────────────────────────────\n  const open = useCallback(() => {\n    if (disabled) return;\n    if (!isControlled) setLocalOpen(true);\n    onOpenChange?.(true);\n  }, [disabled, isControlled, onOpenChange]);\n\n  const close = useCallback(() => {\n    if (!isControlled) setLocalOpen(false);\n    onOpenChange?.(false);\n  }, [isControlled, onOpenChange]);\n\n  const toggle = useCallback(() => {\n    if (isVisible) {\n      close();\n    } else {\n      open();\n    }\n  }, [isVisible, open, close]);\n\n  // ── Positioning calculation ───────────────────────────────────────────────\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: PopoverPlacement = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - contentRect.height - gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'left':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.left - contentRect.width - gap;\n          break;\n        case 'right':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      // Flip if it doesn't fit in the preferred direction\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - contentRect.height - gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\n        placement = 'left';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.left - contentRect.width - gap;\n      }\n\n      // Clamp to viewport\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement],\n  );\n\n  // ── Sync isVisible → popoverState ─────────────────────────────────────────\n  useEffect(() => {\n    if (isVisible) {\n      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));\n    } else {\n      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));\n    }\n  }, [isVisible]);\n\n  // ── Two-pass positioning (Pass 2: measure then commit) ────────────────────\n  useEffect(() => {\n    if (\n      popoverState.isVisible &&\n      !popoverState.isPositioned &&\n      contentRef.current &&\n      triggerRef.current\n    ) {\n      const triggerRect = triggerRef.current.getBoundingClientRect();\n      const contentRect = contentRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n      setPopoverState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll repositioning ─────────────────────────────────────────────────\n  const handleScroll = useCallback(() => {\n    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (triggerRef.current && contentRef.current) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Resize repositioning ──────────────────────────────────────────────────\n  useEffect(() => {\n    const handleResize = () => {\n      if (\n        popoverState.isVisible &&\n        popoverState.isPositioned &&\n        contentRef.current &&\n        triggerRef.current\n      ) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll listener registration ─────────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n      document.body.removeEventListener('scroll', handleScroll);\n    };\n  }, [popoverState.isVisible, handleScroll]);\n\n  // ── Click-outside handler ─────────────────────────────────────────────────\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !popoverState.isVisible) return;\n\n      const target = event.target as Node;\n\n      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {\n        return;\n      }\n\n      close();\n    },\n    [closeOnClickOutside, popoverState.isVisible, close],\n  );\n\n  // ── Escape key handler ────────────────────────────────────────────────────\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && popoverState.isVisible) {\n        close();\n      }\n    },\n    [closeOnEscape, popoverState.isVisible, close],\n  );\n\n  // ── Register global event listeners ──────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.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  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);\n\n  // ── Cleanup on unmount ────────────────────────────────────────────────────\n  useEffect(() => {\n    const timeoutId = timeoutRef.current;\n    const animationFrameId = animationFrameRef.current;\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      if (animationFrameId) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    };\n  }, []);\n\n  // ── Render ────────────────────────────────────────────────────────────────\n  return (\n    <>\n      {/* Trigger wrapper */}\n      <div\n        ref={triggerRef}\n        className={['eidos-popover-trigger', className].filter(Boolean).join(' ')}\n        onClick={toggle}\n        aria-expanded={popoverState.isVisible}\n        aria-haspopup=\"dialog\"\n      >\n        {trigger}\n      </div>\n\n      {/* Portal: floating panel */}\n      {popoverState.isVisible &&\n        createPortal(\n          <div\n            ref={contentRef}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            aria-label={title ?? 'Popover'}\n            className={[\n              'eidos-popover-content',\n              `eidos-popover-content--${popoverState.position.placement}`,\n              popoverState.isPositioned ? 'eidos-popover-content--visible' : '',\n              contentClassName,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{\n              top: popoverState.position.top,\n              left: popoverState.position.left,\n              maxWidth: maxWidth,\n            }}\n          >\n            {(title || showCloseButton) && (\n              <div className=\"eidos-popover-header\">\n                {title && <span className=\"eidos-popover-title\">{title}</span>}\n                {showCloseButton && (\n                  <button\n                    type=\"button\"\n                    className=\"eidos-popover-close\"\n                    onClick={close}\n                    aria-label=\"Close popover\"\n                  >\n                    <X aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n            )}\n            <div className=\"eidos-popover-body\">{children}</div>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nPopover.displayName = 'Popover';\n"]}

package/dist/{chunk-V5JNYS77.cjs → chunk-KV3V2CPH.cjs}

@@ -26,4 +26,4 @@ EmptyState.displayName = "EmptyState";
 
 
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=chunk-V5JNYS77.cjs.map
+//# sourceMappingURL=chunk-KV3V2CPH.cjs.map

package/dist/chunk-KV3V2CPH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KV3V2CPH.cjs","../src/components/EmptyState/EmptyState.component.tsx"],"names":[],"mappings":"AAAA;ACgBa,+CAAA;AAbN,IAAM,WAAA,EAAwC,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA,EAAA,mBACE,8BAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,CAAC,mBAAA,EAAqB,CAAA,mBAAA,EAAsB,IAAI,CAAA,CAAA;AAI1D,IAAA;AAAuB,MAAA;AAET,sBAAA;AACC,wBAAA;AACe,QAAA;AAC/B,MAAA;AAE0B,MAAA;AAAmC,IAAA;AAAA,EAAA;AAC/D;AAGuB;ADHuC;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KV3V2CPH.cjs","sourcesContent":[null,"import React from 'react';\nimport type { EmptyStateProps } from './EmptyState.types';\n\nexport const EmptyState: React.FC<EmptyStateProps> = ({\n  icon,\n  title,\n  description,\n  action,\n  size = 'md',\n  className = '',\n}) => (\n  <div\n    className={['eidos-empty-state', `eidos-empty-state--${size}`, className]\n      .filter(Boolean)\n      .join(' ')}\n  >\n    {icon && <div className=\"eidos-empty-state-icon\">{icon}</div>}\n\n    <div className=\"eidos-empty-state-content\">\n      <h3 className=\"eidos-empty-state-title\">{title}</h3>\n      {description && <p className=\"eidos-empty-state-description\">{description}</p>}\n    </div>\n\n    {action && <div className=\"eidos-empty-state-action\">{action}</div>}\n  </div>\n);\n\nEmptyState.displayName = 'EmptyState';\n"]}

package/dist/{chunk-5TGBNYZK.cjs → chunk-KVIL4EP4.cjs}

@@ -8,4 +8,4 @@ var Kbd = ({ children, size = "md", className = "" }) => {
 
 
 exports.Kbd = Kbd;
-//# sourceMappingURL=chunk-5TGBNYZK.cjs.map
+//# sourceMappingURL=chunk-KVIL4EP4.cjs.map

package/dist/chunk-KVIL4EP4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KVIL4EP4.cjs","../src/components/Kbd/Kbd.component.tsx"],"names":[],"mappings":"AAAA;AC2BS,+CAAA;AAHF,IAAM,IAAA,EAA0B,CAAC,EAAE,QAAA,EAAU,KAAA,EAAO,IAAA,EAAM,UAAA,EAAY,GAAG,CAAA,EAAA,GAAM;AACpF,EAAA,MAAM,QAAA,EAAU,CAAC,WAAA,EAAa,CAAA,WAAA,EAAc,IAAI,CAAA,CAAA;AAEzB,EAAA;AACzB;ADtBmD;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KVIL4EP4.cjs","sourcesContent":[null,"import React from 'react';\nimport type { KbdProps } from './Kbd.types';\n\n/**\n * Kbd - renders a keyboard key or shortcut with a physical key appearance.\n *\n * Use it anywhere a keyboard shortcut needs to be communicated: tooltips,\n * menu item shortcuts, inline documentation, command palettes.\n *\n * For multi-key combinations, place `<Kbd>` elements side-by-side and\n * separate them with a `+` character or a thin space as suits the context.\n *\n * @example\n * ```tsx\n * // Single key\n * <Kbd>⌘</Kbd>\n *\n * // Compound shortcut - wrap in a fragment or span\n * <span><Kbd>⌘</Kbd><Kbd>K</Kbd></span>\n *\n * // Inline in prose\n * Press <Kbd>Enter</Kbd> to confirm.\n * ```\n */\nexport const Kbd: React.FC<KbdProps> = ({ children, size = 'md', className = '' }) => {\n  const classes = ['eidos-kbd', `eidos-kbd--${size}`, className].filter(Boolean).join(' ');\n\n  return <kbd className={classes}>{children}</kbd>;\n};\n"]}

package/dist/{chunk-PWIA4XQD.js → chunk-LUSLBNSG.js}

@@ -317,4 +317,4 @@ TreeView.displayName = "TreeView";
 export {
   TreeView
 };
-//# sourceMappingURL=chunk-PWIA4XQD.js.map
+//# sourceMappingURL=chunk-LUSLBNSG.js.map

package/dist/chunk-LUSLBNSG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TreeView/TreeView.component.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, useRef, useContext, createContext } from 'react';\nimport { ChevronRight, Folder, FolderOpen, File } from 'lucide-react';\nimport type { TreeViewProps, TreeNode } from './TreeView.types';\nimport './TreeView.scss';\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/** Collect all branch node IDs by recursively traversing the tree. */\nfunction collectAllBranchIds(nodes: TreeNode[]): string[] {\n  const ids: string[] = [];\n  function traverse(items: TreeNode[]): void {\n    for (const node of items) {\n      if (node.children && node.children.length > 0) {\n        ids.push(node.id);\n        traverse(node.children);\n      }\n    }\n  }\n  traverse(nodes);\n  return ids;\n}\n\n/** Build a flat Map of id → node for O(1) lookups. */\nfunction buildNodeMap(nodes: TreeNode[]): Map<string, TreeNode> {\n  const map = new Map<string, TreeNode>();\n  function traverse(items: TreeNode[]): void {\n    for (const node of items) {\n      map.set(node.id, node);\n      if (node.children) traverse(node.children);\n    }\n  }\n  traverse(nodes);\n  return map;\n}\n\n/** Build a Map of id → parentId (null for root nodes). */\nfunction buildParentMap(nodes: TreeNode[]): Map<string, string | null> {\n  const map = new Map<string, string | null>();\n  function traverse(items: TreeNode[], parentId: string | null): void {\n    for (const node of items) {\n      map.set(node.id, parentId);\n      if (node.children) traverse(node.children, node.id);\n    }\n  }\n  traverse(nodes, null);\n  return map;\n}\n\n/**\n * Return an ordered list of all node IDs that are currently visible -\n * i.e. not hidden because an ancestor is collapsed.\n */\nfunction computeVisibleIds(nodes: TreeNode[], expandedIds: Set<string>): string[] {\n  const result: string[] = [];\n  function traverse(items: TreeNode[]): void {\n    for (const node of items) {\n      result.push(node.id);\n      if (node.children && node.children.length > 0 && expandedIds.has(node.id)) {\n        traverse(node.children);\n      }\n    }\n  }\n  traverse(nodes);\n  return result;\n}\n\n// ============================================================================\n// CONTEXT\n// ============================================================================\n\ninterface TreeContextValue {\n  selectedIds: Set<string>;\n  expandedIds: Set<string>;\n  /** ID of the node that currently owns tabIndex=0 (roving tabindex). */\n  tabFocusId: string | null;\n  multiSelect: boolean;\n  size: NonNullable<TreeViewProps['size']>;\n  showLines: boolean;\n  renderLabel: TreeViewProps['renderLabel'];\n  onNodeClick: (node: TreeNode) => void;\n  onToggleExpand: (id: string) => void;\n  onNodeFocus: (id: string) => void;\n  onNodeKeyDown: (e: React.KeyboardEvent<HTMLLIElement>, node: TreeNode, isBranch: boolean) => void;\n  /** Map of node id → li element, populated by TreeNodeItem via callback ref. */\n  nodeRefs: React.MutableRefObject<Map<string, HTMLLIElement>>;\n}\n\nconst TreeContext = createContext<TreeContextValue | null>(null);\n\nfunction useTreeContext(): TreeContextValue {\n  const ctx = useContext(TreeContext);\n  if (!ctx) throw new Error('TreeNodeItem must be rendered inside <TreeView>');\n  return ctx;\n}\n\n// ============================================================================\n// INTERNAL TREE NODE ITEM - renders itself and its children recursively\n// ============================================================================\n\ninterface TreeNodeItemProps {\n  node: TreeNode;\n  /** 1-based nesting depth for aria-level. */\n  depth: number;\n}\n\nconst TreeNodeItem: React.FC<TreeNodeItemProps> = ({ node, depth }) => {\n  const ctx = useTreeContext();\n  const { nodeRefs } = ctx;\n\n  const isBranch = Boolean(node.children && node.children.length > 0);\n  const isExpanded = isBranch && ctx.expandedIds.has(node.id);\n  const isSelected = ctx.selectedIds.has(node.id);\n  const isDisabled = node.disabled === true;\n\n  // Register/unregister this li element so the root can programmatically focus it.\n  const liRef = useCallback(\n    (el: HTMLLIElement | null) => {\n      if (el) nodeRefs.current.set(node.id, el);\n      else nodeRefs.current.delete(node.id);\n    },\n    [node.id, nodeRefs],\n  );\n\n  const handleRowClick = () => {\n    if (!isDisabled) ctx.onNodeClick(node);\n  };\n\n  const handleToggleClick = (e: React.MouseEvent) => {\n    // stopPropagation prevents the row's onClick from firing (no accidental selection).\n    e.stopPropagation();\n    if (!isDisabled && isBranch) ctx.onToggleExpand(node.id);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLLIElement>) => {\n    ctx.onNodeKeyDown(e, node, isBranch);\n  };\n\n  // Default icon: folder (open/closed) for branches, file for leaves.\n  const DefaultIcon = isBranch ? (isExpanded ? FolderOpen : Folder) : File;\n  const NodeIcon = (node.icon ?? DefaultIcon) as React.FC<{ className?: string; size?: number }>;\n  const iconSize = ctx.size === 'sm' ? 14 : ctx.size === 'lg' ? 18 : 16;\n\n  const rowClasses = [\n    'eidos-tree-node-row',\n    isSelected && 'eidos-tree-node-row--selected',\n    isDisabled && 'eidos-tree-node-row--disabled',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const toggleClasses = [\n    'eidos-tree-toggle',\n    isExpanded && 'eidos-tree-toggle--expanded',\n    !isBranch && 'eidos-tree-toggle--leaf',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const childrenClasses = ['eidos-tree-children', ctx.showLines && 'eidos-tree-children--lines']\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <li\n      ref={liRef}\n      role=\"treeitem\"\n      aria-expanded={isBranch ? isExpanded : undefined}\n      aria-selected={isSelected}\n      aria-disabled={isDisabled || undefined}\n      aria-level={depth}\n      tabIndex={ctx.tabFocusId === node.id ? 0 : -1}\n      className=\"eidos-tree-node\"\n      onFocus={() => ctx.onNodeFocus(node.id)}\n      onKeyDown={handleKeyDown}\n    >\n      {/* ── Clickable row: toggle + icon + label ─────────────────────────────── */}\n      <div className={rowClasses} onClick={handleRowClick}>\n        {/*\n          Toggle chevron: always rendered for visual alignment.\n          tabIndex -1 removes it from tab order; aria-hidden hides it from AT\n          since expand/collapse is handled via the treeitem's keyboard events.\n        */}\n        <button\n          type=\"button\"\n          className={toggleClasses}\n          onClick={handleToggleClick}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        >\n          {isBranch && <ChevronRight aria-hidden=\"true\" />}\n        </button>\n\n        <span className=\"eidos-tree-icon\" aria-hidden=\"true\">\n          <NodeIcon size={iconSize} />\n        </span>\n\n        <span className=\"eidos-tree-label\">\n          {ctx.renderLabel ? ctx.renderLabel(node, isSelected, isExpanded) : node.label}\n        </span>\n      </div>\n\n      {/* ── Children (only when branch is expanded) ───────────────────────────── */}\n      {isBranch && isExpanded && (\n        <ul role=\"group\" className={childrenClasses}>\n          {node.children!.map((child) => (\n            <TreeNodeItem key={child.id} node={child} depth={depth + 1} />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n};\n\nTreeNodeItem.displayName = 'TreeNodeItem';\n\n// ============================================================================\n// TREE VIEW ROOT\n// ============================================================================\n\nexport const TreeView: React.FC<TreeViewProps> = ({\n  data,\n  // Single selection\n  selectedId,\n  defaultSelectedId,\n  onSelect,\n  // Multi selection\n  multiSelect = false,\n  selectedIds: selectedIdsProp,\n  defaultSelectedIds,\n  onSelectMulti,\n  // Expansion\n  expandedIds: expandedIdsProp,\n  defaultExpandedIds,\n  onExpand,\n  defaultExpandAll = false,\n  // Appearance\n  size = 'md',\n  showLines = false,\n  className,\n  // Rendering\n  renderLabel,\n}) => {\n  // ── Node maps (stable across renders until data changes) ────────────────────\n  const nodeMap = useMemo(() => buildNodeMap(data), [data]);\n  const parentMap = useMemo(() => buildParentMap(data), [data]);\n\n  // ── Single-selection state ──────────────────────────────────────────────────\n  const isSingleControlled = selectedId !== undefined;\n  const [localSingleId, setLocalSingleId] = useState<string | undefined>(defaultSelectedId);\n  const effectiveSingleId = isSingleControlled ? selectedId : localSingleId;\n\n  // ── Multi-selection state ───────────────────────────────────────────────────\n  const isMultiControlled = selectedIdsProp !== undefined;\n  const [localMultiIds, setLocalMultiIds] = useState<string[]>(defaultSelectedIds ?? []);\n  const effectiveMultiIds = isMultiControlled ? selectedIdsProp! : localMultiIds;\n\n  // ── Derived selected set ────────────────────────────────────────────────────\n  const selectedSet = useMemo<Set<string>>(() => {\n    if (multiSelect) return new Set(effectiveMultiIds);\n    return effectiveSingleId !== undefined ? new Set([effectiveSingleId]) : new Set();\n  }, [multiSelect, effectiveMultiIds, effectiveSingleId]);\n\n  // ── Expansion state ─────────────────────────────────────────────────────────\n  const isExpansionControlled = expandedIdsProp !== undefined;\n  const [localExpandedIds, setLocalExpandedIds] = useState<string[]>(() => {\n    // defaultExpandAll wins over defaultExpandedIds.\n    if (defaultExpandAll) return collectAllBranchIds(data);\n    return defaultExpandedIds ?? [];\n  });\n  const effectiveExpandedIds = isExpansionControlled ? expandedIdsProp! : localExpandedIds;\n  const expandedSet = useMemo(() => new Set(effectiveExpandedIds), [effectiveExpandedIds]);\n\n  // ── Roving tabindex focus tracking ──────────────────────────────────────────\n  const [tabFocusId, setTabFocusId] = useState<string | null>(() => data[0]?.id ?? null);\n\n  /** Map of node id → li DOM element. Populated by TreeNodeItem callback refs. */\n  const nodeRefs = useRef<Map<string, HTMLLIElement>>(new Map());\n\n  // ── Expand / collapse ───────────────────────────────────────────────────────\n  const handleToggleExpand = useCallback(\n    (id: string) => {\n      const willExpand = !expandedSet.has(id);\n      if (!isExpansionControlled) {\n        setLocalExpandedIds((prev) =>\n          willExpand ? [...prev, id] : prev.filter((eid) => eid !== id),\n        );\n      }\n      onExpand?.(id, willExpand);\n    },\n    [expandedSet, isExpansionControlled, onExpand],\n  );\n\n  // ── Select ──────────────────────────────────────────────────────────────────\n  const handleNodeClick = useCallback(\n    (node: TreeNode) => {\n      if (node.disabled) return;\n\n      if (multiSelect) {\n        const isCurrentlySelected = selectedSet.has(node.id);\n        const nextIds = isCurrentlySelected\n          ? effectiveMultiIds.filter((id) => id !== node.id)\n          : [...effectiveMultiIds, node.id];\n\n        if (!isMultiControlled) setLocalMultiIds(nextIds);\n\n        const nextNodes = nextIds\n          .map((id) => nodeMap.get(id))\n          .filter((n): n is TreeNode => n !== undefined);\n        onSelectMulti?.(nextNodes);\n      } else {\n        if (!isSingleControlled) setLocalSingleId(node.id);\n        onSelect?.(node);\n      }\n\n      // Move roving tabindex to the interacted node.\n      setTabFocusId(node.id);\n    },\n    [\n      multiSelect,\n      selectedSet,\n      effectiveMultiIds,\n      isMultiControlled,\n      isSingleControlled,\n      nodeMap,\n      onSelect,\n      onSelectMulti,\n    ],\n  );\n\n  // ── Focus ───────────────────────────────────────────────────────────────────\n  const handleNodeFocus = useCallback((id: string) => {\n    setTabFocusId(id);\n  }, []);\n\n  // ── Keyboard navigation (ARIA tree pattern) ─────────────────────────────────\n  const handleNodeKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLLIElement>, node: TreeNode, isBranch: boolean) => {\n      const visibleIds = computeVisibleIds(data, expandedSet);\n      const currentIndex = visibleIds.indexOf(node.id);\n\n      /** Move roving tabindex to id and immediately focus the li element. */\n      const focusNode = (id: string): void => {\n        setTabFocusId(id);\n        nodeRefs.current.get(id)?.focus();\n      };\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault();\n          const nextId = visibleIds[currentIndex + 1];\n          if (nextId !== undefined) focusNode(nextId);\n          break;\n        }\n\n        case 'ArrowUp': {\n          e.preventDefault();\n          const prevId = visibleIds[currentIndex - 1];\n          if (prevId !== undefined) focusNode(prevId);\n          break;\n        }\n\n        case 'ArrowRight': {\n          e.preventDefault();\n          if (!isBranch) break;\n          if (!expandedSet.has(node.id)) {\n            // Expand; per ARIA APG focus stays on current node after opening.\n            handleToggleExpand(node.id);\n          } else {\n            // Already expanded - move into first child.\n            const firstChildId = visibleIds[currentIndex + 1];\n            if (firstChildId !== undefined) focusNode(firstChildId);\n          }\n          break;\n        }\n\n        case 'ArrowLeft': {\n          e.preventDefault();\n          if (isBranch && expandedSet.has(node.id)) {\n            // Collapse this branch; focus stays on it.\n            handleToggleExpand(node.id);\n          } else {\n            // Move to parent (no-op for root nodes).\n            const parentId = parentMap.get(node.id);\n            if (parentId !== undefined && parentId !== null) focusNode(parentId);\n          }\n          break;\n        }\n\n        case 'Enter':\n        case ' ': {\n          e.preventDefault();\n          if (!node.disabled) handleNodeClick(node);\n          break;\n        }\n\n        case 'Home': {\n          e.preventDefault();\n          const firstId = visibleIds[0];\n          if (firstId !== undefined) focusNode(firstId);\n          break;\n        }\n\n        case 'End': {\n          e.preventDefault();\n          const lastId = visibleIds[visibleIds.length - 1];\n          if (lastId !== undefined) focusNode(lastId);\n          break;\n        }\n\n        default:\n          break;\n      }\n    },\n    [data, expandedSet, parentMap, handleToggleExpand, handleNodeClick],\n  );\n\n  // ── Context ─────────────────────────────────────────────────────────────────\n  const contextValue = useMemo<TreeContextValue>(\n    () => ({\n      selectedIds: selectedSet,\n      expandedIds: expandedSet,\n      tabFocusId,\n      multiSelect,\n      size,\n      showLines,\n      renderLabel,\n      onNodeClick: handleNodeClick,\n      onToggleExpand: handleToggleExpand,\n      onNodeFocus: handleNodeFocus,\n      onNodeKeyDown: handleNodeKeyDown,\n      nodeRefs,\n    }),\n    [\n      selectedSet,\n      expandedSet,\n      tabFocusId,\n      multiSelect,\n      size,\n      showLines,\n      renderLabel,\n      handleNodeClick,\n      handleToggleExpand,\n      handleNodeFocus,\n      handleNodeKeyDown,\n    ],\n  );\n\n  const rootClasses = ['eidos-tree', `eidos-tree--${size}`, className].filter(Boolean).join(' ');\n\n  return (\n    <TreeContext.Provider value={contextValue}>\n      <ul role=\"tree\" aria-multiselectable={multiSelect || undefined} className={rootClasses}>\n        {data.map((node) => (\n          <TreeNodeItem key={node.id} node={node} depth={1} />\n        ))}\n      </ul>\n    </TreeContext.Provider>\n  );\n};\n\nTreeView.displayName = 'TreeView';\n"],"mappings":"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","names":[]}

package/dist/{chunk-73EKJU4G.js → chunk-LYH3EKKQ.js}

@@ -8,4 +8,4 @@ var Kbd = ({ children, size = "md", className = "" }) => {
 export {
   Kbd
 };
-//# sourceMappingURL=chunk-73EKJU4G.js.map
+//# sourceMappingURL=chunk-LYH3EKKQ.js.map

package/dist/chunk-LYH3EKKQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Kbd/Kbd.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { KbdProps } from './Kbd.types';\n\n/**\n * Kbd - renders a keyboard key or shortcut with a physical key appearance.\n *\n * Use it anywhere a keyboard shortcut needs to be communicated: tooltips,\n * menu item shortcuts, inline documentation, command palettes.\n *\n * For multi-key combinations, place `<Kbd>` elements side-by-side and\n * separate them with a `+` character or a thin space as suits the context.\n *\n * @example\n * ```tsx\n * // Single key\n * <Kbd>⌘</Kbd>\n *\n * // Compound shortcut - wrap in a fragment or span\n * <span><Kbd>⌘</Kbd><Kbd>K</Kbd></span>\n *\n * // Inline in prose\n * Press <Kbd>Enter</Kbd> to confirm.\n * ```\n */\nexport const Kbd: React.FC<KbdProps> = ({ children, size = 'md', className = '' }) => {\n  const classes = ['eidos-kbd', `eidos-kbd--${size}`, className].filter(Boolean).join(' ');\n\n  return <kbd className={classes}>{children}</kbd>;\n};\n"],"mappings":";AA2BS;AAHF,IAAM,MAA0B,CAAC,EAAE,UAAU,OAAO,MAAM,YAAY,GAAG,MAAM;AACpF,QAAM,UAAU,CAAC,aAAa,cAAc,IAAI,IAAI,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEvF,SAAO,oBAAC,SAAI,WAAW,SAAU,UAAS;AAC5C;","names":[]}

package/dist/{chunk-D7PGZ3M3.cjs → chunk-MW2S7PZ7.cjs}

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

package/dist/chunk-MW2S7PZ7.cjs.map

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

package/dist/{chunk-LQ3C3OR2.js → chunk-MZZ4SAFY.js}

@@ -18,4 +18,4 @@ var Divider = ({
 export {
   Divider
 };
-//# sourceMappingURL=chunk-LQ3C3OR2.js.map
+//# sourceMappingURL=chunk-MZZ4SAFY.js.map

package/dist/chunk-MZZ4SAFY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { DividerProps } from './Divider.types';\n\nexport const Divider: React.FC<DividerProps> = ({\n  direction = 'horizontal',\n  className = '',\n  ...rest\n}) => {\n  return (\n    <div\n      role=\"separator\"\n      {...rest}\n      className={['eidos-divider', `eidos-divider--${direction}`, className]\n        .filter(Boolean)\n        .join(' ')}\n    />\n  );\n};\n"],"mappings":";AASI;AANG,IAAM,UAAkC,CAAC;AAAA,EAC9C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ,WAAW,CAAC,iBAAiB,kBAAkB,SAAS,IAAI,SAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA;AAAA,EACb;AAEJ;","names":[]}

package/dist/{chunk-KKOZX64Z.js → chunk-NEQXEVHM.js}

@@ -31,4 +31,4 @@ Timeline.displayName = "Timeline";
 export {
   Timeline
 };
-//# sourceMappingURL=chunk-KKOZX64Z.js.map
+//# sourceMappingURL=chunk-NEQXEVHM.js.map

package/dist/chunk-NEQXEVHM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Timeline/Timeline.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { TimelineProps } from './Timeline.types';\n\nexport const Timeline: React.FC<TimelineProps> = ({ items, className = '' }) => (\n  <ol className={['eidos-timeline', className].filter(Boolean).join(' ')} aria-label=\"Timeline\">\n    {items.map((item, index) => {\n      const isLast = index === items.length - 1;\n      const color = item.color ?? 'default';\n\n      return (\n        <li\n          key={item.id}\n          className={[\n            'eidos-timeline-item',\n            `eidos-timeline-item--${color}`,\n            !isLast && 'eidos-timeline-item--has-connector',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {/* Left: dot + connector */}\n          <div className=\"eidos-timeline-track\" aria-hidden=\"true\">\n            <div className=\"eidos-timeline-dot\">\n              {item.icon && <span className=\"eidos-timeline-dot-icon\">{item.icon}</span>}\n            </div>\n            {!isLast && <div className=\"eidos-timeline-connector\" />}\n          </div>\n\n          {/* Right: content */}\n          <div className=\"eidos-timeline-content\">\n            {item.timestamp && <span className=\"eidos-timeline-timestamp\">{item.timestamp}</span>}\n            <span className=\"eidos-timeline-title\">{item.title}</span>\n            {item.description && <p className=\"eidos-timeline-description\">{item.description}</p>}\n          </div>\n        </li>\n      );\n    })}\n  </ol>\n);\n\nTimeline.displayName = 'Timeline';\n"],"mappings":";AAqBU,SAEkB,KAFlB;AAlBH,IAAM,WAAoC,CAAC,EAAE,OAAO,YAAY,GAAG,MACxE,oBAAC,QAAG,WAAW,CAAC,kBAAkB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAG,cAAW,YAChF,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,QAAM,SAAS,UAAU,MAAM,SAAS;AACxC,QAAM,QAAQ,KAAK,SAAS;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW;AAAA,QACT;AAAA,QACA,wBAAwB,KAAK;AAAA,QAC7B,CAAC,UAAU;AAAA,MACb,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAGX;AAAA,6BAAC,SAAI,WAAU,wBAAuB,eAAY,QAChD;AAAA,8BAAC,SAAI,WAAU,sBACZ,eAAK,QAAQ,oBAAC,UAAK,WAAU,2BAA2B,eAAK,MAAK,GACrE;AAAA,UACC,CAAC,UAAU,oBAAC,SAAI,WAAU,4BAA2B;AAAA,WACxD;AAAA,QAGA,qBAAC,SAAI,WAAU,0BACZ;AAAA,eAAK,aAAa,oBAAC,UAAK,WAAU,4BAA4B,eAAK,WAAU;AAAA,UAC9E,oBAAC,UAAK,WAAU,wBAAwB,eAAK,OAAM;AAAA,UAClD,KAAK,eAAe,oBAAC,OAAE,WAAU,8BAA8B,eAAK,aAAY;AAAA,WACnF;AAAA;AAAA;AAAA,IAtBK,KAAK;AAAA,EAuBZ;AAEJ,CAAC,GACH;AAGF,SAAS,cAAc;","names":[]}

package/dist/{chunk-NDLMU6HJ.js → chunk-NFIK3KMT.js}

@@ -11,28 +11,28 @@ import {
   useSensor,
   useSensors,
   useSortable
-} from "./chunk-E3XATJ63.js";
+} from "./chunk-IZBJW37N.js";
 import {
   Spinner
-} from "./chunk-6USUVU6J.js";
+} from "./chunk-6ZAT5CGB.js";
 import {
   SplitButton
-} from "./chunk-E2B33QB7.js";
+} from "./chunk-3LHQUOGP.js";
 import {
   Pagination
-} from "./chunk-P6ZBENAG.js";
+} from "./chunk-56B6RLOE.js";
 import {
   EmptyState
-} from "./chunk-DK4S3EHG.js";
+} from "./chunk-3TUCQAYL.js";
 import {
   Checkbox
-} from "./chunk-XJBMEDQ5.js";
+} from "./chunk-H6CWTMAH.js";
 import {
   Dropdown
-} from "./chunk-SXF3TCYA.js";
+} from "./chunk-4BKTBV2I.js";
 import {
   Button
-} from "./chunk-FO5FNTJX.js";
+} from "./chunk-WIE7HDIM.js";
 
 // src/components/Table/Table.component.tsx
 import { useState, useMemo, useLayoutEffect, useRef } from "react";
@@ -741,4 +741,4 @@ var Table = ({
 export {
   Table
 };
-//# sourceMappingURL=chunk-NDLMU6HJ.js.map
+//# sourceMappingURL=chunk-NFIK3KMT.js.map