@fangxinyan/lumina 0.6.2 → 0.6.4

package/dist/Image.js

@@ -1,2 +1,2 @@
-export { Image, ImageGrid } from './chunk-PH3YECMF.js';
-import './chunk-OF3SGLZY.js';
+export { Image, ImageGrid, LayeredImage, SpriteImage } from './chunk-2NT5QKEX.js';
+import './chunk-YT5NLCRC.js';

package/dist/{Input-3G4ONWNU.css → Input-7GDPGP3E.css}

@@ -6,7 +6,7 @@
   width: 100%;
 }
 .input-count {
-  font-size: 11px;
+  font-size: var(--fs-xs);
   color: var(--fg-subtle);
   font-variant-numeric: tabular-nums;
   text-align: right;
@@ -21,14 +21,14 @@
   padding: 0 var(--ctrl-pad-x);
   border-radius: var(--r-md);
   background: var(--bg);
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   transition: box-shadow var(--dur) var(--ease);
   gap: 8px;
 }
-.input-wrap.sm { height: 32px; padding: 0 12px; border-radius: var(--r-sm); gap: 6px; }
-.input-wrap.lg { height: 48px; padding: 0 18px; border-radius: var(--r-lg); gap: 10px; }
-.input-wrap:focus-within { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
-.input-wrap.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
+.input-wrap.sm { height: var(--field-h-sm); padding: 0 var(--ctrl-pad-x-sm); border-radius: var(--r-sm); gap: 6px; }
+.input-wrap.lg { height: var(--field-h-lg); padding: 0 var(--ctrl-pad-x); border-radius: var(--r-lg); gap: 10px; }
+.input-wrap:focus-within { box-shadow: var(--neu-shadow-inset), 0 0 0 2px var(--accent-glow); }
+.input-wrap.invalid { box-shadow: var(--neu-shadow-inset), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
 .input-wrap.disabled { opacity: 0.6; cursor: not-allowed; }
 
 .input-wrap .lead,
@@ -36,6 +36,16 @@
   color: var(--fg-subtle);
   flex-shrink: 0;
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+.input-wrap .lead img,
+.input-wrap .trail img {
+  display: block;
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
 }
 .input-wrap .lead.interactive,
 .input-wrap .trail.interactive { cursor: pointer; pointer-events: auto; }
@@ -47,13 +57,13 @@
   display: inline-flex;
   align-items: center;
   color: var(--fg-muted);
-  font-size: 13px;
+  font-size: var(--fs-md);
   white-space: nowrap;
   user-select: none;
   flex-shrink: 0;
 }
-.input-wrap.sm .input-affix { font-size: 12px; }
-.input-wrap.lg .input-affix { font-size: 14px; }
+.input-wrap.sm .input-affix { font-size: var(--fs-sm); }
+.input-wrap.lg .input-affix { font-size: var(--fs-lg); }
 
 .input-wrap .input-clear {
   display: inline-flex;
@@ -97,11 +107,11 @@
   background: transparent;
   box-shadow: none;
   color: var(--fg);
-  font-size: 13px;
+  font-size: var(--fs-md);
   font-family: inherit;
   outline: none;
 }
-.input-wrap.sm > .input { font-size: 12px; }
-.input-wrap.lg > .input { font-size: 14px; }
+.input-wrap.sm > .input { font-size: var(--fs-sm); }
+.input-wrap.lg > .input { font-size: var(--fs-lg); }
 .input-wrap > .input::placeholder { color: var(--fg-subtle); }
 .input-wrap.disabled > .input { cursor: not-allowed; }

package/dist/Input.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk6LZ54NPO_cjs = require('./chunk-6LZ54NPO.cjs');
-require('./chunk-OQBDU5I2.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunkVAXWWJJP_cjs = require('./chunk-VAXWWJJP.cjs');
+require('./chunk-5NFSDFBB.cjs');
+require('./chunk-6LARTGLP.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunk6LZ54NPO_cjs.Input; }
+  get: function () { return chunkVAXWWJJP_cjs.Input; }
 });
 Object.defineProperty(exports, "InputPassword", {
   enumerable: true,
-  get: function () { return chunk6LZ54NPO_cjs.InputPassword; }
+  get: function () { return chunkVAXWWJJP_cjs.InputPassword; }
 });

package/dist/Input.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
 import { Textarea, TextareaProps } from './Textarea.cjs';
+import 'react/jsx-runtime';
 
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix" | "value" | "defaultValue"> {
     value?: string;
@@ -10,8 +11,8 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     /** Convenience value callback for Lumina-style code. */
     onValueChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
-    leadingIcon?: IconName;
-    trailingIcon?: IconName;
+    leadingIcon?: IconSlot;
+    trailingIcon?: IconSlot;
     /** Click handler for the leading icon (stops propagation so the input isn't focused). */
     onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
     /** Click handler for the trailing icon — e.g. password visibility toggle. */

package/dist/Input.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
 import { Textarea, TextareaProps } from './Textarea.js';
+import 'react/jsx-runtime';
 
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix" | "value" | "defaultValue"> {
     value?: string;
@@ -10,8 +11,8 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     /** Convenience value callback for Lumina-style code. */
     onValueChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
-    leadingIcon?: IconName;
-    trailingIcon?: IconName;
+    leadingIcon?: IconSlot;
+    trailingIcon?: IconSlot;
     /** Click handler for the leading icon (stops propagation so the input isn't focused). */
     onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
     /** Click handler for the trailing icon — e.g. password visibility toggle. */

package/dist/Input.js

@@ -1,3 +1,3 @@
-export { Input, InputPassword } from './chunk-XTIN5545.js';
-import './chunk-WGZ2KJTZ.js';
-import './chunk-OF3SGLZY.js';
+export { Input, InputPassword } from './chunk-XVP7IKLZ.js';
+import './chunk-56PHETWO.js';
+import './chunk-YT5NLCRC.js';

package/dist/InputNumber.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkTZJH5HBT_cjs = require('./chunk-TZJH5HBT.cjs');
-require('./chunk-6LZ54NPO.cjs');
-require('./chunk-OQBDU5I2.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunk66T76GII_cjs = require('./chunk-66T76GII.cjs');
+require('./chunk-VAXWWJJP.cjs');
+require('./chunk-5NFSDFBB.cjs');
+require('./chunk-6LARTGLP.cjs');
 
 
 
 Object.defineProperty(exports, "InputNumber", {
   enumerable: true,
-  get: function () { return chunkTZJH5HBT_cjs.InputNumber; }
+  get: function () { return chunk66T76GII_cjs.InputNumber; }
 });

package/dist/InputNumber.js

@@ -1,4 +1,4 @@
-export { InputNumber } from './chunk-EJBHR2P5.js';
-import './chunk-XTIN5545.js';
-import './chunk-WGZ2KJTZ.js';
-import './chunk-OF3SGLZY.js';
+export { InputNumber } from './chunk-LI4XJTEA.js';
+import './chunk-XVP7IKLZ.js';
+import './chunk-56PHETWO.js';
+import './chunk-YT5NLCRC.js';

package/dist/{List-W5BW4D2P.css → List-LSMU5QAC.css}

@@ -4,7 +4,7 @@
   flex-direction: column;
   background: var(--bg);
   border-radius: var(--r-lg);
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   padding: 8px;
 }
 .list-item {
@@ -16,8 +16,8 @@
   transition: all var(--dur-fast) var(--ease);
 }
 .list-item.clickable { cursor: pointer; }
-.list-item.clickable:hover { background: var(--bg); box-shadow: var(--neu-flat); }
-.list-item.selected { box-shadow: var(--neu-out-sm); background: var(--bg); }
+.list-item.clickable:hover { background: var(--bg); box-shadow: var(--neu-shadow-subtle); }
+.list-item.selected { box-shadow: var(--neu-shadow-control); background: var(--bg); }
 .list.with-dividers .list-item + .list-item { border-top: 1px solid var(--divider); border-radius: 0; }
 .list-item-meta { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
 .list-item-title { font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

package/dist/List.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk7PNJI5UE_cjs = require('./chunk-7PNJI5UE.cjs');
+var chunkU2H4DRMV_cjs = require('./chunk-U2H4DRMV.cjs');
 
 
 
 Object.defineProperty(exports, "List", {
   enumerable: true,
-  get: function () { return chunk7PNJI5UE_cjs.List; }
+  get: function () { return chunkU2H4DRMV_cjs.List; }
 });

package/dist/List.js

@@ -1 +1 @@
-export { List } from './chunk-6YQTMI55.js';
+export { List } from './chunk-OHFZ7L4T.js';

package/dist/{Message-2MZ3LFPU.css → Message-H222YGR6.css}

@@ -15,7 +15,7 @@
 .message {
   background: var(--bg);
   border-radius: var(--r-md);
-  box-shadow: var(--neu-float);
+  box-shadow: var(--neu-shadow-float);
   padding: 12px 16px;
   min-width: 240px;
   display: flex; align-items: center; gap: 10px;

package/dist/Message.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunk6ACKL3WH_cjs = require('./chunk-6ACKL3WH.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunkN2BTMKF2_cjs = require('./chunk-N2BTMKF2.cjs');
+require('./chunk-6LARTGLP.cjs');
 
 
 
 Object.defineProperty(exports, "MessageContainer", {
   enumerable: true,
-  get: function () { return chunk6ACKL3WH_cjs.MessageContainer; }
+  get: function () { return chunkN2BTMKF2_cjs.MessageContainer; }
 });
 Object.defineProperty(exports, "ToastContainer", {
   enumerable: true,
-  get: function () { return chunk6ACKL3WH_cjs.ToastContainer; }
+  get: function () { return chunkN2BTMKF2_cjs.ToastContainer; }
 });
 Object.defineProperty(exports, "message", {
   enumerable: true,
-  get: function () { return chunk6ACKL3WH_cjs.message; }
+  get: function () { return chunkN2BTMKF2_cjs.message; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunk6ACKL3WH_cjs.toast; }
+  get: function () { return chunkN2BTMKF2_cjs.toast; }
 });

package/dist/Message.js

@@ -1,2 +1,2 @@
-export { MessageContainer, ToastContainer, message, toast } from './chunk-ON4DEDMI.js';
-import './chunk-OF3SGLZY.js';
+export { MessageContainer, ToastContainer, message, toast } from './chunk-W5CJC7S7.js';
+import './chunk-YT5NLCRC.js';

package/dist/{Modal-2QNDW4SO.css → Modal-MCFDYVUQ.css}

@@ -15,7 +15,7 @@
 .modal {
   background: var(--bg);
   border-radius: var(--r-xl);
-  box-shadow: var(--neu-float);
+  box-shadow: var(--neu-shadow-float);
   padding: var(--gap-6);
   width: min(480px, 92vw);
   animation: modalIn var(--dur-slow) var(--ease);
@@ -68,7 +68,7 @@
 .modal-close:hover {
   color: var(--fg);
   background: var(--bg);
-  box-shadow: var(--neu-flat);
+  box-shadow: var(--neu-shadow-subtle);
 }
 
 .modal-static-body {
@@ -85,7 +85,7 @@
   place-items: center;
   flex-shrink: 0;
   background: var(--bg);
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   color: var(--accent);
 }
 

package/dist/Modal.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkHPFQXYKG_cjs = require('./chunk-HPFQXYKG.cjs');
-require('./chunk-5WAXZJG5.cjs');
-require('./chunk-TJII7BQ2.cjs');
+var chunkGBKUGKIY_cjs = require('./chunk-GBKUGKIY.cjs');
+require('./chunk-2ZADGBUN.cjs');
+require('./chunk-6LARTGLP.cjs');
 
 
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkHPFQXYKG_cjs.Modal; }
+  get: function () { return chunkGBKUGKIY_cjs.Modal; }
 });

package/dist/Modal.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ButtonProps } from './Button.cjs';
 import './Icon.cjs';
+import 'react/jsx-runtime';
 
 interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
     /** Whether the modal is visible. */

package/dist/Modal.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ButtonProps } from './Button.js';
 import './Icon.js';
+import 'react/jsx-runtime';
 
 interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
     /** Whether the modal is visible. */

package/dist/Modal.js

@@ -1,3 +1,3 @@
-export { Modal } from './chunk-CEJ7VBR6.js';
-import './chunk-JD7A6VM3.js';
-import './chunk-OF3SGLZY.js';
+export { Modal } from './chunk-OHIFKN4E.js';
+import './chunk-CNGKJYGZ.js';
+import './chunk-YT5NLCRC.js';

package/dist/{Pagination-YIRYJUXP.css → Pagination-YSZSNFHG.css}

@@ -16,7 +16,7 @@
   border: none;
   border-radius: var(--r-sm);
   background: var(--bg);
-  box-shadow: var(--neu-out-sm);
+  box-shadow: var(--neu-shadow-control);
   display: inline-flex; align-items: center; justify-content: center;
   cursor: pointer;
   font-size: 12px;
@@ -27,11 +27,11 @@
 }
 .pagination .pg:hover { color: var(--accent-ink); }
 .pagination .pg.active {
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   color: var(--accent-ink);
   font-weight: 700;
 }
