eidos-ui 3.7.0 → 3.8.1

package/dist/chunk-U32K2H3N.js

@@ -0,0 +1,10 @@
+// src/components/LinkProvider/LinkProvider.context.ts
+import { createContext, useContext } from "react";
+var LinkContext = createContext("a");
+var useLinkComponent = () => useContext(LinkContext);
+
+export {
+  LinkContext,
+  useLinkComponent
+};
+//# sourceMappingURL=chunk-U32K2H3N.js.map

package/dist/chunk-U32K2H3N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LinkProvider/LinkProvider.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { LinkComponent } from './LinkProvider.types';\n\n/**\n * Defaults to a plain anchor rather than `undefined`: unlike `useTheme`, a\n * missing provider is not a misconfiguration - it is the ordinary case for a\n * site without client-side routing.\n */\nexport const LinkContext = createContext<LinkComponent>('a');\n\n/** The link component set by the nearest `LinkProvider`, or `'a'`. */\nexport const useLinkComponent = (): LinkComponent => useContext(LinkContext);\n"],"mappings":";AAAA,SAAS,eAAe,kBAAkB;AAQnC,IAAM,cAAc,cAA6B,GAAG;AAGpD,IAAM,mBAAmB,MAAqB,WAAW,WAAW;","names":[]}

package/dist/{chunk-RHHZRTWM.js → chunk-U34INRFO.js}

@@ -1,12 +1,37 @@
+import {
+  resolveRegisteredIcon,
+  toIconKey
+} from "./chunk-V3T7RO4F.js";
+
 // src/utils/renderIcon.tsx
 import { icons } from "lucide-react";
