eidos-ui 3.8.1 → 4.1.0

package/dist/{chunk-MKC6V3SY.cjs → chunk-Z6FZ7GI5.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkXPG56DLQcjs = require('./chunk-XPG56DLQ.cjs');
+var _chunkNSA7ASZ7cjs = require('./chunk-NSA7ASZ7.cjs');
 
 
 
-var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
+var _chunkR5WI5IGRcjs = require('./chunk-R5WI5IGR.cjs');
 
 // src/components/Drawer/Drawer.component.tsx
 var _react = require('react');
@@ -26,7 +26,7 @@ var Drawer = ({
   const titleId = _react.useId.call(void 0, );
   const bodyId = _react.useId.call(void 0, );
   const panelRef = _react.useRef.call(void 0, null);
-  const isClient = _chunkENMDOQQOcjs.useIsClient.call(void 0, );
+  const isClient = _chunkR5WI5IGRcjs.useIsClient.call(void 0, );
   const TRANSITION_MS = 300;
   const [isMounted, setIsMounted] = _react.useState.call(void 0, isOpen);
   const [isVisible, setIsVisible] = _react.useState.call(void 0, isOpen);
@@ -75,7 +75,7 @@ var Drawer = ({
     },
     [closeOnBackdropClick, onClose]
   );
-  _chunkENMDOQQOcjs.useDialogFocus.call(void 0, isClient && isOpen && isVisible, panelRef);
+  _chunkR5WI5IGRcjs.useDialogFocus.call(void 0, isClient && isOpen && isVisible, panelRef);
   if (!isClient || !isMounted) return null;
   return _reactdom.createPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -118,7 +118,7 @@ var Drawer = ({
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: bodyId, className: "eidos-drawer-body", children }),
                 actions && actions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-drawer-footer", children: actions.map((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkXPG56DLQcjs.Button,
+                  _chunkNSA7ASZ7cjs.Button,
                   {
                     variant: _nullishCoalesce(action.variant, () => ( "outlined")),
                     color: action.color,
@@ -143,4 +143,4 @@ Drawer.displayName = "Drawer";
 
 
 exports.Drawer = Drawer;
-//# sourceMappingURL=chunk-MKC6V3SY.cjs.map
+//# sourceMappingURL=chunk-Z6FZ7GI5.cjs.map

package/dist/{chunk-MKC6V3SY.cjs.map → chunk-Z6FZ7GI5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-MKC6V3SY.cjs","../src/components/Drawer/Drawer.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-MKC6V3SY.cjs","sourcesContent":[null,"import React, { useEffect, useCallback, useId, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from 'lucide-react';\nimport { Button } from '../Button';\nimport type { DrawerProps } from './Drawer.types';\nimport { useDialogFocus, useIsClient } from '../../utils';\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  isOpen,\n  onClose,\n  placement = 'right',\n  title,\n  children,\n  actions,\n  size = 'md',\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  className = '',\n}) => {\n  const titleId = useId();\n  const bodyId = useId();\n  const panelRef = useRef<HTMLDivElement>(null);\n  const isClient = useIsClient();\n\n  // ── Animation state ────────────────────────────────────────────────────────\n  // isMounted: whether the portal DOM node exists at all.\n  // isVisible: whether the '--open' CSS class is applied (drives the transition).\n  //\n  // On open:  mount first → one rAF → apply --open (browser sees initial\n  //           closed position before transitioning, so the animation fires).\n  // On close: remove --open (CSS transition plays) → after 300 ms unmount.\n  //           300 ms matches the CSS `transition: 0.3s` in Drawer.scss.\n  const TRANSITION_MS = 300;\n  const [isMounted, setIsMounted] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (isOpen) {\n      setIsMounted(true);\n      // Double rAF: React 18 automatic batching means setIsMounted(true) may\n      // not produce a committed browser paint before the first rAF fires.\n      // The second frame guarantees the panel is rendered in its off-screen\n      // (closed) position before the CSS transition begins.\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [isOpen]);\n\n  // ── Escape key + scroll lock (tied to isOpen, not isMounted) ───────────────\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    },\n    [closeOnEscape, isOpen, onClose],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = 'hidden';\n    }\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, handleEscapeKey]);\n\n  // ── Backdrop click ─────────────────────────────────────────────────────────\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (closeOnBackdropClick && event.target === event.currentTarget) {\n        onClose();\n      }\n    },\n    [closeOnBackdropClick, onClose],\n  );\n\n  // Keyed to `isVisible` rather than `isOpen` or `isMounted` - see the note\n  // on `Modal`. The panel is translated off-screen until `--open` lands two\n  // frames after mounting, and focusing something that is off-screen scrolls\n  // the page to chase it.\n  // `isClient` for the same reason as `Modal`: a drawer that starts open would\n  // otherwise run this against a ref whose portal has not rendered yet.\n  useDialogFocus(isClient && isOpen && isVisible, panelRef);\n\n  // Same reason as `Modal`: `isMounted` starts as `isOpen`, so a drawer that\n  // starts open would portal on its first render and throw under SSR.\n  if (!isClient || !isMounted) return null;\n\n  return createPortal(\n    <div\n      className={[\n        'eidos-drawer',\n        `eidos-drawer--${placement}`,\n        isVisible && 'eidos-drawer--open',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {/* Backdrop */}\n      <div className=\"eidos-drawer-backdrop\" onClick={handleBackdropClick} aria-hidden=\"true\" />\n\n      {/* Panel */}\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={bodyId}\n        className={[\n          'eidos-drawer-panel',\n          `eidos-drawer-panel--${size}`,\n          `eidos-drawer-panel--${placement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {/* Header */}\n        <div className=\"eidos-drawer-header\">\n          {title && (\n            <h3 id={titleId} className=\"eidos-drawer-title\">\n              {title}\n            </h3>\n          )}\n          <button\n            type=\"button\"\n            className=\"eidos-drawer-close\"\n            onClick={onClose}\n            aria-label=\"Close drawer\"\n          >\n            <X aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        {/* Body */}\n        <div id={bodyId} className=\"eidos-drawer-body\">\n          {children}\n        </div>\n\n        {/* Footer - only rendered when actions are provided */}\n        {actions && actions.length > 0 && (\n          <div className=\"eidos-drawer-footer\">\n            {actions.map((action) => (\n              <Button\n                key={action.id}\n                variant={action.variant ?? 'outlined'}\n                color={action.color}\n                disabled={action.disabled}\n                loading={action.loading}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body,\n  );\n};\n\nDrawer.displayName = 'Drawer';\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-Z6FZ7GI5.cjs","../src/components/Drawer/Drawer.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-Z6FZ7GI5.cjs","sourcesContent":[null,"import React, { useEffect, useCallback, useId, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from 'lucide-react';\nimport { Button } from '../Button';\nimport type { DrawerProps } from './Drawer.types';\nimport { useDialogFocus, useIsClient } from '../../utils';\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  isOpen,\n  onClose,\n  placement = 'right',\n  title,\n  children,\n  actions,\n  size = 'md',\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  className = '',\n}) => {\n  const titleId = useId();\n  const bodyId = useId();\n  const panelRef = useRef<HTMLDivElement>(null);\n  const isClient = useIsClient();\n\n  // ── Animation state ────────────────────────────────────────────────────────\n  // isMounted: whether the portal DOM node exists at all.\n  // isVisible: whether the '--open' CSS class is applied (drives the transition).\n  //\n  // On open:  mount first → one rAF → apply --open (browser sees initial\n  //           closed position before transitioning, so the animation fires).\n  // On close: remove --open (CSS transition plays) → after 300 ms unmount.\n  //           300 ms matches the CSS `transition: 0.3s` in Drawer.scss.\n  const TRANSITION_MS = 300;\n  const [isMounted, setIsMounted] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (isOpen) {\n      setIsMounted(true);\n      // Double rAF: React 18 automatic batching means setIsMounted(true) may\n      // not produce a committed browser paint before the first rAF fires.\n      // The second frame guarantees the panel is rendered in its off-screen\n      // (closed) position before the CSS transition begins.\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [isOpen]);\n\n  // ── Escape key + scroll lock (tied to isOpen, not isMounted) ───────────────\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    },\n    [closeOnEscape, isOpen, onClose],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = 'hidden';\n    }\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, handleEscapeKey]);\n\n  // ── Backdrop click ─────────────────────────────────────────────────────────\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (closeOnBackdropClick && event.target === event.currentTarget) {\n        onClose();\n      }\n    },\n    [closeOnBackdropClick, onClose],\n  );\n\n  // Keyed to `isVisible` rather than `isOpen` or `isMounted` - see the note\n  // on `Modal`. The panel is translated off-screen until `--open` lands two\n  // frames after mounting, and focusing something that is off-screen scrolls\n  // the page to chase it.\n  // `isClient` for the same reason as `Modal`: a drawer that starts open would\n  // otherwise run this against a ref whose portal has not rendered yet.\n  useDialogFocus(isClient && isOpen && isVisible, panelRef);\n\n  // Same reason as `Modal`: `isMounted` starts as `isOpen`, so a drawer that\n  // starts open would portal on its first render and throw under SSR.\n  if (!isClient || !isMounted) return null;\n\n  return createPortal(\n    <div\n      className={[\n        'eidos-drawer',\n        `eidos-drawer--${placement}`,\n        isVisible && 'eidos-drawer--open',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {/* Backdrop */}\n      <div className=\"eidos-drawer-backdrop\" onClick={handleBackdropClick} aria-hidden=\"true\" />\n\n      {/* Panel */}\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={bodyId}\n        className={[\n          'eidos-drawer-panel',\n          `eidos-drawer-panel--${size}`,\n          `eidos-drawer-panel--${placement}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {/* Header */}\n        <div className=\"eidos-drawer-header\">\n          {title && (\n            <h3 id={titleId} className=\"eidos-drawer-title\">\n              {title}\n            </h3>\n          )}\n          <button\n            type=\"button\"\n            className=\"eidos-drawer-close\"\n            onClick={onClose}\n            aria-label=\"Close drawer\"\n          >\n            <X aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        {/* Body */}\n        <div id={bodyId} className=\"eidos-drawer-body\">\n          {children}\n        </div>\n\n        {/* Footer - only rendered when actions are provided */}\n        {actions && actions.length > 0 && (\n          <div className=\"eidos-drawer-footer\">\n            {actions.map((action) => (\n              <Button\n                key={action.id}\n                variant={action.variant ?? 'outlined'}\n                color={action.color}\n                disabled={action.disabled}\n                loading={action.loading}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body,\n  );\n};\n\nDrawer.displayName = 'Drawer';\n"]}

package/dist/{chunk-NFD7MPX4.cjs → chunk-ZVA5KJAJ.cjs}

@@ -1,16 +1,16 @@
 "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 _chunkYIOHKQ6Ycjs = require('./chunk-YIOHKQ6Y.cjs');
+var _chunkVCG647BYcjs = require('./chunk-VCG647BY.cjs');
 
 
 var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
 
 
-var _chunkXPG56DLQcjs = require('./chunk-XPG56DLQ.cjs');
+var _chunkNSA7ASZ7cjs = require('./chunk-NSA7ASZ7.cjs');
 
 
 
-var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
+var _chunkR5WI5IGRcjs = require('./chunk-R5WI5IGR.cjs');
 
 // src/components/Header/Header.component.tsx
 var _react = require('react');
@@ -64,15 +64,15 @@ var Header = ({
     };
     if (action.icon && !action.children && action.tooltip) {
       const { icon, tooltip, ...rest } = action;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXPG56DLQcjs.Button, { ...rest, size: "md", preIcon: icon, onClick: handleClick, children: tooltip }, index);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNSA7ASZ7cjs.Button, { ...rest, size: "md", preIcon: icon, onClick: handleClick, children: tooltip }, index);
     }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXPG56DLQcjs.Button, { ...action, size: "md", onClick: handleClick }, index);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNSA7ASZ7cjs.Button, { ...action, size: "md", onClick: handleClick }, index);
   };
   const titles = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-header__titles", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TitleElement, { className: "eidos-header__title", children: title }),
     subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-header__subtitle", children: subtitle }),
     !!_optionalChain([meta, 'optionalAccess', _3 => _3.length]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-header__meta", children: meta.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-header__meta-item", children: [
-      item.icon && _chunkENMDOQQOcjs.renderIcon.call(void 0, item.icon, "eidos-header__meta-icon"),
+      item.icon && _chunkR5WI5IGRcjs.renderIcon.call(void 0, item.icon, "eidos-header__meta-icon"),
       item.label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-header__meta-label", children: item.label }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-header__meta-value", children: item.value })
     ] }, index)) })
