eidos-ui 3.3.0 → 3.5.0

package/dist/chunk-VHO6JPRR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-VHO6JPRR.cjs","../src/components/OTPInput/OTPInput.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-VHO6JPRR.cjs","sourcesContent":[null,"import React, { useState, useEffect, useRef, useId } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport type { OTPInputProps } from './OTPInput.types';\nimport './OTPInput.scss';\n\nexport const OTPInput: React.FC<OTPInputProps> = ({\n  length = 6,\n  value,\n  defaultValue = '',\n  onChange,\n  onComplete,\n  type = 'numeric',\n  mask = false,\n  size = 'md',\n  disabled = false,\n  error,\n  label,\n  hint,\n  autoFocus = false,\n  className = '',\n}) => {\n  const generatedId = useId();\n  const labelId = `otp-label-${generatedId}`;\n  const hintId = `otp-hint-${generatedId}`;\n  const errorId = `otp-error-${generatedId}`;\n\n  const isControlled = value !== undefined;\n\n  // Split a string into an array of `length` single characters, padding with ''\n  const splitToSlots = (src: string): string[] => Array.from({ length }, (_v, i) => src[i] ?? '');\n\n  const [slots, setSlots] = useState<string[]>(() =>\n    splitToSlots(isControlled ? (value ?? '') : defaultValue),\n  );\n\n  // A ref that always mirrors the latest slots value so that event handlers\n  // never operate on stale closure state during rapid sequential keystrokes.\n  const slotsRef = useRef<string[]>(slots);\n\n  const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n  // Array of refs - one per slot input\n  const inputRefs = useRef<Array<HTMLInputElement | null>>([]);\n\n  // Sync internal slots when the controlled `value` prop changes\n  useEffect(() => {\n    if (isControlled) {\n      const synced = splitToSlots(value ?? '');\n      slotsRef.current = synced;\n      setSlots(synced);\n    }\n    // splitToSlots is stable within a render; length is in deps\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, length, isControlled]);\n\n  // AutoFocus: focus first empty slot on mount\n  useEffect(() => {\n    if (!autoFocus) return;\n    const firstEmptyIdx = slots.findIndex((s) => s === '');\n    const targetIdx = firstEmptyIdx === -1 ? 0 : firstEmptyIdx;\n    inputRefs.current[targetIdx]?.focus();\n    // Intentionally runs only on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // ── Core state update ──────────────────────────────────────────────────────\n\n  /**\n   * Apply a new slots array, propagate onChange, and fire onComplete if every\n   * slot is filled. In controlled mode we do NOT call setSlots - the parent\n   * drives state via the `value` prop.\n   */\n  const commitChange = (newSlots: string[]) => {\n    // Keep the ref in sync BEFORE state update so the next synchronous\n    // handler (rapid typing) reads the correct value from the ref.\n    slotsRef.current = newSlots;\n    if (!isControlled) setSlots(newSlots);\n    const fullValue = newSlots.join('');\n    onChange?.(fullValue);\n    if (newSlots.every((s) => s !== '')) {\n      onComplete?.(fullValue);\n    }\n  };\n\n  // ── Event handlers ─────────────────────────────────────────────────────────\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const rawValue = e.target.value;\n    // When maxLength=1 is enforced, rawValue is 0–1 chars.\n    // When the browser transiently allows 2 chars (typed over existing), we\n    // take the last character - that's always the newly entered one.\n    const char = rawValue.slice(-1);\n\n    if (!char) return; // Deletes are handled by onKeyDown\n\n    // Guard: numeric mode rejects non-digit characters\n    if (type === 'numeric' && !/^\\d$/.test(char)) return;\n\n    // Read from slotsRef (not the stale `slots` closure) so rapid keystrokes\n    // don't overwrite each other when React hasn't re-rendered yet.\n    const newSlots = [...slotsRef.current];\n    newSlots[index] = char;\n    commitChange(newSlots);\n\n    // Advance focus to the next slot\n    if (index < length - 1) {\n      inputRefs.current[index + 1]?.focus();\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {\n    // ── Numeric mode: block non-digit, non-control key presses ──────────────\n    if (type === 'numeric') {\n      const controlKeys = [\n        'Backspace',\n        'Delete',\n        'Tab',\n        'Escape',\n        'ArrowLeft',\n        'ArrowRight',\n        'Home',\n        'End',\n      ];\n      const isDigit = /^\\d$/.test(e.key);\n      const isControlKey = e.ctrlKey || e.metaKey;\n      if (!isDigit && !controlKeys.includes(e.key) && !isControlKey) {\n        e.preventDefault();\n        return;\n      }\n    }\n\n    // ── Backspace ────────────────────────────────────────────────────────────\n    if (e.key === 'Backspace') {\n      e.preventDefault(); // Prevent the browser from also firing onChange\n      if (slotsRef.current[index] !== '') {\n        // Clear the current slot\n        const newSlots = [...slotsRef.current];\n        newSlots[index] = '';\n        commitChange(newSlots);\n      } else if (index > 0) {\n        // Move focus to the previous slot and clear it\n        const newSlots = [...slotsRef.current];\n        newSlots[index - 1] = '';\n        commitChange(newSlots);\n        inputRefs.current[index - 1]?.focus();\n      }\n      return;\n    }\n\n    // ── Arrow navigation ─────────────────────────────────────────────────────\n    if (e.key === 'ArrowLeft' && index > 0) {\n      e.preventDefault();\n      inputRefs.current[index - 1]?.focus();\n      return;\n    }\n    if (e.key === 'ArrowRight' && index < length - 1) {\n      e.preventDefault();\n      inputRefs.current[index + 1]?.focus();\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>, index: number) => {\n    e.preventDefault();\n    const pasted = e.clipboardData.getData('text/plain');\n    // Strip non-digits in numeric mode\n    const filtered = type === 'numeric' ? pasted.replace(/\\D/g, '') : pasted;\n    if (!filtered) return;\n\n    const newSlots = [...slotsRef.current];\n    let charsPlaced = 0;\n    for (let i = index; i < length && charsPlaced < filtered.length; i++) {\n      newSlots[i] = filtered[charsPlaced];\n      charsPlaced++;\n    }\n    commitChange(newSlots);\n\n    // Focus the slot after the last pasted character\n    const nextFocusIdx = Math.min(index + charsPlaced, length - 1);\n    inputRefs.current[nextFocusIdx]?.focus();\n  };\n\n  // ── CSS class builders ─────────────────────────────────────────────────────\n\n  const containerClasses = [\n    'eidos-otp',\n    `eidos-otp--${size}`,\n    disabled && 'eidos-otp--disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const slotClasses = (index: number) =>\n    [\n      'eidos-otp-slot',\n      // Show \"filled\" accent only when there's no error overriding the colour\n      slots[index] !== '' && !error && 'eidos-otp-slot--filled',\n      focusedIndex === index && 'eidos-otp-slot--focused',\n      error && 'eidos-otp-slot--error',\n      disabled && 'eidos-otp-slot--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n  // Accessible description: prefer error, fall back to hint\n  const describedBy = error ? errorId : hint ? hintId : undefined;\n\n  return (\n    <div className={containerClasses}>\n      {label && (\n        <label id={labelId} className=\"eidos-otp-label\">\n          {label}\n        </label>\n      )}\n\n      <div\n        className=\"eidos-otp-slots\"\n        role=\"group\"\n        aria-invalid={error ? true : undefined}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={describedBy}\n      >\n        {Array.from({ length }, (_v, index) => (\n          <div key={index} className={slotClasses(index)}>\n            <input\n              ref={(el) => {\n                inputRefs.current[index] = el;\n              }}\n              type={mask ? 'password' : 'text'}\n              inputMode={type === 'numeric' ? 'numeric' : 'text'}\n              maxLength={2}\n              value={slots[index]}\n              disabled={disabled}\n              aria-label={`Digit ${index + 1} of ${length}`}\n              autoComplete={index === 0 ? 'one-time-code' : 'off'}\n              onChange={(e) => handleChange(e, index)}\n              onKeyDown={(e) => handleKeyDown(e, index)}\n              onPaste={(e) => handlePaste(e, index)}\n              onFocus={() => setFocusedIndex(index)}\n              onBlur={() => setFocusedIndex(null)}\n            />\n          </div>\n        ))}\n      </div>\n\n      {hint && !error && (\n        <span id={hintId} className=\"eidos-otp-hint\">\n          {hint}\n        </span>\n      )}\n\n      {error && (\n        <span id={errorId} className=\"eidos-otp-error-message\" role=\"alert\">\n          <CircleAlert aria-hidden=\"true\" />\n          {error}\n        </span>\n      )}\n    </div>\n  );\n};\n\nOTPInput.displayName = 'OTPInput';\n"]}

package/dist/{chunk-3E7TKBQI.cjs → chunk-VQGLVBPL.cjs}

@@ -1,5 +1,10 @@
-"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; }// src/components/Popover/Popover.component.tsx
-var _react = require('react');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk35LGEPLPcjs = require('./chunk-35LGEPLP.cjs');
+
+// src/components/Popover/Popover.component.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _reactdom = require('react-dom');
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
@@ -13,15 +18,18 @@ var Popover = ({
   closeOnEscape = true,
   disabled = false,
   isOpen,
+  open: openProp,
   defaultOpen,
   onOpenChange,
   maxWidth = 320,
   className,
   contentClassName
 }) => {
-  const isControlled = isOpen !== void 0;
+  const isClient = _chunk35LGEPLPcjs.useIsClient.call(void 0, );
+  const controlledOpen = _nullishCoalesce(openProp, () => ( isOpen));
+  const isControlled = controlledOpen !== void 0;
   const [localOpen, setLocalOpen] = _react.useState.call(void 0, _nullishCoalesce(defaultOpen, () => ( false)));
-  const isVisible = isControlled ? isOpen : localOpen;
+  const isVisible = isControlled ? controlledOpen : localOpen;
   const [popoverState, setPopoverState] = _react.useState.call(void 0, {
     isVisible: false,
     isPositioned: false,
@@ -116,7 +124,7 @@ var Popover = ({
         isPositioned: true
       }));
     }
-  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);
+  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition, isClient]);
   const handleScroll = _react.useCallback.call(void 0, () => {
     if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;
     isScrollingRef.current = true;
@@ -150,12 +158,10 @@ var Popover = ({
   }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);
   _react.useEffect.call(void 0, () => {
     if (popoverState.isVisible) {
-      window.addEventListener("scroll", handleScroll, { passive: true });
-      document.body.addEventListener("scroll", handleScroll, { passive: true });
+      document.addEventListener("scroll", handleScroll, { capture: true, passive: true });
     }
     return () => {
-      window.removeEventListener("scroll", handleScroll);
-      document.body.removeEventListener("scroll", handleScroll);
+      document.removeEventListener("scroll", handleScroll, { capture: true });
     };
   }, [popoverState.isVisible, handleScroll]);
   const handleClickOutside = _react.useCallback.call(void 0, 
@@ -199,6 +205,9 @@ var Popover = ({
       }
     };
   }, []);
+  _chunk35LGEPLPcjs.useDialogFocus.call(void 0, popoverState.isVisible && popoverState.isPositioned, contentRef, {
+    trapTab: false
+  });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -206,12 +215,13 @@ var Popover = ({
         ref: triggerRef,
         className: ["eidos-popover-trigger", className].filter(Boolean).join(" "),
         onClick: toggle,
-        "aria-expanded": popoverState.isVisible,
-        "aria-haspopup": "dialog",
-        children: trigger
+        children: _react2.default.isValidElement(trigger) ? _react2.default.cloneElement(trigger, {
+          "aria-expanded": popoverState.isVisible,
+          "aria-haspopup": "dialog"
+        }) : trigger
       }
     ),
-    popoverState.isVisible && _reactdom.createPortal.call(void 0, 
+    isClient && popoverState.isVisible && _reactdom.createPortal.call(void 0, 
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
@@ -258,4 +268,4 @@ Popover.displayName = "Popover";
 
 
 exports.Popover = Popover;
-//# sourceMappingURL=chunk-3E7TKBQI.cjs.map
+//# sourceMappingURL=chunk-VQGLVBPL.cjs.map

package/dist/chunk-VQGLVBPL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-VQGLVBPL.cjs","../src/components/Popover/Popover.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-VQGLVBPL.cjs","sourcesContent":[null,"import React, { useState, useRef, useCallback, useEffect, useId } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from 'lucide-react';\nimport type { PopoverProps, PopoverState, PopoverPlacement } from './Popover.types';\nimport { useDialogFocus, useIsClient } from '../../utils';\n\nexport const Popover: React.FC<PopoverProps> = ({\n  trigger,\n  children,\n  title,\n  placement: preferredPlacement = 'bottom',\n  showCloseButton = false,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  disabled = false,\n  isOpen,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  maxWidth = 320,\n  className,\n  contentClassName,\n}) => {\n  // `isOpen`/`defaultOpen` make the portal reachable on the first render,\n  // which cannot happen on a server - see `useIsClient`.\n  const isClient = useIsClient();\n\n  // ── Controlled / uncontrolled bridge ──────────────────────────────────────\n  //\n  // `open` is the canonical name, matching `Dropdown` and `CommandPalette`.\n  // `isOpen` is the original spelling, kept working rather than renamed out\n  // from under anyone.\n  const controlledOpen = openProp ?? isOpen;\n  const isControlled = controlledOpen !== undefined;\n  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);\n  const isVisible = isControlled ? controlledOpen! : localOpen;\n\n  // ── Positioning state ─────────────────────────────────────────────────────\n  const [popoverState, setPopoverState] = useState<PopoverState>({\n    isVisible: false,\n    isPositioned: false,\n    position: { top: 0, left: 0, placement: preferredPlacement },\n  });\n\n  // Names the dialog by pointing at the rendered title, the same way `Modal`\n  // and `Drawer` do. This was an `aria-label={title ?? 'Popover'}`, which\n  // both duplicated the visible text into a second, invisible copy and hard\n  // limited `title` to a string - `aria-label` takes only a string, so a\n  // `ReactNode` title would have been stringified to \"[object Object]\" and\n  // silently destroyed the accessible name.\n  const titleId = useId();\n\n  // ── Refs ──────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const isScrollingRef = useRef(false);\n\n  // ── Open / close helpers ──────────────────────────────────────────────────\n  const open = useCallback(() => {\n    if (disabled) return;\n    if (!isControlled) setLocalOpen(true);\n    onOpenChange?.(true);\n  }, [disabled, isControlled, onOpenChange]);\n\n  const close = useCallback(() => {\n    if (!isControlled) setLocalOpen(false);\n    onOpenChange?.(false);\n  }, [isControlled, onOpenChange]);\n\n  const toggle = useCallback(() => {\n    if (isVisible) {\n      close();\n    } else {\n      open();\n    }\n  }, [isVisible, open, close]);\n\n  // ── Positioning calculation ───────────────────────────────────────────────\n  const calculateOptimalPosition = useCallback(\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 8;\n\n      let placement: PopoverPlacement = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - contentRect.height - gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'left':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.left - contentRect.width - gap;\n          break;\n        case 'right':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      // Flip if it doesn't fit in the preferred direction\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - contentRect.height - gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\n        placement = 'left';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.left - contentRect.width - gap;\n      }\n\n      // Clamp to viewport\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement],\n  );\n\n  // ── Sync isVisible → popoverState ─────────────────────────────────────────\n  useEffect(() => {\n    if (isVisible) {\n      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));\n    } else {\n      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));\n    }\n  }, [isVisible]);\n\n  // ── Two-pass positioning (Pass 2: measure then commit) ────────────────────\n  useEffect(() => {\n    if (\n      popoverState.isVisible &&\n      !popoverState.isPositioned &&\n      contentRef.current &&\n      triggerRef.current\n    ) {\n      const triggerRect = triggerRef.current.getBoundingClientRect();\n      const contentRect = contentRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n      setPopoverState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n    // `isClient` for the same reason as `Dropdown`: with `defaultOpen` the\n    // portal arrives one render after this effect first runs, and without it in\n    // the deps the panel is never measured and never becomes visible.\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition, isClient]);\n\n  // ── Scroll repositioning ─────────────────────────────────────────────────\n  const handleScroll = useCallback(() => {\n    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (triggerRef.current && contentRef.current) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Resize repositioning ──────────────────────────────────────────────────\n  useEffect(() => {\n    const handleResize = () => {\n      if (\n        popoverState.isVisible &&\n        popoverState.isPositioned &&\n        contentRef.current &&\n        triggerRef.current\n      ) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll listener registration ─────────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      // Capture phase on `document` - see the note in `Dropdown`. `scroll` does\n      // not bubble, so listeners on `window`/`document.body` miss every\n      // ancestor scroll container and the portaled panel detaches from its\n      // trigger.\n      document.addEventListener('scroll', handleScroll, { capture: true, passive: true });\n    }\n\n    return () => {\n      document.removeEventListener('scroll', handleScroll, { capture: true });\n    };\n  }, [popoverState.isVisible, handleScroll]);\n\n  // ── Click-outside handler ─────────────────────────────────────────────────\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !popoverState.isVisible) return;\n\n      const target = event.target as Node;\n\n      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {\n        return;\n      }\n\n      close();\n    },\n    [closeOnClickOutside, popoverState.isVisible, close],\n  );\n\n  // ── Escape key handler ────────────────────────────────────────────────────\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && popoverState.isVisible) {\n        close();\n      }\n    },\n    [closeOnEscape, popoverState.isVisible, close],\n  );\n\n  // ── Register global event listeners ──────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscapeKey);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);\n\n  // ── Cleanup on unmount ────────────────────────────────────────────────────\n  useEffect(() => {\n    const timeoutId = timeoutRef.current;\n    const animationFrameId = animationFrameRef.current;\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      if (animationFrameId) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    };\n  }, []);\n\n  // Non-modal focus handling: move focus into the panel and return it to the\n  // trigger on close, but leave Tab free.\n  //\n  // `trapTab: false` because this dialog is honestly `aria-modal=\"false\"` -\n  // the rest of the page stays available, so confining Tab would strand the\n  // user. Moving focus in is still required: the panel is portaled to\n  // `document.body`, so Tab from the trigger continues into whatever follows\n  // it in the page and the panel's own controls cannot be reached at all.\n  //\n  // Keyed to `isPositioned`, not `isVisible`: the panel renders off-screen\n  // for one frame while its placement is measured, and focusing it in that\n  // state scrolls the page to wherever it was parked.\n  useDialogFocus(popoverState.isVisible && popoverState.isPositioned, contentRef, {\n    trapTab: false,\n  });\n\n  // ── Render ────────────────────────────────────────────────────────────────\n  return (\n    <>\n      {/* Trigger wrapper.\n\n          The wrapper carries no ARIA. It had `aria-expanded` and\n          `aria-haspopup` while having no role, which is invalid - both need\n          a role that supports them, and adding `role=\"button\"` here would be\n          worse still, since the trigger inside is usually a real button\n          (that is the `nested-interactive` shape already fixed on\n          `Dropdown`).\n\n          Instead the state is cloned onto the trigger element, which is the\n          thing a user actually activates. Guarded by `isValidElement`\n          because `trigger` is typed as `ReactNode` and may be a bare string,\n          in which case there is nothing to annotate and the wrapper stays\n          exactly as it was. */}\n      <div\n        ref={triggerRef}\n        className={['eidos-popover-trigger', className].filter(Boolean).join(' ')}\n        onClick={toggle}\n      >\n        {React.isValidElement(trigger)\n          ? React.cloneElement(trigger as React.ReactElement<Record<string, unknown>>, {\n              'aria-expanded': popoverState.isVisible,\n              'aria-haspopup': 'dialog',\n            })\n          : trigger}\n      </div>\n\n      {/* Portal: floating panel */}\n      {isClient &&\n        popoverState.isVisible &&\n        createPortal(\n          <div\n            ref={contentRef}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            aria-labelledby={title ? titleId : undefined}\n            // Only the untitled case still needs a literal label - there is\n            // no visible text to point at.\n            aria-label={title ? undefined : 'Popover'}\n            className={[\n              'eidos-popover-content',\n              `eidos-popover-content--${popoverState.position.placement}`,\n              popoverState.isPositioned ? 'eidos-popover-content--visible' : '',\n              contentClassName,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{\n              top: popoverState.position.top,\n              left: popoverState.position.left,\n              maxWidth: maxWidth,\n            }}\n          >\n            {(title || showCloseButton) && (\n              <div className=\"eidos-popover-header\">\n                {title && (\n                  <span id={titleId} className=\"eidos-popover-title\">\n                    {title}\n                  </span>\n                )}\n                {showCloseButton && (\n                  <button\n                    type=\"button\"\n                    className=\"eidos-popover-close\"\n                    onClick={close}\n                    aria-label=\"Close popover\"\n                  >\n                    <X aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n            )}\n            <div className=\"eidos-popover-body\">{children}</div>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nPopover.displayName = 'Popover';\n"]}

package/dist/{chunk-27ZWUEPE.js → chunk-WE2SBWZ6.js}

@@ -13,29 +13,29 @@ import {
   subscribeToFontLoads,
   toFontStack,
   useTheme
-} from "./chunk-KQJ3IAFT.js";
+} from "./chunk-A3LMUPG3.js";
 import {
   Slider
 } from "./chunk-2BC4M4QZ.js";
 import {
   Select
-} from "./chunk-7SVDYEKM.js";
+} from "./chunk-MQAOXZD4.js";
 import {
   Card
 } from "./chunk-EF4Y6Q35.js";
 import {
   ColorPicker
-} from "./chunk-GG5YGESX.js";
+} from "./chunk-4LNTZPSQ.js";
 import {
   Alert
-} from "./chunk-O2AACVSF.js";
+} from "./chunk-AR2ZOO6L.js";
 import {
   Button,
   IconButton
-} from "./chunk-L5Q6UDY3.js";
+} from "./chunk-75GFIQRU.js";
 import {
   Tooltip
-} from "./chunk-YV57RSPD.js";
+} from "./chunk-JNY7TUDS.js";
 
 // src/components/ThemeEditor/ThemeEditor.component.tsx
 import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
