@fangxinyan/lumina 0.6.13 → 0.6.14

package/dist/{chunk-AJ44ZLJY.cjs → chunk-A4Z7PLHV.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkE5MSFY5H_cjs = require('./chunk-E5MSFY5H.cjs');
+var chunkMPOO5VPW_cjs = require('./chunk-MPOO5VPW.cjs');
 var chunk6EOSMK34_cjs = require('./chunk-6EOSMK34.cjs');
-var chunkFUR5SDP7_cjs = require('./chunk-FUR5SDP7.cjs');
-var chunkMPJLGYFV_cjs = require('./chunk-MPJLGYFV.cjs');
-var chunkSOY3LB7W_cjs = require('./chunk-SOY3LB7W.cjs');
-var chunkGDWAQGOH_cjs = require('./chunk-GDWAQGOH.cjs');
-var chunk7TWL3SJ5_cjs = require('./chunk-7TWL3SJ5.cjs');
-var chunkRV37BGW3_cjs = require('./chunk-RV37BGW3.cjs');
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkPKNRTFNE_cjs = require('./chunk-PKNRTFNE.cjs');
+var chunkMYW7LNB2_cjs = require('./chunk-MYW7LNB2.cjs');
+var chunkPSQ3HNZP_cjs = require('./chunk-PSQ3HNZP.cjs');
+var chunkS2ZGXBUH_cjs = require('./chunk-S2ZGXBUH.cjs');
+var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
+var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./ThemePanel-TEHB2JCQ.css');
 var React = require('react');
@@ -131,7 +131,7 @@ var getShadowScaleRange = (key) => key === "shadow-float-scale" ? THEME_PANEL_RA
 function accentFromPreset(preset) {
   const accent = preset?.accent ?? "sky";
   if (typeof accent === "string") {
-    return chunkFUR5SDP7_cjs.ACCENT_PRESETS[accent]?.accent ?? accent;
+    return chunkPKNRTFNE_cjs.ACCENT_PRESETS[accent]?.accent ?? accent;
   }
   return accent.accent;
 }
@@ -319,8 +319,8 @@ function fontConfigToText(font) {
   return typeof font === "string" ? font : JSON.stringify(font);
 }
 function fontToStack(font) {
-  if (typeof font === "string") return chunkFUR5SDP7_cjs.FONT_STACKS[font] ?? font;
-  return font.sans ?? font.display ?? chunkFUR5SDP7_cjs.FONT_STACKS.system;
+  if (typeof font === "string") return chunkPKNRTFNE_cjs.FONT_STACKS[font] ?? font;
+  return font.sans ?? font.display ?? chunkPKNRTFNE_cjs.FONT_STACKS.system;
 }
 function tokenPickerValue(value, fallback) {
   return cssColorToHex(value ?? fallback, fallback);
@@ -353,7 +353,7 @@ var ThemePanel = React__namespace.forwardRef(
     className = "",
     ...rest
   }, ref) => {
-    const theme = chunkFUR5SDP7_cjs.useTheme();
+    const theme = chunkPKNRTFNE_cjs.useTheme();
     const rootRef = React__namespace.useRef(null);
     const previewSnapshotRef = React__namespace.useRef(null);
     const updateThemeRef = React__namespace.useRef(theme.update);
@@ -828,7 +828,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("small", { children: fontMode === "preset" ? "\u9009\u62E9\u5185\u7F6E\u5B57\u4F53" : "\u586B\u5199 CSS font-family" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkSOY3LB7W_cjs.RadioGroup,
+          chunkPSQ3HNZP_cjs.RadioGroup,
           {
             className: "theme-panel-create-mode",
             variant: "segmented",
@@ -847,7 +847,7 @@ var ThemePanel = React__namespace.forwardRef(
         fontMode === "custom" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5B57\u4F53\u6808" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk7TWL3SJ5_cjs.Input,
+            chunkVS3I5OKA_cjs.Input,
             {
               size: "sm",
               value: fontConfigToText(font),
@@ -872,7 +872,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGDWAQGOH_cjs.ColorPicker,
+              chunkS2ZGXBUH_cjs.ColorPicker,
               {
                 className: "theme-panel-token-picker",
                 value: tokenPickerValue(tokens[field.key], surfaceFallback),
@@ -883,7 +883,7 @@ var ThemePanel = React__namespace.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk7TWL3SJ5_cjs.Input,
+              chunkVS3I5OKA_cjs.Input,
               {
                 size: "sm",
                 value: tokens[field.key] ?? "",
@@ -909,7 +909,7 @@ var ThemePanel = React__namespace.forwardRef(
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkGDWAQGOH_cjs.ColorPicker,
+                chunkS2ZGXBUH_cjs.ColorPicker,
                 {
                   className: "theme-panel-token-picker",
                   value: tokenPickerValue(tokens[field.key], surfaceFallback),
@@ -920,7 +920,7 @@ var ThemePanel = React__namespace.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk7TWL3SJ5_cjs.Input,
+                chunkVS3I5OKA_cjs.Input,
                 {
                   size: "sm",
                   value: tokens[field.key] ?? "",
@@ -938,7 +938,7 @@ var ThemePanel = React__namespace.forwardRef(
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-scale", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk7TWL3SJ5_cjs.Input,
+                chunkVS3I5OKA_cjs.Input,
                 {
                   size: "sm",
                   value: tokens[field.key] ?? "1",
@@ -946,7 +946,7 @@ var ThemePanel = React__namespace.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkE5MSFY5H_cjs.Slider,
+                chunkMPOO5VPW_cjs.Slider,
                 {
                   value: parseScaleToken(tokens[field.key], 1, getShadowScaleRange(field.key)),
                   onChange: (value) => onTokenChange(field.key, formatScaleToken(value)),
@@ -974,7 +974,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGDWAQGOH_cjs.ColorPicker,
+              chunkS2ZGXBUH_cjs.ColorPicker,
               {
                 className: "theme-panel-token-picker",
                 value: tokenPickerValue(accentPalette[field.key], accentFallback),
@@ -985,7 +985,7 @@ var ThemePanel = React__namespace.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk7TWL3SJ5_cjs.Input,
+              chunkVS3I5OKA_cjs.Input,
               {
                 size: "sm",
                 value: accentPalette[field.key],
@@ -999,7 +999,7 @@ var ThemePanel = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setRootRef, className: rootClass, ...rest, children: [
       (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-head", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-title", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "sliders", size: 14 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "sliders", size: 14 }),
           title && /* @__PURE__ */ jsxRuntime.jsx("span", { children: title })
         ] }),
         description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-desc", children: description })
@@ -1010,7 +1010,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.colorScheme })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkSOY3LB7W_cjs.RadioGroup,
+          chunkPSQ3HNZP_cjs.RadioGroup,
           {
             variant: "segmented",
             size: "sm",
@@ -1035,7 +1035,7 @@ var ThemePanel = React__namespace.forwardRef(
           const deletable = allowDeleteTheme && !protectedPresetKeys.has(key) && key in theme.themes;
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `theme-panel-preset-shell ${deletable ? "deletable" : ""}`, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkRV37BGW3_cjs.Button,
+              chunkSW2HMNCA_cjs.Button,
               {
                 type: "button",
                 variant: "ghost",
@@ -1056,7 +1056,7 @@ var ThemePanel = React__namespace.forwardRef(
               }
             ),
             deletable && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRV37BGW3_cjs.Button,
+              chunkSW2HMNCA_cjs.Button,
               {
                 type: "button",
                 variant: "danger",
@@ -1070,7 +1070,7 @@ var ThemePanel = React__namespace.forwardRef(
             )
           ] }, key);
         }) }),
-        allowCreateTheme && !isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "plus", block: true, onClick: beginCreateTheme, children: "\u65B0\u5EFA\u4E3B\u9898" }),
+        allowCreateTheme && !isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "plus", block: true, onClick: beginCreateTheme, children: "\u65B0\u5EFA\u4E3B\u9898" }),
         allowCreateTheme && isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-head", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -1078,7 +1078,7 @@ var ThemePanel = React__namespace.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsx("small", { children: previewDraft ? "\u5B9E\u65F6\u9884\u89C8\u4E2D" : "\u9884\u89C8\u5DF2\u6682\u505C" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMPJLGYFV_cjs.Switch,
+              chunkMYW7LNB2_cjs.Switch,
               {
                 size: "sm",
                 checked: previewDraft,
@@ -1089,7 +1089,7 @@ var ThemePanel = React__namespace.forwardRef(
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk7TWL3SJ5_cjs.Input,
+            chunkVS3I5OKA_cjs.Input,
             {
               size: "sm",
               value: draftName,
@@ -1100,7 +1100,7 @@ var ThemePanel = React__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkSOY3LB7W_cjs.RadioGroup,
+            chunkPSQ3HNZP_cjs.RadioGroup,
             {
               className: "theme-panel-create-mode",
               variant: "segmented",
@@ -1116,7 +1116,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u57FA\u5E95" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkSOY3LB7W_cjs.RadioGroup,
+              chunkPSQ3HNZP_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1132,11 +1132,11 @@ var ThemePanel = React__namespace.forwardRef(
           createMode === "simple" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-grid", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u8868\u9762" }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGDWAQGOH_cjs.ColorPicker, { size: "sm", value: draftSurface, onChange: updateDraftSurface })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkS2ZGXBUH_cjs.ColorPicker, { size: "sm", value: draftSurface, onChange: updateDraftSurface })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5F3A\u8C03" }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkGDWAQGOH_cjs.ColorPicker, { size: "sm", value: draftAccent, onChange: updateDraftAccent })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkS2ZGXBUH_cjs.ColorPicker, { size: "sm", value: draftAccent, onChange: updateDraftAccent })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-sliders", children: [
@@ -1145,7 +1145,7 @@ var ThemePanel = React__namespace.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: draftIntensity })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkE5MSFY5H_cjs.Slider,
+              chunkMPOO5VPW_cjs.Slider,
               {
                 value: draftIntensity,
                 onChange: setDraftIntensity,
@@ -1162,7 +1162,7 @@ var ThemePanel = React__namespace.forwardRef(
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkE5MSFY5H_cjs.Slider,
+              chunkMPOO5VPW_cjs.Slider,
               {
                 value: draftRadius,
                 onChange: setDraftRadius,
@@ -1175,7 +1175,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5BC6\u5EA6" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkSOY3LB7W_cjs.RadioGroup,
+              chunkPSQ3HNZP_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1188,7 +1188,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5B57\u4F53" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkSOY3LB7W_cjs.RadioGroup,
+              chunkPSQ3HNZP_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1227,7 +1227,7 @@ var ThemePanel = React__namespace.forwardRef(
               },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-create-preview-label", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "palette", size: 13 }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "palette", size: 13 }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: draftName.trim() || "\u81EA\u5B9A\u4E49\u4E3B\u9898" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("i", { "aria-hidden": true })
@@ -1235,9 +1235,9 @@ var ThemePanel = React__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "x", onClick: cancelCreateTheme, children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "x", onClick: cancelCreateTheme, children: "\u53D6\u6D88" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRV37BGW3_cjs.Button,
+              chunkSW2HMNCA_cjs.Button,
               {
                 type: "button",
                 variant: "primary",
@@ -1257,20 +1257,20 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.accent === "custom" ? customAccent : theme.accent })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-swatches", children: [
-          Object.keys(chunkFUR5SDP7_cjs.ACCENT_PRESETS).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRV37BGW3_cjs.Button,
+          Object.keys(chunkPKNRTFNE_cjs.ACCENT_PRESETS).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
+            chunkSW2HMNCA_cjs.Button,
             {
               type: "button",
               size: "sm",
               "aria-label": key,
               className: `theme-panel-swatch ${theme.accent === key ? "active" : ""}`,
-              style: { background: chunkFUR5SDP7_cjs.ACCENT_PRESETS[key].accent },
+              style: { background: chunkPKNRTFNE_cjs.ACCENT_PRESETS[key].accent },
               onClick: () => theme.setAccent(key)
             },
             key
           )),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGDWAQGOH_cjs.ColorPicker,
+            chunkS2ZGXBUH_cjs.ColorPicker,
             {
               size: "sm",
               value: customAccent,
@@ -1288,7 +1288,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.intensity })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5MSFY5H_cjs.Slider,
+          chunkMPOO5VPW_cjs.Slider,
           {
             value: theme.intensity,
             onChange: theme.setIntensity,
@@ -1305,7 +1305,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5MSFY5H_cjs.Slider,
+          chunkMPOO5VPW_cjs.Slider,
           {
             value: shadowScale,
             onChange: (value) => updateThemeToken("shadow-scale", formatScaleToken(value)),
@@ -1322,7 +1322,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5MSFY5H_cjs.Slider,
+          chunkMPOO5VPW_cjs.Slider,
           {
             value: shadowFloatScale,
             onChange: (value) => updateThemeToken("shadow-float-scale", formatScaleToken(value)),
@@ -1338,7 +1338,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.intensity })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5MSFY5H_cjs.Slider,
+          chunkMPOO5VPW_cjs.Slider,
           {
             value: theme.intensity,
             onChange: theme.setIntensity,
@@ -1357,7 +1357,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5MSFY5H_cjs.Slider,
+          chunkMPOO5VPW_cjs.Slider,
           {
             value: theme.radius,
             onChange: theme.setRadius,
@@ -1370,7 +1370,7 @@ var ThemePanel = React__namespace.forwardRef(
       sections.includes("font") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-label", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5B57\u4F53" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkSOY3LB7W_cjs.RadioGroup,
+          chunkPSQ3HNZP_cjs.RadioGroup,
           {
             variant: "segmented",
             size: "sm",
@@ -1383,7 +1383,7 @@ var ThemePanel = React__namespace.forwardRef(
       sections.includes("density") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-label", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5BC6\u5EA6" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkSOY3LB7W_cjs.RadioGroup,
+          chunkPSQ3HNZP_cjs.RadioGroup,
           {
             variant: "segmented",
             size: "sm",
@@ -1395,7 +1395,7 @@ var ThemePanel = React__namespace.forwardRef(
       ] }),
       sections.includes("advanced") && !isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row theme-panel-advanced-row", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRV37BGW3_cjs.Button,
+          chunkSW2HMNCA_cjs.Button,
           {
             type: "button",
             variant: "ghost",
@@ -1413,7 +1413,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u57FA\u5E95" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkSOY3LB7W_cjs.RadioGroup,
+              chunkPSQ3HNZP_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1445,7 +1445,7 @@ var ThemePanel = React__namespace.forwardRef(
             canSaveCurrentThemeAsNew && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-save-as-field", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: isCurrentSavedTheme ? "\u4E3B\u9898\u540D" : "\u65B0\u4E3B\u9898\u540D" }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk7TWL3SJ5_cjs.Input,
+                chunkVS3I5OKA_cjs.Input,
                 {
                   size: "sm",
                   value: saveAsName,
@@ -1459,7 +1459,7 @@ var ThemePanel = React__namespace.forwardRef(
             canSaveCurrentThemeAsNew && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-save-as-field", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u526F\u6807\u9898" }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk7TWL3SJ5_cjs.Input,
+                chunkVS3I5OKA_cjs.Input,
                 {
                   size: "sm",
                   value: saveAsDescription,
@@ -1473,9 +1473,9 @@ var ThemePanel = React__namespace.forwardRef(
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-advanced-footer", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: isCurrentSavedTheme ? `\u5F53\u524D\u9884\u8BBE: ${getActiveThemeMeta().label}` : canSaveCurrentThemeAsNew ? "\u9ED8\u8BA4\u9884\u8BBE\u4F1A\u4FDD\u5B58\u4E3A\u65B0\u4E3B\u9898" : "\u5F53\u524D\u8C03\u6574\u4EC5\u8FD0\u884C\u65F6\u751F\u6548" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-advanced-buttons", children: [
-                canUpdateCurrentTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "check", onClick: saveCurrentThemeUpdate, children: "\u4FDD\u5B58\u4FEE\u6539" }),
+                canUpdateCurrentTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "check", onClick: saveCurrentThemeUpdate, children: "\u4FDD\u5B58\u4FEE\u6539" }),
                 canSaveCurrentThemeAsNew && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRV37BGW3_cjs.Button,
+                  chunkSW2HMNCA_cjs.Button,
                   {
                     type: "button",
                     variant: canUpdateCurrentTheme ? "ghost" : "primary",
@@ -1490,7 +1490,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] })
         ] })
       ] }),
-      showReset && /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "reload", block: true, onClick: resetTheme, children: "\u91CD\u7F6E\u4E3B\u9898" })
+      showReset && /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "reload", block: true, onClick: resetTheme, children: "\u91CD\u7F6E\u4E3B\u9898" })
     ] });
   }
 );

