@fangxinyan/lumina 0.10.0 → 0.10.1

package/dist/DateTimePicker.js

@@ -1,12 +1,11 @@
-export { DateTimePicker } from './chunk-X6CSD3JA.js';
-import './chunk-M5QRDAE3.js';
-import './chunk-3VUHXQFC.js';
-import './chunk-M6XA5PNZ.js';
-import './chunk-6TNAP326.js';
-import './chunk-VTHUU5AU.js';
-import './chunk-C3BTIUQY.js';
-import './chunk-OQLDPYZ2.js';
-import './chunk-ZJELU7TX.js';
-import './chunk-OEZIQWDQ.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { DateTimePicker } from './chunk-G62HAXAL.js';
+import './chunk-SW3KEFIA.js';
+import './chunk-NKIXCDZC.js';
+import './chunk-TUXF2G2O.js';
+import './chunk-AXZNZ2IH.js';
+import './chunk-BZB45GGK.js';
+import './chunk-563SQXH7.js';
+import './chunk-TY5LOU3A.js';
+import './chunk-2BM65ITV.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/{Divider-TNXPEHPI.css → Divider-OI2BXPBU.css}

@@ -2,14 +2,14 @@
 .divider {
   height: 1px;
   background: var(--lmn-divider-divider, var(--divider));
-  margin: calc(var(--gap-4) * var(--lmn-divider-spacing-scale, var(--spacing-scale)) * var(--lmn-divider-margin-scale, var(--margin-scale))) 0;
-  border-radius: var(--r-pill);
+  margin: var(--gap-4) 0;
+  border-radius: 999px;
   box-shadow: 0 1px 0 var(--lmn-divider-shadow-light, var(--shadow-light));
 }
 .divider.vertical {
   width: 1px;
   height: 24px;
-  margin: 0 calc(var(--gap-3) * var(--lmn-divider-spacing-scale, var(--spacing-scale)) * var(--lmn-divider-margin-scale, var(--margin-scale)));
+  margin: 0 var(--gap-3);
   display: inline-block;
 }
 .divider.sunken {
@@ -49,9 +49,9 @@
 }
 
 .divider-label {
-  display: flex; align-items: center; gap: var(--lmn-divider-gap, calc(12px * var(--lmn-divider-spacing-scale, var(--spacing-scale)) * var(--lmn-divider-gap-scale, var(--gap-scale))));
+  display: flex; align-items: center; gap: 12px;
   height: auto; background: transparent; box-shadow: none;
-  font-size: var(--fs-xs); color: var(--lmn-divider-fg-subtle, var(--fg-subtle));
+  font-size: 11px; color: var(--lmn-divider-fg-subtle, var(--fg-subtle));
   text-transform: uppercase; letter-spacing: 0.1em;
 }
 .divider:has(.divider-label) {
@@ -60,7 +60,7 @@
   height: auto;
   display: flex;
   align-items: center;
-  gap: calc(12px * var(--lmn-divider-spacing-scale, var(--spacing-scale)) * var(--lmn-divider-gap-scale, var(--gap-scale)));
+  gap: 12px;
 }
 .divider:has(.divider-label)::before,
 .divider:has(.divider-label)::after {
@@ -68,7 +68,7 @@
   flex: 1;
   height: 1px;
   background: var(--lmn-divider-divider, var(--divider));
-  border-radius: var(--r-pill);
+  border-radius: 999px;
   box-shadow: 0 1px 0 var(--lmn-divider-shadow-light, var(--shadow-light));
 }
 

package/dist/Divider.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkE3DMS43P_cjs = require('./chunk-E3DMS43P.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunk76CTKBXD_cjs = require('./chunk-76CTKBXD.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkE3DMS43P_cjs.Divider; }
+  get: function () { return chunk76CTKBXD_cjs.Divider; }
 });

package/dist/Divider.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 
 interface DividerProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     direction?: "horizontal" | "vertical";

