eidos-ui 3.1.0 → 3.2.0

package/dist/chunk-WKDT2XFQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Header/Header.component.tsx","../src/components/Header/IdentityHeader.component.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { HeaderActionProps, HeaderProps } from './Header.types';\nimport './Header.scss';\nimport { Button } from '../Button';\nimport { Popover } from '../Popover';\nimport { renderIcon } from '../../utils';\n\nexport const Header: React.FC<HeaderProps> = ({\n  title,\n  subtitle,\n  media,\n  meta,\n  variant = 'default',\n  actions,\n  collapseActionsBelow = 640,\n  actionsVisibleWhenCollapsed = 1,\n  className = '',\n}) => {\n  const classes = ['eidos-header', `eidos-header--${variant}`, className].filter(Boolean).join(' ');\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [isNarrow, setIsNarrow] = useState(false);\n  const [overflowOpen, setOverflowOpen] = useState(false);\n\n  // Measures the header's own box rather than the viewport, so the collapse\n  // point matches the container queries in Header.scss - a viewport query\n  // would disagree with them by the width of PageLayout's navigation rail,\n  // which is itself collapsible. The 1px hero border makes this border-box\n  // reading differ from the container query's content-box one by 2px; that is\n  // far below any threshold worth caring about, and using one measurement for\n  // both the initial pass and the observer keeps it to a single code path.\n  const measure = useCallback(() => {\n    const element = rootRef.current;\n    if (!element) return;\n    setIsNarrow(element.getBoundingClientRect().width <= collapseActionsBelow);\n  }, [collapseActionsBelow]);\n\n  // `useLayoutEffect` for the first measurement specifically: ResizeObserver\n  // delivers its initial callback asynchronously, so relying on it alone\n  // would paint the full action row for a frame before collapsing it. Reading\n  // the box synchronously here collapses before paint instead. Nothing runs\n  // during SSR, so the server renders the uncollapsed row and hydration\n  // matches - the same client-only posture Navigation's `collapseBelow` has.\n  useLayoutEffect(() => {\n    if (!collapseActionsBelow) {\n      setIsNarrow(false);\n      return;\n    }\n\n    measure();\n\n    const element = rootRef.current;\n    if (!element || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [collapseActionsBelow, measure]);\n\n  const allActions = actions ?? [];\n  const keptCount = Math.max(0, actionsVisibleWhenCollapsed);\n  const isCollapsed = isNarrow && !!collapseActionsBelow && allActions.length > keptCount;\n\n  // The *last* actions stay inline: a primary call to action is conventionally\n  // rightmost, which is also how Header's own stories order them.\n  const overflowActions = isCollapsed ? allActions.slice(0, allActions.length - keptCount) : [];\n  const inlineActions = isCollapsed ? allActions.slice(allActions.length - keptCount) : allActions;\n\n  // A portalled popover would otherwise stay on screen after the header grows\n  // back past the threshold and its trigger stops being rendered.\n  useEffect(() => {\n    if (!isCollapsed && overflowOpen) setOverflowOpen(false);\n  }, [isCollapsed, overflowOpen]);\n\n  const renderOverflowAction = (action: HeaderActionProps, index: number) => {\n    const handleClick: HeaderActionProps['onClick'] = (event) => {\n      action.onClick?.(event);\n      setOverflowOpen(false);\n    };\n\n    // An icon-only action has no visible label, which is fine in a horizontal\n    // row of small buttons and useless in a vertical list. Its tooltip is\n    // already the label, so promote it rather than showing a bare glyph.\n    if (action.icon && !action.children && action.tooltip) {\n      const { icon, tooltip, ...rest } = action;\n      return (\n        <Button key={index} {...rest} size=\"md\" preIcon={icon} onClick={handleClick}>\n          {tooltip}\n        </Button>\n      );\n    }\n\n    return <Button key={index} {...action} size=\"md\" onClick={handleClick} />;\n  };\n\n  const titles = (\n    <div className=\"eidos-header__titles\">\n      <h1 className=\"eidos-header__title\">{title}</h1>\n      {subtitle && <span className=\"eidos-header__subtitle\">{subtitle}</span>}\n      {!!meta?.length && (\n        <div className=\"eidos-header__meta\">\n          {meta.map((item, index) => (\n            <span key={index} className=\"eidos-header__meta-item\">\n              {item.icon && renderIcon(item.icon, 'eidos-header__meta-icon')}\n              {item.label && <span className=\"eidos-header__meta-label\">{item.label}</span>}\n              <span className=\"eidos-header__meta-value\">{item.value}</span>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={classes} ref={rootRef}>\n      <div className=\"eidos-header__content\">\n        {/* The `__lead` wrapper only exists when there is media to group with\n            the titles. Media and titles need a tighter gap than titles and\n            actions do, and a flex container has a single gap - but rendering\n            the wrapper unconditionally would change the markup for every\n            existing consumer, and the `eidos-*` class names are documented as\n            targetable. */}\n        {media ? (\n          <div className=\"eidos-header__lead\">\n            <div className=\"eidos-header__media\">{media}</div>\n            {titles}\n          </div>\n        ) : (\n          titles\n        )}\n        <div className=\"eidos-header__actions\">\n          {overflowActions.length > 0 && (\n            <Popover\n              isOpen={overflowOpen}\n              onOpenChange={setOverflowOpen}\n              placement=\"bottom\"\n              maxWidth={260}\n              // Popover puts `className` on its trigger wrapper, which is the\n              // element that actually becomes a flex item of `__actions`.\n              className=\"eidos-header__overflow-trigger\"\n              trigger={\n                // No `aria-haspopup`/`aria-expanded` here: Popover already\n                // sets both on the wrapper it renders around this button.\n                <Button\n                  icon=\"ellipsis\"\n                  size=\"md\"\n                  variant=\"outlined\"\n                  color=\"secondary\"\n                  aria-label={`${overflowActions.length} more actions`}\n                />\n              }\n            >\n              <div className=\"eidos-header__overflow-actions\">\n                {overflowActions.map(renderOverflowAction)}\n              </div>\n            </Popover>\n          )}\n          {inlineActions.map((action, index) => (\n            <Button key={index} size=\"md\" {...action} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport type { IdentityHeaderProps } from './IdentityHeader.types';\nimport { Header } from './Header.component';\nimport { Avatar } from '../Avatar';\nimport { devWarn } from '../../utils';\n\n/**\n * `Header` preconfigured for the \"this page is about one person or entity\"\n * shape - an avatar beside the name, supporting facts below it, actions on\n * the end - which account and profile pages share. Settings-style pages want\n * a plain `Header` instead; they have no identity to lead with.\n *\n * Deliberately thin: it pins `variant=\"hero\"`, types the avatar so consumers\n * don't have to import `Avatar` to fill the slot, and gives the shape a name\n * worth discovering. Everything else is `Header`.\n */\nexport const IdentityHeader: React.FC<IdentityHeaderProps> = ({\n  avatar,\n  media,\n  variant = 'hero',\n  className = '',\n  ...rest\n}) => {\n  if (avatar && media) {\n    devWarn(\n      'identity-header-avatar-and-media',\n      'IdentityHeader received both `avatar` and `media`. `media` takes precedence - drop `avatar` to silence this.',\n    );\n  }\n\n  const resolvedMedia = media ?? (avatar ? <Avatar size=\"lg\" {...avatar} /> : undefined);\n\n  return (\n    <Header\n      {...rest}\n      variant={variant}\n      media={resolvedMedia}\n      className={['eidos-identity-header', className].filter(Boolean).join(' ')}\n    />\n  );\n};\n"],"mappings":"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","names":["jsx"]}

package/dist/{chunk-APK5OQRV.cjs → chunk-WWYJNWJY.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGEHL4LKKcjs = require('./chunk-GEHL4LKK.cjs');
+var _chunkZ5U4NJTWcjs = require('./chunk-Z5U4NJTW.cjs');
 
 
-var _chunkZ5U4NJTWcjs = require('./chunk-Z5U4NJTW.cjs');
+var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
 
 // src/components/Button/Button.component.tsx
 var _lucidereact = require('lucide-react');
@@ -52,9 +52,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 && _chunkGEHL4LKKcjs.renderIcon.call(void 0, preIcon, "eidos-button--pre-icon"),
-    isIconOnly && icon ? _chunkGEHL4LKKcjs.renderIcon.call(void 0, icon, "eidos-button--icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-button--copy", children }),
-    posIcon && _chunkGEHL4LKKcjs.renderIcon.call(void 0, posIcon, "eidos-button--pos-icon")
+    preIcon && _chunkCUJBNRJJcjs.renderIcon.call(void 0, preIcon, "eidos-button--pre-icon"),
+    isIconOnly && icon ? _chunkCUJBNRJJcjs.renderIcon.call(void 0, icon, "eidos-button--icon") : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-button--copy", children }),
+    posIcon && _chunkCUJBNRJJcjs.renderIcon.call(void 0, posIcon, "eidos-button--pos-icon")
   ] }) });
   return tooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ5U4NJTWcjs.Tooltip, { message: tooltip, children: buttonContent }) : buttonContent;
 };