-.pagination .pg.disabled { color: var(--fg-subtle); cursor: not-allowed; box-shadow: var(--neu-flat); }
+.pagination .pg.disabled { color: var(--fg-subtle); cursor: not-allowed; box-shadow: var(--neu-shadow-subtle); }
 .pagination .ellipsis { padding: 0 4px; color: var(--fg-subtle); }
 
 /* size changer — compact Select inline with the page buttons */
@@ -54,7 +54,7 @@
   border: none;
   border-radius: var(--r-sm);
   background: var(--bg);
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   color: var(--fg);
   font-family: inherit;
   font-size: 12px;
@@ -64,5 +64,5 @@
   transition: box-shadow var(--dur-fast) var(--ease);
 }
 .pagination .pg-jumper-input:focus-visible {
-  box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow);
+  box-shadow: var(--neu-shadow-inset), 0 0 0 2px var(--accent-glow);
 }

package/dist/Pagination.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkCUXV6QNN_cjs = require('./chunk-CUXV6QNN.cjs');
-require('./chunk-OYMJVU66.cjs');
-require('./chunk-ZIP7F4UF.cjs');
+var chunkDYSGXQUK_cjs = require('./chunk-DYSGXQUK.cjs');
+require('./chunk-IDJCFYPP.cjs');
+require('./chunk-SYWTT5TY.cjs');
 require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-6LZ54NPO.cjs');
