eidos-ui 3.3.0 → 3.5.0

package/dist/{chunk-P2JM22BF.cjs → chunk-KIZVY57H.cjs}

@@ -1,6 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
+
+
+var _chunk35LGEPLPcjs = require('./chunk-35LGEPLP.cjs');
 
 // src/components/Dropdown/Dropdown.context.types.ts
 var _react = require('react');
@@ -33,8 +35,11 @@ var DropdownInternal = ({
   delay = 0,
   disabled = false,
   defaultOpen = false,
+  open,
+  onOpenChange,
   triggerClassName = "",
   contentClassName = "",
+  role,
   closeOnClickOutside = true,
   closeOnEscape = true,
   minWidth,
@@ -50,24 +55,58 @@ var DropdownInternal = ({
 }) => {
   const context = useDropdownContext();
   const actualLevel = dropdownLevel !== void 0 ? dropdownLevel : context.level;
+  const isClient = _chunk35LGEPLPcjs.useIsClient.call(void 0, );
   const [dropdownState, setDropdownState] = _react.useState.call(void 0, {
     isVisible: defaultOpen,
     isPositioned: false,
     position: { top: 0, left: 0, placement: preferredPlacement }
   });
+  const isControlled = open !== void 0;
+  const isVisible = isControlled ? open : dropdownState.isVisible;
+  const wasControlled = _react.useRef.call(void 0, isControlled);
+  if (wasControlled.current !== isControlled) {
+    _chunk35LGEPLPcjs.devWarn.call(void 0, 
+      "dropdown-controlled-switch",
+      "Dropdown: `open` switched between controlled and uncontrolled. Pick one for the lifetime of the component - the dropdown keeps its own state as a fallback, so switching makes it jump to whatever that happens to be."
+    );
+    wasControlled.current = isControlled;
+  }
+  const setOpen = _react.useCallback.call(void 0, 
+    (next) => {
+      setDropdownState((prev) => ({ ...prev, isVisible: next, isPositioned: false }));
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+    },
+    [onOpenChange]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!isVisible) {
+      setDropdownState((prev) => prev.isPositioned ? { ...prev, isPositioned: false } : prev);
+    }
+  }, [isVisible]);
+  _react.useEffect.call(void 0, () => {
+    if (!isVisible && timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = void 0;
+    }
+  }, [isVisible]);
   const triggerRef = _react.useRef.call(void 0, null);
   const contentRef = _react.useRef.call(void 0, null);
   const timeoutRef = _react.useRef.call(void 0, void 0);
   const animationFrameRef = _react.useRef.call(void 0, void 0);
   const isScrollingRef = _react.useRef.call(void 0, false);
   const getTriggerElement = _react.useCallback.call(void 0, 
-    () => _nullishCoalesce(_optionalChain([externalTriggerRef, 'optionalAccess', _ => _.current]), () => ( triggerRef.current)),
+    () => _nullishCoalesce(_optionalChain([externalTriggerRef, 'optionalAccess', _2 => _2.current]), () => ( triggerRef.current)),
     [externalTriggerRef]
   );
   const calculateDynamicSizing = _react.useCallback.call(void 0, 
+    // Only the width is read, so the parameter is the narrowest shape that
+    // satisfies it rather than a `DOMRect`. The caller used to fall back to
+    // `new DOMRect()`, which is a browser-only global evaluated *during
+    // render* - it was the first thing to throw when an open dropdown was
+    // server-rendered, before `document.body` ever got a chance to.
     (triggerRect) => {
       const styles = { width: "max-content" };
-      if (autoWidth && (_optionalChain([externalTriggerRef, 'optionalAccess', _2 => _2.current]) || triggerRef.current)) {
+      if (autoWidth && triggerRect && (_optionalChain([externalTriggerRef, 'optionalAccess', _3 => _3.current]) || triggerRef.current)) {
         const triggerWidth = triggerRect.width;
         styles.minWidth = triggerWidth;
       }
@@ -167,7 +206,7 @@ var DropdownInternal = ({
     [preferredPlacement, align]
   );
   const handleScroll = _react.useCallback.call(void 0, () => {
-    if (!dropdownState.isVisible || !dropdownState.isPositioned || isScrollingRef.current) return;
+    if (!isVisible || !dropdownState.isPositioned || isScrollingRef.current) return;
     isScrollingRef.current = true;
     animationFrameRef.current = requestAnimationFrame(() => {
       const triggerElement = getTriggerElement();
@@ -182,20 +221,11 @@ var DropdownInternal = ({
       }
       isScrollingRef.current = false;
     });
-  }, [
-    dropdownState.isVisible,
-    dropdownState.isPositioned,
-    calculateOptimalPosition,
-    getTriggerElement
-  ]);
+  }, [isVisible, dropdownState.isPositioned, calculateOptimalPosition, getTriggerElement]);
   const handleTriggerClick = _react.useCallback.call(void 0, () => {
     if (disabled) return;
-    if (dropdownState.isVisible) {
-      setDropdownState((prev) => ({
-        ...prev,
-        isVisible: false,
-        isPositioned: false
-      }));
+    if (isVisible) {
+      setOpen(false);
     } else {
       if (dropdownGroup) {
         const siblingDropdowns = document.querySelectorAll(
@@ -207,31 +237,15 @@ var DropdownInternal = ({
         });
       }
       if (delay > 0) {
-        timeoutRef.current = setTimeout(() => {
-          setDropdownState((prev) => ({
-            ...prev,
-            isVisible: true,
-            isPositioned: false
-          }));
-        }, delay);
+        timeoutRef.current = setTimeout(() => setOpen(true), delay);
       } else {
-        setDropdownState((prev) => ({
-          ...prev,
-          isVisible: true,
-          isPositioned: false
-        }));
+        setOpen(true);
       }
     }
-  }, [disabled, dropdownState.isVisible, delay, dropdownGroup]);
+  }, [disabled, isVisible, delay, dropdownGroup, setOpen]);
   _react.useEffect.call(void 0, () => {
     const handleCloseSibling = () => {
-      if (dropdownState.isVisible) {
-        setDropdownState((prev) => ({
-          ...prev,
-          isVisible: false,
-          isPositioned: false
-        }));
-      }
+      if (isVisible) setOpen(false);
     };
     const currentContentRef = contentRef.current;
     if (currentContentRef) {
@@ -242,15 +256,15 @@ var DropdownInternal = ({
         currentContentRef.removeEventListener("closeSibling", handleCloseSibling);
       }
     };
-  }, [dropdownState.isVisible]);
+  }, [isVisible, setOpen]);
   const handleClickOutside = _react.useCallback.call(void 0, 
     (event) => {
-      if (!closeOnClickOutside || !dropdownState.isVisible) return;
+      if (!closeOnClickOutside || !isVisible) return;
       const target = event.target;
-      if (_optionalChain([contentRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.contains, 'call', _5 => _5(target)])) {
+      if (_optionalChain([contentRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.contains, 'call', _6 => _6(target)])) {
         return;
       }
-      if (_optionalChain([getTriggerElement, 'call', _6 => _6(), 'optionalAccess', _7 => _7.contains, 'call', _8 => _8(target)])) {
+      if (_optionalChain([getTriggerElement, 'call', _7 => _7(), 'optionalAccess', _8 => _8.contains, 'call', _9 => _9(target)])) {
         return;
       }
       const allDropdowns = document.querySelectorAll("[data-dropdown-content]");
@@ -265,29 +279,21 @@ var DropdownInternal = ({
           }
         }
       }
-      setDropdownState((prev) => ({
-        ...prev,
-        isVisible: false,
-        isPositioned: false
-      }));
+      setOpen(false);
     },
-    [closeOnClickOutside, dropdownState.isVisible, actualLevel, getTriggerElement]
+    [closeOnClickOutside, isVisible, actualLevel, getTriggerElement, setOpen]
   );
   const handleEscapeKey = _react.useCallback.call(void 0, 
     (event) => {
-      if (closeOnEscape && event.key === "Escape" && dropdownState.isVisible) {
-        setDropdownState((prev) => ({
-          ...prev,
-          isVisible: false,
-          isPositioned: false
-        }));
+      if (closeOnEscape && event.key === "Escape" && isVisible) {
+        setOpen(false);
       }
     },
-    [closeOnEscape, dropdownState.isVisible]
+    [closeOnEscape, isVisible, setOpen]
   );
   _react.useEffect.call(void 0, () => {
     const triggerElement = getTriggerElement();
-    if (dropdownState.isVisible && !dropdownState.isPositioned && contentRef.current && triggerElement) {
+    if (isVisible && !dropdownState.isPositioned && contentRef.current && triggerElement) {
       const triggerRect = triggerElement.getBoundingClientRect();
       const contentRect = contentRef.current.getBoundingClientRect();
       const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);
@@ -298,15 +304,22 @@ var DropdownInternal = ({
       }));
     }
   }, [
-    dropdownState.isVisible,
+    isVisible,
     dropdownState.isPositioned,
     calculateOptimalPosition,
-    getTriggerElement
+    getTriggerElement,
+    // Load-bearing, not incidental. With `defaultOpen` the panel is "visible"
+    // from the first render, but the portal is deferred one render for SSR
+    // safety - so this effect's first run finds `contentRef.current` still
+    // null, measures nothing, and without `isClient` in the deps it would never
+    // run again. The panel then stays `visibility: hidden` forever: mounted,
+    // unpositioned, invisible. Caught by `OpensOnMountWithDefaultOpen`.
+    isClient
   ]);
   _react.useEffect.call(void 0, () => {
     const handleResize = () => {
       const triggerElement = getTriggerElement();
-      if (dropdownState.isVisible && dropdownState.isPositioned && contentRef.current && triggerElement) {
+      if (isVisible && dropdownState.isPositioned && contentRef.current && triggerElement) {
         const triggerRect = triggerElement.getBoundingClientRect();
         const contentRect = contentRef.current.getBoundingClientRect();
         const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);
@@ -318,24 +331,17 @@ var DropdownInternal = ({
     };
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
-  }, [
-    dropdownState.isVisible,
-    dropdownState.isPositioned,
-    calculateOptimalPosition,
-    getTriggerElement
-  ]);
+  }, [isVisible, dropdownState.isPositioned, calculateOptimalPosition, getTriggerElement]);
   _react.useEffect.call(void 0, () => {
-    if (dropdownState.isVisible) {
-      window.addEventListener("scroll", handleScroll, { passive: true });
-      document.body.addEventListener("scroll", handleScroll, { passive: true });
+    if (isVisible) {
+      document.addEventListener("scroll", handleScroll, { capture: true, passive: true });
     }
     return () => {
-      window.removeEventListener("scroll", handleScroll);
-      document.body.removeEventListener("scroll", handleScroll);
+      document.removeEventListener("scroll", handleScroll, { capture: true });
     };
-  }, [dropdownState.isVisible, handleScroll]);
+  }, [isVisible, handleScroll]);
   _react.useEffect.call(void 0, () => {
-    if (dropdownState.isVisible) {
+    if (isVisible) {
       document.addEventListener("mousedown", handleClickOutside);
       document.addEventListener("keydown", handleEscapeKey);
     }
@@ -343,7 +349,7 @@ var DropdownInternal = ({
       document.removeEventListener("mousedown", handleClickOutside);
       document.removeEventListener("keydown", handleEscapeKey);
     };
-  }, [dropdownState.isVisible, handleClickOutside, handleEscapeKey]);
+  }, [isVisible, handleClickOutside, handleEscapeKey]);
   _react.useEffect.call(void 0, () => {
     return () => {
       if (timeoutRef.current) {
@@ -360,11 +366,11 @@ var DropdownInternal = ({
       {
         ref: triggerRef,
         onClick: handleTriggerClick,
-        className: `eidos-dropdown-trigger ${fullWidth ? _chunkCUJBNRJJcjs.fullWidthModifier.call(void 0, "eidos-dropdown-trigger") : ""} ${triggerClassName}`,
+        className: `eidos-dropdown-trigger ${fullWidth ? _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-dropdown-trigger") : ""} ${triggerClassName}`,
         children: trigger
       }
     ),
-    dropdownState.isVisible && _reactdom.createPortal.call(void 0, 
+    isClient && isVisible && _reactdom.createPortal.call(void 0, 
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
@@ -376,11 +382,9 @@ var DropdownInternal = ({
           style: {
             top: dropdownState.position.top,
             left: dropdownState.position.left,
-            ...calculateDynamicSizing(
-              _optionalChain([getTriggerElement, 'call', _9 => _9(), 'optionalAccess', _10 => _10.getBoundingClientRect, 'call', _11 => _11()]) || new DOMRect()
-            )
+            ...calculateDynamicSizing(_nullishCoalesce(_optionalChain([getTriggerElement, 'call', _10 => _10(), 'optionalAccess', _11 => _11.getBoundingClientRect, 'call', _12 => _12()]), () => ( null)))
           },
-          role: "menu",
+          role,
           children: content
         }
       ),
@@ -400,4 +404,4 @@ Dropdown.displayName = "Dropdown";
 
 
 exports.DropdownProvider = DropdownProvider; exports.useDropdownContext = useDropdownContext; exports.Dropdown = Dropdown;
-//# sourceMappingURL=chunk-P2JM22BF.cjs.map
+//# sourceMappingURL=chunk-KIZVY57H.cjs.map

package/dist/chunk-KIZVY57H.cjs.map

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

package/dist/{chunk-QQIALSTX.cjs → chunk-KPMIIGHH.cjs}

@@ -81,24 +81,34 @@ var RadioGroup = ({
     _optionalChain([onChange, 'optionalCall', _2 => _2(optionValue)]);
   };
   const groupClasses = ["eidos-radio-group", `eidos-radio-group--${direction}`, className].filter(Boolean).join(" ");
+  const errorId = `${name}-error`;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: groupClasses, children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Radio,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
       {
-        name,
-        value: option.value,
-        checked: currentValue === option.value,
-        onChange: (e) => {
-          if (e.target.checked) handleOptionChange(option.value);
-        },
-        disabled: disabled || option.disabled,
-        label: option.label,
-        color,
-        size
-      },
-      option.value
-    )) }),
-    error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-radio-error-message", children: [
+        className: groupClasses,
+        role: "radiogroup",
+        "aria-invalid": error ? true : void 0,
+        "aria-describedby": error ? errorId : void 0,
+        children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Radio,
+          {
+            name,
+            value: option.value,
+            checked: currentValue === option.value,
+            onChange: (e) => {
+              if (e.target.checked) handleOptionChange(option.value);
+            },
+            disabled: disabled || option.disabled,
+            label: option.label,
+            color,
+            size
+          },
+          option.value
+        ))
+      }
+    ),
+    error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id: errorId, className: "eidos-radio-error-message", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: error })
     ] })