+
+// src/utils/devWarn.ts
+var warned = /* @__PURE__ */ new Set();
+function devWarn(key, message) {
+  const nodeEnv = globalThis.process?.env?.NODE_ENV;
+  if (nodeEnv === "production") return;
+  if (warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[eidos-ui] ${message}`);
+}
+
+// src/utils/renderIcon.tsx
 import { jsx } from "react/jsx-runtime";
 var renderIcon = (icon, className) => {
   if (!icon) return null;
   if (typeof icon === "string") {
-    const iconName = icon.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+    const Registered = resolveRegisteredIcon(icon);
+    if (Registered) {
+      return /* @__PURE__ */ jsx(Registered, { className, "aria-hidden": "true" });
+    }
+    const iconName = toIconKey(icon);
     const LucideIcon = icons[iconName];
     if (LucideIcon) {
+      devWarn(
+        `icon-string-fallback-${iconName}`,
+        `Icon "${icon}" was resolved by name from the full Lucide icon set. That lookup is deprecated and is removed in 4.0, because it bundles every Lucide icon. Pass the component instead (\`import { ${iconName} } from 'lucide-react'\`), register it once with \`registerIcons({ ${iconName} })\`, or \`import 'eidos-ui/lucide-icons'\` to register them all.`
+      );
       return /* @__PURE__ */ jsx(LucideIcon, { className, "aria-hidden": "true" });
     }
     return /* @__PURE__ */ jsx("i", { className: `${icon} ${className || ""}`, "aria-hidden": "true" });
@@ -15,16 +40,6 @@ var renderIcon = (icon, className) => {
   return /* @__PURE__ */ jsx(IconComponent, { className, "aria-hidden": "true" });
 };
 
-// src/utils/devWarn.ts
-var warned = /* @__PURE__ */ new Set();
-function devWarn(key, message) {
-  const nodeEnv = globalThis.process?.env?.NODE_ENV;
-  if (nodeEnv === "production") return;
-  if (warned.has(key)) return;
-  warned.add(key);
-  console.warn(`[eidos-ui] ${message}`);
-}
-
 // src/utils/dualModifier.ts
 var dualModifier = (block, canonical, legacy) => `${block}--${canonical} ${block}--${legacy}`;
 var fullWidthModifier = (block) => dualModifier(block, "full-width", "fullWidth");
@@ -123,12 +138,12 @@ var useIsClient = () => {
 };
 
 export {
-  renderIcon,
   devWarn,
+  renderIcon,
   dualModifier,
   fullWidthModifier,
   FOCUSABLE_SELECTOR,
   useDialogFocus,
   useIsClient
 };
-//# sourceMappingURL=chunk-RHHZRTWM.js.map
+//# sourceMappingURL=chunk-U34INRFO.js.map

package/dist/chunk-U34INRFO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/renderIcon.tsx","../src/utils/devWarn.ts","../src/utils/dualModifier.ts","../src/utils/useDialogFocus.ts","../src/utils/useIsClient.ts"],"sourcesContent":["import React from 'react';\nimport { icons } from 'lucide-react';\nimport { devWarn } from './devWarn';\nimport { resolveRegisteredIcon, toIconKey, type IconComponent } from './iconRegistry';\n\nexport type IconType = IconComponent | string;\n\n/**\n * Renders an icon prop.\n *\n * @param icon - An icon component, or a string: a name registered with\n *   `registerIcons`, or CSS classes for an icon font.\n * @param className - Optional CSS class name to apply to the icon.\n * @returns React node representing the icon, or null if no icon provided.\n *\n * @example\n * // Component - the recommended form; only the icons you import are bundled\n * import { Heart } from 'lucide-react';\n * renderIcon(Heart, 'my-icon-class');\n *\n * @example\n * // Registered name\n * registerIcons({ Heart });\n * renderIcon('heart', 'my-icon-class');\n *\n * @example\n * // CSS classes for an icon font (Font Awesome, Remixicon, ...)\n * renderIcon('fas fa-heart', 'my-icon-class');\n */\nexport const renderIcon = (icon: IconType | undefined, className?: string): React.ReactNode => {\n  if (!icon) return null;\n\n  if (typeof icon === 'string') {\n    const Registered = resolveRegisteredIcon(icon);\n    if (Registered) {\n      return <Registered className={className} aria-hidden=\"true\" />;\n    }\n\n    // Deprecated fallback, removed in 4.0: resolving an unregistered name\n    // against Lucide's full `icons` map. Referencing that map is what puts\n    // every Lucide icon (~1,800 modules) into a consumer's bundle, however\n    // few they use - no bundler can tree-shake a lookup by a runtime string.\n    // It stays for one minor so existing string names keep working while\n    // the warning below points at the migration.\n    const iconName = toIconKey(icon);\n    const LucideIcon = icons[iconName as keyof typeof icons] as IconComponent | undefined;\n\n    if (LucideIcon) {\n      devWarn(\n        `icon-string-fallback-${iconName}`,\n        `Icon \"${icon}\" was resolved by name from the full Lucide icon set. That lookup is deprecated and is removed in 4.0, because it bundles every Lucide icon. Pass the component instead (\\`import { ${iconName} } from 'lucide-react'\\`), register it once with \\`registerIcons({ ${iconName} })\\`, or \\`import 'eidos-ui/lucide-icons'\\` to register them all.`,\n      );\n      return <LucideIcon className={className} aria-hidden=\"true\" />;\n    }\n\n    // Fallback: render as a CSS class (for Font Awesome, Remixicon, etc.)\n    return <i className={`${icon} ${className || ''}`} aria-hidden=\"true\" />;\n  }\n\n  // It's a React component\n  const IconComponent = icon;\n  return <IconComponent className={className} aria-hidden=\"true\" />;\n};\n","/**\n * Logs a misconfiguration warning, once per `key`, and never in production.\n *\n * Deliberately reads `process.env.NODE_ENV` off `globalThis` behind a cast\n * rather than referencing `process` directly: this is a browser library, and\n * a bare `process` reference fails the `tsup` dts build (its worker resolves\n * without node types, so `npm run typecheck` passing is not enough) as well\n * as throwing at runtime anywhere a bundler hasn't substituted it. The\n * optional chaining covers every case - no `process`, no `env`, no value.\n *\n * Because the check is dynamic rather than a statically replaceable\n * `process.env.NODE_ENV` expression, the message text stays in production\n * bundles; only the logging is skipped. That is the trade for not shipping a\n * `process` reference at all, and these strings are small.\n */\nconst warned = new Set<string>();\n\nexport function devWarn(key: string, message: string): void {\n  const nodeEnv = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n    ?.NODE_ENV;\n  if (nodeEnv === 'production') return;\n  if (warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[eidos-ui] ${message}`);\n}\n","/**\n * Emits a BEM modifier in both its canonical kebab-case spelling and a legacy\n * camelCase one.\n *\n * The library shipped two conventions for the same idea: eight components\n * used `--fullWidth` while four used `--full-width`, and `Tabs` had\n * `--hideScrollbar`. Kebab-case is the canonical form - every block name\n * (`eidos-date-picker-trigger`) and every design token (`--font-size-sm`) is\n * already kebab, so a camelCase modifier was inconsistent with the very\n * selector it hung off.\n *\n * Renaming outright would be a **breaking** change: `README.md` presents the\n * `eidos-*` class names as things consumers may target, so a stylesheet out\n * there is matching the old spelling. Emitting both keeps every existing\n * selector working while new code has one spelling to learn.\n *\n * Deliberately a helper rather than a duplicated string literal at each call\n * site: two near-identical classes in a `className` read as a copy-paste slip\n * and invite exactly the \"tidy up\" that would silently break those consumer\n * stylesheets. It also makes dropping the aliases at the next major a change\n * to this one file rather than an edit in every component.\n *\n * Internal only - deliberately not re-exported from `src/index.ts`.\n *\n * @example\n * dualModifier('eidos-input', 'full-width', 'fullWidth');\n * // 'eidos-input--full-width eidos-input--fullWidth'\n */\nexport const dualModifier = (block: string, canonical: string, legacy: string): string =>\n  `${block}--${canonical} ${block}--${legacy}`;\n\n/** `dualModifier` preset for the library's most widespread split modifier. */\nexport const fullWidthModifier = (block: string): string =>\n  dualModifier(block, 'full-width', 'fullWidth');\n","import { useEffect, type RefObject } from 'react';\n\n/**\n * Focus management for a dialog: move focus in on open, optionally trap Tab\n * inside it, and restore focus to the opener on close.\n *\n * Named for the job rather than the mechanism because the trap is optional.\n * `Popover` declares `aria-modal=\"false\"` - an honest non-modal dialog - so\n * trapping Tab in it would be wrong, but it still needs the other two: its\n * panel is portaled to `document.body`, so without moving focus in, Tab from\n * the trigger goes to whatever follows it in the page and the panel's own\n * controls are unreachable by keyboard entirely.\n *\n * ## Why this exists\n *\n * `Modal`, `Drawer` and `CommandPalette` all rendered\n * `role=\"dialog\" aria-modal=\"true\"` with no focus management whatsoever. That\n * attribute is a **promise to assistive technology that the rest of the page\n * is inert**, and it was false: measured in a browser, focus never entered the\n * dialog, and Tab moved to the page behind the scrim on the first press\n * (Drawer on the second). Drawer additionally dropped focus onto `<body>` when\n * it closed, so a keyboard user was returned to the top of the document.\n *\n * That is WCAG 2.4.3 Focus Order (Level A), and it is invisible to axe - a\n * static snapshot of the DOM looks perfectly correct.\n *\n * ## Nesting\n *\n * Traps register on a module-level stack and only the innermost one acts, so a\n * dialog opened from a dialog behaves correctly. Without this, both listeners\n * fire for the same Tab and fight over where focus lands.\n *\n * ## What this does *not* do\n *\n * It does not mark the background `inert`. A trap plus `aria-modal` is the\n * widely-supported approach and is what screen readers act on; `inert` on\n * every sibling of the portal root would be stronger, but it needs the\n * component to know about DOM it does not own. Worth revisiting if a\n * consumer reports a screen reader escaping the dialog in browse mode.\n */\n\n/**\n * Deliberately not `[tabindex]` in general - that would match `tabindex=\"-1\"`,\n * which is programmatically focusable but explicitly removed from the Tab\n * sequence, so including it would make Tab stop somewhere the user cannot\n * reach by tabbing in the first place.\n */\nexport const FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'details > summary:first-of-type',\n  'iframe',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * `offsetParent === null` is the usual visibility check and is wrong here: it\n * is also null for `position: fixed` elements, which is exactly what a modal\n * is. `getClientRects()` is empty only when the element genuinely does not\n * render.\n */\nconst isVisible = (element: HTMLElement): boolean =>\n  element.getClientRects().length > 0 && getComputedStyle(element).visibility !== 'hidden';\n\nconst getFocusable = (container: HTMLElement): HTMLElement[] =>\n  Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (element) => isVisible(element) && element.closest('[aria-hidden=\"true\"]') === null,\n  );\n\n/** Innermost trap last. Only the last entry responds to Tab. */\nconst trapStack: HTMLElement[] = [];\n\nexport interface UseDialogFocusOptions {\n  /** Focused when the trap activates. Defaults to the first focusable child. */\n  initialFocus?: RefObject<HTMLElement | null>;\n  /**\n   * Whether to return focus to whatever had it when the trap activated.\n   * Defaults to `true`; pass `false` when the caller restores focus itself.\n   */\n  restoreFocus?: boolean;\n  /**\n   * Whether Tab is confined to the container. Defaults to `true`.\n   *\n   * Set `false` for a non-modal dialog (`aria-modal=\"false\"`), where the rest\n   * of the page stays available and trapping would strand the user.\n   */\n  trapTab?: boolean;\n}\n\nexport const useDialogFocus = (\n  active: boolean,\n  containerRef: RefObject<HTMLElement | null>,\n  { initialFocus, restoreFocus = true, trapTab = true }: UseDialogFocusOptions = {},\n): void => {\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!active || !container) return;\n\n    // Captured before focus moves. The caller must only flip `active` to true\n    // once the container is in the DOM - for the animated overlays that means\n    // `isOpen && isMounted`, since `isMounted` is set in an effect one render\n    // later and the container does not exist before it.\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n\n    trapStack.push(container);\n\n    // Moving focus in is retried across a few frames rather than attempted\n    // once.\n    //\n    // These overlays animate open, and `.focus()` on an element that is still\n    // `visibility: hidden` is a silent no-op - it does not throw, it just\n    // leaves focus where it was. `Modal` sets its `--is-open` class two\n    // animation frames after mounting, and the computed style has not caught\n    // up at the moment the effect runs, so a single attempt focused nothing\n    // and the trap looked broken.\n    //\n    // Retrying is better than keying off any particular animation: the hook\n    // stays ignorant of each component's transition duration, and simply\n    // stops as soon as focus has actually landed inside.\n    const MAX_FRAMES = 10;\n    let frame = 0;\n    let attempts = 0;\n\n    const tryFocus = () => {\n      const target = initialFocus?.current ?? getFocusable(container)[0];\n      if (target) {\n        target.focus();\n      } else {\n        // A dialog with nothing focusable in it still must not leave focus on\n        // the page behind, so the container takes it. `tabindex=\"-1\"` keeps\n        // it out of the Tab sequence while allowing `.focus()`.\n        if (!container.hasAttribute('tabindex')) container.setAttribute('tabindex', '-1');\n        container.focus();\n      }\n\n      if (!container.contains(document.activeElement) && attempts < MAX_FRAMES) {\n        attempts += 1;\n        frame = requestAnimationFrame(tryFocus);\n      }\n    };\n\n    tryFocus();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n      // Only the innermost trap acts.\n      if (trapStack[trapStack.length - 1] !== container) return;\n\n      // Re-queried on every Tab rather than cached: dialog contents change\n      // (a disabled Confirm button becoming enabled, a list filtering down),\n      // and a stale list sends focus to an element that is no longer there.\n      const focusable = getFocusable(container);\n      if (focusable.length === 0) {\n        event.preventDefault();\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const activeElement = document.activeElement as HTMLElement | null;\n\n      // Focus outside the container - e.g. a click landed on the backdrop.\n      // Pull it back in rather than letting Tab continue through the page.\n      if (!activeElement || !container.contains(activeElement)) {\n        event.preventDefault();\n        (event.shiftKey ? last : first).focus();\n        return;\n      }\n\n      if (event.shiftKey && activeElement === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && activeElement === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    if (trapTab) document.addEventListener('keydown', onKeyDown, true);\n\n    return () => {\n      cancelAnimationFrame(frame);\n      document.removeEventListener('keydown', onKeyDown, true);\n\n      const index = trapStack.lastIndexOf(container);\n      if (index !== -1) trapStack.splice(index, 1);\n\n      // Restore only if focus still belongs to the closing dialog.\n      //\n      // Two cases count as \"belongs\":\n      //\n      // 1. Focus is still inside the container.\n      // 2. Focus has been lost to `<body>`. When the overlay hides, the\n      //    browser blurs whatever was focused inside it, so by the time this\n      //    cleanup runs `activeElement` is often already `<body>` - checking\n      //    only case 1 meant `CommandPalette` never restored at all.\n      //\n      // Anything else means something took focus deliberately - a confirm\n      // action moving to a new region, say - and stealing it back would be\n      // worse than doing nothing.\n      const active = document.activeElement;\n      const focusIsOurs = container.contains(active) || active === document.body || active === null;\n\n      if (restoreFocus && focusIsOurs && previouslyFocused?.isConnected) {\n        previouslyFocused.focus();\n      }\n    };\n  }, [active, containerRef, initialFocus, restoreFocus, trapTab]);\n};\n","import { useEffect, useState } from 'react';\n\n/**\n * `false` on the server and on the very first client render, `true` from the\n * first effect onwards.\n *\n * ## Why this exists\n *\n * Every overlay in this library renders through `createPortal(…,\n * document.body)`. A portal is a client-only construct: there is no\n * `document` during `renderToString`, so any overlay that is *already open on\n * its first render* does not merely render oddly - it throws, and takes the\n * whole server render down with it. Measured against the built package:\n *\n * ```\n * renderToString(<Modal isOpen>)          ReferenceError: document is not defined\n * renderToString(<Dropdown defaultOpen>)  ReferenceError: DOMRect is not defined\n * renderToString(<Select autoOpen>)       ReferenceError: DOMRect is not defined\n * ```\n *\n * `Modal`, `Drawer` and `CommandPalette` each keep an `isMounted` flag, which\n * looks like it would prevent this and does not: it is initialised to\n * `useState(isOpen)`, so it is already `true` on the first render. It exists\n * to sequence the open/close *animation*, not to defer the portal.\n *\n * With this hook the server renders nothing for the panel, and the portal\n * appears on the client after mount.\n *\n * ## Why a state flag rather than `typeof document !== 'undefined'`\n *\n * That check is `true` during hydration, so the client's first render would\n * produce the portal while the server's produced nothing - a hydration\n * mismatch, which React resolves by discarding and re-rendering the subtree.\n * A state flag set in an effect makes the first client render agree with the\n * server by construction, and the portal arrive one render later.\n *\n * ## Scope\n *\n * Only for components that can be open on their first render - `Dropdown`\n * (`defaultOpen`), `Popover`, `Modal`, `Drawer`, `CommandPalette`. `Tooltip`,\n * `ContextMenu` and `Snackbar` can only open in response to an event, which\n * cannot happen during a server render, so they need nothing. `check-ssr.js`\n * asserts all of them either way.\n */\nexport const useIsClient = (): boolean => {\n  const [isClient, setIsClient] = useState(false);\n\n  useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n};\n"],"mappings":"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","names":["active","useEffect"]}

package/dist/{chunk-SFFKQQ5Z.js → chunk-U4SVBE2M.js}

@@ -1,18 +1,18 @@
 import {
   CommandPalette
-} from "./chunk-JT4KVXJK.js";
+} from "./chunk-4V2XYUQL.js";
 import {
   Menu
-} from "./chunk-P4XZH3OR.js";
+} from "./chunk-WHQGJHMD.js";
 import {
   Avatar
 } from "./chunk-XJBWFDDE.js";
 import {
   Breadcrumb
-} from "./chunk-DRXPTACG.js";
+} from "./chunk-26PRBZA6.js";
 import {
   IconButton
-} from "./chunk-75GFIQRU.js";
+} from "./chunk-JY77VJAZ.js";
 
 // src/components/Toolbar/Toolbar.component.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -42,4 +42,4 @@ var Toolbar = ({
 export {
   Toolbar
 };