-require('./chunk-OQBDU5I2.cjs');
-require('./chunk-TJII7BQ2.cjs');
+require('./chunk-VAXWWJJP.cjs');
+require('./chunk-5NFSDFBB.cjs');
+require('./chunk-6LARTGLP.cjs');
 
 
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkCUXV6QNN_cjs.Pagination; }
+  get: function () { return chunkDYSGXQUK_cjs.Pagination; }
 });

package/dist/Pagination.js

@@ -1,7 +1,7 @@
-export { Pagination } from './chunk-7NGMQIST.js';
-import './chunk-WKKSAGYH.js';
-import './chunk-DQTSTJ6O.js';
+export { Pagination } from './chunk-2ZFJTMEF.js';
+import './chunk-7D76MI37.js';
+import './chunk-VNNQYJLT.js';
 import './chunk-DUFRASGO.js';
-import './chunk-XTIN5545.js';
-import './chunk-WGZ2KJTZ.js';
-import './chunk-OF3SGLZY.js';
+import './chunk-XVP7IKLZ.js';
+import './chunk-56PHETWO.js';
+import './chunk-YT5NLCRC.js';

package/dist/{Popover-DVGQGWX6.css → Popover-Y3LDCJPW.css}

@@ -4,7 +4,7 @@
   background: var(--bg);
   border-radius: var(--r-md);
   min-width: 220px;
