@fangxinyan/lumina 0.10.0 → 0.10.1

package/dist/CommandPalette-GHTX7AAA.css

@@ -0,0 +1,138 @@
+/* ============ CommandPalette ============ */
+.cmdp-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 4000;
+  background: var(--mask-bg);
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding-top: 14vh;
+  animation: fadeIn var(--dur-fast) var(--ease);
+}
+
+.cmdp-panel {
+  width: min(560px, calc(100vw - 48px));
+  max-height: 60vh;
+  background: var(--lmn-command-palette-bg, var(--bg));
+  border-radius: var(--r-lg);
+  box-shadow: var(--lmn-command-palette-neu-shadow-float, var(--neu-shadow-float));
+  border: 1px solid var(--lmn-command-palette-divider, var(--divider));
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  animation: cmdpIn var(--dur) var(--ease);
+}
+@keyframes cmdpIn {
+  from { opacity: 0; transform: translateY(-12px) scale(0.98); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+.cmdp-search {
+  padding: 12px 12px 10px;
+}
+
+.cmdp-list {
+  overflow-y: auto;
+  padding: 6px;
+  flex: 1;
+  min-height: 60px;
+}
+
+.cmdp-group + .cmdp-group { margin-top: 4px; }
+.cmdp-group-head {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
+  padding: 8px 10px 4px;
+  font-weight: 600;
+}
+
+.cmdp-item {
+  display: grid;
+  grid-template-columns: 20px 1fr auto;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 9px 10px;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  color: var(--lmn-command-palette-fg, var(--fg));
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease),
+    box-shadow var(--dur-fast) var(--ease);
+}
+.cmdp-item:disabled { color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle)); cursor: not-allowed; }
+.cmdp-item.active:not(:disabled) {
+  background: var(--lmn-command-palette-bg, var(--bg));
+  color: var(--lmn-command-palette-accent-ink, var(--accent-ink));
+  box-shadow: var(--lmn-command-palette-neu-shadow-inset, var(--neu-shadow-inset));
+}
+
+.cmdp-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--lmn-command-palette-fg-muted, var(--fg-muted));
+}
+.cmdp-item.active:not(:disabled) .cmdp-icon { color: inherit; }
+
+.cmdp-labels { display: flex; flex-direction: column; min-width: 0; }
+.cmdp-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.cmdp-desc {
+  font-size: 11.5px;
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.cmdp-item.active:not(:disabled) .cmdp-desc { color: inherit; opacity: 0.75; }
+
+.cmdp-shortcut {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
+}
+.cmdp-item.active:not(:disabled) .cmdp-shortcut { color: inherit; opacity: 0.8; }
+
+.cmdp-empty {
+  padding: 28px 16px;
+  text-align: center;
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
+  font-size: 13px;
+}
+
+.cmdp-footer {
+  display: flex;
+  gap: 16px;
+  padding: 8px 14px;
+  border-top: 1px solid var(--lmn-command-palette-divider, var(--divider));
+  background: var(--lmn-command-palette-bg-sunken, var(--bg-sunken));
+  font-size: 11.5px;
+  color: var(--lmn-command-palette-fg-subtle, var(--fg-subtle));
+}
+.cmdp-footer span { display: inline-flex; align-items: center; gap: 4px; }
+
+.cmdp-kbd {
+  display: inline-grid;
+  place-items: center;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+  border-radius: 5px;
+  background: var(--lmn-command-palette-bg, var(--bg));
+  box-shadow: var(--lmn-command-palette-neu-shadow-subtle, var(--neu-shadow-subtle));
+  font-family: var(--font-mono);
+  font-size: 10.5px;
+  color: var(--lmn-command-palette-fg-muted, var(--fg-muted));
+}

package/dist/CommandPalette.cjs

@@ -1,17 +1,16 @@
 'use strict';
 
-var chunkUXIM7NAJ_cjs = require('./chunk-UXIM7NAJ.cjs');
-require('./chunk-3AC6LQ34.cjs');
-require('./chunk-XTYD55Y5.cjs');
-require('./chunk-VZIIKFK6.cjs');
-require('./chunk-CQRXTUXB.cjs');
-require('./chunk-32R7PPSV.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkOA3O5S7X_cjs = require('./chunk-OA3O5S7X.cjs');
+require('./chunk-GFGMGJ5A.cjs');
+require('./chunk-CNV7R2OZ.cjs');
+require('./chunk-BN44QG2B.cjs');
+require('./chunk-VDVKY2IX.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkUXIM7NAJ_cjs.CommandPalette; }
+  get: function () { return chunkOA3O5S7X_cjs.CommandPalette; }
 });

package/dist/CommandPalette.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 CommandItem {
     key: string;

package/dist/CommandPalette.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 CommandItem {
     key: string;

package/dist/CommandPalette.js

@@ -1,8 +1,7 @@
-export { CommandPalette } from './chunk-GNA6TVXK.js';
-import './chunk-M6XA5PNZ.js';
-import './chunk-6TNAP326.js';
-import './chunk-VTHUU5AU.js';
-import './chunk-C3BTIUQY.js';
-import './chunk-OEZIQWDQ.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { CommandPalette } from './chunk-4K6PQCWU.js';
+import './chunk-TUXF2G2O.js';
+import './chunk-AXZNZ2IH.js';
+import './chunk-BZB45GGK.js';
+import './chunk-2BM65ITV.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/{ContextMenu-QYBADTI6.css → ContextMenu-NG524Y2P.css}

@@ -1,14 +1,14 @@
 /* ============ ContextMenu ============ */
 .context-menu {
-  z-index: var(--z-dropdown);
-  padding: var(--lmn-context-menu-padding, var(--lmn-context-menu-padding-y, calc(6px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-padding-scale, var(--padding-scale)))) var(--lmn-context-menu-padding-x, calc(6px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-padding-scale, var(--padding-scale)))));
+  z-index: 5000;
+  padding: 6px;
   background: var(--lmn-context-menu-bg, var(--bg));
   border-radius: var(--r-md);
   box-shadow: var(--lmn-context-menu-neu-shadow-float, var(--neu-shadow-float));
   border: 1px solid var(--lmn-context-menu-divider, var(--divider));
   display: flex;
   flex-direction: column;
-  gap: var(--lmn-context-menu-gap, calc(1px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-gap-scale, var(--gap-scale))));
+  gap: 1px;
   animation: menuIn var(--dur-fast) var(--ease);
   max-height: calc(100vh - 24px);
   overflow-y: auto;
@@ -18,14 +18,14 @@
   display: grid;
   grid-template-columns: 18px 1fr auto;
   align-items: center;
-  gap: var(--lmn-context-menu-gap, calc(8px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-gap-scale, var(--gap-scale))));
-  padding: var(--lmn-context-menu-item-padding, var(--lmn-context-menu-item-padding-y, calc(6px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-padding-scale, var(--padding-scale)))) var(--lmn-context-menu-item-padding-x, calc(10px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-padding-scale, var(--padding-scale)))));
+  gap: 8px;
+  padding: 6px 10px;
   min-height: 28px;
   border: none;
   background: transparent;
   box-shadow: none;
   font: inherit;
