@fangxinyan/lumina 0.6.12 → 0.6.13

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkXWRQ7ZLT_cjs = require('./chunk-XWRQ7ZLT.cjs');
+var chunkE5MSFY5H_cjs = require('./chunk-E5MSFY5H.cjs');
 var chunk6EOSMK34_cjs = require('./chunk-6EOSMK34.cjs');
-var chunkDGB6KVU3_cjs = require('./chunk-DGB6KVU3.cjs');
-var chunkHFM4YKM5_cjs = require('./chunk-HFM4YKM5.cjs');
-var chunkZC5VDX4W_cjs = require('./chunk-ZC5VDX4W.cjs');
-var chunkXPV672EI_cjs = require('./chunk-XPV672EI.cjs');
-var chunk7OYMY22O_cjs = require('./chunk-7OYMY22O.cjs');
-var chunkS4CZ3VO6_cjs = require('./chunk-S4CZ3VO6.cjs');
-var chunkGJAEGIPM_cjs = require('./chunk-GJAEGIPM.cjs');
-require('./tokens-RGFJKRC7.css');
+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');
 require('./shared-NJHRNLRH.css');
 require('./ThemePanel-TEHB2JCQ.css');
 var React = require('react');
@@ -121,10 +121,17 @@ 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") {
-    return chunkDGB6KVU3_cjs.ACCENT_PRESETS[accent]?.accent ?? accent;
+    return chunkFUR5SDP7_cjs.ACCENT_PRESETS[accent]?.accent ?? accent;
   }
   return accent.accent;
 }
@@ -312,15 +319,15 @@ function fontConfigToText(font) {
   return typeof font === "string" ? font : JSON.stringify(font);
 }
 function fontToStack(font) {
-  if (typeof font === "string") return chunkDGB6KVU3_cjs.FONT_STACKS[font] ?? font;
-  return font.sans ?? font.display ?? chunkDGB6KVU3_cjs.FONT_STACKS.system;
+  if (typeof font === "string") return chunkFUR5SDP7_cjs.FONT_STACKS[font] ?? font;
+  return font.sans ?? font.display ?? chunkFUR5SDP7_cjs.FONT_STACKS.system;
 }
 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+$/, "");