-  box-shadow: var(--neu-float);
+  box-shadow: var(--neu-shadow-float);
   position: relative;
 }
 

package/dist/Popover.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkUUHFKIWP_cjs = require('./chunk-UUHFKIWP.cjs');
+var chunk4UKM4KAC_cjs = require('./chunk-4UKM4KAC.cjs');
 require('./chunk-YB3IWIOJ.cjs');
 
 
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkUUHFKIWP_cjs.Popover; }
+  get: function () { return chunk4UKM4KAC_cjs.Popover; }
 });

package/dist/Popover.js

@@ -1,2 +1,2 @@
-export { Popover } from './chunk-HWFM4MAT.js';
+export { Popover } from './chunk-PKHITACT.js';
 import './chunk-DUFRASGO.js';

package/dist/{Progress-CHV7DN6Y.css → Progress-CZNXCYGW.css}

@@ -40,7 +40,7 @@
     color-mix(in oklch, var(--bg) 88%, var(--shadow-light)),
     color-mix(in oklch, var(--bg) 92%, var(--shadow-dark))
   );
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   overflow: hidden;
   position: relative;
 }

package/dist/Progress.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkPL6DRFUO_cjs = require('./chunk-PL6DRFUO.cjs');
+var chunkMOMLQP7B_cjs = require('./chunk-MOMLQP7B.cjs');
 
 
 
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkPL6DRFUO_cjs.Progress; }
+  get: function () { return chunkMOMLQP7B_cjs.Progress; }
 });