package/dist/Divider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 
 interface DividerProps extends React.HTMLAttributes<HTMLDivElement>, ComponentThemeProps {
     direction?: "horizontal" | "vertical";

package/dist/Divider.js

@@ -1,3 +1,3 @@
-export { Divider } from './chunk-W6NQP6YF.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Divider } from './chunk-ISK2RW7F.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/{Drawer-D4MHWACH.css → Drawer-VCXAXWV6.css}

@@ -4,7 +4,7 @@
   inset: 0;
   background: var(--drawer-mask-bg, var(--mask-bg));
   backdrop-filter: blur(4px);
-  z-index: var(--z-modal);
+  z-index: 150;
   animation: fadeIn var(--dur) var(--ease);
 }
 .drawer-overlay.hidden {
@@ -14,12 +14,12 @@
 .drawer {
   position: fixed;
   background: var(--lmn-drawer-bg, var(--bg));
-  padding: var(--lmn-drawer-padding, var(--lmn-drawer-padding-y, calc(var(--gap-5) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-padding-scale, var(--padding-scale)))) var(--lmn-drawer-padding-x, calc(var(--gap-5) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-padding-scale, var(--padding-scale)))));
-  z-index: var(--z-modal);
+  padding: var(--gap-5);
+  z-index: 151;
   overflow: hidden;
   display: flex;
   flex-direction: column;
-  --overlay-shadow-safe-area: var(--lmn-drawer-body-padding, var(--overlay-body-padding, calc(var(--lmn-drawer-shadow-offset, var(--shadow-offset)) + var(--lmn-drawer-shadow-blur, var(--shadow-blur)))));
+  --overlay-shadow-safe-area: calc(var(--lmn-drawer-shadow-offset, var(--shadow-offset)) + var(--lmn-drawer-shadow-blur, var(--shadow-blur)));
   --drawer-shadow-offset: calc(var(--lmn-drawer-shadow-offset, var(--shadow-offset)) * 4 * var(--shadow-float-scale));
   --drawer-shadow-blur: calc(var(--lmn-drawer-shadow-blur, var(--shadow-blur)) * 3.75 * var(--shadow-float-scale));
   --drawer-shadow-spread: calc(var(--lmn-drawer-shadow-offset, var(--shadow-offset)) * -3.3 * var(--shadow-float-scale));
@@ -62,21 +62,21 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--lmn-drawer-gap, calc(var(--gap-3) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-gap-scale, var(--gap-scale))));
-  padding-bottom: calc(var(--gap-4) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-padding-scale, var(--padding-scale)));
+  gap: var(--gap-3);
+  padding-bottom: var(--gap-4);
   border-bottom: 1px solid var(--lmn-drawer-divider, var(--divider));
 }
 .drawer-head-right {
   display: inline-flex;
   align-items: center;
-  gap: calc(var(--gap-3) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-gap-scale, var(--gap-scale)));
+  gap: var(--gap-3);
 }
 .drawer-title {
-  font-size: var(--fs-2xl);
+  font-size: 16px;
   font-weight: 600;
 }
 .drawer-close {
-  width: var(--ctrl-h-sm); height: var(--ctrl-h-sm);
+  width: 28px; height: 28px;
   border: none;
   background: transparent;
   border-radius: var(--r-sm);
@@ -84,7 +84,7 @@
   place-items: center;
   color: var(--lmn-drawer-fg-subtle, var(--fg-subtle));
   cursor: pointer;
-  transition: box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
+  transition: all var(--dur-fast) var(--ease);
 }
 .drawer-close:hover {
   color: var(--lmn-drawer-fg, var(--fg));
@@ -95,26 +95,23 @@
   flex: 1;
   min-width: 0;
   min-height: 0;
-  margin-inline: calc(var(--lmn-drawer-padding-x, calc(var(--gap-5) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-padding-scale, var(--padding-scale)))) * -1);
+  margin-inline: calc(var(--gap-5) * -1);
   padding: var(--overlay-shadow-safe-area);
   overflow: auto;
 }
 .drawer-body:first-child {
-  margin-top: calc(var(--lmn-drawer-padding-y, calc(var(--gap-5) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-padding-scale, var(--padding-scale)))) * -1);
+  margin-top: calc(var(--gap-5) * -1);
 }
 .drawer-body:last-child {
-  margin-bottom: calc(var(--lmn-drawer-padding-y, calc(var(--gap-5) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-padding-scale, var(--padding-scale)))) * -1);
+  margin-bottom: calc(var(--gap-5) * -1);
 }
 .drawer-body.inset-none {
   padding: 0;
 }
 .drawer-foot {
   display: flex;
-  gap: var(--lmn-drawer-gap, calc(10px * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-gap-scale, var(--gap-scale))));
+  gap: 10px;
   justify-content: flex-end;
