@fangxinyan/lumina 0.6.11 → 0.6.13

package/dist/{chunk-ZTIECMCF.js → chunk-BX45WJRT.js}

@@ -1,13 +1,13 @@
-import { Slider } from './chunk-Q5KHJ32P.js';
+import { Slider } from './chunk-JST4HJ3I.js';
 import { pickLuminaThemePresets } from './chunk-6SPMHY54.js';
-import { useTheme, ACCENT_PRESETS, FONT_STACKS } from './chunk-7ZCTEIOW.js';
-import { Switch } from './chunk-6VSNO7IH.js';
-import { RadioGroup } from './chunk-P434GBHP.js';
-import { ColorPicker } from './chunk-AHS2AFTD.js';
-import { Input } from './chunk-QDXBI3PV.js';
-import { Button } from './chunk-VRA4CQCJ.js';
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { useTheme, ACCENT_PRESETS, FONT_STACKS } from './chunk-DEXYWDHF.js';
+import { Switch } from './chunk-BK4XKZUO.js';
+import { RadioGroup } from './chunk-TAHZH6DJ.js';
+import { ColorPicker } from './chunk-QVWCUKEY.js';
+import { Input } from './chunk-IZGHMMX7.js';
+import { Button } from './chunk-CQKQ7KS2.js';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './ThemePanel-TEHB2JCQ.css';
 import * as React from 'react';
@@ -99,6 +99,13 @@ var ACCENT_PALETTE_FIELDS = [
   { key: "soft", label: "\u67D4\u548C\u5E95" },
   { key: "glow", label: "\u5149\u6655" }
 ];
