@fangxinyan/lumina 0.8.0 → 0.9.1

package/dist/{chunk-LDX6Q6RK.cjs → chunk-RA5BULQ3.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Skeleton-FMFE3BRI.css');
 var React = require('react');
@@ -108,6 +108,6 @@ var SkeletonBase = React__namespace.forwardRef(({
   );
 });
 SkeletonBase.displayName = "Skeleton";
-var Skeleton = chunkNRJXZPZR_cjs.withComponentTheme(SkeletonBase, "Skeleton", "skeleton");
+var Skeleton = chunkV6BLBIY6_cjs.withComponentTheme(SkeletonBase, "Skeleton", "skeleton");
 
 exports.Skeleton = Skeleton;

package/dist/{chunk-BKW5PXEO.js → chunk-RJCPXAZ3.js}

@@ -1,11 +1,11 @@
 import { useOverlayZIndex, useOverlayLayer, OverlayZIndexProvider } from './chunk-2A4GYSN4.js';
-import { Button } from './chunk-JHM7MN3G.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Button } from './chunk-563SQXH7.js';
+import { Icon } from './chunk-2BM65ITV.js';
+import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
-import './Modal-UI2FXNDR.css';
+import './Modal-KLLX3Z2M.css';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
@@ -118,6 +118,7 @@ var ModalBase = React.forwardRef((props, ref) => {
     )
   ] });
   const modalBodyStyle = bodyOverflow == null ? { ...portalTheme.styles.body, ...bodyStyle } : { ...portalTheme.styles.body, overflow: bodyOverflow, ...bodyStyle };