@@ -346,7 +353,7 @@ var ThemePanel = React__namespace.forwardRef(
     className = "",
     ...rest
   }, ref) => {
-    const theme = chunkDGB6KVU3_cjs.useTheme();
+    const theme = chunkFUR5SDP7_cjs.useTheme();
     const rootRef = React__namespace.useRef(null);
     const previewSnapshotRef = React__namespace.useRef(null);
     const updateThemeRef = React__namespace.useRef(theme.update);
@@ -791,10 +798,14 @@ var ThemePanel = React__namespace.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 });
@@ -817,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(
-          chunkZC5VDX4W_cjs.RadioGroup,
+          chunkSOY3LB7W_cjs.RadioGroup,
           {
             className: "theme-panel-create-mode",
             variant: "segmented",
@@ -836,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(
-            chunk7OYMY22O_cjs.Input,
+            chunk7TWL3SJ5_cjs.Input,
             {
               size: "sm",
               value: fontConfigToText(font),
@@ -861,7 +872,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkXPV672EI_cjs.ColorPicker,
+              chunkGDWAQGOH_cjs.ColorPicker,
               {
                 className: "theme-panel-token-picker",
                 value: tokenPickerValue(tokens[field.key], surfaceFallback),
@@ -872,7 +883,7 @@ var ThemePanel = React__namespace.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk7OYMY22O_cjs.Input,
+              chunk7TWL3SJ5_cjs.Input,
               {
                 size: "sm",
                 value: tokens[field.key] ?? "",
@@ -898,7 +909,7 @@ var ThemePanel = React__namespace.forwardRef(
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkXPV672EI_cjs.ColorPicker,
+                chunkGDWAQGOH_cjs.ColorPicker,
                 {
                   className: "theme-panel-token-picker",
                   value: tokenPickerValue(tokens[field.key], surfaceFallback),
@@ -909,7 +920,7 @@ var ThemePanel = React__namespace.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk7OYMY22O_cjs.Input,
+                chunk7TWL3SJ5_cjs.Input,
                 {
                   size: "sm",
                   value: tokens[field.key] ?? "",
@@ -927,7 +938,7 @@ var ThemePanel = React__namespace.forwardRef(
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-scale", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk7OYMY22O_cjs.Input,
+                chunk7TWL3SJ5_cjs.Input,
                 {
                   size: "sm",
                   value: tokens[field.key] ?? "1",
@@ -935,13 +946,13 @@ var ThemePanel = React__namespace.forwardRef(
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkXWRQ7ZLT_cjs.Slider,
+                chunkE5MSFY5H_cjs.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
                 }
               )
             ] })
@@ -963,7 +974,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkXPV672EI_cjs.ColorPicker,
+              chunkGDWAQGOH_cjs.ColorPicker,
               {
                 className: "theme-panel-token-picker",
                 value: tokenPickerValue(accentPalette[field.key], accentFallback),
@@ -974,7 +985,7 @@ var ThemePanel = React__namespace.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk7OYMY22O_cjs.Input,
+              chunk7TWL3SJ5_cjs.Input,
               {
                 size: "sm",
                 value: accentPalette[field.key],
@@ -988,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(chunkGJAEGIPM_cjs.Icon, { name: "sliders", size: 14 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_cjs.Icon, { name: "sliders", size: 14 }),
           title && /* @__PURE__ */ jsxRuntime.jsx("span", { children: title })
         ] }),
         description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-desc", children: description })
@@ -999,7 +1010,7 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.colorScheme })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkZC5VDX4W_cjs.RadioGroup,
+          chunkSOY3LB7W_cjs.RadioGroup,
           {
             variant: "segmented",
             size: "sm",
@@ -1024,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(
-              chunkS4CZ3VO6_cjs.Button,
+              chunkRV37BGW3_cjs.Button,
               {
                 type: "button",
                 variant: "ghost",
@@ -1045,7 +1056,7 @@ var ThemePanel = React__namespace.forwardRef(
               }
             ),
             deletable && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkS4CZ3VO6_cjs.Button,
+              chunkRV37BGW3_cjs.Button,
               {
                 type: "button",
                 variant: "danger",
@@ -1059,7 +1070,7 @@ var ThemePanel = React__namespace.forwardRef(
             )
           ] }, key);
         }) }),
-        allowCreateTheme && !isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkS4CZ3VO6_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "plus", block: true, onClick: beginCreateTheme, children: "\u65B0\u5EFA\u4E3B\u9898" }),
+        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.jsxs("div", { className: "theme-panel-create", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-head", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -1067,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(
-              chunkHFM4YKM5_cjs.Switch,
+              chunkMPJLGYFV_cjs.Switch,
               {
                 size: "sm",
                 checked: previewDraft,
@@ -1078,7 +1089,7 @@ var ThemePanel = React__namespace.forwardRef(
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk7OYMY22O_cjs.Input,
+            chunk7TWL3SJ5_cjs.Input,
             {
               size: "sm",
               value: draftName,
@@ -1089,7 +1100,7 @@ var ThemePanel = React__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkZC5VDX4W_cjs.RadioGroup,
+            chunkSOY3LB7W_cjs.RadioGroup,
             {
               className: "theme-panel-create-mode",
               variant: "segmented",
@@ -1105,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(
-              chunkZC5VDX4W_cjs.RadioGroup,
+              chunkSOY3LB7W_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1121,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(chunkXPV672EI_cjs.ColorPicker, { size: "sm", value: draftSurface, onChange: updateDraftSurface })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkGDWAQGOH_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(chunkXPV672EI_cjs.ColorPicker, { size: "sm", value: draftAccent, onChange: updateDraftAccent })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkGDWAQGOH_cjs.ColorPicker, { size: "sm", value: draftAccent, onChange: updateDraftAccent })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-sliders", children: [
@@ -1133,7 +1144,16 @@ var ThemePanel = React__namespace.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71\u5F3A\u5EA6" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: draftIntensity })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkXWRQ7ZLT_cjs.Slider, { value: draftIntensity, onChange: setDraftIntensity, min: 1, max: 10, step: 1 }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkE5MSFY5H_cjs.Slider,
+              {
+                value: draftIntensity,
+                onChange: setDraftIntensity,
+                min: THEME_PANEL_RANGES.intensity.min,
+                max: THEME_PANEL_RANGES.intensity.max,
+                step: THEME_PANEL_RANGES.intensity.step
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5706\u89D2" }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -1141,12 +1161,21 @@ var ThemePanel = React__namespace.forwardRef(
                 "px"
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkXWRQ7ZLT_cjs.Slider, { value: draftRadius, onChange: setDraftRadius, min: 8, max: 36, step: 2 })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkE5MSFY5H_cjs.Slider,
+              {
+                value: draftRadius,
+                onChange: setDraftRadius,
+                min: THEME_PANEL_RANGES.radius.min,
+                max: THEME_PANEL_RANGES.radius.max,
+                step: THEME_PANEL_RANGES.radius.step
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5BC6\u5EA6" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkZC5VDX4W_cjs.RadioGroup,
+              chunkSOY3LB7W_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1159,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(
-              chunkZC5VDX4W_cjs.RadioGroup,
+              chunkSOY3LB7W_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1198,7 +1227,7 @@ var ThemePanel = React__namespace.forwardRef(
               },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-create-preview-label", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkGJAEGIPM_cjs.Icon, { name: "palette", size: 13 }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkOCQC2ZSV_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 })
@@ -1206,9 +1235,9 @@ var ThemePanel = React__namespace.forwardRef(
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkS4CZ3VO6_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "x", onClick: cancelCreateTheme, children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "x", onClick: cancelCreateTheme, children: "\u53D6\u6D88" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkS4CZ3VO6_cjs.Button,
+              chunkRV37BGW3_cjs.Button,
               {
                 type: "button",
                 variant: "primary",
@@ -1228,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(chunkDGB6KVU3_cjs.ACCENT_PRESETS).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkS4CZ3VO6_cjs.Button,
+          Object.keys(chunkFUR5SDP7_cjs.ACCENT_PRESETS).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
+            chunkRV37BGW3_cjs.Button,
             {
               type: "button",
               size: "sm",
               "aria-label": key,
               className: `theme-panel-swatch ${theme.accent === key ? "active" : ""}`,
-              style: { background: chunkDGB6KVU3_cjs.ACCENT_PRESETS[key].accent },
+              style: { background: chunkFUR5SDP7_cjs.ACCENT_PRESETS[key].accent },
               onClick: () => theme.setAccent(key)
             },
             key
           )),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkXPV672EI_cjs.ColorPicker,
+            chunkGDWAQGOH_cjs.ColorPicker,
             {
               size: "sm",
               value: customAccent,
@@ -1258,7 +1287,16 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71\u5F3A\u5EA6" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.intensity })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkXWRQ7ZLT_cjs.Slider, { value: theme.intensity, onChange: theme.setIntensity, min: 1, max: 10, step: 1 }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkE5MSFY5H_cjs.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__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71\u6269\u6563" }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -1267,13 +1305,13 @@ var ThemePanel = React__namespace.forwardRef(
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkXWRQ7ZLT_cjs.Slider,
+          chunkE5MSFY5H_cjs.Slider,
           {
             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__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
@@ -1284,13 +1322,13 @@ var ThemePanel = React__namespace.forwardRef(
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkXWRQ7ZLT_cjs.Slider,
+          chunkE5MSFY5H_cjs.Slider,
           {
             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
           }
         )
       ] }),
@@ -1299,7 +1337,16 @@ var ThemePanel = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.intensity })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkXWRQ7ZLT_cjs.Slider, { value: theme.intensity, onChange: theme.setIntensity, min: 1, max: 10, step: 1 })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkE5MSFY5H_cjs.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__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
@@ -1309,12 +1356,21 @@ var ThemePanel = React__namespace.forwardRef(
             "px"
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkXWRQ7ZLT_cjs.Slider, { value: theme.radius, onChange: theme.setRadius, min: 8, max: 36, step: 2 })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkE5MSFY5H_cjs.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__ */ 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(
-          chunkZC5VDX4W_cjs.RadioGroup,
+          chunkSOY3LB7W_cjs.RadioGroup,
           {
             variant: "segmented",
             size: "sm",
@@ -1327,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(
-          chunkZC5VDX4W_cjs.RadioGroup,
+          chunkSOY3LB7W_cjs.RadioGroup,
           {
             variant: "segmented",
             size: "sm",
@@ -1339,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(
-          chunkS4CZ3VO6_cjs.Button,
+          chunkRV37BGW3_cjs.Button,
           {
             type: "button",
             variant: "ghost",
@@ -1357,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(
-              chunkZC5VDX4W_cjs.RadioGroup,
+              chunkSOY3LB7W_cjs.RadioGroup,
               {
                 variant: "segmented",
                 size: "sm",
@@ -1389,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(
-                chunk7OYMY22O_cjs.Input,
+                chunk7TWL3SJ5_cjs.Input,
                 {
                   size: "sm",
                   value: saveAsName,
@@ -1403,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(
-                chunk7OYMY22O_cjs.Input,
+                chunk7TWL3SJ5_cjs.Input,
                 {
                   size: "sm",
                   value: saveAsDescription,
@@ -1417,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(chunkS4CZ3VO6_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "check", onClick: saveCurrentThemeUpdate, children: "\u4FDD\u5B58\u4FEE\u6539" }),
+                canUpdateCurrentTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "check", onClick: saveCurrentThemeUpdate, children: "\u4FDD\u5B58\u4FEE\u6539" }),
                 canSaveCurrentThemeAsNew && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkS4CZ3VO6_cjs.Button,
+                  chunkRV37BGW3_cjs.Button,
                   {
                     type: "button",
                     variant: canUpdateCurrentTheme ? "ghost" : "primary",
@@ -1434,7 +1490,7 @@ var ThemePanel = React__namespace.forwardRef(
           ] })
         ] })
       ] }),
-      showReset && /* @__PURE__ */ jsxRuntime.jsx(chunkS4CZ3VO6_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "reload", block: true, onClick: resetTheme, children: "\u91CD\u7F6E\u4E3B\u9898" })
+      showReset && /* @__PURE__ */ jsxRuntime.jsx(chunkRV37BGW3_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "reload", block: true, onClick: resetTheme, children: "\u91CD\u7F6E\u4E3B\u9898" })
     ] });
   }
 );