+var THEME_PANEL_RANGES = {
+  intensity: { min: 0, max: 20, step: 1 },
+  radius: { min: 0, max: 64, step: 2 },
+  shadowScale: { min: 0.2, max: 3, step: 0.05 },
+  shadowFloatScale: { min: 0.2, max: 4, step: 0.05 }
+};
+var getShadowScaleRange = (key) => key === "shadow-float-scale" ? THEME_PANEL_RANGES.shadowFloatScale : THEME_PANEL_RANGES.shadowScale;
 function accentFromPreset(preset) {
   const accent = preset?.accent ?? "sky";
   if (typeof accent === "string") {
@@ -296,9 +303,9 @@ function fontToStack(font) {
 function tokenPickerValue(value, fallback) {
   return cssColorToHex(value ?? fallback, fallback);
 }
-function parseScaleToken(value, fallback = 1) {
+function parseScaleToken(value, fallback = 1, range = THEME_PANEL_RANGES.shadowScale) {
   const parsed = Number.parseFloat(value ?? "");
-  return Number.isFinite(parsed) ? Math.min(2, Math.max(0.2, parsed)) : fallback;
+  return Number.isFinite(parsed) ? Math.min(range.max, Math.max(range.min, parsed)) : fallback;
 }
 function formatScaleToken(value) {
   return value.toFixed(2).replace(/\.?0+$/, "");
@@ -769,10 +776,14 @@ var ThemePanel = React.forwardRef(
     };
     const rootClass = ["theme-panel", compact && "compact", className].filter(Boolean).join(" ");
     const shadowScale = parseScaleToken(
-      theme.tokens["shadow-scale"] ?? readCssVar(rootRef.current, "--shadow-scale", "1")
+      theme.tokens["shadow-scale"] ?? readCssVar(rootRef.current, "--shadow-scale", "1"),
+      1,
+      THEME_PANEL_RANGES.shadowScale
     );
     const shadowFloatScale = parseScaleToken(
-      theme.tokens["shadow-float-scale"] ?? readCssVar(rootRef.current, "--shadow-float-scale", "1")
+      theme.tokens["shadow-float-scale"] ?? readCssVar(rootRef.current, "--shadow-float-scale", "1"),
+      1,
+      THEME_PANEL_RANGES.shadowFloatScale
     );
     const updateThemeToken = (key, value) => {
       theme.setTokens({ ...theme.tokens, [key]: value });
@@ -915,11 +926,11 @@ var ThemePanel = React.forwardRef(
               /* @__PURE__ */ jsx(
                 Slider,
                 {
-                  value: parseScaleToken(tokens[field.key]),
+                  value: parseScaleToken(tokens[field.key], 1, getShadowScaleRange(field.key)),
                   onChange: (value) => onTokenChange(field.key, formatScaleToken(value)),
-                  min: 0.6,
-                  max: field.key === "shadow-float-scale" ? 1.8 : 1.6,
-                  step: 0.05
+                  min: getShadowScaleRange(field.key).min,
+                  max: getShadowScaleRange(field.key).max,
+                  step: getShadowScaleRange(field.key).step
                 }
               )
             ] })
@@ -1111,7 +1122,16 @@ var ThemePanel = React.forwardRef(
               /* @__PURE__ */ jsx("span", { children: "\u9634\u5F71\u5F3A\u5EA6" }),
               /* @__PURE__ */ jsx("span", { children: draftIntensity })
             ] }),
-            /* @__PURE__ */ jsx(Slider, { value: draftIntensity, onChange: setDraftIntensity, min: 1, max: 10, step: 1 }),
+            /* @__PURE__ */ jsx(
+              Slider,
+              {
+                value: draftIntensity,
+                onChange: setDraftIntensity,
+                min: THEME_PANEL_RANGES.intensity.min,
+                max: THEME_PANEL_RANGES.intensity.max,
+                step: THEME_PANEL_RANGES.intensity.step
+              }
+            ),
             /* @__PURE__ */ jsxs("div", { className: "theme-panel-label", children: [
               /* @__PURE__ */ jsx("span", { children: "\u5706\u89D2" }),
               /* @__PURE__ */ jsxs("span", { children: [
@@ -1119,7 +1139,16 @@ var ThemePanel = React.forwardRef(
                 "px"
               ] })
             ] }),
-            /* @__PURE__ */ jsx(Slider, { value: draftRadius, onChange: setDraftRadius, min: 8, max: 36, step: 2 })
+            /* @__PURE__ */ jsx(
+              Slider,
+              {
+                value: draftRadius,
+                onChange: setDraftRadius,
+                min: THEME_PANEL_RANGES.radius.min,
+                max: THEME_PANEL_RANGES.radius.max,
+                step: THEME_PANEL_RANGES.radius.step
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "theme-panel-create-field", children: [
             /* @__PURE__ */ jsx("span", { children: "\u5BC6\u5EA6" }),
@@ -1236,7 +1265,16 @@ var ThemePanel = React.forwardRef(
           /* @__PURE__ */ jsx("span", { children: "\u9634\u5F71\u5F3A\u5EA6" }),
           /* @__PURE__ */ jsx("span", { children: theme.intensity })
         ] }),
-        /* @__PURE__ */ jsx(Slider, { value: theme.intensity, onChange: theme.setIntensity, min: 1, max: 10, step: 1 }),
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            value: theme.intensity,
+            onChange: theme.setIntensity,
+            min: THEME_PANEL_RANGES.intensity.min,
+            max: THEME_PANEL_RANGES.intensity.max,
+            step: THEME_PANEL_RANGES.intensity.step
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: "theme-panel-label", children: [
           /* @__PURE__ */ jsx("span", { children: "\u9634\u5F71\u6269\u6563" }),
           /* @__PURE__ */ jsxs("span", { children: [
@@ -1249,9 +1287,9 @@ var ThemePanel = React.forwardRef(
           {
             value: shadowScale,
             onChange: (value) => updateThemeToken("shadow-scale", formatScaleToken(value)),
-            min: 0.6,
-            max: 1.6,
-            step: 0.05
+            min: THEME_PANEL_RANGES.shadowScale.min,
+            max: THEME_PANEL_RANGES.shadowScale.max,
+            step: THEME_PANEL_RANGES.shadowScale.step
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "theme-panel-label", children: [
@@ -1266,9 +1304,9 @@ var ThemePanel = React.forwardRef(
           {
             value: shadowFloatScale,
             onChange: (value) => updateThemeToken("shadow-float-scale", formatScaleToken(value)),
-            min: 0.6,
-            max: 1.8,
-            step: 0.05
+            min: THEME_PANEL_RANGES.shadowFloatScale.min,
+            max: THEME_PANEL_RANGES.shadowFloatScale.max,
+            step: THEME_PANEL_RANGES.shadowFloatScale.step
           }
         )
       ] }),
@@ -1277,7 +1315,16 @@ var ThemePanel = React.forwardRef(
           /* @__PURE__ */ jsx("span", { children: "\u9634\u5F71" }),
           /* @__PURE__ */ jsx("span", { children: theme.intensity })
         ] }),
-        /* @__PURE__ */ jsx(Slider, { value: theme.intensity, onChange: theme.setIntensity, min: 1, max: 10, step: 1 })
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            value: theme.intensity,
+            onChange: theme.setIntensity,
+            min: THEME_PANEL_RANGES.intensity.min,
+            max: THEME_PANEL_RANGES.intensity.max,
+            step: THEME_PANEL_RANGES.intensity.step
+          }
+        )
       ] }),
       sections.includes("radius") && /* @__PURE__ */ jsxs("div", { className: "theme-panel-row", children: [
         /* @__PURE__ */ jsxs("div", { className: "theme-panel-label", children: [
@@ -1287,7 +1334,16 @@ var ThemePanel = React.forwardRef(
             "px"
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Slider, { value: theme.radius, onChange: theme.setRadius, min: 8, max: 36, step: 2 })
+        /* @__PURE__ */ jsx(
+          Slider,
+          {
+            value: theme.radius,
+            onChange: theme.setRadius,
+            min: THEME_PANEL_RANGES.radius.min,
+            max: THEME_PANEL_RANGES.radius.max,
+            step: THEME_PANEL_RANGES.radius.step
+          }
+        )
       ] }),
       sections.includes("font") && /* @__PURE__ */ jsxs("div", { className: "theme-panel-row", children: [
         /* @__PURE__ */ jsx("div", { className: "theme-panel-label", children: /* @__PURE__ */ jsx("span", { children: "\u5B57\u4F53" }) }),

package/dist/{chunk-VUTCNATX.cjs → chunk-CCBEHIRU.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
-require('./tokens-RGFJKRC7.css');
+var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Typography-32QQLD4F.css');
 var React = require('react');
@@ -192,8 +192,8 @@ var CopyAction = ({ config, fallbackText }) => {
     timerRef.current = window.setTimeout(() => setCopied(false), 2400);
   };
   const [defIcon, doneIcon] = config.icon ?? [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "copy", size: 12 }, "def"),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "check", size: 12 }, "done")
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "copy", size: 12 }, "def"),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "check", size: 12 }, "done")
   ];
   const tipText = config.tooltips === false ? void 0 : Array.isArray(config.tooltips) ? copied ? config.tooltips[1] : config.tooltips[0] : copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -331,7 +331,7 @@ function useTypographyBody(props) {
           }
         },
         className: "typo-action typo-edit",
