@fangxinyan/lumina 0.6.2 → 0.6.3

package/README.md

@@ -92,10 +92,11 @@ package/
 所有设计令牌都在 `:root` 上定义，可以通过 `data-*` 属性切换主题：
 
 ```html
-<html data-theme="dark" data-accent="sky" data-density="compact">
+<html data-theme="dark" data-theme-mode="graphite" data-accent="sky" data-density="compact">
 ```
 
 - `data-theme`: `light` | `dark`
+- `data-theme-mode`: 当前模式名，例如 `light` / `dark` / `system` / 自定义模式名
 - `data-accent`: `rose` | `sky` | `coral` | `mint` | `violet` | `amber`
 - `data-density`: `compact` | `comfortable` | `spacious`
 

package/dist/{Alert-JJ7GB3UU.css → Alert-QBKIDY5H.css}

@@ -14,6 +14,13 @@
   display: grid; place-items: center;
   flex-shrink: 0;
   margin-top: 1px;
+  line-height: 0;
+}
+.alert-ico img {
+  display: block;
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
 }
 .alert.info    .alert-ico { color: var(--info); }
 .alert.success .alert-ico { color: var(--success); }

package/dist/Alert.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk35ZGBAA3_cjs = require('./chunk-35ZGBAA3.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunkK7FV7W6U_cjs = require('./chunk-K7FV7W6U.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunk35ZGBAA3_cjs.Alert; }
+  get: function () { return chunkK7FV7W6U_cjs.Alert; }
 });

package/dist/Alert.d.cts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
+import 'react/jsx-runtime';
 
 type AlertTone = "info" | "success" | "warning" | "danger";
 interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
     tone?: AlertTone;
     title?: React.ReactNode;
     children?: React.ReactNode;
-    icon?: IconName;
+    icon?: IconSlot;
     /** Controls the leading semantic icon. Defaults to `true`. */
     showIcon?: boolean;
     closable?: boolean;

package/dist/Alert.d.ts

@@ -1,12 +1,13 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
+import 'react/jsx-runtime';
 
 type AlertTone = "info" | "success" | "warning" | "danger";
 interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children"> {
     tone?: AlertTone;
     title?: React.ReactNode;
     children?: React.ReactNode;
-    icon?: IconName;
+    icon?: IconSlot;
     /** Controls the leading semantic icon. Defaults to `true`. */
     showIcon?: boolean;
     closable?: boolean;

package/dist/Alert.js

@@ -1,2 +1,2 @@
-export { Alert } from './chunk-UMDGS4BP.js';
-import './chunk-OF3SGLZY.js';
+export { Alert } from './chunk-I5WTQ5Y3.js';
+import './chunk-47VG2P34.js';

package/dist/AutoComplete.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkSKMP2A5O_cjs = require('./chunk-SKMP2A5O.cjs');
+var chunkP6P4DGLF_cjs = require('./chunk-P6P4DGLF.cjs');
 require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-6LZ54NPO.cjs');
-require('./chunk-OQBDU5I2.cjs');
-require('./chunk-TJII7BQ2.cjs');
+require('./chunk-HKF2V5MM.cjs');
+require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "AutoComplete", {
   enumerable: true,
-  get: function () { return chunkSKMP2A5O_cjs.AutoComplete; }
+  get: function () { return chunkP6P4DGLF_cjs.AutoComplete; }
 });

package/dist/AutoComplete.js

@@ -1,5 +1,5 @@
-export { AutoComplete } from './chunk-FJNWUELL.js';
+export { AutoComplete } from './chunk-AAGF7K3L.js';
 import './chunk-DUFRASGO.js';
-import './chunk-XTIN5545.js';
-import './chunk-WGZ2KJTZ.js';
-import './chunk-OF3SGLZY.js';
+import './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/Badge.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { TagTone } from './Tag.cjs';
 import './Icon.cjs';
+import 'react/jsx-runtime';
 
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** Numeric count — renders as "max+" if greater than `max`. */

package/dist/Badge.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { TagTone } from './Tag.js';
 import './Icon.js';
+import 'react/jsx-runtime';
 
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** Numeric count — renders as "max+" if greater than `max`. */