package/dist/{chunk-4LOOWTRX.cjs → chunk-B55XILNY.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunk6EOSMK34_cjs = require('./chunk-6EOSMK34.cjs');
-var chunkDGB6KVU3_cjs = require('./chunk-DGB6KVU3.cjs');
-require('./tokens-RGFJKRC7.css');
+var chunkFUR5SDP7_cjs = require('./chunk-FUR5SDP7.cjs');
+require('./tokens-OJLK3XMZ.css');
 require('./shared-NJHRNLRH.css');
 require('./Surface-UDDN3DGL.css');
 var React = require('react');
@@ -71,7 +71,7 @@ var Surface = React__namespace.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const inherited = chunkDGB6KVU3_cjs.useThemeOptional();
+    const inherited = chunkFUR5SDP7_cjs.useThemeOptional();
     const presetConfig = preset === "inherit" ? void 0 : surfacePresetMap[preset];
     const usesLocalTheme = preset !== "inherit" || isDefined(mode) || isDefined(colorScheme) || isDefined(accent) || isDefined(density) || isDefined(intensity) || isDefined(themeRadius) || isDefined(font) || isDefined(tokens) || isDefined(themes);
     const cls = [
@@ -98,7 +98,7 @@ var Surface = React__namespace.forwardRef(
     );
     if (!usesLocalTheme) return surfaceNode;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDGB6KVU3_cjs.ThemeProvider,
+      chunkFUR5SDP7_cjs.ThemeProvider,
       {
         target: "scope",
         as: "div",

package/dist/{chunk-QKWRN2JL.js → chunk-BAWP2QVY.js}

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

package/dist/{chunk-6VSNO7IH.js → chunk-BK4XKZUO.js}

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