-        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "edit", size: 12 })
+        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "edit", size: 12 })
       }
     );
   }
@@ -590,7 +590,7 @@ var Link = React__namespace.forwardRef(
         ...anchorRest,
         children: [
           body.inner,
-          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: externalIcon, size: 12 }) }),
+          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: externalIcon, size: 12 }) }),
           body.expandNode,
           body.copyNode,
           body.editIconNode

package/dist/{chunk-VRA4CQCJ.js → chunk-CQKQ7KS2.js}

@@ -1,5 +1,5 @@
-import { renderIconSlot } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { renderIconSlot } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Button-TUMZUQLI.css';
 import * as React from 'react';

package/dist/{chunk-I5XCHN67.js → chunk-DCATZUT3.js}

@@ -1,5 +1,5 @@
-import { renderIconSlot, Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { renderIconSlot, Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Tag-G2XWAL7A.css';
 import * as React from 'react';

package/dist/{chunk-7ZCTEIOW.js → chunk-DEXYWDHF.js}

@@ -1,4 +1,4 @@
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-HR5QBBIS.js → chunk-E2OC4CUE.js}

@@ -1,4 +1,4 @@
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './StatusBar-FJKEEPXU.css';
 import * as React from 'react';

package/dist/{chunk-XWRQ7ZLT.cjs → chunk-E5MSFY5H.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Slider-UM2IZZBH.css');
 var React = require('react');

package/dist/{chunk-VM6CJYP6.cjs → chunk-EEHZRPPF.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Badge-DPGLV3D3.css');
 var React = require('react');

package/dist/{chunk-ZCMFLRZS.js → chunk-EKNDL2XB.js}

@@ -1,6 +1,6 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import { Input } from './chunk-QDXBI3PV.js';
-import './tokens-RGFJKRC7.css';
+import { Input } from './chunk-IZGHMMX7.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './AutoComplete-4YZBMW4E.css';
 import * as React from 'react';

package/dist/{chunk-Z35Q432P.cjs → chunk-EQGNKCBY.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
-require('./tokens-RGFJKRC7.css');
+var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Message-H222YGR6.css');
 var React = require('react');
@@ -117,12 +117,12 @@ var MessageContainer = React__namespace.forwardRef(({ placement = "top-right", c
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `message-container ${placement} ${className}`, ...rest, children: list.map((t) => {
       const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `message ${t.type}`, role: "status", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-body", children: [
           t.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-title", children: t.title }),
           t.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: t.content })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "x", size: 14 }) })
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 14 }) })
       ] }, t.id);
     }) }),
     document.body