@@ -110,4 +120,4 @@ RadioGroup.displayName = "RadioGroup";
 
 
 exports.Radio = Radio; exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=chunk-QQIALSTX.cjs.map
+//# sourceMappingURL=chunk-KPMIIGHH.cjs.map

package/dist/chunk-KPMIIGHH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KPMIIGHH.cjs","../src/components/Radio/Radio.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAmD;AACnD,2CAA4B;AA6DtB,+CAAA;AAtDC,IAAM,MAAA,EAAQ,+BAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA;AAAA,IACA,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,IAAA;AAAA,IACP,UAAA,EAAY,EAAA;AAAA,IACZ,SAAA,EAAW,KAAA;AAAA,IACX,EAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,QAAA,EAAU,GAAA,GAAM,CAAA,MAAA,EAAS,WAAW,CAAA,CAAA;AAKT,IAAA;AACO,IAAA;AAGX,IAAA;AAEoC,IAAA;AAC5C,MAAA;AACe,QAAA;AAClC,MAAA;AACY,sBAAA;AACd,IAAA;AAEuB,IAAA;AACrB,MAAA;AAC6B,MAAA;AACD,MAAA;AAChB,MAAA;AACZ,MAAA;AAGS,IAAA;AAEY,IAAA;AACrB,MAAA;AACa,MAAA;AACD,MAAA;AAGH,IAAA;AAGF,IAAA;AACL,sBAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACK,UAAA;AACD,UAAA;AACM,UAAA;AACV,UAAA;AACU,UAAA;AAC0B,UAAA;AAChC,UAAA;AAAA,QAAA;AACN,MAAA;AACiB,sBAAA;AAGD,MAAA;AAClB,IAAA;AAEJ,EAAA;AACF;AAEoB;AAWkC;AACpD,EAAA;AACO,EAAA;AACP,EAAA;AACA,EAAA;AACA,EAAA;AACY,EAAA;AACJ,EAAA;AACD,EAAA;AACI,EAAA;AACX,EAAA;AACY,EAAA;AACR;AAC+B,EAAA;AAC8B,EAAA;AAG7B,EAAA;AAEgB,EAAA;AAC/B,IAAA;AACQ,MAAA;AAC3B,IAAA;AACsB,oBAAA;AACxB,EAAA;AAE2C,EAAA;AAOpB,EAAA;AAQnB,EAAA;AAAA,oBAAA;AAAC,MAAA;AAAA,MAAA;AACY,QAAA;AACN,QAAA;AACwB,QAAA;AACO,QAAA;AAGlC,QAAA;AAAC,UAAA;AAAA,UAAA;AAEC,YAAA;AACc,YAAA;AACmB,YAAA;AAChB,YAAA;AACO,cAAA;AACxB,YAAA;AAC6B,YAAA;AACf,YAAA;AACd,YAAA;AACA,YAAA;AAAA,UAAA;AAVY,UAAA;AAYf,QAAA;AAAA,MAAA;AACH,IAAA;AAGW,IAAA;AACM,sBAAA;AACN,sBAAA;AACT,IAAA;AAEJ,EAAA;AAEJ;AAEyB;ADlDsB;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KPMIIGHH.cjs","sourcesContent":[null,"import React, { forwardRef, useId, useState } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport type { RadioProps, RadioGroupProps } from './Radio.types';\n\n// ============================================================================\n// Radio\n// ============================================================================\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      label,\n      color = 'primary',\n      size = 'md',\n      className = '',\n      disabled = false,\n      id,\n      checked,\n      defaultChecked,\n      onChange,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${generatedId}`;\n\n    // Track checked state for the visual control:\n    //   - controlled mode: `checked` prop drives the visual\n    //   - uncontrolled mode (standalone Radio): local state mirrors the native input\n    const isControlled = checked !== undefined;\n    const [localChecked, setLocalChecked] = useState<boolean>(defaultChecked ?? false);\n\n    // `??` only falls back when `checked` is undefined – `false` is kept as-is\n    const isChecked = checked ?? localChecked;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setLocalChecked(e.target.checked);\n      }\n      onChange?.(e);\n    };\n\n    const wrapperClasses = [\n      'eidos-radio-wrapper',\n      `eidos-radio-wrapper--${color}`,\n      `eidos-radio-wrapper--${size}`,\n      disabled && 'eidos-radio-wrapper--disabled',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-radio-control',\n      isChecked && 'eidos-radio-control--checked',\n      disabled && 'eidos-radio-control--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <label className={wrapperClasses}>\n        <input\n          ref={ref}\n          type=\"radio\"\n          id={radioId}\n          className=\"eidos-radio-input\"\n          disabled={disabled}\n          onChange={handleChange}\n          {...(isControlled ? { checked } : { defaultChecked })}\n          {...inputProps}\n        />\n        <span className={controlClasses}>\n          <span className=\"eidos-radio-dot\" />\n        </span>\n        {label && <span className=\"eidos-radio-label\">{label}</span>}\n      </label>\n    );\n  },\n);\n\nRadio.displayName = 'Radio';\n\n// ============================================================================\n// RadioGroup\n//\n// Design note: RadioGroup always passes a controlled `checked` prop to every\n// Radio child so that the selection dot stays in sync across the full group.\n// For the \"uncontrolled\" case (defaultValue), RadioGroup owns the state\n// internally – individual Radios never need to manage it themselves.\n// ============================================================================\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n  name,\n  value: valueProp,\n  defaultValue,\n  onChange,\n  options,\n  direction = 'vertical',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  error,\n  className = '',\n}) => {\n  const isControlled = valueProp !== undefined;\n  const [localValue, setLocalValue] = useState<string | undefined>(defaultValue);\n\n  // currentValue is always defined when valueProp is provided (controlled)\n  const currentValue = isControlled ? valueProp : localValue;\n\n  const handleOptionChange = (optionValue: string) => {\n    if (!isControlled) {\n      setLocalValue(optionValue);\n    }\n    onChange?.(optionValue);\n  };\n\n  const groupClasses = ['eidos-radio-group', `eidos-radio-group--${direction}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  // Associates the visible error with the group. Without it the message is\n  // just a red line of text below the options - obvious to look at, absent\n  // from the accessibility tree (SC 3.3.1). See the fuller note in `Input`.\n  const errorId = `${name}-error`;\n\n  return (\n    <div>\n      {/* `role=\"radiogroup\"` so the options are announced as one choice\n          rather than a run of unrelated radios - and so there is something\n          for the error to attach to. The error belongs to the group, not to\n          any single option. */}\n      <div\n        className={groupClasses}\n        role=\"radiogroup\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n      >\n        {options.map((option) => (\n          <Radio\n            key={option.value}\n            name={name}\n            value={option.value}\n            checked={currentValue === option.value}\n            onChange={(e) => {\n              if (e.target.checked) handleOptionChange(option.value);\n            }}\n            disabled={disabled || option.disabled}\n            label={option.label}\n            color={color}\n            size={size}\n          />\n        ))}\n      </div>\n\n      {error && (\n        <div id={errorId} className=\"eidos-radio-error-message\">\n          <CircleAlert />\n          <span>{error}</span>\n        </div>\n      )}\n    </div>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n"]}