@@ -157,7 +157,8 @@ var FontRow = ({
         options: selectOptions,
         value,
         onChange: (next) => onChange(Array.isArray(next) ? next[0] : next),
-        fullWidth: true
+        fullWidth: true,
+        inputProps: { "aria-label": label }
       }
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "eidos-theme-editor-row__diagnostics", children: [
@@ -196,6 +197,8 @@ var FontRow = ({
           type: "file",
           accept: FONT_ACCEPT,
           className: "eidos-theme-editor-file",
+          tabIndex: -1,
+          "aria-hidden": "true",
           onChange: (event) => {
             void handleFile(event.target.files?.[0]);
             event.target.value = "";
@@ -282,7 +285,15 @@ var ThemeEditor = ({
         const overridden = theme.colors?.[key] !== void 0;
         return /* @__PURE__ */ jsxs("div", { className: "eidos-theme-editor-row", children: [
           /* @__PURE__ */ jsx("span", { className: "eidos-theme-editor-row__label", children: COLOR_LABELS[key] }),
-          /* @__PURE__ */ jsx(ColorPicker, { value: base, onChange: (hex) => setColor(key, hex), size: "md" }),
+          /* @__PURE__ */ jsx(
+            ColorPicker,
+            {
+              value: base,
+              onChange: (hex) => setColor(key, hex),
+              size: "md",
+              ariaLabel: COLOR_LABELS[key]
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { className: "eidos-theme-editor-row__diagnostics", children: [
             /* @__PURE__ */ jsx(Tooltip, { message: detail, children: /* @__PURE__ */ jsxs("span", { className: `eidos-theme-editor-badge eidos-theme-editor-badge--${grade}`, children: [
               /* @__PURE__ */ jsx(badge.icon, { className: "eidos-theme-editor-badge__icon" }),
@@ -387,4 +398,4 @@ ThemeEditor.displayName = "ThemeEditor";
 export {
   ThemeEditor
 };
-//# sourceMappingURL=chunk-27ZWUEPE.js.map
+//# sourceMappingURL=chunk-WE2SBWZ6.js.map

package/dist/chunk-WE2SBWZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ThemeEditor/ThemeEditor.component.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';\nimport { CircleCheck, CircleX, TriangleAlert } from 'lucide-react';\nimport { Alert } from '../Alert';\nimport { Button, IconButton } from '../Button';\nimport { Card } from '../Card';\nimport { ColorPicker } from '../ColorPicker';\nimport { Select } from '../Select';\nimport { Slider } from '../Slider';\nimport { Tooltip } from '../Tooltip';\nimport { useTheme } from '../ThemeProvider';\nimport type { ThemeColorKey, ThemeFontOption } from '../ThemeProvider';\nimport {\n  THEME_COLOR_KEYS,\n  FONT_SCALE_MAX,\n  FONT_SCALE_MIN,\n  defaultTheme,\n} from '../ThemeProvider/ThemeProvider.tokens';\nimport {\n  CONTRAST_DARK,\n  CONTRAST_LIGHT,\n  contrastRatio,\n  pickContrast,\n} from '../ThemeProvider/ThemeProvider.color';\nimport {\n  FONT_ACCEPT,\n  isFontStackAvailable,\n  registerFontFile,\n  subscribeToFontLoads,\n  toFontStack,\n} from '../ThemeProvider/ThemeProvider.fonts';\nimport type { ThemeEditorProps } from './ThemeEditor.types';\n\n/** The page surface every diagnostic is measured against - `--white`. */\nconst PAGE_SURFACE = CONTRAST_LIGHT;\n\n/** Below this, a fill is effectively invisible against the page behind it. */\nconst EDGE_MIN_RATIO = 1.5;\n\nconst COLOR_LABELS: Record<ThemeColorKey, string> = {\n  primary: 'Primary',\n  secondary: 'Secondary',\n  success: 'Success',\n  danger: 'Danger',\n  warning: 'Warning',\n  info: 'Info',\n  hyperlink: 'Hyperlink',\n};\n\n/** `hyperlink` is only ever text on a surface, so it is graded differently. */\nconst isFill = (key: ThemeColorKey): boolean => key !== 'hyperlink';\n\n/**\n * Built-in stacks, deliberately limited to fonts that can be relied on.\n *\n * A dropdown implies its entries are available, but a font stack is only a list\n * of *names* - nothing here can install a font. So the list is restricted to\n * generic families (guaranteed by CSS), `system-ui` (whatever the OS provides),\n * and the handful of genuinely web-safe faces. Fonts like Inter, which are not\n * installed anywhere by default, were removed: offering one is offering a\n * choice that silently does nothing on most machines.\n *\n * The preset is included because it is the shipped default and therefore has to\n * be representable - and note that `eidos-ui` does not ship the Plus Jakarta\n * Sans file either, so it renders only where the consumer provides it. That is\n * exactly why unavailable options are labelled as such.\n *\n * Anything beyond this belongs to the consuming app, via `fontOptions`.\n */\nconst FONT_STACKS: ThemeFontOption[] = [\n  // Taken from the preset rather than retyped, so the shipped default always\n  // matches an option exactly. A hand-copied shorter stack did not match, and\n  // the row fell back to showing a synthetic \"custom\" entry instead of the\n  // name of the font actually in use.\n  { label: 'Plus Jakarta Sans (theme default)', value: defaultTheme.typography.fontFamily! },\n  { label: 'System UI', value: \"system-ui, -apple-system, 'Segoe UI', sans-serif\" },\n  { label: 'Helvetica / Arial', value: 'Helvetica, Arial, sans-serif' },\n  { label: 'Georgia', value: \"Georgia, 'Times New Roman', serif\" },\n  { label: 'Sans-serif (generic)', value: 'sans-serif' },\n  { label: 'Serif (generic)', value: 'serif' },\n];\n\nconst MONO_STACKS: ThemeFontOption[] = [\n  { label: 'JetBrains Mono (theme default)', value: defaultTheme.typography.monoFamily! },\n  { label: 'Menlo / Consolas', value: 'Menlo, Consolas, monospace' },\n  { label: 'Courier New', value: \"'Courier New', Courier, monospace\" },\n  { label: 'Monospace (generic)', value: 'monospace' },\n];\n\ntype Grade = 'aa' | 'aa-large' | 'fail';\n\nconst gradeFor = (ratio: number): Grade => (ratio >= 4.5 ? 'aa' : ratio >= 3 ? 'aa-large' : 'fail');\n\n/** Spelled out for the middle grade, which is the one that misleads. */\nconst GRADE_CAVEAT: Partial<Record<Grade, string>> = {\n  'aa-large':\n    ' WCAG AA needs 4.5:1 for normal text and allows 3:1 only at 24px or larger - button and label text here is around 12px, so this does not pass.',\n  fail: ' Below 3:1, which fails WCAG AA at every text size.',\n};\n\n/**\n * Severity is carried by an icon and the label text, not by colour.\n *\n * These badges cannot use `Pill`, or any themed `--x-color`: the theme being\n * edited also styles this editor, so a washed-out `success` colour would render\n * the \"passes AA\" badge illegible at precisely the moment it is reporting that\n * a colour is illegible. The badge styling comes from the gray ramp, which is\n * deliberately not themeable.\n *\n * Not relying on colour alone also satisfies WCAG 1.4.1 (Use of Colour).\n */\nconst GRADE_BADGE: Record<\n  Grade,\n  { label: string; icon: React.ComponentType<{ className?: string }> }\n> = {\n  aa: { label: 'AA', icon: CircleCheck },\n  // Named for what it means in practice, not just for the threshold it clears.\n  // WCAG's relaxed 3:1 tier applies only to text at 24px (or 18.7px bold) and\n  // above, and nothing in this library is that large - `--font-size-sm` is\n  // ~12.25px at the default root size. A bare \"AA large only\" reads as a pass\n  // when for every component here it is a fail.\n  'aa-large': { label: 'Too low for body text', icon: TriangleAlert },\n  fail: { label: 'Fails AA', icon: CircleX },\n};\n\ninterface Diagnostic {\n  grade: Grade;\n  ratio: number;\n  /** What the ratio describes, for the tooltip. */\n  detail: string;\n  /** Set when the fill is too close to the page surface to be seen. */\n  edgeWarning?: string;\n}\n\nconst diagnose = (key: ThemeColorKey, base: string, explicitContrast?: string): Diagnostic => {\n  if (!isFill(key)) {\n    // Link text sits on the page, so the page is what it must contrast with.\n    const ratio = contrastRatio(base, PAGE_SURFACE);\n    const grade = gradeFor(ratio);\n    return {\n      grade,\n      ratio,\n      detail: `Link text on the page background: ${ratio.toFixed(2)}:1 against white.${GRADE_CAVEAT[grade] ?? ''}`,\n    };\n  }\n\n  const foreground = explicitContrast ?? pickContrast(base);\n  const ratio = contrastRatio(base, foreground);\n  const name = foreground.toLowerCase() === CONTRAST_DARK ? 'dark' : 'white';\n  const edge = contrastRatio(base, PAGE_SURFACE);\n\n  const grade = gradeFor(ratio);\n\n  return {\n    grade,\n    ratio,\n    detail: `${name === 'white' ? 'White' : 'Near-black'} text on this fill is ${ratio.toFixed(2)}:1.${\n      explicitContrast ? ' Foreground pinned via the theme.' : ''\n    }${GRADE_CAVEAT[grade] ?? ''}`,\n    edgeWarning:\n      edge < EDGE_MIN_RATIO\n        ? `Only ${edge.toFixed(2)}:1 against the page background - this fill is barely distinguishable from the page it sits on.`\n        : undefined,\n  };\n};\n\ninterface FontRowProps {\n  label: string;\n  /** Stack currently applied, used to pick the matching option. */\n  value: string;\n  options: ThemeFontOption[];\n  mono: boolean;\n  allowUpload: boolean;\n  onChange: (stack: string) => void;\n  onUploaded: (option: ThemeFontOption, file: File, family: string) => void;\n}\n\n/** Pulls the first family out of a stack, unquoted. */\nconst firstFamily = (stack: string): string =>\n  stack\n    .split(',')[0]\n    ?.trim()\n    .replace(/^['\"]|['\"]$/g, '') || 'Custom';\n\n/**\n * One font row: a `Select` over the known stacks, an optional upload, and an\n * availability warning.\n *\n * Uses `Select` rather than `Combobox` deliberately. `Combobox` filters its\n * options against the text in the field, and the field holds a full font stack\n * (`'Plus Jakarta Sans', -apple-system, …`) which matches no option label - so\n * the list read \"No results found\" until the text was cleared by hand. A font\n * is a choice from a known set, not a search.\n */\nconst FontRow: React.FC<FontRowProps> = ({\n  label,\n  value,\n  options,\n  mono,\n  allowUpload,\n  onChange,\n  onUploaded,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  // Web fonts load asynchronously, so the first render always sees them as\n  // unavailable. Without re-checking once they arrive, the row would sit on a\n  // stale \"not installed\" warning for a font that is rendering perfectly.\n  // The reducer exists only to schedule that re-render; its value is unused.\n  const [, onFontsLoaded] = useReducer((count: number) => count + 1, 0);\n  useEffect(() => subscribeToFontLoads(onFontsLoaded), [onFontsLoaded]);\n\n  const baseOptions = useMemo(() => {\n    // A stack the theme carries but that isn't in the list (loaded by the host\n    // app, or set programmatically) still needs to be selectable, labelled with\n    // its own first family so the row names the font actually in use.\n    const known = options.some((o) => o.value === value);\n    return known ? options : [...options, { label: `${firstFamily(value)} (custom)`, value }];\n  }, [options, value]);\n\n  // Probed on every render rather than memoised: availability changes over time\n  // as fonts load, so a cached answer is a wrong answer. Four canvas\n  // measurements are far cheaper than getting this wrong.\n  //\n  // Availability is annotated per option rather than filtered or disabled. A\n  // theme is shared across machines, so a font present here may be absent for\n  // the next user - and vice versa, which would mean hiding a font someone\n  // legitimately wants. Annotating keeps every choice selectable while making\n  // the list stop implying that a name is a guarantee.\n  const selectOptions = baseOptions.map((option) => ({\n    id: option.value,\n    label: isFontStackAvailable(option.value) ? option.label : `${option.label} - not installed`,\n    value: option.value,\n  }));\n\n  const handleFile = useCallback(\n    async (file: File | undefined) => {\n      if (!file) return;\n      setError(null);\n      try {\n        const family = await registerFontFile(file);\n        const stack = toFontStack(family, mono);\n        onUploaded({ label: `${family} (this session)`, value: stack }, file, family);\n        onChange(stack);\n      } catch (cause) {\n        setError(\n          cause instanceof Error ? cause.message : 'That file could not be loaded as a font.',\n        );\n      }\n    },\n    [mono, onChange, onUploaded],\n  );\n\n  const unavailable = !isFontStackAvailable(value);\n\n  return (\n    <div className=\"eidos-theme-editor-row eidos-theme-editor-row--wide\">\n      <span className=\"eidos-theme-editor-row__label\">{label}</span>\n\n      <div className=\"eidos-theme-editor-row__control\">\n        <Select\n          options={selectOptions}\n          value={value}\n          onChange={(next) => onChange(Array.isArray(next) ? next[0] : next)}\n          fullWidth\n          // The row's visible label is a `<span>`, not a `<label htmlFor>`,\n          // so nothing associates it with the control. Naming the input\n          // directly keeps the two in step without restructuring the row.\n          inputProps={{ 'aria-label': label }}\n        />\n      </div>\n\n      {/* Occasional - lives before the action so it can never displace it. */}\n      <div className=\"eidos-theme-editor-row__diagnostics\">\n        {unavailable && (\n          <Tooltip\n            message={`${firstFamily(value)} isn't available here, so the browser is rendering the next family in the stack instead. Upload the file, or have your app serve it, to use it.`}\n          >\n            <span className=\"eidos-theme-editor-badge eidos-theme-editor-badge--aa-large\">\n              <TriangleAlert className=\"eidos-theme-editor-badge__icon\" />\n              Not installed\n            </span>\n          </Tooltip>\n        )}\n        {error && (\n          <Tooltip message={error}>\n            <span className=\"eidos-theme-editor-badge eidos-theme-editor-badge--fail\">\n              <CircleX className=\"eidos-theme-editor-badge__icon\" />\n              Upload failed\n            </span>\n          </Tooltip>\n        )}\n      </div>\n\n      {allowUpload && (\n        <div className=\"eidos-theme-editor-row__actions\">\n          <Button\n            variant=\"text\"\n            color=\"secondary\"\n            size=\"sm\"\n            preIcon=\"Upload\"\n            onClick={() => inputRef.current?.click()}\n            tooltip=\"Load a font file to use it right away. Not saved - see onFontUpload to persist it.\"\n          >\n            Upload\n          </Button>\n          {/* Plain input rather than FileUpload: this is a single inline\n              action in a dense row, not a drop zone. */}\n          <input\n            ref={inputRef}\n            type=\"file\"\n            accept={FONT_ACCEPT}\n            // Same proxy pattern as `MessageComposer` - see the note there.\n            className=\"eidos-theme-editor-file\"\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            onChange={(event) => {\n              void handleFile(event.target.files?.[0]);\n              // Allow re-picking the same file after a failure.\n              event.target.value = '';\n            }}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * Live editor for the active `ThemeProvider` theme.\n *\n * Renders no preview of its own: the provider writes tokens to\n * `document.documentElement`, so the surrounding page is the preview.\n *\n * Contrast readouts are diagnostics only - a colour that fails is still\n * applied. Automatically \"correcting\" a chosen colour would mean silently\n * rendering something other than what was picked.\n */\nexport const ThemeEditor: React.FC<ThemeEditorProps> = ({\n  colors = THEME_COLOR_KEYS as ThemeColorKey[],\n  fontOptions = FONT_STACKS,\n  monoFontOptions = MONO_STACKS,\n  allowFontUpload = true,\n  onFontUpload,\n  hideTypography = false,\n  hideReset = false,\n  hideCssExport = false,\n  className,\n}) => {\n  const { theme, resolvedTheme, setTheme, updateTheme, resetTheme, isDefault, toCss } = useTheme();\n  const [copied, setCopied] = useState(false);\n\n  // Fonts registered through the upload control this session. Kept local\n  // because font *data* cannot live in a ThemeConfig - see the .mdx.\n  const [uploaded, setUploaded] = useState<ThemeFontOption[]>([]);\n  const [monoUploaded, setMonoUploaded] = useState<ThemeFontOption[]>([]);\n\n  const setColor = useCallback(\n    (key: ThemeColorKey, hex: string) => {\n      const current = theme.colors?.[key];\n      // Only the base is written here. A `contrast` pinned in the theme is\n      // preserved rather than dropped, since the editor never sets one.\n      const pinned = typeof current === 'object' ? current.contrast : undefined;\n      updateTheme({ colors: { [key]: pinned ? { base: hex, contrast: pinned } : hex } });\n    },\n    [theme.colors, updateTheme],\n  );\n\n  const resetColor = useCallback(\n    (key: ThemeColorKey) => {\n      // Must go through setTheme, not updateTheme: updateTheme merges, so a key\n      // left out of the patch keeps its existing value instead of being removed.\n      // Removal is what restores the preset, since resolveTheme fills gaps.\n      const nextColors = { ...theme.colors };\n      delete nextColors[key];\n      setTheme({ ...theme, colors: nextColors });\n    },\n    [theme, setTheme],\n  );\n\n  const diagnostics = useMemo(\n    () =>\n      colors.map((key) => {\n        const { base, contrast } = resolvedTheme.colors[key];\n        return { key, base, ...diagnose(key, base, contrast) };\n      }),\n    [colors, resolvedTheme],\n  );\n\n  const failing = diagnostics.filter((d) => d.grade === 'fail');\n  const invisible = diagnostics.filter((d) => d.edgeWarning);\n\n  const copyCss = useCallback(() => {\n    const css = toCss();\n    const done = () => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1600);\n    };\n    if (navigator.clipboard?.writeText) {\n      navigator.clipboard.writeText(css).then(done, done);\n      return;\n    }\n    done();\n  }, [toCss]);\n\n  return (\n    <div className={['eidos-theme-editor', className].filter(Boolean).join(' ')}>\n      {(failing.length > 0 || invisible.length > 0) && (\n        <Alert variant=\"warning\" title=\"Contrast issues\">\n          {failing.length > 0 && (\n            <p>\n              Cannot reach WCAG AA (4.5:1) with either foreground:{' '}\n              {failing.map((d) => COLOR_LABELS[d.key]).join(', ')}.\n            </p>\n          )}\n          {invisible.length > 0 && (\n            <p>\n              Too close to the page background to read as a filled surface:{' '}\n              {invisible.map((d) => COLOR_LABELS[d.key]).join(', ')}.\n            </p>\n          )}\n        </Alert>\n      )}\n\n      <Card variant=\"outlined\" padding=\"lg\" className=\"eidos-theme-editor-section\">\n        <div className=\"eidos-theme-editor-section__header\">\n          <span className=\"eidos-theme-editor-section__title\">Colours</span>\n          <span className=\"eidos-theme-editor-section__hint\">\n            Shades, tints and foregrounds are derived from each base colour.\n          </span>\n        </div>\n\n        <div className=\"eidos-theme-editor-rows\">\n          {diagnostics.map(({ key, base, grade, ratio, detail, edgeWarning }) => {\n            const badge = GRADE_BADGE[grade];\n            const overridden = theme.colors?.[key] !== undefined;\n            return (\n              <div className=\"eidos-theme-editor-row\" key={key}>\n                <span className=\"eidos-theme-editor-row__label\">{COLOR_LABELS[key]}</span>\n\n                {/* `md` rather than `sm`: the size drives the panel's\n                    saturation/brightness canvas, and 120px is cramped for\n                    picking a lightness precisely. */}\n                <ColorPicker\n                  value={base}\n                  onChange={(hex) => setColor(key, hex)}\n                  size=\"md\"\n                  // The row draws its own visible label, so the picker must\n                  // not draw a second one - but without a name of its own\n                  // every picker here announced as \"Open colour picker\" and\n                  // they were indistinguishable.\n                  ariaLabel={COLOR_LABELS[key]}\n                />\n\n                <div className=\"eidos-theme-editor-row__diagnostics\">\n                  <Tooltip message={detail}>\n                    <span className={`eidos-theme-editor-badge eidos-theme-editor-badge--${grade}`}>\n                      <badge.icon className=\"eidos-theme-editor-badge__icon\" />\n                      {`${ratio.toFixed(2)}:1 ${badge.label}`}\n                    </span>\n                  </Tooltip>\n                  {edgeWarning && (\n                    <Tooltip message={edgeWarning}>\n                      <span className=\"eidos-theme-editor-badge eidos-theme-editor-badge--fail\">\n                        <CircleX className=\"eidos-theme-editor-badge__icon\" />\n                        Invisible on page\n                      </span>\n                    </Tooltip>\n                  )}\n                </div>\n\n                <div className=\"eidos-theme-editor-row__actions\">\n                  <IconButton\n                    icon=\"RotateCcw\"\n                    variant=\"text\"\n                    color=\"secondary\"\n                    size=\"sm\"\n                    disabled={!overridden}\n                    onClick={() => resetColor(key)}\n                    tooltip={overridden ? `Reset ${COLOR_LABELS[key]} to the preset` : 'Unchanged'}\n                    aria-label={`Reset ${COLOR_LABELS[key]}`}\n                  />\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </Card>\n\n      {!hideTypography && (\n        <Card variant=\"outlined\" padding=\"lg\" className=\"eidos-theme-editor-section\">\n          <div className=\"eidos-theme-editor-section__header\">\n            <span className=\"eidos-theme-editor-section__title\">Typography</span>\n            <span className=\"eidos-theme-editor-section__hint\">\n              A stack only names a font - upload the file to use one the browser doesn&apos;t\n              already have. Spacing is declared in <code>em</code>, so the scale moves padding with\n              the text.\n            </span>\n          </div>\n\n          <div className=\"eidos-theme-editor-rows\">\n            <FontRow\n              label=\"Body font\"\n              value={resolvedTheme.typography.fontFamily}\n              options={[...fontOptions, ...uploaded]}\n              mono={false}\n              allowUpload={allowFontUpload}\n              onChange={(fontFamily) => updateTheme({ typography: { fontFamily } })}\n              onUploaded={(option, file, family) => {\n                setUploaded((prev) => [...prev, option]);\n                onFontUpload?.(file, family, false);\n              }}\n            />\n\n            <FontRow\n              label=\"Mono font\"\n              value={resolvedTheme.typography.monoFamily}\n              options={[...monoFontOptions, ...monoUploaded]}\n              mono\n              allowUpload={allowFontUpload}\n              onChange={(monoFamily) => updateTheme({ typography: { monoFamily } })}\n              onUploaded={(option, file, family) => {\n                setMonoUploaded((prev) => [...prev, option]);\n                onFontUpload?.(file, family, true);\n              }}\n            />\n\n            <div className=\"eidos-theme-editor-row eidos-theme-editor-row--wide\">\n              <span className=\"eidos-theme-editor-row__label\">Scale</span>\n              <div className=\"eidos-theme-editor-row__control\">\n                <Slider\n                  value={resolvedTheme.typography.fontScale}\n                  min={FONT_SCALE_MIN}\n                  max={FONT_SCALE_MAX}\n                  step={0.025}\n                  showValue\n                  showMinMax\n                  unit=\"×\"\n                  onChange={(value) => updateTheme({ typography: { fontScale: value } })}\n                />\n              </div>\n            </div>\n          </div>\n        </Card>\n      )}\n\n      {(!hideReset || !hideCssExport) && (\n        <div className=\"eidos-theme-editor-actions\">\n          {!hideReset && (\n            <Button variant=\"outlined\" color=\"secondary\" disabled={isDefault} onClick={resetTheme}>\n              Reset all\n            </Button>\n          )}\n          {!hideCssExport && (\n            <Button\n              variant=\"outlined\"\n              preIcon={copied ? 'Check' : 'Clipboard'}\n              onClick={copyCss}\n              tooltip=\"Copy the resolved tokens as a :root block you can paste into your own stylesheet\"\n            >\n              {copied ? 'Copied' : 'Copy as CSS'}\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nThemeEditor.displayName = 'ThemeEditor';\n"],"mappings":"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","names":["ratio","grade"]}

package/dist/{chunk-TQGO5WK6.js → chunk-WNDDS367.js}

@@ -1,12 +1,12 @@
 import {
   Select
-} from "./chunk-7SVDYEKM.js";
+} from "./chunk-MQAOXZD4.js";
 import {
   Button
-} from "./chunk-L5Q6UDY3.js";
+} from "./chunk-75GFIQRU.js";
 
 // src/components/Pagination/Pagination.component.tsx
-import { useState, useEffect } from "react";
+import { useState, useEffect, useId } from "react";
 import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ELLIPSIS = "ellipsis";
@@ -52,6 +52,7 @@ var Pagination = ({
   onPageSizeChange,
   pageSizeOptions = [10, 25, 50, 100]
 }) => {
+  const pageSizeId = useId();
   const items = usePaginationRange(page, totalPages, siblingCount);
   const [inputValue, setInputValue] = useState(String(page));
   useEffect(() => {
@@ -182,7 +183,7 @@ var Pagination = ({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "eidos-pagination-controls", children: [
       hasPageSize && /* @__PURE__ */ jsxs("div", { className: "eidos-pagination-size", children: [
-        /* @__PURE__ */ jsx("label", { className: "eidos-pagination-size-label", children: "Show:" }),
+        /* @__PURE__ */ jsx("label", { className: "eidos-pagination-size-label", htmlFor: pageSizeId, children: "Show:" }),
         /* @__PURE__ */ jsx(
           Select,
           {
@@ -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";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-TQGO5WK6.js.map
+//# sourceMappingURL=chunk-WNDDS367.js.map

package/dist/chunk-WNDDS367.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.component.tsx"],"sourcesContent":["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"],"mappings":"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","names":[]}

package/dist/{chunk-Q5KQVBQP.cjs → chunk-X3BVQBXD.cjs}

@@ -12,16 +12,16 @@ var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
 var _chunkKV3V2CPHcjs = require('./chunk-KV3V2CPH.cjs');
 
 
-var _chunkNEYLNRVGcjs = require('./chunk-NEYLNRVG.cjs');
+var _chunkTTLFY76Jcjs = require('./chunk-TTLFY76J.cjs');
 
 
-var _chunkVXO2MYYHcjs = require('./chunk-VXO2MYYH.cjs');
+var _chunkJ76JHN7Jcjs = require('./chunk-J76JHN7J.cjs');
 
 
 var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
 
 
-var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
+var _chunkDA375AI6cjs = require('./chunk-DA375AI6.cjs');
 
 // src/components/Conversation/Chat.component.tsx
 var _react = require('react');
@@ -313,7 +313,7 @@ var MessageComposer = ({
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: replyingTo })
           ] }),
           onCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkWWYJNWJYcjs.Button,
+            _chunkDA375AI6cjs.Button,
             {
               variant: "text",
               color: "secondary",
@@ -353,7 +353,7 @@ var MessageComposer = ({
               }
             ),
             attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "eidos-composer-attachments", children: attachments.map((file, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkNEYLNRVGcjs.Chip,
+              _chunkTTLFY76Jcjs.Chip,
               {
                 size: "sm",
                 variant: "outlined",
@@ -380,12 +380,14 @@ var MessageComposer = ({
                   multiple: true,
                   accept: attachmentAccept,
                   className: "eidos-composer-file-input",
+                  tabIndex: -1,
+                  "aria-hidden": "true",
                   onChange: (event) => addFiles(event.target.files),
                   disabled: disabled || pending
                 }
               ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkWWYJNWJYcjs.Button,
+                _chunkDA375AI6cjs.Button,
                 {
                   variant: "text",
                   color: "secondary",
@@ -409,7 +411,7 @@ var MessageComposer = ({
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-composer-actions-end", children: [
             onCancel && !replyingTo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkWWYJNWJYcjs.Button,
+              _chunkDA375AI6cjs.Button,
               {
                 variant: "text",
                 color: "secondary",
@@ -420,7 +422,7 @@ var MessageComposer = ({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkWWYJNWJYcjs.Button,
+              _chunkDA375AI6cjs.Button,
               {
                 type: "submit",
                 size: "sm",
@@ -534,17 +536,17 @@ var MessageItem = ({
           status === "failed" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-message-status eidos-message-status--failed", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { "aria-hidden": "true" }),
             "Not sent",
-            onRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", color: "danger", size: "sm", preIcon: _lucidereact.RotateCw, onClick: onRetry, children: "Retry" })
+            onRetry && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDA375AI6cjs.Button, { variant: "text", color: "danger", size: "sm", preIcon: _lucidereact.RotateCw, onClick: onRetry, children: "Retry" })
           ] }),
           footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-footer", children: footer }),
-          onReply && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-reply", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", color: "secondary", size: "sm", onClick: onReply, children: "Reply" }) })
+          onReply && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-reply", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDA375AI6cjs.Button, { variant: "text", color: "secondary", size: "sm", onClick: onReply, children: "Reply" }) })
         ] }),
         hasActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-message-actions", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVXO2MYYHcjs.Menu,
+          _chunkJ76JHN7Jcjs.Menu,
           {
             items: _nullishCoalesce(actions, () => ( [])),
             trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkWWYJNWJYcjs.Button,
+              _chunkDA375AI6cjs.Button,
               {
                 variant: "text",
                 color: "secondary",
@@ -682,7 +684,7 @@ var Chat = ({
           hasMore && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-chat-load-more", children: loadingMore ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-chat-loading-more", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTROYIUDHcjs.Spinner, { size: "sm", color: "secondary" }),
             "Loading earlier messages\u2026"
-          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "text", color: "secondary", size: "sm", onClick: onLoadMore, children: "Load earlier messages" }) }),
+          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDA375AI6cjs.Button, { variant: "text", color: "secondary", size: "sm", onClick: onLoadMore, children: "Load earlier messages" }) }),
           loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChatSkeleton, {}),
           isEmpty && (_nullishCoalesce(emptyContent, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkKV3V2CPHcjs.EmptyState,
@@ -706,7 +708,7 @@ var Chat = ({
       }
     ),
     !atBottom && messages.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-chat-jump", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWWYJNWJYcjs.Button,
+      _chunkDA375AI6cjs.Button,
       {
         size: "sm",
         variant: "filled",
@@ -871,7 +873,7 @@ var CommentThread = ({
     hasMore && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-comment-thread-load-more", children: loadingMore ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-comment-thread-loading-more", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTROYIUDHcjs.Spinner, { size: "sm", color: "secondary" }),
       "Loading more comments\u2026"
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { variant: "outlined", color: "secondary", size: "sm", onClick: onLoadMore, children: "Load more comments" }) }),
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDA375AI6cjs.Button, { variant: "outlined", color: "secondary", size: "sm", onClick: onLoadMore, children: "Load more comments" }) }),
     composerPosition === "bottom" && composer,
     readOnly && readOnlyMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-conversation-readonly", children: readOnlyMessage })
   ] });
@@ -883,4 +885,4 @@ CommentThread.displayName = "CommentThread";
 
 
 exports.MessageComposer = MessageComposer; exports.Chat = Chat; exports.CommentThread = CommentThread;
-//# sourceMappingURL=chunk-Q5KQVBQP.cjs.map
+//# sourceMappingURL=chunk-X3BVQBXD.cjs.map