-  font-size: var(--fs-md);
+  font-size: 13px;
   color: var(--lmn-context-menu-fg, var(--fg));
   text-align: left;
   border-radius: var(--r-sm);
@@ -63,17 +63,14 @@
 
 .context-menu-shortcut {
   font-family: var(--font-mono);
-  font-size: var(--fs-xs);
+  font-size: 11px;
   color: var(--lmn-context-menu-fg-subtle, var(--fg-subtle));
-  padding-left: calc(12px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-padding-scale, var(--padding-scale)));
+  padding-left: 12px;
 }
-.context-menu-item.active:not(:disabled) .context-menu-shortcut { color: inherit; }
+.context-menu-item.active:not(:disabled) .context-menu-shortcut { color: inherit; opacity: 0.8; }
 
 .context-menu-divider {
   height: 1px;
   background: var(--lmn-context-menu-divider, var(--divider));
-  margin: calc(4px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-margin-scale, var(--margin-scale))) calc(4px * var(--lmn-context-menu-spacing-scale, var(--spacing-scale)) * var(--lmn-context-menu-margin-scale, var(--margin-scale)));
+  margin: 4px 4px;
 }
-
-/* 组件自己的键盘轮廓不依赖全局阴影规则，也不覆盖错误态阴影。 */
-.context-menu-item:focus-visible { outline: 2px solid var(--lmn-context-menu-accent, var(--accent)); outline-offset: 2px; }

package/dist/ContextMenu.cjs

@@ -1,14 +1,13 @@
 'use strict';
 