@@ -66,4 +66,4 @@ var IconButton = (props) => {
 
 
 exports.Button = Button; exports.IconButton = IconButton;
-//# sourceMappingURL=chunk-APK5OQRV.cjs.map
+//# sourceMappingURL=chunk-WWYJNWJY.cjs.map

package/dist/{chunk-APK5OQRV.cjs.map → chunk-WWYJNWJY.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-APK5OQRV.cjs","../src/components/Button/Button.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACNA,2CAA6B;AAoDjB,+CAAA;AA/CL,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;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;AAGe,EAAA;AACnB;AAagE;AACtD,EAAA;AACV;ADnC6B;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-APK5OQRV.cjs","sourcesContent":[null,"import React from 'react';\nimport { LoaderCircle } from 'lucide-react';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonProps, IconButtonProps } from './Button.types';\nimport { renderIcon } from '../../utils';\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  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 buttonContent = (\n    <button type=\"button\" {...buttonProps} className={buttonClasses} disabled={disabled || loading}>\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    </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> = (props) => {\n  return <Button {...props} />;\n};\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-WWYJNWJY.cjs","../src/components/Button/Button.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACNA,2CAA6B;AAoDjB,+CAAA;AA/CL,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;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;AAGe,EAAA;AACnB;AAagE;AACtD,EAAA;AACV;ADnC6B;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-WWYJNWJY.cjs","sourcesContent":[null,"import React from 'react';\nimport { LoaderCircle } from 'lucide-react';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonProps, IconButtonProps } from './Button.types';\nimport { renderIcon } from '../../utils';\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  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 buttonContent = (\n    <button type=\"button\" {...buttonProps} className={buttonClasses} disabled={disabled || loading}>\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    </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> = (props) => {\n  return <Button {...props} />;\n};\n"]}

package/dist/{chunk-A7WQINIG.js → chunk-X3U7SDOZ.js}

@@ -1,12 +1,13 @@
 import {
   Input
-} from "./chunk-VHMOKXUT.js";
+} from "./chunk-JRLUZDKA.js";
 import {
   Dropdown
-} from "./chunk-4BKTBV2I.js";
+} from "./chunk-2R77XZEP.js";
 import {
+  fullWidthModifier,
   renderIcon
-} from "./chunk-KBG77JHC.js";
+} from "./chunk-EAJHEYZM.js";
 
 // src/components/Select/Select.component.tsx
 import React, { useState, useCallback, useRef, useEffect, useMemo } from "react";