package/dist/{chunk-5CWTC3I2.js → chunk-EVKLGNVR.js}

@@ -1,6 +1,6 @@
-import { Select } from './chunk-MOLKLUSQ.js';
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Select } from './chunk-UMLRSKBE.js';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Pagination-YSZSNFHG.css';
 import * as React from 'react';

package/dist/{chunk-5C3ZSOKF.cjs → chunk-FPXBY2MY.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./StatusBar-FJKEEPXU.css');
 var React = require('react');

package/dist/{chunk-3NSBPQBT.cjs → chunk-FROWMHDP.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
-require('./tokens-RGFJKRC7.css');
+var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Image-SGSRTHQX.css');
 var React = require('react');
@@ -97,10 +97,10 @@ var Image = React__namespace.forwardRef(({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "image", size: 28 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `n-image-placeholder ${loaded && !err ? "loaded" : ""}`, children: placeholder ?? /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "image", size: 28 }) }),
           canPreview && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-hint", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "eye", size: 14 }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "eye", size: 14 }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u70B9\u51FB\u67E5\u770B" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "image-actions", onClick: (e) => e.stopPropagation(), children: [
@@ -111,10 +111,10 @@ var Image = React__namespace.forwardRef(({
                   className: "ia-btn",
                   onClick: () => setOpen(true),
                   "aria-label": "\u9884\u89C8",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "eye", size: 13 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "eye", size: 13 })
                 }
               ),
-              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "download", size: 13 }) })
+              src && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "ia-btn", href: src, download: true, "aria-label": "\u4E0B\u8F7D", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "download", size: 13 }) })
             ] })
           ] })
         ] })

package/dist/{chunk-DGB6KVU3.cjs → chunk-FUR5SDP7.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/{chunk-XPV672EI.cjs → chunk-GDWAQGOH.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./ColorPicker-LPG6QPYF.css');
 var React = require('react');

package/dist/{chunk-WIZVOZNO.js → chunk-GGNBMIZ2.js}

@@ -1,6 +1,6 @@
 import { cloneLuminaThemePreset } from './chunk-6SPMHY54.js';
-import { useThemeOptional, ThemeProvider } from './chunk-7ZCTEIOW.js';
-import './tokens-RGFJKRC7.css';
+import { useThemeOptional, ThemeProvider } from './chunk-DEXYWDHF.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Surface-UDDN3DGL.css';
 import * as React from 'react';

package/dist/{chunk-D56CNYUP.cjs → chunk-GKBCXYDF.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
-require('./tokens-RGFJKRC7.css');
+var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Collapse-UNBHEPYP.css');
 var React = require('react');
@@ -112,7 +112,7 @@ var Collapse = React__namespace.forwardRef(({
                             toggle(it.key, it.disabled);
                           }
                         },
-                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "chevDown", size: 16 })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "chevDown", size: 16 })
                       }
                     )
                   ]

package/dist/{chunk-5JNRCBTF.js → chunk-GVULVTWO.js}

@@ -1,8 +1,8 @@
-import { Pagination } from './chunk-5CWTC3I2.js';
-import { Checkbox } from './chunk-PHONNUK2.js';
+import { Pagination } from './chunk-EVKLGNVR.js';
+import { Checkbox } from './chunk-5GKALAMP.js';
 import { useFloating } from './chunk-DUFRASGO.js';
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Table-IWHIIGRJ.css';
 import * as React from 'react';

package/dist/{chunk-62RPBEAW.js → chunk-HAA5C5YW.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Message-H222YGR6.css';
 import * as React from 'react';

package/dist/{chunk-SNX4FZYB.js → chunk-HHBXCBZP.js}

@@ -1,4 +1,4 @@
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import * as React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-2LM5UYNU.cjs → chunk-HNP7KEQP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Tabs-X5U5PCPV.css');
 var React = require('react');

package/dist/{chunk-TWJAYAK2.js → chunk-HYXA7S43.js}

@@ -1,5 +1,5 @@
 import { useFloating } from './chunk-DUFRASGO.js';
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Tooltip-5FSPJWLX.css';
 import * as React from 'react';

package/dist/{chunk-QDXBI3PV.js → chunk-IZGHMMX7.js}

@@ -1,6 +1,6 @@
-import { Textarea } from './chunk-7DNK5JB2.js';
-import { Icon, isIconName, renderIconSlot } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Textarea } from './chunk-M63HWVOS.js';
+import { Icon, isIconName, renderIconSlot } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Input-7GDPGP3E.css';
 import * as React from 'react';