-var chunk6CFAS76H_cjs = require('./chunk-6CFAS76H.cjs');
-require('./chunk-VZIIKFK6.cjs');
-require('./chunk-CQRXTUXB.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkU5B2JLNE_cjs = require('./chunk-U5B2JLNE.cjs');
+require('./chunk-BN44QG2B.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunk6CFAS76H_cjs.ContextMenu; }
+  get: function () { return chunkU5B2JLNE_cjs.ContextMenu; }
 });

package/dist/ContextMenu.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 ContextMenuItem {
     key: string;

package/dist/ContextMenu.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 ContextMenuItem {
     key: string;

package/dist/ContextMenu.js

@@ -1,5 +1,4 @@
-export { ContextMenu } from './chunk-3EHPEKZP.js';
-import './chunk-VTHUU5AU.js';
-import './chunk-C3BTIUQY.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { ContextMenu } from './chunk-7QKSXVN3.js';
+import './chunk-BZB45GGK.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/DatePicker-ZSFDXAYD.css

@@ -0,0 +1,60 @@
+/* ============ DatePicker ============ */
+.date-picker {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  min-width: 180px;
+}
+
+.date-picker.disabled {
+  opacity: 0.55;
+  pointer-events: none;
+}
+
+.date-picker.readonly .input-wrap {
+  cursor: default;
+}
+
+.date-picker .input-wrap {
+  width: 100%;
+}
+
+.date-picker.open .input-wrap {
+  box-shadow: var(--lmn-date-picker-neu-shadow-inset, var(--neu-shadow-inset));
+}
+
+.date-picker-panel {
+  position: fixed;
+  z-index: 1000;
+  width: 344px;
+  padding: var(--gap-3);
+  border-radius: var(--r-md);
+  background: var(--lmn-date-picker-bg, var(--bg));
+  box-shadow: var(--lmn-date-picker-neu-shadow-float, var(--neu-shadow-float));
+  animation: menuIn var(--dur) var(--ease);
+}
+
+.date-picker-panel .calendar {
+  width: 100%;
+  padding: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+.date-picker-panel .calendar-head {
+  padding: 0 0 var(--gap-3);
+}
+
+.date-picker-footer {
+  display: flex;
+  align-items: center;
+  gap: var(--gap-2);
+  margin-top: var(--gap-3);
+  padding-top: var(--gap-3);
+  border-top: 1px solid var(--lmn-date-picker-divider, var(--divider));
+}
+
+.date-picker-footer-spacer {
+  flex: 1;
+  min-width: 0;
+}

package/dist/DatePicker.cjs

@@ -1,21 +1,20 @@
 'use strict';
 
-var chunkCZYCRH6J_cjs = require('./chunk-CZYCRH6J.cjs');
-require('./chunk-YHWPHTSP.cjs');
-require('./chunk-IZ2QVS4E.cjs');
-require('./chunk-3AC6LQ34.cjs');
-require('./chunk-XTYD55Y5.cjs');
-require('./chunk-VZIIKFK6.cjs');
-require('./chunk-CQRXTUXB.cjs');
-require('./chunk-EGOXQN5F.cjs');
-require('./chunk-2CQISUYV.cjs');
-require('./chunk-32R7PPSV.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunk73IEJLSD_cjs = require('./chunk-73IEJLSD.cjs');
+require('./chunk-ELKGV3NA.cjs');
+require('./chunk-6A5KEWVU.cjs');
+require('./chunk-GFGMGJ5A.cjs');
+require('./chunk-CNV7R2OZ.cjs');
+require('./chunk-BN44QG2B.cjs');
+require('./chunk-M3JYP3V4.cjs');
+require('./chunk-YU4LBDBD.cjs');
+require('./chunk-VDVKY2IX.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkCZYCRH6J_cjs.DatePicker; }
+  get: function () { return chunk73IEJLSD_cjs.DatePicker; }
 });

package/dist/DatePicker.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 DatePickerFormat = "YYYY-MM-DD" | "YYYY/MM/DD" | "YYYY年MM月DD日";
 type DatePickerSize = "sm" | "md" | "lg";

package/dist/DatePicker.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 DatePickerFormat = "YYYY-MM-DD" | "YYYY/MM/DD" | "YYYY年MM月DD日";
 type DatePickerSize = "sm" | "md" | "lg";

package/dist/DatePicker.js

@@ -1,12 +1,11 @@
-export { DatePicker } from './chunk-XLVRDHX3.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 { DatePicker } from './chunk-VSIBZ7VH.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/{DateTimePicker-IA2TW3IB.css → DateTimePicker-EWSISVIF.css}

@@ -7,6 +7,7 @@
 }
 
 .date-time-picker.disabled {
+  opacity: 0.55;
   pointer-events: none;
 }
 
@@ -24,20 +25,21 @@
 
 .date-time-picker-panel {
   position: fixed;
-  z-index: var(--z-dropdown);
+  z-index: 1000;
   width: 476px;
-  padding: var(--lmn-date-time-picker-padding, var(--lmn-date-time-picker-padding-y, calc(var(--gap-2) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)))) var(--lmn-date-time-picker-padding-x, calc(var(--gap-3) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)))));
+  padding: var(--gap-2) var(--gap-3);
   border-radius: var(--r-md);
   background: var(--lmn-date-time-picker-bg, var(--bg));
   box-shadow:
-    0 calc(var(--lmn-date-time-picker-shadow-offset, var(--shadow-offset)) * 1.1) calc(var(--lmn-date-time-picker-shadow-blur, var(--shadow-blur)) * 1.3) color-mix(in oklch, var(--lmn-date-time-picker-shadow-dark, var(--shadow-dark)) 72%, transparent), inset 0 0 0 1px var(--lmn-date-time-picker-divider, var(--divider));
+    0 calc(var(--lmn-date-time-picker-shadow-offset, var(--shadow-offset)) * 1.1) calc(var(--lmn-date-time-picker-shadow-blur, var(--shadow-blur)) * 1.3) color-mix(in oklch, var(--lmn-date-time-picker-shadow-dark, var(--shadow-dark)) 72%, transparent),
+    inset 0 0 0 1px var(--lmn-date-time-picker-divider, var(--divider));
   animation: menuIn var(--dur) var(--ease);
 }
 
 .date-time-picker-body {
   display: grid;
   grid-template-columns: 272px minmax(0, 168px);
-  gap: calc(var(--gap-3) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-gap-scale, var(--gap-scale)));
+  gap: var(--gap-3);
   align-items: start;
 }
 
@@ -49,33 +51,33 @@
 }
 
 .date-time-picker-panel .calendar-head {
-  padding: 0 0 calc(var(--gap-1) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)));
+  padding: 0 0 var(--gap-1);
 }
 
 .date-time-picker-panel .calendar-title {
-  padding: calc(var(--gap-1) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale))) calc(var(--gap-2) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)));
+  padding: var(--gap-1) var(--gap-2);
   font-size: var(--fs-sm);
 }
 
 .date-time-picker-panel .calendar-title-part {
-  padding: calc(var(--gap-1) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale))) calc(6px * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)));
+  padding: var(--gap-1) 6px;
   font-size: var(--fs-sm);
 }
 
 .date-time-picker-panel .calendar-grid {
-  gap: calc(1px * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-gap-scale, var(--gap-scale)));
+  gap: 1px;
   min-height: 222px;
 }
 
 .date-time-picker-panel .calendar-dow {
-  padding: calc(var(--gap-1) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale))) 0;
+  padding: var(--gap-1) 0;
 }
 
 .date-time-picker-panel .calendar-cell {
   aspect-ratio: auto;
   height: 32px;
   font-size: var(--fs-xs);
-  border-radius: var(--r-xs);
+  border-radius: 7px;
 }
 
 .date-time-picker-panel .calendar-cell.today::after {
@@ -84,7 +86,7 @@
 
 .date-time-picker-panel .calendar-select-grid {
   min-height: 222px;
-  gap: calc(var(--gap-1) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-gap-scale, var(--gap-scale)));
+  gap: var(--gap-1);
 }
 
 .date-time-picker-panel .calendar-select-option {
@@ -99,7 +101,7 @@
 .date-time-picker-time-columns {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
-  padding: calc(8px * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)));
+  padding: 8px;
   border-radius: var(--r-sm);
   background: var(--lmn-date-time-picker-bg, var(--bg));
   box-shadow: inset 0 0 0 1px var(--lmn-date-time-picker-divider, var(--divider));
@@ -130,10 +132,10 @@
 .date-time-picker-time-list {
   display: flex;
   flex-direction: column;
-  gap: calc(4px * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-gap-scale, var(--gap-scale)));
+  gap: 4px;
   height: 220px;
   overflow-y: auto;