package/dist/Progress.js

@@ -1 +1 @@
-export { Progress } from './chunk-65FIH5A3.js';
+export { Progress } from './chunk-YVTLHTG6.js';

package/dist/{Radio-GVFDPAZM.css → Radio-IQKASYDF.css}

@@ -16,7 +16,7 @@
   padding: 0;
   border-radius: 999px;
   background: var(--bg);
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   cursor: inherit;
   position: relative;
   flex-shrink: 0;
@@ -24,7 +24,7 @@
 }
 .radio.checked .radio-dot {
   background: var(--accent);
-  box-shadow: var(--neu-out-sm), 0 2px 8px var(--accent-glow);
+  box-shadow: var(--neu-shadow-control), 0 2px 8px var(--accent-glow);
 }
 .radio.checked .radio-dot::after {
   content: "";
@@ -46,7 +46,7 @@
   padding: 4px;
   border-radius: var(--r-md);
   background: var(--bg);
-  box-shadow: var(--neu-in-sm);
+  box-shadow: var(--neu-shadow-inset);
   gap: 2px;
   flex-wrap: nowrap;
 }
@@ -81,7 +81,7 @@
   left: 0;
   border-radius: calc(var(--r-md) - 4px);
   background: var(--bg);
-  box-shadow: var(--neu-out-sm);
+  box-shadow: var(--neu-shadow-control);
   pointer-events: none;
   transition:
     transform var(--dur-slow) var(--ease),

package/dist/Radio.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkKGSADAOD_cjs = require('./chunk-KGSADAOD.cjs');
+var chunkVSUMJX6Z_cjs = require('./chunk-VSUMJX6Z.cjs');
 
 
 
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () { return chunkKGSADAOD_cjs.Radio; }
+  get: function () { return chunkVSUMJX6Z_cjs.Radio; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkKGSADAOD_cjs.RadioGroup; }
+  get: function () { return chunkVSUMJX6Z_cjs.RadioGroup; }
 });

package/dist/Radio.js

@@ -1 +1 @@
-export { Radio, RadioGroup } from './chunk-USQ43DJ5.js';
+export { Radio, RadioGroup } from './chunk-HFUHQUPQ.js';