package/dist/{chunk-RUE3QE6T.js → chunk-A6O25EP2.js}

@@ -1,5 +1,5 @@
-import { renderIconSlot, Icon } from './chunk-HHBXCBZP.js';
-import './tokens-OJLK3XMZ.css';
+import { renderIconSlot, Icon } from './chunk-FDZG27IG.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Alert-HVPI6L4V.css';
 import * as React from 'react';

package/dist/{chunk-ZNR6LWTQ.js → chunk-AAPZLBHQ.js}

@@ -1,4 +1,4 @@
-import './tokens-OJLK3XMZ.css';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './ContextMenu-WRR2SSWL.css';
 import * as React from 'react';

package/dist/{chunk-Q4IAUKAW.js → chunk-ARUPS7JH.js}

@@ -1,5 +1,5 @@
-import { Spin } from './chunk-LA62SD2F.js';
-import './tokens-OJLK3XMZ.css';
+import { Spin } from './chunk-FYSXJXNW.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
 import './Card-W3ATFUJW.css';
 import * as React from 'react';

package/dist/{chunk-VAOAAWGI.cjs → chunk-ATUPFAPZ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
 require('./Checkbox-EDNPZRIP.css');
 var React = require('react');
@@ -65,7 +65,7 @@ var Checkbox = React__namespace.forwardRef(({
         onClick: toggle,
         id,
         className: "checkbox-box",
-        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "check", size: 11 }) : null
+        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "check", size: 11 }) : null
       }
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.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(chunkOCQC2ZSV_cjs.Icon, { name: "chevDown", size: 16 })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevDown", size: 16 })
                       }
                     )
                   ]