-  padding: calc(calc((220px - 28px) / 2) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale))) calc(5px * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)));
+  padding: calc((220px - 28px) / 2) 5px;
   scroll-padding: calc((220px - 28px) / 2) 0;
   scrollbar-width: none;
   -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
@@ -150,7 +152,7 @@
   width: 100%;
   height: 28px;
   border: none;
-  border-radius: var(--r-xs);
+  border-radius: 7px;
   background: transparent;
   color: var(--lmn-date-time-picker-fg, var(--fg));
   cursor: pointer;
@@ -176,14 +178,15 @@
 .date-time-picker-time-option:disabled {
   color: var(--lmn-date-time-picker-fg-subtle, var(--fg-subtle));
   cursor: not-allowed;
+  opacity: 0.45;
 }
 
 .date-time-picker-footer {
   display: flex;
   align-items: center;
-  gap: calc(var(--gap-2) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-gap-scale, var(--gap-scale)));
-  margin-top: calc(var(--gap-2) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-margin-scale, var(--margin-scale)));
-  padding-top: calc(var(--gap-2) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)));
+  gap: var(--gap-2);
+  margin-top: var(--gap-2);
+  padding-top: var(--gap-2);
   border-top: 1px solid var(--lmn-date-time-picker-divider, var(--divider));
 }
 
@@ -206,7 +209,7 @@
   }
 
   .date-time-picker-time {
-    margin-top: calc(var(--gap-3) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-margin-scale, var(--margin-scale)));
+    margin-top: var(--gap-3);
   }
 
   .date-time-picker-time-columns {
@@ -215,12 +218,7 @@
 
   .date-time-picker-time-list {
     height: 118px;
-    padding: calc(calc((118px - 28px) / 2) * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale))) calc(8px * var(--lmn-date-time-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-date-time-picker-padding-scale, var(--padding-scale)));
+    padding: calc((118px - 28px) / 2) 8px;
     scroll-padding: calc((118px - 28px) / 2) 0;
   }
 }
-
-/* 组件自己的键盘轮廓不依赖全局阴影规则，也不覆盖错误态阴影。 */
-.date-time-picker-panel button:focus-visible { outline: 2px solid var(--lmn-date-time-picker-accent, var(--accent)); outline-offset: 2px; }
-
-.date-time-picker.open .input-wrap { box-shadow: var(--lmn-date-time-picker-neu-shadow-inset-strong, var(--neu-shadow-inset-strong)), var(--lmn-date-time-picker-focus-ring, var(--focus-ring)); }

package/dist/DateTimePicker.cjs

@@ -1,21 +1,20 @@
 'use strict';
 
-var chunkJREPEP6P_cjs = require('./chunk-JREPEP6P.cjs');
-require('./chunk-YHWPHTSP.cjs');
-require('./chunk-IZ2QVS4E.cjs');
-require('./chunk-3AC6LQ34.cjs');
-require('./chunk-XTYD55Y5.cjs');
-require('./chunk-VZIIKFK6.cjs');
-require('./chunk-CQRXTUXB.cjs');
-require('./chunk-EGOXQN5F.cjs');
-require('./chunk-2CQISUYV.cjs');
-require('./chunk-32R7PPSV.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkHPNZDAXF_cjs = require('./chunk-HPNZDAXF.cjs');
+require('./chunk-ELKGV3NA.cjs');
+require('./chunk-6A5KEWVU.cjs');
+require('./chunk-GFGMGJ5A.cjs');
+require('./chunk-CNV7R2OZ.cjs');
+require('./chunk-BN44QG2B.cjs');
+require('./chunk-M3JYP3V4.cjs');
+require('./chunk-YU4LBDBD.cjs');
+require('./chunk-VDVKY2IX.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "DateTimePicker", {
   enumerable: true,
-  get: function () { return chunkJREPEP6P_cjs.DateTimePicker; }
+  get: function () { return chunkHPNZDAXF_cjs.DateTimePicker; }
 });

package/dist/DateTimePicker.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimePickerValue } from './TimePicker.cjs';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 
 type DateTimePickerFormat = "YYYY-MM-DD HH:mm" | "YYYY-MM-DD HH:mm:ss";
 type DateTimePickerSize = "sm" | "md" | "lg";

package/dist/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimePickerValue } from './TimePicker.js';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 
 type DateTimePickerFormat = "YYYY-MM-DD HH:mm" | "YYYY-MM-DD HH:mm:ss";
 type DateTimePickerSize = "sm" | "md" | "lg";