package/dist/{chunk-W72IIGOV.js → chunk-J3LUTXVO.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Calendar-RUTPKREW.css';
 import * as React from 'react';

package/dist/{chunk-OUSJMIZX.cjs → chunk-J7VYTDFN.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkMZCKPLHQ_cjs = require('./chunk-MZCKPLHQ.cjs');
-require('./tokens-RGFJKRC7.css');
+var chunkQPZCDZWI_cjs = require('./chunk-QPZCDZWI.cjs');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
-require('./Card-4DKCXWFU.css');
+require('./Card-W3ATFUJW.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -35,6 +35,7 @@ var Card = React__namespace.forwardRef(
     title,
     description,
     actions,
+    background,
     fill = false,
     bodyLayout,
     bodyClassName = "",
@@ -43,6 +44,7 @@ var Card = React__namespace.forwardRef(
     loading = false,
     loadingOverlay,
     className = "",
+    style,
     children,
     ...rest
   }, ref) => {
@@ -62,7 +64,11 @@ var Card = React__namespace.forwardRef(
       loading && "loading",
       bodyClassName
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cls, "aria-busy": loading || void 0, ...rest, children: [
+    const cardStyle = background ? {
+      "--card-bg": background,
+      ...style
+    } : style;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cls, style: cardStyle, "aria-busy": loading || void 0, ...rest, children: [
       (title || description || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "card-head", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "card-titles", children: [
           title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card-title", children: title }),
@@ -72,7 +78,7 @@ var Card = React__namespace.forwardRef(
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { ...bodyProps, className: bodyCls, style: bodyStyle, children: [
         children,
-        loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card-loading-overlay", "aria-live": "polite", children: loadingOverlay ?? /* @__PURE__ */ jsxRuntime.jsx(chunkMZCKPLHQ_cjs.Spin, { tip: "\u52A0\u8F7D\u4E2D..." }) })
+        loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "card-loading-overlay", "aria-live": "polite", children: loadingOverlay ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQPZCDZWI_cjs.Spin, { tip: "\u52A0\u8F7D\u4E2D..." }) })
       ] })
     ] });
   }

package/dist/{chunk-GEANNF4T.js → chunk-JKFGLYMM.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Image-SGSRTHQX.css';
 import * as React from 'react';

package/dist/{chunk-Q5KHJ32P.js → chunk-JST4HJ3I.js}

@@ -1,4 +1,4 @@
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Slider-UM2IZZBH.css';
 import * as React from 'react';

package/dist/{chunk-3VXBSLPT.js → chunk-KRVWQKTZ.js}

@@ -1,6 +1,6 @@
-import { Input } from './chunk-QDXBI3PV.js';
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Input } from './chunk-IZGHMMX7.js';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './InputNumber-VXQIWLQC.css';
 import * as React from 'react';

package/dist/{chunk-3GJZRYTD.js → chunk-LA62SD2F.js}

@@ -1,4 +1,4 @@
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Spin-GONGPV4Q.css';
 import * as React from 'react';

package/dist/{chunk-44WHEN76.js → chunk-LFPFFSN2.js}

@@ -1,4 +1,4 @@
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Progress-CZNXCYGW.css';
 import * as React from 'react';

package/dist/{chunk-FJHFUES7.cjs → chunk-LINUXKS7.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Tooltip-5FSPJWLX.css');
 var React = require('react');

package/dist/{chunk-R53WIZY5.js → chunk-LM5XXSGE.js}

@@ -1,4 +1,4 @@
-import './tokens-RGFJKRC7.css';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Splitter-DHNOY4NC.css';
 import * as React from 'react';

package/dist/{chunk-7DNK5JB2.js → chunk-M63HWVOS.js}

@@ -1,5 +1,5 @@
-import { Icon } from './chunk-SNX4FZYB.js';
-import './tokens-RGFJKRC7.css';
+import { Icon } from './chunk-HHBXCBZP.js';
+import './tokens-OJLK3XMZ.css';
 import './shared-NJHRNLRH.css';
 import './Textarea-YHWKHIFE.css';
 import * as React from 'react';

package/dist/{chunk-HFM4YKM5.cjs → chunk-MPJLGYFV.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-RGFJKRC7.css');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Switch-COAQIOMH.css');
 var React = require('react');