@@ -279,7 +280,7 @@ var Select = React.forwardRef(
       "div",
       {
         ref: triggerRef,
-        className: `eidos-select-trigger ${fullWidth ? "eidos-select-trigger--fullWidth" : ""}`,
+        className: `eidos-select-trigger ${fullWidth ? fullWidthModifier("eidos-select-trigger") : ""}`,
         onKeyDown: handleKeyDown,
         tabIndex: disabled ? -1 : void 0,
         role: "combobox",
@@ -312,7 +313,7 @@ var Select = React.forwardRef(
       "div",
       {
         ref,
-        className: `${"eidos-select-container"} ${fullWidth ? "eidos-select-container--fullWidth" : ""} ${className}`,
+        className: `${"eidos-select-container"} ${fullWidth ? fullWidthModifier("eidos-select-container") : ""} ${className}`,
         children: /* @__PURE__ */ jsx(
           Dropdown,
           {
@@ -339,4 +340,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-A7WQINIG.js.map
+//# sourceMappingURL=chunk-X3U7SDOZ.js.map

package/dist/chunk-X3U7SDOZ.js.map

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

package/dist/{chunk-LEMCJW57.js → chunk-YDPEHUMH.js}

@@ -1,6 +1,6 @@
 import {
   Dropdown
-} from "./chunk-4BKTBV2I.js";
+} from "./chunk-2R77XZEP.js";
 
 // src/components/ColorPicker/ColorPicker.component.tsx
 import { useState, useRef, useEffect, useCallback } from "react";
@@ -531,4 +531,4 @@ ColorPicker.displayName = "ColorPicker";
 export {
   ColorPicker
 };
-//# sourceMappingURL=chunk-LEMCJW57.js.map
+//# sourceMappingURL=chunk-YDPEHUMH.js.map

package/dist/{chunk-GGSII6Y2.cjs → chunk-ZGT4LT5Y.cjs}

@@ -11,31 +11,31 @@
 
 
 
-var _chunkLIFUHQH5cjs = require('./chunk-LIFUHQH5.cjs');
+var _chunkKBGFDHKDcjs = require('./chunk-KBGFDHKD.cjs');
 
 
-var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
+var _chunkOMLXP2CKcjs = require('./chunk-OMLXP2CK.cjs');
 
 
-var _chunkSKEWTQJ7cjs = require('./chunk-SKEWTQJ7.cjs');
+var _chunkWFEORBLCcjs = require('./chunk-WFEORBLC.cjs');
 
 
-var _chunkAXBYJ2OYcjs = require('./chunk-AXBYJ2OY.cjs');
+var _chunkIJ4DXG7Dcjs = require('./chunk-IJ4DXG7D.cjs');
 
 
-var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
+var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
 
 
-var _chunkIJ4DXG7Dcjs = require('./chunk-IJ4DXG7D.cjs');
+var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
 
 
-var _chunkFRUOA2QUcjs = require('./chunk-FRUOA2QU.cjs');
+var _chunk75VXB3H2cjs = require('./chunk-75VXB3H2.cjs');
 
 
-var _chunkAPK5OQRVcjs = require('./chunk-APK5OQRV.cjs');
+var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
 
 
-var _chunkGEHL4LKKcjs = require('./chunk-GEHL4LKK.cjs');
+var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
 
 // src/components/Table/Table.component.tsx
 var _react = require('react');
@@ -80,10 +80,10 @@ function SortableColumnHeader({
   stickyStyle,
   onSortClick
 }) {
-  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = _chunkLIFUHQH5cjs.useSortable.call(void 0, {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = _chunkKBGFDHKDcjs.useSortable.call(void 0, {
     id
   });
-  const transformStr = _chunkLIFUHQH5cjs.CSS.Transform.toString(transform);
+  const transformStr = _chunkKBGFDHKDcjs.CSS.Transform.toString(transform);
   const thClassName = [
     "eidos-table-header-cell",
     `eidos-table-header-cell-${columnType}`,
@@ -342,7 +342,7 @@ var Table = ({
     try {
       commitSelection(await onSelectAllMatching());
     } catch (error) {
-      _chunkGEHL4LKKcjs.devWarn.call(void 0, 
+      _chunkCUJBNRJJcjs.devWarn.call(void 0, 
         "table-select-all-matching-failed",
         `Table: onSelectAllMatching() rejected, so the selection was left untouched. ${String(error)}`
       );
@@ -353,7 +353,7 @@ var Table = ({
   _react.useEffect.call(void 0, () => {
     if (!selectable || selectAllScope !== "all") return;
     if (totalItems === void 0 || totalItems <= data.length) return;
-    _chunkGEHL4LKKcjs.devWarn.call(void 0, 
+    _chunkCUJBNRJJcjs.devWarn.call(void 0, 
       `table-select-all-scope:${data.length}/${totalItems}`,
       `Table: selectAllScope="all" can only select the ${data.length} row(s) in \`data\`, but \`totalItems\` is ${totalItems}. The keys of rows the table has never received cannot be known here - pass the full dataset, or use selectAllScope="page" to make the scope explicit.`
     );
@@ -399,10 +399,10 @@ var Table = ({
     document.body.removeChild(link);
     URL.revokeObjectURL(url);
   };
-  const sensors = _chunkLIFUHQH5cjs.useSensors.call(void 0, 
-    _chunkLIFUHQH5cjs.useSensor.call(void 0, _chunkLIFUHQH5cjs.PointerSensor),
-    _chunkLIFUHQH5cjs.useSensor.call(void 0, _chunkLIFUHQH5cjs.KeyboardSensor, {
-      coordinateGetter: _chunkLIFUHQH5cjs.sortableKeyboardCoordinates
+  const sensors = _chunkKBGFDHKDcjs.useSensors.call(void 0, 
+    _chunkKBGFDHKDcjs.useSensor.call(void 0, _chunkKBGFDHKDcjs.PointerSensor),
+    _chunkKBGFDHKDcjs.useSensor.call(void 0, _chunkKBGFDHKDcjs.KeyboardSensor, {
+      coordinateGetter: _chunkKBGFDHKDcjs.sortableKeyboardCoordinates
     })
   );
   const handleDragEnd = (event) => {
@@ -413,7 +413,7 @@ var Table = ({
     const oldIndex = columnOrder.indexOf(activeId);
     const newIndex = columnOrder.indexOf(overId);
     if (oldIndex === -1 || newIndex === -1) return;
-    const newOrder = _chunkLIFUHQH5cjs.arrayMove.call(void 0, columnOrder, oldIndex, newIndex);
+    const newOrder = _chunkKBGFDHKDcjs.arrayMove.call(void 0, columnOrder, oldIndex, newIndex);
     setColumnOrder(newOrder);
     if (onColumnReorder) {
       const orderMap = new Map(newOrder.map((key, idx) => [key, idx]));
@@ -517,7 +517,7 @@ var Table = ({
       title: "No results found",
       description: "Try adjusting your filters or search terms.",
       action: onFiltersChange ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkAPK5OQRVcjs.Button,
+        _chunkWWYJNWJYcjs.Button,
         {
           size: "sm",
           variant: "outlined",
@@ -609,7 +609,7 @@ var Table = ({
                 " selected"
               ] }),
               canSelectAllMatching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkAPK5OQRVcjs.Button,
+                _chunkWWYJNWJYcjs.Button,
                 {
                   variant: "text",
                   size: "sm",
@@ -618,12 +618,12 @@ var Table = ({
                   children: `Select all ${totalItemCount}`
                 }
               ),
-              hasSelectedAllMatching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", color: "secondary", onClick: clearSelection, children: "Clear selection" }),
+              hasSelectedAllMatching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", size: "sm", color: "secondary", onClick: clearSelection, children: "Clear selection" }),
               bulkActions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-bulk-actions", children: bulkActions.map((action) => {
                 const isDisabled = typeof action.disabled === "function" ? action.disabled(selectedItems) : _nullishCoalesce(action.disabled, () => ( false));
                 if (action.type === "split-button") {
                   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkSKEWTQJ7cjs.SplitButton,
+                    _chunkOMLXP2CKcjs.SplitButton,
                     {
                       size: "sm",
                       variant: _nullishCoalesce(action.variant, () => ( "outlined")),
@@ -644,7 +644,7 @@ var Table = ({
                   );
                 }
                 return action.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkAPK5OQRVcjs.Button,
+                  _chunkWWYJNWJYcjs.Button,
                   {
                     size: "sm",
                     variant: _nullishCoalesce(action.variant, () => ( "outlined")),
@@ -657,7 +657,7 @@ var Table = ({
                   },
                   action.id
                 ) : action.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkAPK5OQRVcjs.Button,
+                  _chunkWWYJNWJYcjs.Button,
                   {
                     size: "sm",
                     variant: _nullishCoalesce(action.variant, () => ( "outlined")),
@@ -673,27 +673,27 @@ var Table = ({
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-toolbar-right", children: [
             showDensity && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkFRUOA2QUcjs.Dropdown,
+              _chunk75VXB3H2cjs.Dropdown,
               {
                 placement: "bottom",
                 align: "end",
                 autoWidth: false,
-                trigger: isCompactToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", icon: _lucidereact.AlignJustify, tooltip: "Density" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.AlignJustify, children: "Density" }),
+                trigger: isCompactToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", size: "sm", icon: _lucidereact.AlignJustify, tooltip: "Density" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.AlignJustify, children: "Density" }),
                 content: densityPanel
               }
             ),
             showColumnVisibility && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkFRUOA2QUcjs.Dropdown,
+              _chunk75VXB3H2cjs.Dropdown,
               {
                 placement: "bottom",
                 align: "end",
                 autoWidth: false,
-                trigger: isCompactToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", icon: _lucidereact.Columns3, tooltip: "Columns" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPK5OQRVcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.Columns3, children: "Columns" }),
+                trigger: isCompactToolbar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", size: "sm", icon: _lucidereact.Columns3, tooltip: "Columns" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", size: "sm", preIcon: _lucidereact.Columns3, children: "Columns" }),
                 content: columnVisibilityPanel
               }
             ),
             showExport && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkAPK5OQRVcjs.Button,
+              _chunkWWYJNWJYcjs.Button,
               {
                 variant: "text",
                 size: "sm",
@@ -703,7 +703,7 @@ var Table = ({
               }
             ),
             showFilters && onFiltersChange && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkLIFUHQH5cjs.TableFiltersDropdown,
+              _chunkKBGFDHKDcjs.TableFiltersDropdown,
               {
                 columns,
                 filters,
@@ -888,7 +888,7 @@ var Table = ({
           ) })
         ),
         showFooter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-footer-content", children: showPagination && data.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkAXBYJ2OYcjs.Pagination,
+          _chunkWFEORBLCcjs.Pagination,
           {
             page: currentPage,
             totalPages,
@@ -910,7 +910,7 @@ var Table = ({
     }
   );
   if (draggableColumns) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLIFUHQH5cjs.DndContext, { sensors, onDragEnd: handleDragEnd, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLIFUHQH5cjs.SortableContext, { items: sortableItems, strategy: _chunkLIFUHQH5cjs.horizontalListSortingStrategy, children: tableContent }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKBGFDHKDcjs.DndContext, { sensors, onDragEnd: handleDragEnd, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKBGFDHKDcjs.SortableContext, { items: sortableItems, strategy: _chunkKBGFDHKDcjs.horizontalListSortingStrategy, children: tableContent }) });
   }
   return tableContent;
 };
@@ -918,4 +918,4 @@ var Table = ({
 
 
 exports.Table = Table;
-//# sourceMappingURL=chunk-GGSII6Y2.cjs.map
+//# sourceMappingURL=chunk-ZGT4LT5Y.cjs.map