-//# sourceMappingURL=chunk-SFFKQQ5Z.js.map
+//# sourceMappingURL=chunk-U4SVBE2M.js.map

package/dist/{chunk-O3QM3BFE.js → chunk-UC4NYF6T.js}

@@ -1,6 +1,6 @@
 import {
   MenuPanel
-} from "./chunk-P4XZH3OR.js";
+} from "./chunk-WHQGJHMD.js";
 
 // src/components/ContextMenu/ContextMenu.component.tsx
 import { useState, useEffect, useRef, useCallback } from "react";
@@ -103,4 +103,4 @@ var ContextMenu = ({
 export {
   ContextMenu
 };
-//# sourceMappingURL=chunk-O3QM3BFE.js.map
+//# sourceMappingURL=chunk-UC4NYF6T.js.map

package/dist/{chunk-6JHVXWDV.cjs → chunk-ULKWUKD2.cjs}

@@ -1,20 +1,20 @@
 "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 _chunkXZLSHEHEcjs = require('./chunk-XZLSHEHE.cjs');
+var _chunkB2OHBIALcjs = require('./chunk-B2OHBIAL.cjs');
 
 
-var _chunk7VJCGKVPcjs = require('./chunk-7VJCGKVP.cjs');
+var _chunk4HZIXRAJcjs = require('./chunk-4HZIXRAJ.cjs');
 
 
-var _chunkKIZVY57Hcjs = require('./chunk-KIZVY57H.cjs');
+var _chunkVXC7Z7XBcjs = require('./chunk-VXC7Z7XB.cjs');
 
 
-var _chunkDA375AI6cjs = require('./chunk-DA375AI6.cjs');
+var _chunkXPG56DLQcjs = require('./chunk-XPG56DLQ.cjs');
 
 
 
 
-var _chunk35LGEPLPcjs = require('./chunk-35LGEPLP.cjs');
+var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
 
 
 
@@ -637,7 +637,7 @@ var Calendar = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-calendar", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-calendar-header", children: showNavigation ? granularity === "month" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDA375AI6cjs.Button,
+        _chunkXPG56DLQcjs.Button,
         {
           variant: "text",
           icon: _lucidereact.ChevronLeft,
@@ -646,7 +646,7 @@ var Calendar = ({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-calendar-selectors", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXZLSHEHEcjs.Select,
+        _chunkB2OHBIALcjs.Select,
         {
           options: yearOptions,
           value: currentDate.year().toString(),
@@ -659,7 +659,7 @@ var Calendar = ({
         }
       ) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDA375AI6cjs.Button,
+        _chunkXPG56DLQcjs.Button,
         {
           variant: "text",
           icon: _lucidereact.ChevronRight,
@@ -669,7 +669,7 @@ var Calendar = ({
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDA375AI6cjs.Button,
+        _chunkXPG56DLQcjs.Button,
         {
           variant: "text",
           icon: _lucidereact.ChevronLeft,
@@ -679,7 +679,7 @@ var Calendar = ({
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-calendar-selectors", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXZLSHEHEcjs.Select,
+          _chunkB2OHBIALcjs.Select,
           {
             options: monthOptions,
             value: currentDate.month().toString(),
@@ -692,7 +692,7 @@ var Calendar = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXZLSHEHEcjs.Select,
+          _chunkB2OHBIALcjs.Select,
           {
             options: yearOptions,
             value: currentDate.year().toString(),
@@ -706,7 +706,7 @@ var Calendar = ({
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDA375AI6cjs.Button,
+        _chunkXPG56DLQcjs.Button,
         {
           variant: "text",
           icon: _lucidereact.ChevronRight,
@@ -808,7 +808,7 @@ var TimeInput = ({
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-time-input-inputs", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-time-input-input-group", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7VJCGKVPcjs.Input,
+          _chunk4HZIXRAJcjs.Input,
           {
             type: "number",
             value: hours,
@@ -825,7 +825,7 @@ var TimeInput = ({
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-time-input-input-group", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7VJCGKVPcjs.Input,
+          _chunk4HZIXRAJcjs.Input,
           {
             type: "number",
             value: minutes,
@@ -841,7 +841,7 @@ var TimeInput = ({
         includeSeconds && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-time-input-separator", children: ":" })
       ] }),
       includeSeconds && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-time-input-input-group", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7VJCGKVPcjs.Input,
+        _chunk4HZIXRAJcjs.Input,
         {
           type: "number",
           value: seconds,
@@ -897,14 +897,14 @@ var DatePicker = ({
   const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
   const panelId = `${_react.useId.call(void 0, )}-date-panel`;
   const panelRef = _react.useRef.call(void 0, null);
-  _chunk35LGEPLPcjs.useDialogFocus.call(void 0, isOpen, panelRef, { trapTab: false });
+  _chunkENMDOQQOcjs.useDialogFocus.call(void 0, isOpen, panelRef, { trapTab: false });
   const fieldRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     const element = fieldRef.current;
     if (!element) return;
     const named = (_nullishCoalesce(_optionalChain([element, 'access', _10 => _10.labels, 'optionalAccess', _11 => _11.length]), () => ( 0))) > 0 || element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby");
     if (!named) {
-      _chunk35LGEPLPcjs.devWarn.call(void 0, 
+      _chunkENMDOQQOcjs.devWarn.call(void 0, 
         "date-picker-missing-label",
         'DatePicker: no accessible name. Pass `label` for a visible one, or `inputProps={{ "aria-label": "..." }}` where it must stay visually unlabelled - otherwise the field is announced as just "combobox". A placeholder is not a label, and disappears as soon as a date is chosen.'
       );
@@ -1189,7 +1189,7 @@ var DatePicker = ({
     "div",
     {
       ref: triggerRef,
-      className: `eidos-date-picker-trigger${fullWidth ? ` ${_chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-date-picker-trigger")}` : ""}`,
+      className: `eidos-date-picker-trigger${fullWidth ? ` ${_chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-date-picker-trigger")}` : ""}`,
       onKeyDown: (event) => {
         if (disabled) return;
         if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
@@ -1201,7 +1201,7 @@ var DatePicker = ({
         }
       },
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7VJCGKVPcjs.Input,
+        _chunk4HZIXRAJcjs.Input,
         {
           ref: fieldRef,
           value: displayValue,
@@ -1361,9 +1361,9 @@ var DatePicker = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: `eidos-date-picker-container${fullWidth ? ` ${_chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-date-picker-container")}` : ""} ${className}`.trim(),
+      className: `eidos-date-picker-container${fullWidth ? ` ${_chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-date-picker-container")}` : ""} ${className}`.trim(),
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKIZVY57Hcjs.Dropdown,
+        _chunkVXC7Z7XBcjs.Dropdown,
         {
           open: isOpen,
           onOpenChange: setIsOpen,
@@ -1389,4 +1389,4 @@ DatePicker.displayName = "DatePicker";
 
 
 exports.Calendar = Calendar; exports.TimeInput = TimeInput; exports.DatePicker = DatePicker;
-//# sourceMappingURL=chunk-6JHVXWDV.cjs.map
+//# sourceMappingURL=chunk-ULKWUKD2.cjs.map