-  padding-top: calc(var(--gap-4) * var(--lmn-drawer-spacing-scale, var(--spacing-scale)) * var(--lmn-drawer-padding-scale, var(--padding-scale)));
+  padding-top: var(--gap-4);
   border-top: 1px solid var(--lmn-drawer-divider, var(--divider));
 }
-
-/* 组件自己的键盘轮廓不依赖全局阴影规则，也不覆盖错误态阴影。 */
-.drawer-close:focus-visible { outline: 2px solid var(--lmn-drawer-accent, var(--accent)); outline-offset: 2px; }

package/dist/Drawer.cjs

@@ -1,15 +1,14 @@
 'use strict';
 
-var chunkW2NCWVG5_cjs = require('./chunk-W2NCWVG5.cjs');
-require('./chunk-VZIIKFK6.cjs');
-require('./chunk-CQRXTUXB.cjs');
-require('./chunk-32R7PPSV.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkM4GXFACD_cjs = require('./chunk-M4GXFACD.cjs');
+require('./chunk-BN44QG2B.cjs');
+require('./chunk-VDVKY2IX.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkW2NCWVG5_cjs.Drawer; }
+  get: function () { return chunkM4GXFACD_cjs.Drawer; }
 });

package/dist/Drawer.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 
 /** 抽屉正文允许透传的 data-* 属性。 */
 type DataAttributes = {

package/dist/Drawer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 
 /** 抽屉正文允许透传的 data-* 属性。 */
 type DataAttributes = {

package/dist/Drawer.js

@@ -1,6 +1,5 @@
-export { Drawer } from './chunk-O6DHJPOW.js';
-import './chunk-VTHUU5AU.js';
-import './chunk-C3BTIUQY.js';
-import './chunk-OEZIQWDQ.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Drawer } from './chunk-QS4GORDY.js';
+import './chunk-BZB45GGK.js';
+import './chunk-2BM65ITV.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/Empty-U5CBLCAL.css

@@ -0,0 +1,28 @@
+/* ============ Empty ============ */
+.empty {
+  padding: 60px 20px;
+  display: grid; place-items: center;
+  gap: 12px;
+  color: var(--lmn-empty-fg-muted, var(--fg-muted));
+  text-align: center;
+}
+.empty.sm { padding: 28px 16px; gap: 8px; }
+.empty.sm .empty-ico { width: 40px; height: 40px; }
+.empty.sm .empty-title { font-size: 13px; }
+.empty.sm .empty-desc  { font-size: 11px; }
+.empty.lg { padding: 96px 24px; gap: 16px; }
+.empty.lg .empty-ico { width: 72px; height: 72px; }
+.empty.lg .empty-title { font-size: 16px; }
+.empty.lg .empty-desc  { font-size: 13px; }
+.empty.subtle .empty-ico { background: transparent; box-shadow: none; }
+.empty-ico {
+  width: 56px; height: 56px;
+  border-radius: var(--r-lg);
+  background: var(--lmn-empty-bg, var(--bg));
+  box-shadow: var(--lmn-empty-neu-shadow-inset, var(--neu-shadow-inset));
+  display: grid; place-items: center;
+  color: var(--lmn-empty-fg-subtle, var(--fg-subtle));
+}
+.empty-title { font-size: 14px; font-weight: 600; color: var(--lmn-empty-fg, var(--fg)); }
+.empty-desc  { font-size: 12px; }
+.empty-action { margin-top: 8px; }

package/dist/Empty.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk2HK5KZRE_cjs = require('./chunk-2HK5KZRE.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunk4LYJRFD2_cjs = require('./chunk-4LYJRFD2.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Empty", {
   enumerable: true,
-  get: function () { return chunk2HK5KZRE_cjs.Empty; }
+  get: function () { return chunk4LYJRFD2_cjs.Empty; }
 });

package/dist/Empty.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 
 interface EmptyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children">, ComponentThemeProps {
     title?: React.ReactNode;

package/dist/Empty.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 
 interface EmptyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children">, ComponentThemeProps {
     title?: React.ReactNode;

package/dist/Empty.js

@@ -1,3 +1,3 @@
-export { Empty } from './chunk-J7UCRWCY.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Empty } from './chunk-KFCWDFBW.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/Form-DNEDZRJA.css

@@ -0,0 +1,67 @@
+/* ============ Form ============ */
+.lumina-form { display: flex; flex-direction: column; gap: 18px; }
+.lumina-form.layout-inline {
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 12px;
+}
+.lumina-form.layout-inline .form-item { flex: 0 0 auto; }
+
+.form-item {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+.lumina-form.layout-horizontal .form-item {
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 12px;
+}
+.lumina-form.layout-horizontal .form-item-label {
+  flex: 0 0 auto;
+  min-width: 96px;
+  padding-top: 10px;
+  text-align: right;
+}
+.lumina-form.layout-horizontal .form-item-control { flex: 1; min-width: 0; }
+
+.form-item-label {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--lmn-form-fg, var(--fg));
+  padding-left: 2px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.form-item-required {
+  color: var(--lmn-form-danger, var(--danger));
+  font-weight: 600;
+  margin-right: 2px;
+}
+.form-item-control { min-width: 0; }
+
+.form-item-error {
+  font-size: 12px;
+  color: var(--lmn-form-danger, var(--danger));
+  padding-left: 2px;
+  animation: fadeIn var(--dur-fast) var(--ease);
+}
+.form-item-help {
+  font-size: 12px;
+  color: var(--lmn-form-fg-subtle, var(--fg-subtle));
+  padding-left: 2px;
+}
+.form-item-extra {
+  font-size: 11.5px;
+  color: var(--lmn-form-fg-subtle, var(--fg-subtle));
+  padding-left: 2px;
+  opacity: 0.85;
+}
+
+.form-item.has-error .input-wrap,
+.form-item.has-error .select-trigger {
+  box-shadow: var(--lmn-form-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 2px color-mix(in oklch, var(--lmn-form-danger, var(--danger)) 30%, transparent);
+}

package/dist/Form.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkY3R4XBSR_cjs = require('./chunk-Y3R4XBSR.cjs');
-require('./chunk-CQRXTUXB.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkQV4SPR4Z_cjs = require('./chunk-QV4SPR4Z.cjs');
+require('./chunk-BN44QG2B.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkY3R4XBSR_cjs.Form; }
+  get: function () { return chunkQV4SPR4Z_cjs.Form; }
 });
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
-  get: function () { return chunkY3R4XBSR_cjs.FormItem; }
+  get: function () { return chunkQV4SPR4Z_cjs.FormItem; }
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkY3R4XBSR_cjs.useForm; }
+  get: function () { return chunkQV4SPR4Z_cjs.useForm; }
 });

package/dist/Form.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 
 type FormLayout = "horizontal" | "vertical" | "inline";
 type Rule = {

package/dist/Form.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 
 type FormLayout = "horizontal" | "vertical" | "inline";
 type Rule = {

package/dist/Form.js

@@ -1,4 +1,4 @@
-export { Form, FormItem, useForm } from './chunk-FHILASME.js';
-import './chunk-C3BTIUQY.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Form, FormItem, useForm } from './chunk-XX7YYKIJ.js';
+import './chunk-BZB45GGK.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';