package/dist/{Button-SDQD25AG.css → Button-4Z3Q6KII.css}

@@ -6,7 +6,7 @@
   gap: 8px;
   height: var(--ctrl-h);
   padding: 0 var(--ctrl-pad-x);
-  border: none;
+  border: 1px solid transparent;
   border-radius: var(--r-md);
   font-size: 13px;
   font-weight: 500;
@@ -18,58 +18,71 @@
   user-select: none;
   white-space: nowrap;
   flex-shrink: 0;
-  transition: all var(--dur-fast) var(--ease);
+  transition:
+    background var(--dur-fast) var(--ease),
+    box-shadow var(--dur-fast) var(--ease),
+    color var(--dur-fast) var(--ease);
+}
+.btn > svg,
+.btn-icon-slot {
+  flex-shrink: 0;
+}
+.btn-icon-slot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+.btn-icon-slot img {
+  display: block;
+  max-width: 1.25em;
+  max-height: 1.25em;
+  object-fit: contain;
 }
-.btn > svg { flex-shrink: 0; }
 .btn.icon {
   flex-shrink: 0;
   overflow: visible;
 }
-.btn:hover { color: var(--accent-ink); }
-.btn:active, .btn.pressed {
-  box-shadow: var(--neu-in-sm);
-  color: var(--accent-ink);
-}
 
 .btn.primary {
   color: var(--accent-ink);
-  background:
-    linear-gradient(145deg,
-      color-mix(in oklch, var(--accent-soft) 80%, var(--shadow-light)),
-      color-mix(in oklch, var(--accent-soft) 92%, var(--bg)));
-  box-shadow:
-    var(--neu-out-sm),
-    inset 1px 1px 0 color-mix(in oklch, var(--shadow-light) 60%, transparent),
-    inset -1px -1px 0 color-mix(in oklch, var(--accent) 15%, transparent);
+  background: color-mix(in oklch, var(--accent-soft) 62%, var(--bg));
   font-weight: 600;
 }
-.btn.primary:hover {
-  background:
-    linear-gradient(145deg,
-      color-mix(in oklch, var(--accent-soft) 70%, var(--shadow-light)),
-      color-mix(in oklch, var(--accent) 18%, var(--accent-soft)));
-  box-shadow:
-    var(--neu-out-sm),
-    inset 1px 1px 0 color-mix(in oklch, var(--shadow-light) 70%, transparent),
-    inset -1px -1px 0 color-mix(in oklch, var(--accent) 20%, transparent),
-    0 0 16px -6px var(--accent-glow);
-}
-.btn.primary:active, .btn.primary.pressed {
-  box-shadow:
-    inset 2px 2px 4px color-mix(in oklch, var(--accent) 25%, var(--shadow-dark)),
-    inset -1px -1px 2px var(--shadow-light);
-  transform: none;
-}
 
 .btn.ghost {
   background: transparent;
   box-shadow: none;
   color: var(--fg-muted);
 }
-.btn.ghost:hover { background: var(--bg); box-shadow: var(--neu-flat); color: var(--fg); }
 
 .btn.danger { color: var(--danger); }
-.btn.danger:hover { color: var(--danger); }
+
+.btn:hover {
+  box-shadow: var(--neu-out);
+}
+.btn.ghost:hover {
+  background: var(--bg);
+  border-color: transparent;
+  box-shadow: var(--neu-flat);
+  color: var(--fg);
+}
+.btn.danger:hover {
+  color: var(--danger);
+}
+.btn:active,
+.btn.pressed {
+  box-shadow: var(--neu-in);
+}
+.btn.ghost:active,
+.btn.ghost.pressed {
+  background: var(--bg);
+  color: var(--fg);
+}
+.btn.danger:active,
+.btn.danger.pressed {
+  color: var(--danger);
+}
 
 .btn.icon { width: var(--ctrl-h); padding: 0; }
 .btn.sm { height: 30px; padding: 0 12px; font-size: 12px; border-radius: var(--r-sm); }