package/dist/{chunk-ZXJU3TQD.cjs → chunk-KREHT4AQ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkK7T25Y3Acjs = require('./chunk-K7T25Y3A.cjs');
+var _chunkXZLSHEHEcjs = require('./chunk-XZLSHEHE.cjs');
 
 
-var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
+var _chunkDA375AI6cjs = require('./chunk-DA375AI6.cjs');
 
 // src/components/Pagination/Pagination.component.tsx
 var _react = require('react');
@@ -52,6 +52,7 @@ var Pagination = ({
   onPageSizeChange,
   pageSizeOptions = [10, 25, 50, 100]
 }) => {
+  const pageSizeId = _react.useId.call(void 0, );
   const items = usePaginationRange(page, totalPages, siblingCount);
   const [inputValue, setInputValue] = _react.useState.call(void 0, String(page));
   _react.useEffect.call(void 0, () => {
@@ -78,7 +79,7 @@ var Pagination = ({
   ].filter(Boolean).join(" ");
   const nav = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { "aria-label": "Pagination", className: "eidos-pagination-nav", children: [
     showFirstLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWWYJNWJYcjs.Button,
+      _chunkDA375AI6cjs.Button,
       {
         variant: "text",
         size,
@@ -89,7 +90,7 @@ var Pagination = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWWYJNWJYcjs.Button,
+      _chunkDA375AI6cjs.Button,
       {
         variant: "text",
         size,
@@ -145,7 +146,7 @@ var Pagination = ({
       )
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWWYJNWJYcjs.Button,
+      _chunkDA375AI6cjs.Button,
       {
         variant: "text",
         size,
@@ -156,7 +157,7 @@ var Pagination = ({
       }
     ),
     showFirstLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWWYJNWJYcjs.Button,
+      _chunkDA375AI6cjs.Button,
       {
         variant: "text",
         size,
@@ -182,9 +183,9 @@ var Pagination = ({
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-pagination-controls", children: [
       hasPageSize && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-pagination-size", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "eidos-pagination-size-label", children: "Show:" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "eidos-pagination-size-label", htmlFor: pageSizeId, children: "Show:" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkK7T25Y3Acjs.Select,
+          _chunkXZLSHEHEcjs.Select,
           {
             value: String(pageSize),
             onChange: (val) => onPageSizeChange(Number(val)),
@@ -195,7 +196,7 @@ var Pagination = ({
             })),
             clearable: false,
             disabled,
-            inputProps: { size: "sm", width: 72 }
+            inputProps: { size: "sm", width: 72, id: pageSizeId }
           }
         )
       ] }),
@@ -208,4 +209,4 @@ Pagination.displayName = "Pagination";
 
 
 exports.Pagination = Pagination;
-//# sourceMappingURL=chunk-ZXJU3TQD.cjs.map
+//# sourceMappingURL=chunk-KREHT4AQ.cjs.map

package/dist/chunk-KREHT4AQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KREHT4AQ.cjs","../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-KREHT4AQ.cjs","sourcesContent":[null,"import React, { useState, useEffect, useId } from 'react';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport type { PaginationProps } from './Pagination.types';\n\n// ── Ellipsis range helper ─────────────────────────────────────────────────────\n\nconst ELLIPSIS = 'ellipsis' as const;\ntype PageItem = number | typeof ELLIPSIS;\n\nfunction usePaginationRange(page: number, totalPages: number, siblingCount: number): PageItem[] {\n  const totalShown = siblingCount * 2 + 5;\n\n  if (totalPages <= totalShown) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const leftSibling = Math.max(page - siblingCount, 1);\n  const rightSibling = Math.min(page + siblingCount, totalPages);\n\n  const showLeftEllipsis = leftSibling > 2;\n  const showRightEllipsis = rightSibling < totalPages - 1;\n\n  const items: PageItem[] = [1];\n\n  if (showLeftEllipsis) {\n    items.push(ELLIPSIS);\n  } else {\n    for (let i = 2; i < leftSibling; i++) items.push(i);\n  }\n\n  for (let i = leftSibling; i <= rightSibling; i++) {\n    if (i !== 1 && i !== totalPages) items.push(i);\n  }\n\n  if (showRightEllipsis) {\n    items.push(ELLIPSIS);\n  } else {\n    for (let i = rightSibling + 1; i < totalPages; i++) items.push(i);\n  }\n\n  items.push(totalPages);\n\n  return items;\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  page,\n  totalPages,\n  onChange,\n  siblingCount = 1,\n  showFirstLast = false,\n  color = 'primary',\n  size = 'sm',\n  disabled = false,\n  className = '',\n  // Table-footer mode\n  totalItems,\n  pageSize,\n  onPageSizeChange,\n  pageSizeOptions = [10, 25, 50, 100],\n}) => {\n  const pageSizeId = useId();\n  const items = usePaginationRange(page, totalPages, siblingCount);\n\n  // ── Active-page editable input ─────────────────────────────────────────────\n  const [inputValue, setInputValue] = useState(String(page));\n  useEffect(() => {\n    setInputValue(String(page));\n  }, [page]);\n\n  const commitInput = (raw: string) => {\n    const val = parseInt(raw, 10);\n    if (!isNaN(val) && val >= 1 && val <= totalPages && val !== page) {\n      onChange(val);\n    } else {\n      setInputValue(String(page)); // revert on invalid or same-page\n    }\n  };\n\n  // ── Layout flags ───────────────────────────────────────────────────────────\n  const hasResults = totalItems !== undefined && pageSize !== undefined;\n  const hasPageSize = !!onPageSizeChange && pageSize !== undefined;\n  const tableMode = hasResults || hasPageSize;\n\n  const startItem = hasResults ? (totalItems === 0 ? 0 : (page - 1) * pageSize! + 1) : undefined;\n  const endItem = hasResults ? Math.min(page * pageSize!, totalItems!) : undefined;\n\n  const rootClasses = [\n    'eidos-pagination',\n    `eidos-pagination--${size}`,\n    tableMode && 'eidos-pagination--table',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // ── Navigation block ───────────────────────────────────────────────────────\n  const nav = (\n    <nav aria-label=\"Pagination\" className=\"eidos-pagination-nav\">\n      {showFirstLast && (\n        <Button\n          variant=\"text\"\n          size={size}\n          icon={ChevronsLeft}\n          disabled={page === 1 || disabled}\n          onClick={() => onChange(1)}\n          aria-label=\"First page\"\n        />\n      )}\n\n      <Button\n        variant=\"text\"\n        size={size}\n        icon={ChevronLeft}\n        disabled={page === 1 || disabled}\n        onClick={() => onChange(page - 1)}\n        aria-label=\"Previous page\"\n      />\n\n      {items.map((item, i) =>\n        item === ELLIPSIS ? (\n          <span key={`ellipsis-${i}`} className=\"eidos-pagination-ellipsis\" aria-hidden=\"true\">\n            …\n          </span>\n        ) : item === page ? (\n          // Active page - styled as filled chip, editable via keyboard/click\n          <input\n            key=\"active-page\"\n            type=\"text\"\n            inputMode=\"numeric\"\n            className={[\n              'eidos-pagination-page',\n              'eidos-pagination-page--active',\n              `eidos-pagination-page--${color}`,\n            ].join(' ')}\n            value={inputValue}\n            onChange={(e) => setInputValue(e.target.value)}\n            onFocus={(e) => e.target.select()}\n            onBlur={() => commitInput(inputValue)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                commitInput(inputValue);\n                e.currentTarget.blur();\n              } else if (e.key === 'Escape') {\n                setInputValue(String(page));\n                e.currentTarget.blur();\n              }\n            }}\n            aria-label={`Page ${page} of ${totalPages}, editable`}\n            aria-current=\"page\"\n            disabled={disabled}\n          />\n        ) : (\n          <button\n            key={item}\n            type=\"button\"\n            className=\"eidos-pagination-page\"\n            onClick={() => onChange(item)}\n            disabled={disabled}\n            aria-label={`Page ${item}`}\n          >\n            {item}\n          </button>\n        ),\n      )}\n\n      <Button\n        variant=\"text\"\n        size={size}\n        icon={ChevronRight}\n        disabled={page === totalPages || disabled}\n        onClick={() => onChange(page + 1)}\n        aria-label=\"Next page\"\n      />\n\n      {showFirstLast && (\n        <Button\n          variant=\"text\"\n          size={size}\n          icon={ChevronsRight}\n          disabled={page === totalPages || disabled}\n          onClick={() => onChange(totalPages)}\n          aria-label=\"Last page\"\n        />\n      )}\n    </nav>\n  );\n\n  // ── Standalone mode ────────────────────────────────────────────────────────\n  if (!tableMode) {\n    return <div className={rootClasses}>{nav}</div>;\n  }\n\n  // ── Table-footer mode ──────────────────────────────────────────────────────\n  return (\n    <div className={rootClasses}>\n      {hasResults && (\n        <span className=\"eidos-pagination-info\">\n          Showing {startItem}-{endItem} of {totalItems} results\n        </span>\n      )}\n\n      <div className=\"eidos-pagination-controls\">\n        {hasPageSize && (\n          <div className=\"eidos-pagination-size\">\n            <label className=\"eidos-pagination-size-label\" htmlFor={pageSizeId}>\n              Show:\n            </label>\n            <Select\n              value={String(pageSize)}\n              onChange={(val) => onPageSizeChange(Number(val))}\n              options={pageSizeOptions.map((n) => ({\n                id: String(n),\n                value: String(n),\n                label: String(n),\n              }))}\n              clearable={false}\n              disabled={disabled}\n              // Sizes the whole field, chevron and padding included - wide\n              // enough for a 3-digit page size. `'3ch'` used to work here only\n              // because `Input.width` sized the inner <input> and let the\n              // chrome overflow it; now that it sizes the field, 3ch left no\n              // room for the value at all.\n              // Associated with the visible \"Show:\" label above rather\n              // than given an `aria-label`. The `<label>` was real but had no\n              // `htmlFor`, so it named nothing; an `aria-label` would have\n              // worked for axe while risking SC 2.5.3 Label in Name, since\n              // the spoken name would no longer contain the visible text.\n              inputProps={{ size: 'sm', width: 72, id: pageSizeId }}\n            />\n          </div>\n        )}\n\n        {totalPages > 1 && nav}\n      </div>\n    </div>\n  );\n};\n\nPagination.displayName = 'Pagination';\n"]}

package/dist/{chunk-S4S4LB63.js → chunk-L65MHFMD.js}

@@ -1,9 +1,10 @@
 import {
   Tooltip
-} from "./chunk-YV57RSPD.js";
+} from "./chunk-JNY7TUDS.js";
 import {
+  devWarn,
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-RHHZRTWM.js";
 
 // src/components/SegmentedControl/SegmentedControl.component.tsx
 import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
@@ -130,6 +131,12 @@ var SegmentedControl = ({
   const track = /* @__PURE__ */ jsx("div", { ref: trackRef, className: containerClasses, role: "radiogroup", children: options.map((opt) => {
     const isActive = activeValue === opt.value;
     const isDisabled = disabled || !!opt.disabled;
+    if (!opt.label && !opt.tooltip) {
+      devWarn(
+        "segmented-icon-only-name",
+        `SegmentedControl: option "${opt.value}" has an icon but no \`label\` or \`tooltip\`, so it has no accessible name.`
+      );
+    }
     const segment = /* @__PURE__ */ jsxs(
       "button",
       {
@@ -142,6 +149,7 @@ var SegmentedControl = ({
         className: ["eidos-segmented-item", isActive && "eidos-segmented-item--active"].filter(Boolean).join(" "),
         onClick: () => !isDisabled && handleSelect(opt.value),
         onKeyDown: handleKeyDown,
+        "aria-label": !opt.label ? opt.tooltip : void 0,
         children: [
           opt.icon && renderIcon(opt.icon, "eidos-segmented-icon"),
           opt.label && /* @__PURE__ */ jsx("span", { className: "eidos-segmented-label", children: opt.label })
@@ -183,4 +191,4 @@ var SegmentedControl = ({
 export {
   SegmentedControl
 };
-//# sourceMappingURL=chunk-S4S4LB63.js.map
+//# sourceMappingURL=chunk-L65MHFMD.js.map