+  const usesDefaultBodyOverflow = bodyOverflow == null && bodyStyle?.overflow == null && portalTheme.styles.body?.overflow == null;
   return ReactDOM.createPortal(
     /* @__PURE__ */ jsx(OverlayZIndexProvider, { zIndex: overlayZIndex, children: /* @__PURE__ */ jsx(
       "div",
@@ -145,7 +146,7 @@ var ModalBase = React.forwardRef((props, ref) => {
             ...portalTheme.dataAttributes,
             ...rest,
             children: [
-              (title || description || closable) && /* @__PURE__ */ jsxs("div", { className: "modal-head", children: [
+              (title || description || closable) && /* @__PURE__ */ jsxs("div", { className: "modal-head", style: portalTheme.styles.header, children: [
                 /* @__PURE__ */ jsxs("div", { className: "modal-titles", children: [
                   title && /* @__PURE__ */ jsx("div", { id: titleId, className: "modal-title", children: title }),
                   description && /* @__PURE__ */ jsx("div", { id: descriptionId, className: "modal-desc", children: description })
@@ -165,12 +166,17 @@ var ModalBase = React.forwardRef((props, ref) => {
                 "div",
                 {
                   ...bodyProps,
-                  className: ["modal-body", `inset-${bodyInset}`, bodyClassName].filter(Boolean).join(" "),
+                  className: [
+                    "modal-body",
+                    `inset-${bodyInset}`,
+                    usesDefaultBodyOverflow ? "default-overflow" : "",
+                    bodyClassName
+                  ].filter(Boolean).join(" "),
                   style: modalBodyStyle,
                   children
                 }
               ),
-              footer === null ? null : /* @__PURE__ */ jsx("div", { className: "modal-foot", children: footer ?? defaultFooter })
+              footer === null ? null : /* @__PURE__ */ jsx("div", { className: "modal-foot", style: portalTheme.styles.footer, children: footer ?? defaultFooter })
             ]
           }
         )

package/dist/{chunk-BIPOXOHP.cjs → chunk-RWM44VCZ.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
+var chunkGFGMGJ5A_cjs = require('./chunk-GFGMGJ5A.cjs');
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./CommandPalette-GHTX7AAA.css');
 var React = require('react');
@@ -62,8 +62,8 @@ var CommandPaletteBase = React__namespace.forwardRef(({
   style,
   ...rest
 }, ref) => {
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("CommandPalette");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("CommandPalette");
   const [query, setQuery] = React__namespace.useState("");
   const [active, setActive] = React__namespace.useState(-1);
   const inputRef = React__namespace.useRef(null);
@@ -196,8 +196,8 @@ var CommandPaletteBase = React__namespace.forwardRef(({
             ...rest,
             style: { ...portalTheme.style, ...portalTheme.styles.popup, ...style },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkSTQDKMS5_cjs.Input,
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cmdp-search", children: /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Input", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkGFGMGJ5A_cjs.Input,
                 {
                   ref: inputRef,
                   size: "lg",
@@ -277,7 +277,7 @@ var CommandPaletteBase = React__namespace.forwardRef(({
   );
 });
 CommandPaletteBase.displayName = "CommandPalette";
-var CommandPalette = chunkNRJXZPZR_cjs.withComponentTheme(
+var CommandPalette = chunkV6BLBIY6_cjs.withComponentTheme(
   CommandPaletteBase,
   "CommandPalette",
   ["command-palette", "input"],

package/dist/{chunk-JKUXA3U6.cjs → chunk-RXITGNPX.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkRERMZNF3_cjs = require('./chunk-RERMZNF3.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkTTRU4TLQ_cjs = require('./chunk-TTRU4TLQ.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Timeline-FUFO2UGY.css');
 var React = require('react');
@@ -112,7 +112,7 @@ var TimelineBase = React__namespace.forwardRef(
   }
 );
 TimelineBase.displayName = "Timeline";
-var Timeline = chunkNRJXZPZR_cjs.withComponentTheme(
+var Timeline = chunkV6BLBIY6_cjs.withComponentTheme(
   TimelineBase,
   "Timeline",
   ["timeline", "spin"]
@@ -171,7 +171,7 @@ var TimelineItem = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "timeline-item-head", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: dotCls, style: { ...dotAlignStyle, ...dotStyle, ...item.dotStyle }, children: item.dot ?? (isPending && /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Spin", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRERMZNF3_cjs.Spin, { size: 14 }) })) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: dotCls, style: { ...dotAlignStyle, ...dotStyle, ...item.dotStyle }, children: item.dot ?? (isPending && /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Spin", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTTRU4TLQ_cjs.Spin, { size: 14 }) })) }),
           !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "timeline-item-tail" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(

package/dist/{chunk-YPMQC5HX.js → chunk-RYF5ADJW.js}

@@ -1,6 +1,6 @@
-import { InputThemeIdentityProvider, Input } from './chunk-UE4HFGJ6.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import './tokens-CEJVVA3G.css';
+import { InputThemeIdentityProvider, Input } from './chunk-TUXF2G2O.js';
+import { Icon } from './chunk-2BM65ITV.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './InputNumber-6NHBMRT4.css';
 import * as React from 'react';

package/dist/{chunk-MUZQWIMR.cjs → chunk-SOAGRYM3.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunkT4RR6NVU_cjs = require('./chunk-T4RR6NVU.cjs');
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkM3JYP3V4_cjs = require('./chunk-M3JYP3V4.cjs');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
-require('./Modal-UI2FXNDR.css');
+require('./Modal-KLLX3Z2M.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var client = require('react-dom/client');
@@ -73,8 +73,8 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     onClick,
     ...rest
   } = props;
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Modal");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("Modal");
   const panelRef = React__namespace.useRef(null);
   const titleId = React__namespace.useId();
   const descriptionId = React__namespace.useId();
@@ -129,10 +129,10 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     ...hasExplicitWidth ? { width } : null,
     ...style
   };
-  const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkT4RR6NVU_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+  const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM3JYP3V4_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkT4RR6NVU_cjs.Button,
+      chunkM3JYP3V4_cjs.Button,
       {
         variant: "primary",
         loading: confirmLoading,
@@ -143,6 +143,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     )
   ] });
   const modalBodyStyle = bodyOverflow == null ? { ...portalTheme.styles.body, ...bodyStyle } : { ...portalTheme.styles.body, overflow: bodyOverflow, ...bodyStyle };
+  const usesDefaultBodyOverflow = bodyOverflow == null && bodyStyle?.overflow == null && portalTheme.styles.body?.overflow == null;
   return ReactDOM__default.default.createPortal(
     /* @__PURE__ */ jsxRuntime.jsx(chunkHSDMJUB6_cjs.OverlayZIndexProvider, { zIndex: overlayZIndex, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -170,7 +171,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
             ...portalTheme.dataAttributes,
             ...rest,
             children: [
-              (title || description || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-head", children: [
+              (title || description || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-head", style: portalTheme.styles.header, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-titles", children: [
                   title && /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: "modal-title", children: title }),
                   description && /* @__PURE__ */ jsxRuntime.jsx("div", { id: descriptionId, className: "modal-desc", children: description })
@@ -182,7 +183,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
                     className: "modal-close",
                     onClick: handleCancel,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] }),
@@ -190,12 +191,17 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
                 "div",
                 {
                   ...bodyProps,
-                  className: ["modal-body", `inset-${bodyInset}`, bodyClassName].filter(Boolean).join(" "),
+                  className: [
+                    "modal-body",
+                    `inset-${bodyInset}`,
+                    usesDefaultBodyOverflow ? "default-overflow" : "",
+                    bodyClassName
+                  ].filter(Boolean).join(" "),
                   style: modalBodyStyle,
                   children
                 }
               ),
-              footer === null ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-foot", children: footer ?? defaultFooter })
+              footer === null ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-foot", style: portalTheme.styles.footer, children: footer ?? defaultFooter })
             ]
           }
         )
@@ -205,7 +211,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
   );
 });
 ModalBase.displayName = "Modal";
-var ThemedModalBase = chunkNRJXZPZR_cjs.withComponentTheme(
+var ThemedModalBase = chunkV6BLBIY6_cjs.withComponentTheme(
   ModalBase,
   "Modal",
   ["modal", "button"],
@@ -262,10 +268,10 @@ var StaticModalHost = ({
     destroy();
   }, [destroy, onOk]);
   const okVariant = kind === "error" ? "danger" : "primary";
-  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkT4RR6NVU_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM3JYP3V4_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkT4RR6NVU_cjs.Button,
+      chunkM3JYP3V4_cjs.Button,
       {
         variant: okVariant,
         loading: loading || confirmLoading,
@@ -274,8 +280,8 @@ var StaticModalHost = ({
         children: okText
       }
     )
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Button", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkT4RR6NVU_cjs.Button,
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Button", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkM3JYP3V4_cjs.Button,
     {
       variant: okVariant,
       loading: loading || confirmLoading,
@@ -297,7 +303,7 @@ var StaticModalHost = ({
       className,
       maskClassName: ["modal-static-overlay", config.maskClassName].filter(Boolean).join(" "),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-static-body", children: [
-        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
+        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-static-content", children: content ?? children })
       ] })
     }

package/dist/{chunk-SXLRWYQQ.js → chunk-SXT672KF.js}

@@ -1,11 +1,11 @@
 import { useInputTriggerToggle } from './chunk-RC6ULCQP.js';
 import { useFloating } from './chunk-3QXP2ZNP.js';
-import { Input } from './chunk-UE4HFGJ6.js';
+import { Input } from './chunk-TUXF2G2O.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { Button } from './chunk-JHM7MN3G.js';
-import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Button } from './chunk-563SQXH7.js';
+import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './TimePicker-WJ3FSK6A.css';
 import * as React from 'react';

package/dist/{chunk-U3SG2YT2.js → chunk-TALNKJQ2.js}

@@ -1,8 +1,8 @@
 import { useFloating } from './chunk-3QXP2ZNP.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Tooltip-2EUNTOTW.css';
 import * as React from 'react';

package/dist/{chunk-3IZZBM56.js → chunk-TNQJA5JF.js}

@@ -1,7 +1,7 @@
 import { useOverlayZIndex, useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './ContextMenu-NG524Y2P.css';
 import * as React from 'react';

package/dist/{chunk-Q565GDVK.cjs → chunk-TPFY5SKB.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Message-OTZWQTQ5.css');
 var React = require('react');
@@ -139,8 +139,8 @@ var message = {
   }
 };
 var MessageContainerBase = React__namespace.forwardRef(({ placement = "top-right", className = "", style, ...rest }, ref) => {
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("MessageContainer");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("MessageContainer");
   const [list, setList] = React__namespace.useState(items);
   const explicitZIndex = typeof style?.zIndex === "number" ? style.zIndex : void 0;
   const overlayZIndex = chunkHSDMJUB6_cjs.useOverlayZIndex(list.length > 0, explicitZIndex);
@@ -173,12 +173,12 @@ var MessageContainerBase = React__namespace.forwardRef(({ placement = "top-right
               className: `message ${t.type}`,
               role: t.type === "error" || t.type === "warning" ? "alert" : "status",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-body", children: [
                   t.title != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-title", children: t.title }),
                   t.content != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: t.content })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismissById(t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 14 }) })
+                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismissById(t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 14 }) })
               ]
             },
             t.id
@@ -190,7 +190,7 @@ var MessageContainerBase = React__namespace.forwardRef(({ placement = "top-right
   );
 });
 MessageContainerBase.displayName = "MessageContainer";
-var MessageContainer = chunkNRJXZPZR_cjs.withComponentTheme(
+var MessageContainer = chunkV6BLBIY6_cjs.withComponentTheme(
   MessageContainerBase,
   "MessageContainer",
   "message",

package/dist/{chunk-RERMZNF3.cjs → chunk-TTRU4TLQ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Spin-F5YIEENO.css');
 var React = require('react');
@@ -82,6 +82,6 @@ var SpinBase = React__namespace.forwardRef(({
   ] });
 });
 SpinBase.displayName = "Spin";
-var Spin = chunkNRJXZPZR_cjs.withComponentTheme(SpinBase, "Spin", "spin");
+var Spin = chunkV6BLBIY6_cjs.withComponentTheme(SpinBase, "Spin", "spin");
 
 exports.Spin = Spin;

package/dist/{chunk-UE4HFGJ6.js → chunk-TUXF2G2O.js}

@@ -1,7 +1,7 @@
-import { Textarea, createValueOverrideTarget } from './chunk-3F424R5P.js';
-import { Icon, isIconName, renderIconSlot } from './chunk-LQMOYVQF.js';
-import { useComponentThemeRootRef, ComponentThemeBoundary, mergeComponentRootStyleWithInstanceStyle } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { Textarea, createValueOverrideTarget } from './chunk-AXZNZ2IH.js';
+import { Icon, isIconName, renderIconSlot } from './chunk-2BM65ITV.js';
+import { useComponentThemeRootRef, ComponentThemeBoundary, mergeComponentRootStyleWithInstanceStyle } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Input-ZUASNDXM.css';
 import * as React2 from 'react';

package/dist/{chunk-3DKFS44V.js → chunk-TY5LOU3A.js}

@@ -1,6 +1,6 @@
-import { Icon } from './chunk-LQMOYVQF.js';
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { Icon } from './chunk-2BM65ITV.js';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Calendar-QJ5HWEJQ.css';
 import * as React from 'react';

package/dist/{chunk-6RQJXSWN.js → chunk-U7V2FOIM.js}

@@ -1,6 +1,6 @@
-import { Spin } from './chunk-PQOBBASY.js';
-import { withComponentTheme, InternalComponentThemePart } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { Spin } from './chunk-L2NEYHYG.js';
+import { withComponentTheme, InternalComponentThemePart } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Timeline-FUFO2UGY.css';
 import * as React from 'react';

package/dist/{chunk-HQNDVNTQ.js → chunk-UCE53RYR.js}

@@ -1,8 +1,8 @@
-import { Select } from './chunk-DURKCGEM.js';
-import { Input } from './chunk-UE4HFGJ6.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { InternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { Select } from './chunk-AL2PYVVP.js';
+import { Input } from './chunk-TUXF2G2O.js';
+import { Icon } from './chunk-2BM65ITV.js';
+import { InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Pagination-POJTWMYR.css';
 import * as React from 'react';

package/dist/{chunk-WROF2PVG.cjs → chunk-UQF7E32V.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
-require('./Switch-TATU3LPB.css');
+require('./Switch-3JV3LCPX.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -42,6 +42,7 @@ var SwitchBase = React__namespace.forwardRef(({
   value: formValue,
   required,
   form,
+  invalid = false,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
@@ -63,6 +64,7 @@ var SwitchBase = React__namespace.forwardRef(({
     value && "on",
     size !== "md" && size,
     disabled && "disabled",
+    invalid && "invalid",
     hasChildren && "with-children",
     className
   ].filter(Boolean).join(" ");
@@ -100,6 +102,6 @@ var SwitchBase = React__namespace.forwardRef(({
   ] });
 });
 SwitchBase.displayName = "Switch";
-var Switch = chunkNRJXZPZR_cjs.withComponentTheme(SwitchBase, "Switch", "switch");
+var Switch = chunkV6BLBIY6_cjs.withComponentTheme(SwitchBase, "Switch", "switch");
 
 exports.Switch = Switch;

package/dist/{chunk-NRJXZPZR.cjs → chunk-V6BLBIY6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -102,7 +102,7 @@ function getFallbackSnapshot(rootElement) {
   return {
     colorScheme,
     intensity: 5,
-    colors: { ...chunkEE5KXDRK_cjs.DEFAULT_THEME_COLORS[colorScheme] }
+    colors: { ...chunkI4GJZLJU_cjs.DEFAULT_THEME_COLORS[colorScheme] }
   };
 }
 function getDefaultSnapshot(rootElement) {
@@ -132,8 +132,8 @@ function createInheritedTokenResetStyle(ownerStyle, cssPrefixes) {
   return style;
 }
 function useComponentThemeRootRef(forwardedRef, { component, theme }) {
-  const inheritedVisualTheme = chunkEE5KXDRK_cjs.useVisualThemeSnapshot();
-  const inheritedOverrides = chunkEE5KXDRK_cjs.useComponentOverrides();
+  const inheritedVisualTheme = chunkI4GJZLJU_cjs.useVisualThemeSnapshot();
+  const inheritedOverrides = chunkI4GJZLJU_cjs.useComponentOverrides();
   const [rootState, setRootState] = React__namespace.useState({
     element: null,
     revision: 0
@@ -159,7 +159,7 @@ function useComponentThemeRootRef(forwardedRef, { component, theme }) {
   }, [forwardedRef, shouldDetectLocalStaticTheme, shouldTrackConfiguredTheme]);
   useIsomorphicLayoutEffect(() => {
     if (!shouldDetectLocalStaticTheme) return;
-    return chunkEE5KXDRK_cjs.subscribeImperativeThemeChange((target) => {
+    return chunkI4GJZLJU_cjs.subscribeImperativeThemeChange((target) => {
       const node = mountedRootRef.current;
       if (!node || !target.contains(node)) return;
       const shouldTrackNode = shouldTrackConfiguredTheme || hasLocalStaticThemeScope(node);
@@ -180,9 +180,9 @@ function ComponentThemeBoundary({
   rootElement,
   children
 }) {
-  const inheritedVisualTheme = chunkEE5KXDRK_cjs.useVisualThemeSnapshot();
-  const inheritedOwner = chunkEE5KXDRK_cjs.useOwnerPortalTheme();
-  const inheritedOverrides = chunkEE5KXDRK_cjs.useComponentOverrides();
+  const inheritedVisualTheme = chunkI4GJZLJU_cjs.useVisualThemeSnapshot();
+  const inheritedOwner = chunkI4GJZLJU_cjs.useOwnerPortalTheme();
+  const inheritedOverrides = chunkI4GJZLJU_cjs.useComponentOverrides();
   const internalComponents = React__namespace.useContext(InternalComponentThemePartContext);
   const own = normalizeComponentThemeInput(theme);
   const override = inheritedOverrides[component];
@@ -197,17 +197,17 @@ function ComponentThemeBoundary({
   const shouldResetSelfTheme = !active && inheritedOwner !== null && !isOwnedInternalPart && (inheritedOwner?.component === component || matchesInheritedCssPrefix) && !inheritedOwner.subtree;
   const hasLocalStaticTheme = inheritedVisualTheme === null && hasLocalStaticThemeScope(rootElement);
   const inheritedSnapshot = inheritedVisualTheme ?? (shouldResetSelfTheme && inheritedOwner ? inheritedOwner.inheritedSnapshot : active || hasLocalStaticTheme ? getDefaultSnapshot(rootElement) : getFallbackSnapshot(rootElement));
-  const snapshot = active ? chunkEE5KXDRK_cjs.resolveVisualThemeSnapshot(config, inheritedSnapshot) : inheritedSnapshot;
+  const snapshot = active ? chunkI4GJZLJU_cjs.resolveVisualThemeSnapshot(config, inheritedSnapshot) : inheritedSnapshot;
   const inheritedTokenResetStyle = shouldResetSelfTheme && inheritedOwner ? createInheritedTokenResetStyle(inheritedOwner.style, cssPrefixes) : {};
   const prefixedStyle = active || shouldResetSelfTheme ? cssPrefixes.reduce((result, currentPrefix) => {
     const prefix = `lmn-${currentPrefix}-`;
     return {
       ...result,
-      ...chunkEE5KXDRK_cjs.visualThemeToStyle(snapshot, prefix),
-      ...active ? chunkEE5KXDRK_cjs.componentTokensToStyle(config.tokens, prefix) : null
+      ...chunkI4GJZLJU_cjs.visualThemeToStyle(snapshot, prefix),
+      ...active ? chunkI4GJZLJU_cjs.componentTokensToStyle(config.tokens, prefix) : null
     };
   }, inheritedTokenResetStyle) : {};
-  const subtreeStyle = active && scope === "subtree" ? chunkEE5KXDRK_cjs.visualThemeToStyle(snapshot) : {};
+  const subtreeStyle = active && scope === "subtree" ? chunkI4GJZLJU_cjs.visualThemeToStyle(snapshot) : {};
   const styles = override?.styles ?? {};
   const rootStyle = {
     ...styles.root ?? {},
@@ -223,7 +223,7 @@ function ComponentThemeBoundary({
   }
   const shouldApplyPortalTheme = active || inheritedVisualTheme !== null || hasLocalStaticTheme;
   const portalStyle = shouldApplyPortalTheme ? {
-    ...chunkEE5KXDRK_cjs.visualThemeToStyle(inheritedSnapshot),
+    ...chunkI4GJZLJU_cjs.visualThemeToStyle(inheritedSnapshot),
     ...prefixedStyle,
     ...scope === "subtree" ? subtreeStyle : {}
   } : {};
@@ -257,7 +257,7 @@ function ComponentThemeBoundary({
     styles
   } : shouldResetSelfTheme ? null : inheritedOwner;
   const providedVisualTheme = active && scope === "subtree" ? snapshot : !active && hasLocalStaticTheme ? inheritedSnapshot : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkEE5KXDRK_cjs.VisualThemeProvider, { value: providedVisualTheme ?? inheritedVisualTheme, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEE5KXDRK_cjs.ComponentOverridesProvider, { value: own?.components, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEE5KXDRK_cjs.OwnerPortalThemeProvider, { value: ownerPortalTheme, children: /* @__PURE__ */ jsxRuntime.jsx(InternalComponentThemePartContext.Provider, { value: remainingInternalComponents, children: children(state) }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkI4GJZLJU_cjs.VisualThemeProvider, { value: providedVisualTheme ?? inheritedVisualTheme, children: /* @__PURE__ */ jsxRuntime.jsx(chunkI4GJZLJU_cjs.ComponentOverridesProvider, { value: own?.components, children: /* @__PURE__ */ jsxRuntime.jsx(chunkI4GJZLJU_cjs.OwnerPortalThemeProvider, { value: ownerPortalTheme, children: /* @__PURE__ */ jsxRuntime.jsx(InternalComponentThemePartContext.Provider, { value: remainingInternalComponents, children: children(state) }) }) }) });
 }
 function mergeComponentRootStyleWithInstanceStyle(rootStyle, instanceStyle) {
   if (!instanceStyle) return rootStyle;
@@ -278,8 +278,8 @@ function withInternalComponentThemePart(Component, components) {
   return Wrapped;
 }
 function useComponentPortalTheme(component) {
-  const owner = chunkEE5KXDRK_cjs.useOwnerPortalTheme();
-  const inherited = chunkEE5KXDRK_cjs.useVisualThemeSnapshot();
+  const owner = chunkI4GJZLJU_cjs.useOwnerPortalTheme();
+  const inherited = chunkI4GJZLJU_cjs.useVisualThemeSnapshot();
   const matchesOwner = owner && (Array.isArray(component) ? component.includes(owner.component) : owner.component === component);
   if (matchesOwner && owner) {
     return {
@@ -295,7 +295,7 @@ function useComponentPortalTheme(component) {
     return { style: {}, dataAttributes: {}, styles: {} };
   }
   return {
-    style: chunkEE5KXDRK_cjs.visualThemeToStyle(inherited),
+    style: chunkI4GJZLJU_cjs.visualThemeToStyle(inherited),
     dataAttributes: {
       "data-theme": inherited.colorScheme,
       "data-lumina-color-scheme": inherited.colorScheme

package/dist/{chunk-2AUXUZ3Z.cjs → chunk-VDVKY2IX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Icon-HJSUVW4O.css');
 var React = require('react');
@@ -300,7 +300,7 @@ var IconBase = React__namespace.forwardRef(
   }
 );
 IconBase.displayName = "Icon";
-var Icon = chunkNRJXZPZR_cjs.withComponentTheme(IconBase, "Icon", "icon");
+var Icon = chunkV6BLBIY6_cjs.withComponentTheme(IconBase, "Icon", "icon");
 var isIconName = (value) => typeof value === "string" && Object.prototype.hasOwnProperty.call(paths, value);
 var renderIconSlot = (icon, { size = 14, className } = {}) => {
   if (icon == null || icon === false) return null;
@@ -390,7 +390,7 @@ var createNamedIcon = (displayName, defaultSpin = false) => {
     }
   );
   NamedIconBase.displayName = displayName;
-  const NamedIcon = chunkNRJXZPZR_cjs.withComponentTheme(NamedIconBase, "Icon", "icon");
+  const NamedIcon = chunkV6BLBIY6_cjs.withComponentTheme(NamedIconBase, "Icon", "icon");
   NamedIcon.displayName = displayName;
   return NamedIcon;
 };