@@ -82,10 +95,17 @@
 .btn[disabled], .btn.disabled, .btn:disabled {
   color: var(--fg-subtle);
   cursor: not-allowed;
+  border-color: transparent;
+  box-shadow: var(--neu-flat);
+  transform: none;
+}
+.btn[disabled]:hover, .btn:disabled:hover, .btn.disabled:hover {
+  color: var(--fg-subtle);
+  background: var(--bg);
+  border-color: transparent;
   box-shadow: var(--neu-flat);
   transform: none;
 }
-.btn[disabled]:hover, .btn:disabled:hover, .btn.disabled:hover { transform: none; color: var(--fg-subtle); background: var(--bg); }
 
 .btn.loading { cursor: wait; }
 .btn .spinner {

package/dist/Button.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk5WAXZJG5_cjs = require('./chunk-5WAXZJG5.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunkTP567B3L_cjs = require('./chunk-TP567B3L.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunk5WAXZJG5_cjs.Button; }
+  get: function () { return chunkTP567B3L_cjs.Button; }
 });

package/dist/Button.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
+import 'react/jsx-runtime';
 
 type ButtonVariant = "default" | "primary" | "ghost" | "danger";
 type ButtonSize = "sm" | "md" | "lg";
@@ -8,10 +9,10 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     variant?: ButtonVariant;
     /** Control height preset. */
     size?: ButtonSize;
-    /** Leading icon. */
-    icon?: IconName;
-    /** Trailing icon. */
-    trailingIcon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
+    /** Trailing icon. Accepts a built-in icon name or custom React node. */
+    trailingIcon?: IconSlot;
     /** Render as a square icon-only button. Automatically enabled when `icon` is set and no children are provided. */
     iconOnly?: boolean;
     /** Native tooltip/title for compact icon-only buttons. */

package/dist/Button.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
+import 'react/jsx-runtime';
 
 type ButtonVariant = "default" | "primary" | "ghost" | "danger";
 type ButtonSize = "sm" | "md" | "lg";
@@ -8,10 +9,10 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     variant?: ButtonVariant;
     /** Control height preset. */
     size?: ButtonSize;
-    /** Leading icon. */
-    icon?: IconName;
-    /** Trailing icon. */
-    trailingIcon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
+    /** Trailing icon. Accepts a built-in icon name or custom React node. */
+    trailingIcon?: IconSlot;
     /** Render as a square icon-only button. Automatically enabled when `icon` is set and no children are provided. */
     iconOnly?: boolean;
     /** Native tooltip/title for compact icon-only buttons. */

package/dist/Button.js

@@ -1,2 +1,2 @@
-export { Button } from './chunk-JD7A6VM3.js';
-import './chunk-OF3SGLZY.js';
+export { Button } from './chunk-SQGPSMSK.js';
+import './chunk-47VG2P34.js';

package/dist/Calendar.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk4WTU5P3O_cjs = require('./chunk-4WTU5P3O.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunk7AG524YZ_cjs = require('./chunk-7AG524YZ.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunk4WTU5P3O_cjs.Calendar; }
+  get: function () { return chunk7AG524YZ_cjs.Calendar; }
 });

package/dist/Calendar.js

@@ -1,2 +1,2 @@
-export { Calendar } from './chunk-33NCTOEB.js';
-import './chunk-OF3SGLZY.js';
+export { Calendar } from './chunk-FWPBORRB.js';
+import './chunk-47VG2P34.js';

package/dist/{Cascader-C2DFSMKJ.css → Cascader-3BLLA7EN.css}

@@ -126,6 +126,19 @@
   width: 100%;
   text-align: left;
 }
+.cascader-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  flex-shrink: 0;
+}
+.cascader-icon img {
+  display: block;
+  width: 15px;
+  height: 15px;
+  object-fit: contain;
+}
 .cascader-item:hover { background: var(--bg); box-shadow: var(--neu-flat); color: var(--accent-ink); }
 .cascader-item.active {
   background: var(--bg);

package/dist/Cascader.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkQGHYQCF3_cjs = require('./chunk-QGHYQCF3.cjs');
+var chunk5MN3PMF4_cjs = require('./chunk-5MN3PMF4.cjs');
 require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-6LZ54NPO.cjs');
-require('./chunk-OQBDU5I2.cjs');
-require('./chunk-TJII7BQ2.cjs');
+require('./chunk-HKF2V5MM.cjs');
+require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Cascader", {
   enumerable: true,
-  get: function () { return chunkQGHYQCF3_cjs.Cascader; }
+  get: function () { return chunk5MN3PMF4_cjs.Cascader; }
 });