@@ -84,7 +84,7 @@ var Header = ({
     ] }) : titles,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-header__actions", children: [
       overflowActions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYIOHKQ6Ycjs.Popover,
+        _chunkVCG647BYcjs.Popover,
         {
           open: overflowOpen,
           onOpenChange: setOverflowOpen,
@@ -95,7 +95,7 @@ var Header = ({
             // No `aria-haspopup`/`aria-expanded` here: Popover already
             // sets both on the wrapper it renders around this button.
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkXPG56DLQcjs.Button,
+              _chunkNSA7ASZ7cjs.Button,
               {
                 icon: _lucidereact.Ellipsis,
                 size: "md",
@@ -108,7 +108,7 @@ var Header = ({
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-header__overflow-actions", children: overflowActions.map(renderOverflowAction) })
         }
       ),
-      inlineActions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXPG56DLQcjs.Button, { size: "md", ...action }, index))
+      inlineActions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNSA7ASZ7cjs.Button, { size: "md", ...action }, index))
     ] })
   ] }) });
 };
@@ -123,7 +123,7 @@ var IdentityHeader = ({
   ...rest
 }) => {
   if (avatar && media) {
-    _chunkENMDOQQOcjs.devWarn.call(void 0, 
+    _chunkR5WI5IGRcjs.devWarn.call(void 0, 
       "identity-header-avatar-and-media",
       "IdentityHeader received both `avatar` and `media`. `media` takes precedence - drop `avatar` to silence this."
     );
@@ -144,4 +144,4 @@ var IdentityHeader = ({
 
 
 exports.Header = Header; exports.IdentityHeader = IdentityHeader;
-//# sourceMappingURL=chunk-NFD7MPX4.cjs.map
+//# sourceMappingURL=chunk-ZVA5KJAJ.cjs.map

package/dist/{chunk-NFD7MPX4.cjs.map → chunk-ZVA5KJAJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-NFD7MPX4.cjs","../src/components/Header/Header.component.tsx","../src/components/Header/IdentityHeader.component.tsx"],"names":["jsx"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACdA,8BAAiF;AAMjF,2CAAyB;AAqFjB,+CAAA;AAnFD,IAAM,OAAA,EAAgC,CAAC;AAAA,EAC5C,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,EAAU,SAAA;AAAA,EACV,OAAA,EAAS,aAAA,EAAe,IAAA;AAAA,EACxB,OAAA;AAAA,EACA,qBAAA,EAAuB,GAAA;AAAA,EACvB,4BAAA,EAA8B,CAAA;AAAA,EAC9B,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU,CAAC,cAAA,EAAgB,CAAA,cAAA,EAAiB,OAAO,CAAA,CAAA;AAEd,EAAA;AACG,EAAA;AACQ,EAAA;AASpB,EAAA;AACR,IAAA;AACV,IAAA;AACuC,IAAA;AAC9B,EAAA;AAQH,EAAA;AACO,IAAA;AACR,MAAA;AACjB,MAAA;AACF,IAAA;AAEQ,IAAA;AAEgB,IAAA;AAC+B,IAAA;AAEZ,IAAA;AACnB,IAAA;AACS,IAAA;AACD,EAAA;AAEH,EAAA;AAC0B,EAAA;AACC,EAAA;AAIA,EAAA;AACL,EAAA;AAIrC,EAAA;AACyC,IAAA;AAC3B,EAAA;AAE6C,EAAA;AAIX,IAAA;AACgB,sBAAA;AACvD,MAAA;AACvB,IAAA;AAKuD,IAAA;AAClB,MAAA;AAEE,MAAA;AAIvC,IAAA;AAE4C,IAAA;AAC9C,EAAA;AAGiB,EAAA;AACW,oBAAA;AACK,IAAA;AAEtB,IAAA;AAGqC,MAAA;AACf,MAAA;AACL,sBAAA;AAGtB,IAAA;AAEJ,EAAA;AAIyB,EAAA;AASJ,IAAA;AACE,sBAAA;AACd,MAAA;AAGH,IAAA;AAEa,oBAAA;AAEX,MAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACQ,UAAA;AACJ,UAAA;AACA,UAAA;AAGA,UAAA;AACV,UAAA;AAAA;AAAA;AAGE,4BAAA;AAAC,cAAA;AAAA,cAAA;AACO,gBAAA;AACD,gBAAA;AACG,gBAAA;AACF,gBAAA;AAC+B,gBAAA;AAAA,cAAA;AACvC,YAAA;AAAA,UAAA;AAGa,UAAA;AAEf,QAAA;AACF,MAAA;AAGA,MAAA;AAEJ,IAAA;AAEJ,EAAA;AAEJ;ADvD4D;AACA;AErFjB;AAdmB;AAC5D,EAAA;AACA,EAAA;AACU,EAAA;AACE,EAAA;AACT,EAAA;AACC;AACiB,EAAA;AACnB,IAAA;AACE,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAEyCA,EAAAA;AAGvCA,EAAAA;AAAC,IAAA;AAAA,IAAA;AACK,MAAA;AACJ,MAAA;AACO,MAAA;AACyC,MAAA;AAAwB,IAAA;AAC1E,EAAA;AAEJ;AFqG4D;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-NFD7MPX4.cjs","sourcesContent":[null,"import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { HeaderActionProps, HeaderProps } from './Header.types';\nimport './Header.scss';\nimport { Button } from '../Button';\nimport { Popover } from '../Popover';\nimport { renderIcon } from '../../utils';\nimport { Ellipsis } from 'lucide-react';\n\nexport const Header: React.FC<HeaderProps> = ({\n  title,\n  subtitle,\n  media,\n  meta,\n  variant = 'default',\n  titleAs: TitleElement = 'h1',\n  actions,\n  collapseActionsBelow = 640,\n  actionsVisibleWhenCollapsed = 1,\n  className = '',\n}) => {\n  const classes = ['eidos-header', `eidos-header--${variant}`, className].filter(Boolean).join(' ');\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [isNarrow, setIsNarrow] = useState(false);\n  const [overflowOpen, setOverflowOpen] = useState(false);\n\n  // Measures the header's own box rather than the viewport, so the collapse\n  // point matches the container queries in Header.scss - a viewport query\n  // would disagree with them by the width of PageLayout's navigation rail,\n  // which is itself collapsible. The 1px hero border makes this border-box\n  // reading differ from the container query's content-box one by 2px; that is\n  // far below any threshold worth caring about, and using one measurement for\n  // both the initial pass and the observer keeps it to a single code path.\n  const measure = useCallback(() => {\n    const element = rootRef.current;\n    if (!element) return;\n    setIsNarrow(element.getBoundingClientRect().width <= collapseActionsBelow);\n  }, [collapseActionsBelow]);\n\n  // `useLayoutEffect` for the first measurement specifically: ResizeObserver\n  // delivers its initial callback asynchronously, so relying on it alone\n  // would paint the full action row for a frame before collapsing it. Reading\n  // the box synchronously here collapses before paint instead. Nothing runs\n  // during SSR, so the server renders the uncollapsed row and hydration\n  // matches - the same client-only posture Navigation's `collapseBelow` has.\n  useLayoutEffect(() => {\n    if (!collapseActionsBelow) {\n      setIsNarrow(false);\n      return;\n    }\n\n    measure();\n\n    const element = rootRef.current;\n    if (!element || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [collapseActionsBelow, measure]);\n\n  const allActions = actions ?? [];\n  const keptCount = Math.max(0, actionsVisibleWhenCollapsed);\n  const isCollapsed = isNarrow && !!collapseActionsBelow && allActions.length > keptCount;\n\n  // The *last* actions stay inline: a primary call to action is conventionally\n  // rightmost, which is also how Header's own stories order them.\n  const overflowActions = isCollapsed ? allActions.slice(0, allActions.length - keptCount) : [];\n  const inlineActions = isCollapsed ? allActions.slice(allActions.length - keptCount) : allActions;\n\n  // A portalled popover would otherwise stay on screen after the header grows\n  // back past the threshold and its trigger stops being rendered.\n  useEffect(() => {\n    if (!isCollapsed && overflowOpen) setOverflowOpen(false);\n  }, [isCollapsed, overflowOpen]);\n\n  const renderOverflowAction = (action: HeaderActionProps, index: number) => {\n    // Typed on `HTMLElement` so it satisfies both the button and the link\n    // form's handler; the action's own handler is one or the other, and is\n    // only ever called with the element it was attached to.\n    const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n      (action.onClick as React.MouseEventHandler<HTMLElement> | undefined)?.(event);\n      setOverflowOpen(false);\n    };\n\n    // An icon-only action has no visible label, which is fine in a horizontal\n    // row of small buttons and useless in a vertical list. Its tooltip is\n    // already the label, so promote it rather than showing a bare glyph.\n    if (action.icon && !action.children && action.tooltip) {\n      const { icon, tooltip, ...rest } = action;\n      return (\n        <Button key={index} {...rest} size=\"md\" preIcon={icon} onClick={handleClick}>\n          {tooltip}\n        </Button>\n      );\n    }\n\n    return <Button key={index} {...action} size=\"md\" onClick={handleClick} />;\n  };\n\n  const titles = (\n    <div className=\"eidos-header__titles\">\n      <TitleElement className=\"eidos-header__title\">{title}</TitleElement>\n      {subtitle && <span className=\"eidos-header__subtitle\">{subtitle}</span>}\n      {!!meta?.length && (\n        <div className=\"eidos-header__meta\">\n          {meta.map((item, index) => (\n            <span key={index} className=\"eidos-header__meta-item\">\n              {item.icon && renderIcon(item.icon, 'eidos-header__meta-icon')}\n              {item.label && <span className=\"eidos-header__meta-label\">{item.label}</span>}\n              <span className=\"eidos-header__meta-value\">{item.value}</span>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={classes} ref={rootRef}>\n      <div className=\"eidos-header__content\">\n        {/* The `__lead` wrapper only exists when there is media to group with\n            the titles. Media and titles need a tighter gap than titles and\n            actions do, and a flex container has a single gap - but rendering\n            the wrapper unconditionally would change the markup for every\n            existing consumer, and the `eidos-*` class names are documented as\n            targetable. */}\n        {media ? (\n          <div className=\"eidos-header__lead\">\n            <div className=\"eidos-header__media\">{media}</div>\n            {titles}\n          </div>\n        ) : (\n          titles\n        )}\n        <div className=\"eidos-header__actions\">\n          {overflowActions.length > 0 && (\n            <Popover\n              open={overflowOpen}\n              onOpenChange={setOverflowOpen}\n              placement=\"bottom\"\n              maxWidth={260}\n              // Popover puts `className` on its trigger wrapper, which is the\n              // element that actually becomes a flex item of `__actions`.\n              className=\"eidos-header__overflow-trigger\"\n              trigger={\n                // No `aria-haspopup`/`aria-expanded` here: Popover already\n                // sets both on the wrapper it renders around this button.\n                <Button\n                  icon={Ellipsis}\n                  size=\"md\"\n                  variant=\"outlined\"\n                  color=\"secondary\"\n                  aria-label={`${overflowActions.length} more actions`}\n                />\n              }\n            >\n              <div className=\"eidos-header__overflow-actions\">\n                {overflowActions.map(renderOverflowAction)}\n              </div>\n            </Popover>\n          )}\n          {inlineActions.map((action, index) => (\n            <Button key={index} size=\"md\" {...action} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport type { IdentityHeaderProps } from './IdentityHeader.types';\nimport { Header } from './Header.component';\nimport { Avatar } from '../Avatar';\nimport { devWarn } from '../../utils';\n\n/**\n * `Header` preconfigured for the \"this page is about one person or entity\"\n * shape - an avatar beside the name, supporting facts below it, actions on\n * the end - which account and profile pages share. Settings-style pages want\n * a plain `Header` instead; they have no identity to lead with.\n *\n * Deliberately thin: it pins `variant=\"hero\"`, types the avatar so consumers\n * don't have to import `Avatar` to fill the slot, and gives the shape a name\n * worth discovering. Everything else is `Header`.\n */\nexport const IdentityHeader: React.FC<IdentityHeaderProps> = ({\n  avatar,\n  media,\n  variant = 'hero',\n  className = '',\n  ...rest\n}) => {\n  if (avatar && media) {\n    devWarn(\n      'identity-header-avatar-and-media',\n      'IdentityHeader received both `avatar` and `media`. `media` takes precedence - drop `avatar` to silence this.',\n    );\n  }\n\n  const resolvedMedia = media ?? (avatar ? <Avatar size=\"lg\" {...avatar} /> : undefined);\n\n  return (\n    <Header\n      {...rest}\n      variant={variant}\n      media={resolvedMedia}\n      className={['eidos-identity-header', className].filter(Boolean).join(' ')}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-ZVA5KJAJ.cjs","../src/components/Header/Header.component.tsx","../src/components/Header/IdentityHeader.component.tsx"],"names":["jsx"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACdA,8BAAiF;AAMjF,2CAAyB;AAqFjB,+CAAA;AAnFD,IAAM,OAAA,EAAgC,CAAC;AAAA,EAC5C,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,EAAU,SAAA;AAAA,EACV,OAAA,EAAS,aAAA,EAAe,IAAA;AAAA,EACxB,OAAA;AAAA,EACA,qBAAA,EAAuB,GAAA;AAAA,EACvB,4BAAA,EAA8B,CAAA;AAAA,EAC9B,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU,CAAC,cAAA,EAAgB,CAAA,cAAA,EAAiB,OAAO,CAAA,CAAA;AAEd,EAAA;AACG,EAAA;AACQ,EAAA;AASpB,EAAA;AACR,IAAA;AACV,IAAA;AACuC,IAAA;AAC9B,EAAA;AAQH,EAAA;AACO,IAAA;AACR,MAAA;AACjB,MAAA;AACF,IAAA;AAEQ,IAAA;AAEgB,IAAA;AAC+B,IAAA;AAEZ,IAAA;AACnB,IAAA;AACS,IAAA;AACD,EAAA;AAEH,EAAA;AAC0B,EAAA;AACC,EAAA;AAIA,EAAA;AACL,EAAA;AAIrC,EAAA;AACyC,IAAA;AAC3B,EAAA;AAE6C,EAAA;AAIX,IAAA;AACgB,sBAAA;AACvD,MAAA;AACvB,IAAA;AAKuD,IAAA;AAClB,MAAA;AAEE,MAAA;AAIvC,IAAA;AAE4C,IAAA;AAC9C,EAAA;AAGiB,EAAA;AACW,oBAAA;AACK,IAAA;AAEtB,IAAA;AAGqC,MAAA;AACf,MAAA;AACL,sBAAA;AAGtB,IAAA;AAEJ,EAAA;AAIyB,EAAA;AASJ,IAAA;AACE,sBAAA;AACd,MAAA;AAGH,IAAA;AAEa,oBAAA;AAEX,MAAA;AAAC,QAAA;AAAA,QAAA;AACO,UAAA;AACQ,UAAA;AACJ,UAAA;AACA,UAAA;AAGA,UAAA;AACV,UAAA;AAAA;AAAA;AAGE,4BAAA;AAAC,cAAA;AAAA,cAAA;AACO,gBAAA;AACD,gBAAA;AACG,gBAAA;AACF,gBAAA;AAC+B,gBAAA;AAAA,cAAA;AACvC,YAAA;AAAA,UAAA;AAGa,UAAA;AAEf,QAAA;AACF,MAAA;AAGA,MAAA;AAEJ,IAAA;AAEJ,EAAA;AAEJ;ADvD4D;AACA;AErFjB;AAdmB;AAC5D,EAAA;AACA,EAAA;AACU,EAAA;AACE,EAAA;AACT,EAAA;AACC;AACiB,EAAA;AACnB,IAAA;AACE,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AAEyCA,EAAAA;AAGvCA,EAAAA;AAAC,IAAA;AAAA,IAAA;AACK,MAAA;AACJ,MAAA;AACO,MAAA;AACyC,MAAA;AAAwB,IAAA;AAC1E,EAAA;AAEJ;AFqG4D;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-ZVA5KJAJ.cjs","sourcesContent":[null,"import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { HeaderActionProps, HeaderProps } from './Header.types';\nimport './Header.scss';\nimport { Button } from '../Button';\nimport { Popover } from '../Popover';\nimport { renderIcon } from '../../utils';\nimport { Ellipsis } from 'lucide-react';\n\nexport const Header: React.FC<HeaderProps> = ({\n  title,\n  subtitle,\n  media,\n  meta,\n  variant = 'default',\n  titleAs: TitleElement = 'h1',\n  actions,\n  collapseActionsBelow = 640,\n  actionsVisibleWhenCollapsed = 1,\n  className = '',\n}) => {\n  const classes = ['eidos-header', `eidos-header--${variant}`, className].filter(Boolean).join(' ');\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [isNarrow, setIsNarrow] = useState(false);\n  const [overflowOpen, setOverflowOpen] = useState(false);\n\n  // Measures the header's own box rather than the viewport, so the collapse\n  // point matches the container queries in Header.scss - a viewport query\n  // would disagree with them by the width of PageLayout's navigation rail,\n  // which is itself collapsible. The 1px hero border makes this border-box\n  // reading differ from the container query's content-box one by 2px; that is\n  // far below any threshold worth caring about, and using one measurement for\n  // both the initial pass and the observer keeps it to a single code path.\n  const measure = useCallback(() => {\n    const element = rootRef.current;\n    if (!element) return;\n    setIsNarrow(element.getBoundingClientRect().width <= collapseActionsBelow);\n  }, [collapseActionsBelow]);\n\n  // `useLayoutEffect` for the first measurement specifically: ResizeObserver\n  // delivers its initial callback asynchronously, so relying on it alone\n  // would paint the full action row for a frame before collapsing it. Reading\n  // the box synchronously here collapses before paint instead. Nothing runs\n  // during SSR, so the server renders the uncollapsed row and hydration\n  // matches - the same client-only posture Navigation's `collapseBelow` has.\n  useLayoutEffect(() => {\n    if (!collapseActionsBelow) {\n      setIsNarrow(false);\n      return;\n    }\n\n    measure();\n\n    const element = rootRef.current;\n    if (!element || typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [collapseActionsBelow, measure]);\n\n  const allActions = actions ?? [];\n  const keptCount = Math.max(0, actionsVisibleWhenCollapsed);\n  const isCollapsed = isNarrow && !!collapseActionsBelow && allActions.length > keptCount;\n\n  // The *last* actions stay inline: a primary call to action is conventionally\n  // rightmost, which is also how Header's own stories order them.\n  const overflowActions = isCollapsed ? allActions.slice(0, allActions.length - keptCount) : [];\n  const inlineActions = isCollapsed ? allActions.slice(allActions.length - keptCount) : allActions;\n\n  // A portalled popover would otherwise stay on screen after the header grows\n  // back past the threshold and its trigger stops being rendered.\n  useEffect(() => {\n    if (!isCollapsed && overflowOpen) setOverflowOpen(false);\n  }, [isCollapsed, overflowOpen]);\n\n  const renderOverflowAction = (action: HeaderActionProps, index: number) => {\n    // Typed on `HTMLElement` so it satisfies both the button and the link\n    // form's handler; the action's own handler is one or the other, and is\n    // only ever called with the element it was attached to.\n    const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n      (action.onClick as React.MouseEventHandler<HTMLElement> | undefined)?.(event);\n      setOverflowOpen(false);\n    };\n\n    // An icon-only action has no visible label, which is fine in a horizontal\n    // row of small buttons and useless in a vertical list. Its tooltip is\n    // already the label, so promote it rather than showing a bare glyph.\n    if (action.icon && !action.children && action.tooltip) {\n      const { icon, tooltip, ...rest } = action;\n      return (\n        <Button key={index} {...rest} size=\"md\" preIcon={icon} onClick={handleClick}>\n          {tooltip}\n        </Button>\n      );\n    }\n\n    return <Button key={index} {...action} size=\"md\" onClick={handleClick} />;\n  };\n\n  const titles = (\n    <div className=\"eidos-header__titles\">\n      <TitleElement className=\"eidos-header__title\">{title}</TitleElement>\n      {subtitle && <span className=\"eidos-header__subtitle\">{subtitle}</span>}\n      {!!meta?.length && (\n        <div className=\"eidos-header__meta\">\n          {meta.map((item, index) => (\n            <span key={index} className=\"eidos-header__meta-item\">\n              {item.icon && renderIcon(item.icon, 'eidos-header__meta-icon')}\n              {item.label && <span className=\"eidos-header__meta-label\">{item.label}</span>}\n              <span className=\"eidos-header__meta-value\">{item.value}</span>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div className={classes} ref={rootRef}>\n      <div className=\"eidos-header__content\">\n        {/* The `__lead` wrapper only exists when there is media to group with\n            the titles. Media and titles need a tighter gap than titles and\n            actions do, and a flex container has a single gap - but rendering\n            the wrapper unconditionally would change the markup for every\n            existing consumer, and the `eidos-*` class names are documented as\n            targetable. */}\n        {media ? (\n          <div className=\"eidos-header__lead\">\n            <div className=\"eidos-header__media\">{media}</div>\n            {titles}\n          </div>\n        ) : (\n          titles\n        )}\n        <div className=\"eidos-header__actions\">\n          {overflowActions.length > 0 && (\n            <Popover\n              open={overflowOpen}\n              onOpenChange={setOverflowOpen}\n              placement=\"bottom\"\n              maxWidth={260}\n              // Popover puts `className` on its trigger wrapper, which is the\n              // element that actually becomes a flex item of `__actions`.\n              className=\"eidos-header__overflow-trigger\"\n              trigger={\n                // No `aria-haspopup`/`aria-expanded` here: Popover already\n                // sets both on the wrapper it renders around this button.\n                <Button\n                  icon={Ellipsis}\n                  size=\"md\"\n                  variant=\"outlined\"\n                  color=\"secondary\"\n                  aria-label={`${overflowActions.length} more actions`}\n                />\n              }\n            >\n              <div className=\"eidos-header__overflow-actions\">\n                {overflowActions.map(renderOverflowAction)}\n              </div>\n            </Popover>\n          )}\n          {inlineActions.map((action, index) => (\n            <Button key={index} size=\"md\" {...action} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport type { IdentityHeaderProps } from './IdentityHeader.types';\nimport { Header } from './Header.component';\nimport { Avatar } from '../Avatar';\nimport { devWarn } from '../../utils';\n\n/**\n * `Header` preconfigured for the \"this page is about one person or entity\"\n * shape - an avatar beside the name, supporting facts below it, actions on\n * the end - which account and profile pages share. Settings-style pages want\n * a plain `Header` instead; they have no identity to lead with.\n *\n * Deliberately thin: it pins `variant=\"hero\"`, types the avatar so consumers\n * don't have to import `Avatar` to fill the slot, and gives the shape a name\n * worth discovering. Everything else is `Header`.\n */\nexport const IdentityHeader: React.FC<IdentityHeaderProps> = ({\n  avatar,\n  media,\n  variant = 'hero',\n  className = '',\n  ...rest\n}) => {\n  if (avatar && media) {\n    devWarn(\n      'identity-header-avatar-and-media',\n      'IdentityHeader received both `avatar` and `media`. `media` takes precedence - drop `avatar` to silence this.',\n    );\n  }\n\n  const resolvedMedia = media ?? (avatar ? <Avatar size=\"lg\" {...avatar} /> : undefined);\n\n  return (\n    <Header\n      {...rest}\n      variant={variant}\n      media={resolvedMedia}\n      className={['eidos-identity-header', className].filter(Boolean).join(' ')}\n    />\n  );\n};\n"]}

package/dist/color-picker/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLUDK44NZcjs = require('../chunk-LUDK44NZ.cjs');
-require('../chunk-VXC7Z7XB.cjs');
-require('../chunk-ENMDOQQO.cjs');
+var _chunkSJPCBRKRcjs = require('../chunk-SJPCBRKR.cjs');
+require('../chunk-MKQVDEHI.cjs');
+require('../chunk-R5WI5IGR.cjs');
 require('../chunk-CJT7L764.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.ColorPicker = _chunkLUDK44NZcjs.ColorPicker;
+exports.ColorPicker = _chunkSJPCBRKRcjs.ColorPicker;
 //# sourceMappingURL=index.cjs.map

package/dist/color-picker/index.js

@@ -1,8 +1,8 @@
 import {
   ColorPicker
-} from "../chunk-L6YJ6QTZ.js";
-import "../chunk-3X6QVHTD.js";
-import "../chunk-U34INRFO.js";
+} from "../chunk-DCUIT7SI.js";
+import "../chunk-OERK3T7E.js";
+import "../chunk-PP6HS4GR.js";
 import "../chunk-V3T7RO4F.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/combobox/index.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSLHIVEFWcjs = require('../chunk-SLHIVEFW.cjs');
-require('../chunk-4HZIXRAJ.cjs');
-require('../chunk-VXC7Z7XB.cjs');
-require('../chunk-UTYY35QX.cjs');
-require('../chunk-ENMDOQQO.cjs');
+var _chunkHKLLKNRQcjs = require('../chunk-HKLLKNRQ.cjs');
+require('../chunk-KF2OGUAD.cjs');
+require('../chunk-MKQVDEHI.cjs');
+require('../chunk-RZMQCVAS.cjs');
+require('../chunk-R5WI5IGR.cjs');
 require('../chunk-CJT7L764.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Combobox = _chunkSLHIVEFWcjs.Combobox;
+exports.Combobox = _chunkHKLLKNRQcjs.Combobox;
 //# sourceMappingURL=index.cjs.map

package/dist/combobox/index.js

@@ -1,10 +1,10 @@
 import {
   Combobox
-} from "../chunk-IHPSRTVW.js";
-import "../chunk-XIUZT4TO.js";
-import "../chunk-3X6QVHTD.js";
-import "../chunk-MCPGI6EI.js";
-import "../chunk-U34INRFO.js";
+} from "../chunk-Z3OEYDNI.js";
+import "../chunk-GE3QCXT7.js";
+import "../chunk-OERK3T7E.js";
+import "../chunk-BUSMGQJ4.js";
+import "../chunk-PP6HS4GR.js";
 import "../chunk-V3T7RO4F.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/command-palette/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7NUVLVSLcjs = require('../chunk-7NUVLVSL.cjs');
+var _chunkFJSK2RT7cjs = require('../chunk-FJSK2RT7.cjs');
 require('../chunk-VW32UTUE.cjs');
 require('../chunk-KVIL4EP4.cjs');
-require('../chunk-ENMDOQQO.cjs');
+require('../chunk-R5WI5IGR.cjs');
 require('../chunk-CJT7L764.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.CommandPalette = _chunk7NUVLVSLcjs.CommandPalette;
+exports.CommandPalette = _chunkFJSK2RT7cjs.CommandPalette;
 //# sourceMappingURL=index.cjs.map

package/dist/command-palette/index.js

@@ -1,9 +1,9 @@
 import {
   CommandPalette
-} from "../chunk-4V2XYUQL.js";
+} from "../chunk-GLEPKX2R.js";
 import "../chunk-XUZOU2EB.js";
 import "../chunk-LYH3EKKQ.js";
-import "../chunk-U34INRFO.js";
+import "../chunk-PP6HS4GR.js";
 import "../chunk-V3T7RO4F.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/context-menu/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAUNDBUHMcjs = require('../chunk-AUNDBUHM.cjs');
-require('../chunk-N5NXKVFJ.cjs');
-require('../chunk-VXC7Z7XB.cjs');
+var _chunk5HRVHEHEcjs = require('../chunk-5HRVHEHE.cjs');
+require('../chunk-VPN7AR7T.cjs');
+require('../chunk-MKQVDEHI.cjs');
 require('../chunk-KVIL4EP4.cjs');
-require('../chunk-UTYY35QX.cjs');
-require('../chunk-ENMDOQQO.cjs');
+require('../chunk-RZMQCVAS.cjs');
+require('../chunk-R5WI5IGR.cjs');
 require('../chunk-CJT7L764.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.ContextMenu = _chunkAUNDBUHMcjs.ContextMenu;
+exports.ContextMenu = _chunk5HRVHEHEcjs.ContextMenu;
 //# sourceMappingURL=index.cjs.map

package/dist/context-menu/index.js

@@ -1,11 +1,11 @@
 import {
   ContextMenu
-} from "../chunk-UC4NYF6T.js";
-import "../chunk-WHQGJHMD.js";
-import "../chunk-3X6QVHTD.js";
+} from "../chunk-YYA5SWXD.js";
+import "../chunk-TOLNPD7S.js";
+import "../chunk-OERK3T7E.js";
 import "../chunk-LYH3EKKQ.js";
-import "../chunk-MCPGI6EI.js";
-import "../chunk-U34INRFO.js";
+import "../chunk-BUSMGQJ4.js";
+import "../chunk-PP6HS4GR.js";
 import "../chunk-V3T7RO4F.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/conversation/index.cjs

@@ -2,23 +2,23 @@
 
 
 
-var _chunkWTFEMOV5cjs = require('../chunk-WTFEMOV5.cjs');
+var _chunkADB7QRX5cjs = require('../chunk-ADB7QRX5.cjs');
 require('../chunk-IGFR5TES.cjs');
 require('../chunk-3RUIKBH4.cjs');
 require('../chunk-EQ6BNPTL.cjs');
 require('../chunk-TROYIUDH.cjs');
 require('../chunk-KV3V2CPH.cjs');
 require('../chunk-FQZ6F7FQ.cjs');
-require('../chunk-WR77IZUU.cjs');
-require('../chunk-N5NXKVFJ.cjs');
-require('../chunk-VXC7Z7XB.cjs');
+require('../chunk-BPVOQLCA.cjs');
+require('../chunk-VPN7AR7T.cjs');
+require('../chunk-MKQVDEHI.cjs');
 require('../chunk-KVIL4EP4.cjs');
 require('../chunk-Q3GNKF74.cjs');
 require('../chunk-EACNRR3C.cjs');
-require('../chunk-XPG56DLQ.cjs');
+require('../chunk-NSA7ASZ7.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-UTYY35QX.cjs');
-require('../chunk-ENMDOQQO.cjs');
+require('../chunk-RZMQCVAS.cjs');
+require('../chunk-R5WI5IGR.cjs');
 require('../chunk-CJT7L764.cjs');
 require('../chunk-KXDGW6LJ.cjs');
 require('../chunk-75Q5OS7L.cjs');
@@ -27,5 +27,5 @@ require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Chat = _chunkWTFEMOV5cjs.Chat; exports.CommentThread = _chunkWTFEMOV5cjs.CommentThread; exports.MessageComposer = _chunkWTFEMOV5cjs.MessageComposer;
+exports.Chat = _chunkADB7QRX5cjs.Chat; exports.CommentThread = _chunkADB7QRX5cjs.CommentThread; exports.MessageComposer = _chunkADB7QRX5cjs.MessageComposer;
 //# sourceMappingURL=index.cjs.map

package/dist/conversation/index.js

@@ -2,23 +2,23 @@ import {
   Chat,
   CommentThread,
   MessageComposer
-} from "../chunk-GDRLVX2A.js";
+} from "../chunk-LXRNFQEI.js";
 import "../chunk-Y55M34RQ.js";
 import "../chunk-TH3ITGUM.js";
 import "../chunk-UEJSRMU2.js";
 import "../chunk-6ZAT5CGB.js";
 import "../chunk-3TUCQAYL.js";
 import "../chunk-TPNCV7KA.js";
-import "../chunk-2TIMJD4K.js";
-import "../chunk-WHQGJHMD.js";
-import "../chunk-3X6QVHTD.js";
+import "../chunk-IBT535UH.js";
+import "../chunk-TOLNPD7S.js";
+import "../chunk-OERK3T7E.js";
 import "../chunk-LYH3EKKQ.js";
 import "../chunk-XJBWFDDE.js";
 import "../chunk-N5JDL4VE.js";
-import "../chunk-JY77VJAZ.js";
+import "../chunk-GHUEVNNU.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-MCPGI6EI.js";
-import "../chunk-U34INRFO.js";
+import "../chunk-BUSMGQJ4.js";
+import "../chunk-PP6HS4GR.js";
 import "../chunk-V3T7RO4F.js";
 import "../chunk-BDH2MXJW.js";
 import "../chunk-U32K2H3N.js";

package/dist/data-grid/index.cjs

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHLI4SOH3cjs = require('../chunk-HLI4SOH3.cjs');
-require('../chunk-544RAXWO.cjs');
-require('../chunk-JFV56ISS.cjs');
-require('../chunk-7FV2X62W.cjs');
-require('../chunk-6IB27I5K.cjs');
+var _chunkVGMRIXW4cjs = require('../chunk-VGMRIXW4.cjs');
+require('../chunk-7VMF6LIC.cjs');
+require('../chunk-E7BFBU6K.cjs');
+require('../chunk-SJKD3WCV.cjs');
+require('../chunk-6JYXGRJ3.cjs');
 require('../chunk-SJDTFR3I.cjs');
 require('../chunk-I44YNYI6.cjs');
-require('../chunk-ULKWUKD2.cjs');
-require('../chunk-B2OHBIAL.cjs');
+require('../chunk-YHSCUPP6.cjs');
+require('../chunk-BKUZF7CW.cjs');
 require('../chunk-XJAXKENE.cjs');
 require('../chunk-YJNQLH2L.cjs');
-require('../chunk-SLHIVEFW.cjs');
-require('../chunk-4HZIXRAJ.cjs');
+require('../chunk-HKLLKNRQ.cjs');
+require('../chunk-KF2OGUAD.cjs');
 require('../chunk-TROYIUDH.cjs');
 require('../chunk-KV3V2CPH.cjs');
-require('../chunk-N5NXKVFJ.cjs');
-require('../chunk-VXC7Z7XB.cjs');
+require('../chunk-VPN7AR7T.cjs');
+require('../chunk-MKQVDEHI.cjs');
 require('../chunk-KVIL4EP4.cjs');
 require('../chunk-3ETWFS2N.cjs');
 require('../chunk-EACNRR3C.cjs');
-require('../chunk-XPG56DLQ.cjs');
+require('../chunk-NSA7ASZ7.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-UTYY35QX.cjs');
-require('../chunk-ENMDOQQO.cjs');
+require('../chunk-RZMQCVAS.cjs');
+require('../chunk-R5WI5IGR.cjs');
 require('../chunk-CJT7L764.cjs');
 require('../chunk-KXDGW6LJ.cjs');
 require('../chunk-75Q5OS7L.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.DataGrid = _chunkHLI4SOH3cjs.DataGrid;
+exports.DataGrid = _chunkVGMRIXW4cjs.DataGrid;
 //# sourceMappingURL=index.cjs.map

package/dist/data-grid/index.d.cts

@@ -5,7 +5,7 @@ export { a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplit
 import { C as ComboboxOption } from '../Combobox.types-B7ozlnA9.cjs';
 import { b as MenuItemType } from '../Menu.types-D6VoK9T9.cjs';
 import { S as SelectOption } from '../Select.types-8CGZBgT-.cjs';
-import { c as SegmentedOption, S as SegmentedControlColorProps } from '../SegmentedControl.types-D_gHYL9X.cjs';
+import { c as SegmentedOption, S as SegmentedControlColorProps } from '../SegmentedControl.types-50fprBiO.cjs';
 import '../Button.types-DkgWjFsk.cjs';
 import '../sizes-DM6Rrrgq.cjs';
 import '../Input.types--K0t_3L2.cjs';

package/dist/data-grid/index.d.ts

@@ -5,7 +5,7 @@ export { a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplit
 import { C as ComboboxOption } from '../Combobox.types-DkigkEh2.js';
 import { b as MenuItemType } from '../Menu.types-tUEhXn52.js';
 import { S as SelectOption } from '../Select.types-CAVh9Gvd.js';
-import { c as SegmentedOption, S as SegmentedControlColorProps } from '../SegmentedControl.types-CHtjABQM.js';
+import { c as SegmentedOption, S as SegmentedControlColorProps } from '../SegmentedControl.types-DKlamnBZ.js';
 import '../Button.types-BCIK8Qlk.js';
 import '../sizes-DM6Rrrgq.js';
 import '../Input.types--UjucBDd.js';

package/dist/data-grid/index.js

@@ -1,29 +1,29 @@
 import {
   DataGrid
-} from "../chunk-CNTG7OOO.js";
-import "../chunk-H3C6YECZ.js";
-import "../chunk-V64DICJK.js";
-import "../chunk-FHOD3FUN.js";
-import "../chunk-DPTTDHZ5.js";
+} from "../chunk-FFYPSLQV.js";
+import "../chunk-D2PXPX56.js";
+import "../chunk-BHZ76J2K.js";
+import "../chunk-UTOTOWPS.js";
+import "../chunk-FAGQGGT3.js";
 import "../chunk-KGXGTWUL.js";
 import "../chunk-6NZXWKUE.js";
-import "../chunk-P6OJQ2RN.js";
-import "../chunk-4S57PE43.js";
+import "../chunk-FSX7DDLO.js";
+import "../chunk-2WDL2ZVP.js";
 import "../chunk-DI2VKKLW.js";
 import "../chunk-DGXHR6FV.js";
-import "../chunk-IHPSRTVW.js";
-import "../chunk-XIUZT4TO.js";
+import "../chunk-Z3OEYDNI.js";
+import "../chunk-GE3QCXT7.js";
 import "../chunk-6ZAT5CGB.js";
 import "../chunk-3TUCQAYL.js";
-import "../chunk-WHQGJHMD.js";
-import "../chunk-3X6QVHTD.js";
+import "../chunk-TOLNPD7S.js";
+import "../chunk-OERK3T7E.js";
 import "../chunk-LYH3EKKQ.js";
 import "../chunk-3SKI6FXB.js";
 import "../chunk-N5JDL4VE.js";
-import "../chunk-JY77VJAZ.js";
+import "../chunk-GHUEVNNU.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-MCPGI6EI.js";
-import "../chunk-U34INRFO.js";
+import "../chunk-BUSMGQJ4.js";
+import "../chunk-PP6HS4GR.js";
 import "../chunk-V3T7RO4F.js";
 import "../chunk-BDH2MXJW.js";
 import "../chunk-U32K2H3N.js";

package/dist/date-picker/index.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _chunkULKWUKD2cjs = require('../chunk-ULKWUKD2.cjs');
-require('../chunk-B2OHBIAL.cjs');
-require('../chunk-4HZIXRAJ.cjs');
-require('../chunk-VXC7Z7XB.cjs');
-require('../chunk-XPG56DLQ.cjs');
+var _chunkYHSCUPP6cjs = require('../chunk-YHSCUPP6.cjs');
+require('../chunk-BKUZF7CW.cjs');
+require('../chunk-KF2OGUAD.cjs');
+require('../chunk-MKQVDEHI.cjs');
+require('../chunk-NSA7ASZ7.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-UTYY35QX.cjs');
-require('../chunk-ENMDOQQO.cjs');
+require('../chunk-RZMQCVAS.cjs');
+require('../chunk-R5WI5IGR.cjs');
 require('../chunk-CJT7L764.cjs');
 require('../chunk-KXDGW6LJ.cjs');
 require('../chunk-75Q5OS7L.cjs');
@@ -18,5 +18,5 @@ require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Calendar = _chunkULKWUKD2cjs.Calendar; exports.DatePicker = _chunkULKWUKD2cjs.DatePicker; exports.TimeInput = _chunkULKWUKD2cjs.TimeInput;
+exports.Calendar = _chunkYHSCUPP6cjs.Calendar; exports.DatePicker = _chunkYHSCUPP6cjs.DatePicker; exports.TimeInput = _chunkYHSCUPP6cjs.TimeInput;
 //# sourceMappingURL=index.cjs.map

package/dist/date-picker/index.js

@@ -2,14 +2,14 @@ import {
   Calendar,
   DatePicker,
   TimeInput
-} from "../chunk-P6OJQ2RN.js";
-import "../chunk-4S57PE43.js";
-import "../chunk-XIUZT4TO.js";
-import "../chunk-3X6QVHTD.js";
-import "../chunk-JY77VJAZ.js";
+} from "../chunk-FSX7DDLO.js";
+import "../chunk-2WDL2ZVP.js";
+import "../chunk-GE3QCXT7.js";
+import "../chunk-OERK3T7E.js";
+import "../chunk-GHUEVNNU.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-MCPGI6EI.js";
-import "../chunk-U34INRFO.js";
+import "../chunk-BUSMGQJ4.js";
+import "../chunk-PP6HS4GR.js";
 import "../chunk-V3T7RO4F.js";
 import "../chunk-BDH2MXJW.js";
 import "../chunk-U32K2H3N.js";