package/dist/{chunk-7J26GI3T.cjs → chunk-BT2RXFT4.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkRV37BGW3_cjs = require('./chunk-RV37BGW3.cjs');
-var chunkOCQC2ZSV_cjs = require('./chunk-OCQC2ZSV.cjs');
-require('./tokens-OJLK3XMZ.css');
+var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
 require('./shared-NJHRNLRH.css');
-require('./Modal-MCFDYVUQ.css');
+require('./Modal-ZFWNFEA5.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var client = require('react-dom/client');
@@ -47,6 +47,8 @@ var ModalBase = React__namespace.forwardRef(({
   closable = true,
   closeIcon,
   maskClosable = true,
+  maskClassName = "",
+  maskStyle,
   escClosable = true,
   okText = "\u786E\u5B9A",
   cancelText = "\u53D6\u6D88",
@@ -94,11 +96,11 @@ var ModalBase = React__namespace.forwardRef(({
   if (typeof document === "undefined") return null;
   if (!hasOpenedOnce) return null;
   if (!open && destroyOnClose) return null;
-  const overlayStyle = zIndex != null ? { zIndex } : void 0;
+  const overlayStyle = zIndex != null || maskStyle ? { ...maskStyle, ...zIndex != null ? { zIndex } : {} } : void 0;
   const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRV37BGW3_cjs.Button,
+      chunkSW2HMNCA_cjs.Button,
       {
         variant: "primary",
         loading: confirmLoading,
@@ -113,7 +115,7 @@ var ModalBase = React__namespace.forwardRef(({
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `modal-overlay ${open ? "" : "hidden"} ${className}`,
+        className: ["modal-overlay", open ? "" : "hidden", className, maskClassName].filter(Boolean).join(" "),
         style: overlayStyle,
         onClick: () => maskClosable && handleCancel(),
         role: "presentation",
@@ -144,7 +146,7 @@ var ModalBase = React__namespace.forwardRef(({
                     className: "modal-close",
                     onClick: handleCancel,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] }),
@@ -219,9 +221,9 @@ var StaticModalHost = ({
   }, [destroy, onOk]);
   const okVariant = kind === "error" ? "danger" : "primary";
   const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRV37BGW3_cjs.Button,
+      chunkSW2HMNCA_cjs.Button,
       {
         variant: okVariant,
         loading: loading || confirmLoading,
@@ -231,7 +233,7 @@ var StaticModalHost = ({
       }
     )
   ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRV37BGW3_cjs.Button,
+    chunkSW2HMNCA_cjs.Button,
     {
       variant: okVariant,
       loading: loading || confirmLoading,
@@ -252,7 +254,7 @@ var StaticModalHost = ({
       escClosable: escClosable ?? true,
       className: `modal-static-overlay ${className}`,
       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(chunkOCQC2ZSV_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
+        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-static-content", children: content ?? children })
       ] })
     }

package/dist/{chunk-WY6AEPFW.js → chunk-BVQOJKRX.js}

@@ -1,8 +1,8 @@
-import { Button } from './chunk-CQKQ7KS2.js';
-import { Icon } from './chunk-HHBXCBZP.js';
-import './tokens-OJLK3XMZ.css';
+import { Button } from './chunk-IPSNC5VZ.js';
+import { Icon } from './chunk-FDZG27IG.js';
+import './tokens-RYJ3DFTU.css';
 import './shared-NJHRNLRH.css';
-import './Modal-MCFDYVUQ.css';
+import './Modal-ZFWNFEA5.css';
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
@@ -22,6 +22,8 @@ var ModalBase = React.forwardRef(({
   closable = true,
   closeIcon,
   maskClosable = true,
+  maskClassName = "",
+  maskStyle,
   escClosable = true,
   okText = "\u786E\u5B9A",
   cancelText = "\u53D6\u6D88",
@@ -69,7 +71,7 @@ var ModalBase = React.forwardRef(({
   if (typeof document === "undefined") return null;
   if (!hasOpenedOnce) return null;
   if (!open && destroyOnClose) return null;
-  const overlayStyle = zIndex != null ? { zIndex } : void 0;
+  const overlayStyle = zIndex != null || maskStyle ? { ...maskStyle, ...zIndex != null ? { zIndex } : {} } : void 0;
   const defaultFooter = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsx(
@@ -88,7 +90,7 @@ var ModalBase = React.forwardRef(({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: `modal-overlay ${open ? "" : "hidden"} ${className}`,
+        className: ["modal-overlay", open ? "" : "hidden", className, maskClassName].filter(Boolean).join(" "),
         style: overlayStyle,
         onClick: () => maskClosable && handleCancel(),
         role: "presentation",

package/dist/{chunk-QPZCDZWI.cjs → chunk-BW76ENTW.cjs}

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

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

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

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

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