package/dist/Cascader.d.cts

@@ -1,10 +1,12 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
+import 'react/jsx-runtime';
 
 interface CascaderOption {
     value: string;
     label: React.ReactNode;
-    icon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
     children?: CascaderOption[];
     disabled?: boolean;
 }

package/dist/Cascader.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
+import 'react/jsx-runtime';
 
 interface CascaderOption {
     value: string;
     label: React.ReactNode;
-    icon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
     children?: CascaderOption[];
     disabled?: boolean;
 }

package/dist/Cascader.js

@@ -1,5 +1,5 @@
-export { Cascader } from './chunk-GNEZQMKH.js';
+export { Cascader } from './chunk-TGL5BGMR.js';
 import './chunk-DUFRASGO.js';
-import './chunk-XTIN5545.js';
-import './chunk-WGZ2KJTZ.js';
-import './chunk-OF3SGLZY.js';
+import './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/Checkbox.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkFBVVRTX2_cjs = require('./chunk-FBVVRTX2.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunk6HMTV6P4_cjs = require('./chunk-6HMTV6P4.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkFBVVRTX2_cjs.Checkbox; }
+  get: function () { return chunk6HMTV6P4_cjs.Checkbox; }
 });

package/dist/Checkbox.js

@@ -1,2 +1,2 @@
-export { Checkbox } from './chunk-EQEJTN3V.js';
-import './chunk-OF3SGLZY.js';
+export { Checkbox } from './chunk-GIZU3H6H.js';
+import './chunk-47VG2P34.js';

package/dist/Collapse.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkEIY7KEJ3_cjs = require('./chunk-EIY7KEJ3.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunkFGW5GJ22_cjs = require('./chunk-FGW5GJ22.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Collapse", {
   enumerable: true,
-  get: function () { return chunkEIY7KEJ3_cjs.Collapse; }
+  get: function () { return chunkFGW5GJ22_cjs.Collapse; }
 });

package/dist/Collapse.js

@@ -1,2 +1,2 @@
-export { Collapse } from './chunk-FFZ6OMZI.js';
-import './chunk-OF3SGLZY.js';
+export { Collapse } from './chunk-JVUVOR6S.js';
+import './chunk-47VG2P34.js';

package/dist/CommandPalette.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkTEG7NJHS_cjs = require('./chunk-TEG7NJHS.cjs');
-require('./chunk-6LZ54NPO.cjs');
-require('./chunk-OQBDU5I2.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunkPULGVK2I_cjs = require('./chunk-PULGVK2I.cjs');
+require('./chunk-HKF2V5MM.cjs');
+require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkTEG7NJHS_cjs.CommandPalette; }
+  get: function () { return chunkPULGVK2I_cjs.CommandPalette; }
 });

package/dist/CommandPalette.js

@@ -1,4 +1,4 @@
-export { CommandPalette } from './chunk-XD3JGL5O.js';
-import './chunk-XTIN5545.js';
-import './chunk-WGZ2KJTZ.js';
-import './chunk-OF3SGLZY.js';
+export { CommandPalette } from './chunk-ME5BZ2WA.js';
+import './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/Drawer.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkMT7UWY6T_cjs = require('./chunk-MT7UWY6T.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunk2HQCUBA7_cjs = require('./chunk-2HQCUBA7.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkMT7UWY6T_cjs.Drawer; }
+  get: function () { return chunk2HQCUBA7_cjs.Drawer; }
 });

package/dist/Drawer.js

@@ -1,2 +1,2 @@
-export { Drawer } from './chunk-CHMCL7AV.js';
-import './chunk-OF3SGLZY.js';
+export { Drawer } from './chunk-JCEHZ336.js';
+import './chunk-47VG2P34.js';