@fangxinyan/lumina 0.10.0 → 0.10.1

package/dist/Cascader.cjs

@@ -1,18 +1,17 @@
 'use strict';
 
-var chunkWQ5GH6XV_cjs = require('./chunk-WQ5GH6XV.cjs');
-require('./chunk-IZ2QVS4E.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 chunk5PGRAEGA_cjs = require('./chunk-5PGRAEGA.cjs');
+require('./chunk-6A5KEWVU.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, "Cascader", {
   enumerable: true,
-  get: function () { return chunkWQ5GH6XV_cjs.Cascader; }
+  get: function () { return chunk5PGRAEGA_cjs.Cascader; }
 });

package/dist/Cascader.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IconSlot } from './Icon.cjs';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.cjs';
 import 'react/jsx-runtime';
 
 interface CascaderOption {
@@ -33,10 +33,6 @@ interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     onChange?: (path: string[], selectedOptions?: CascaderOption[]) => void;
     placeholder?: string;
     disabled?: boolean;
-    /** 控件高度尺寸。 */
-    size?: "sm" | "md" | "lg";
-    /** 表单校验错误态，同时输出 aria-invalid。 */
-    invalid?: boolean;
     /** Show a clear button. */
     allowClear?: boolean;
     onClear?: () => void;

package/dist/Cascader.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IconSlot } from './Icon.js';
-import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-C7lS3Hi8.js';
 import 'react/jsx-runtime';
 
 interface CascaderOption {
@@ -33,10 +33,6 @@ interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     onChange?: (path: string[], selectedOptions?: CascaderOption[]) => void;
     placeholder?: string;
     disabled?: boolean;
-    /** 控件高度尺寸。 */
-    size?: "sm" | "md" | "lg";
-    /** 表单校验错误态，同时输出 aria-invalid。 */
-    invalid?: boolean;
     /** Show a clear button. */
     allowClear?: boolean;
     onClear?: () => void;

package/dist/Cascader.js

@@ -1,9 +1,8 @@
-export { Cascader } from './chunk-VEUTCEEL.js';
-import './chunk-3VUHXQFC.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 { Cascader } from './chunk-UNUFUTFQ.js';
+import './chunk-NKIXCDZC.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/{Checkbox-72TYCE4F.css → Checkbox-YQ43GFUI.css}

@@ -2,13 +2,13 @@
 .checkbox {
   display: inline-flex;
   align-items: center;
-  gap: var(--lmn-checkbox-gap, calc(10px * var(--lmn-checkbox-spacing-scale, var(--spacing-scale)) * var(--lmn-checkbox-gap-scale, var(--gap-scale))));
+  gap: 10px;
   cursor: pointer;
   user-select: none;
-  font-size: var(--fs-md);
+  font-size: 13px;
   color: var(--lmn-checkbox-fg, var(--fg));
 }
-.checkbox.disabled { cursor: not-allowed; }
+.checkbox.disabled { opacity: 0.5; cursor: not-allowed; }
 .checkbox-native {
   position: absolute;
   width: 1px;
@@ -21,7 +21,7 @@
   width: 20px; height: 20px;
   border: none;
   padding: 0;
-  border-radius: var(--r-xs);
+  border-radius: 7px;
   background: var(--lmn-checkbox-bg, var(--bg));
   box-shadow: var(--lmn-checkbox-neu-shadow-inset, var(--neu-shadow-inset));
   display: grid;
@@ -29,39 +29,29 @@
   flex-shrink: 0;
   cursor: inherit;
   color: var(--lmn-checkbox-bg, var(--bg));
-  transition: box-shadow var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);
+  transition: all var(--dur) var(--ease);
 }
 .checkbox.invalid .checkbox-box {
   box-shadow: var(--lmn-checkbox-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 2px color-mix(in oklch, var(--lmn-checkbox-danger, var(--danger)) 30%, transparent);
 }
-.checkbox-box svg { opacity: 0; transform: scale(0.6); transition: box-shadow var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease); }
+.checkbox-box svg { opacity: 0; transform: scale(0.6); transition: all var(--dur) var(--ease); }
 .checkbox.checked .checkbox-box {
   background: var(--lmn-checkbox-accent, var(--accent));
-  box-shadow: var(--lmn-checkbox-neu-shadow-control, var(--neu-shadow-control));
+  box-shadow: var(--lmn-checkbox-neu-shadow-control, var(--neu-shadow-control)), 0 2px 8px var(--lmn-checkbox-accent-glow, var(--accent-glow));
 }
 .checkbox.checked .checkbox-box svg { opacity: 1; transform: scale(1); }
 .checkbox.indeterminate .checkbox-box {
   background: var(--lmn-checkbox-accent, var(--accent));
-  box-shadow: var(--lmn-checkbox-neu-shadow-control, var(--neu-shadow-control));
+  box-shadow: var(--lmn-checkbox-neu-shadow-control, var(--neu-shadow-control)), 0 2px 8px var(--lmn-checkbox-accent-glow, var(--accent-glow));
 }
 .checkbox.checked.invalid .checkbox-box,
 .checkbox.indeterminate.invalid .checkbox-box {
-  box-shadow: var(--lmn-checkbox-neu-shadow-control, var(--neu-shadow-control)), 0 0 0 2px color-mix(in oklch, var(--lmn-checkbox-danger, var(--danger)) 30%, transparent);
+  box-shadow: var(--lmn-checkbox-neu-shadow-control, var(--neu-shadow-control)), 0 2px 8px var(--lmn-checkbox-accent-glow, var(--accent-glow)), 0 0 0 2px color-mix(in oklch, var(--lmn-checkbox-danger, var(--danger)) 30%, transparent);
 }
 .checkbox.indeterminate .checkbox-box::after {
   content: "";
   width: 10px; height: 2px;
   background: var(--lmn-checkbox-bg, var(--bg));
-  border-radius: var(--r-2xs);
+  border-radius: 2px;
 }
 .checkbox.indeterminate .checkbox-box svg { display: none; }
-
-/* 禁用通过语义颜色和浅阴影表达，保留内容不透明度。 */
-.checkbox.disabled .checkbox-box { color: var(--lmn-checkbox-disabled-fg, var(--disabled-fg)); background: var(--lmn-checkbox-disabled-bg, var(--disabled-bg)); box-shadow: var(--lmn-checkbox-disabled-shadow, var(--disabled-shadow)); cursor: not-allowed; }
-
-.checkbox { min-height: var(--ctrl-h); }
-.checkbox.sm { min-height: var(--ctrl-h-sm); font-size: var(--fs-sm); }
-.checkbox.lg { min-height: var(--ctrl-h-lg); font-size: var(--fs-lg); }
-.checkbox.sm .checkbox-box { width: var(--gap-4); height: var(--gap-4); }
-.checkbox.lg .checkbox-box { width: var(--gap-6); height: var(--gap-6); }
-.checkbox.disabled { color: var(--lmn-checkbox-disabled-fg, var(--disabled-fg)); }

package/dist/Checkbox.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkYL4SRXVJ_cjs = require('./chunk-YL4SRXVJ.cjs');
-require('./chunk-32R7PPSV.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunkKPBZKHCS_cjs = require('./chunk-KPBZKHCS.cjs');
+require('./chunk-VDVKY2IX.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkYL4SRXVJ_cjs.Checkbox; }
+  get: function () { return chunkKPBZKHCS_cjs.Checkbox; }
 });

package/dist/Checkbox.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 CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id">, ComponentThemeProps {
     checked?: boolean;
@@ -20,8 +20,6 @@ interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>
     form?: string;
     /** 是否显示错误态，可由 Form.Item 自动注入。 */
     invalid?: boolean;
-    /** 复选框尺寸，外层高度与同行控件一致。 */
-    size?: "sm" | "md" | "lg";
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 

package/dist/Checkbox.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 CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id">, ComponentThemeProps {
     checked?: boolean;
@@ -20,8 +20,6 @@ interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>
     form?: string;
     /** 是否显示错误态，可由 Form.Item 自动注入。 */
     invalid?: boolean;
-    /** 复选框尺寸，外层高度与同行控件一致。 */
-    size?: "sm" | "md" | "lg";
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-export { Checkbox } from './chunk-OM5O22NE.js';
-import './chunk-OEZIQWDQ.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Checkbox } from './chunk-QSLXUNLM.js';
+import './chunk-2BM65ITV.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/Collapse-BTSBHBSY.css

@@ -0,0 +1,58 @@
+/* ============ Collapse ============ */
+.collapse { display: flex; flex-direction: column; gap: 10px; }
+.collapse-item {
+  background: var(--lmn-collapse-bg, var(--bg));
+  border-radius: var(--r-md);
+  box-shadow: var(--lmn-collapse-neu-shadow-control, var(--neu-shadow-control));
+  overflow: hidden;
+}
+.collapse.ghost .collapse-item {
+  background: transparent;
+  box-shadow: none;
+  border-radius: var(--r-sm);
+}
+.collapse-item.disabled { opacity: 0.5; }
+.collapse-head {
+  width: 100%;
+  border: none;
+  background: transparent;
+  padding: 14px 18px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: inherit;
+  color: var(--lmn-collapse-fg, var(--fg));
+  text-align: left;
+}
+.collapse.small .collapse-head { padding: 10px 14px; font-size: 12px; }
+.collapse.large .collapse-head { padding: 18px 22px; font-size: 14px; }
+.collapse-item.disabled .collapse-head { cursor: not-allowed; }
+.collapse-item.icon-only .collapse-head:not(:disabled) { cursor: default; }
+.collapse-body {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height var(--dur) var(--ease);
+  color: var(--lmn-collapse-fg-muted, var(--fg-muted));
+  font-size: 13px;
+}
+.collapse-body-inner { padding: 0 18px 16px; }
+.collapse.small .collapse-body-inner { padding: 0 14px 12px; }
+.collapse.large .collapse-body-inner { padding: 0 22px 20px; }
+.collapse-chev {
+  transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);
+  color: var(--lmn-collapse-fg-subtle, var(--fg-subtle));
+  display: inline-flex;
+  border-radius: var(--r-xs);
+  padding: 2px;
+}
+button.collapse-chev {
+  border: 0;
+  background: transparent;
+  font: inherit;
+}
+.collapse-chev.clickable { cursor: pointer; }
+.collapse-chev.clickable:hover { color: var(--lmn-collapse-fg, var(--fg)); background: var(--lmn-collapse-bg, var(--bg)); box-shadow: var(--lmn-collapse-neu-shadow-subtle, var(--neu-shadow-subtle)); }
+.collapse-item.open .collapse-chev { transform: rotate(180deg); color: var(--lmn-collapse-accent, var(--accent)); }

package/dist/Collapse.cjs

@@ -1,14 +1,13 @@
 'use strict';
 
-var chunkTGZ7LQAP_cjs = require('./chunk-TGZ7LQAP.cjs');
-require('./chunk-SVIBVURD.cjs');
-require('./chunk-32R7PPSV.cjs');
-require('./chunk-PF2I44TX.cjs');
-require('./chunk-IPJ2DKM5.cjs');
+var chunk33YRXHVK_cjs = require('./chunk-33YRXHVK.cjs');
+require('./chunk-VDVKY2IX.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Collapse", {
   enumerable: true,
-  get: function () { return chunkTGZ7LQAP_cjs.Collapse; }
+  get: function () { return chunk33YRXHVK_cjs.Collapse; }
 });

package/dist/Collapse.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 CollapseItem {
     key: string;
@@ -24,8 +24,7 @@ interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     defaultActiveKey?: string | string[];
     onChange?: (keys: string[]) => void;
     ghost?: boolean;
-    /** 推荐 sm / md / lg；small / middle / large 是兼容别名。 */
-    size?: "sm" | "md" | "lg" | "small" | "middle" | "large";
+    size?: "small" | "middle" | "large";
     className?: string;
 }
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Collapse.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 CollapseItem {
     key: string;
@@ -24,8 +24,7 @@ interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     defaultActiveKey?: string | string[];
     onChange?: (keys: string[]) => void;
     ghost?: boolean;
-    /** 推荐 sm / md / lg；small / middle / large 是兼容别名。 */
-    size?: "sm" | "md" | "lg" | "small" | "middle" | "large";
+    size?: "small" | "middle" | "large";
     className?: string;
 }
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Collapse.js

@@ -1,5 +1,4 @@
-export { Collapse } from './chunk-UAE7XTB4.js';
-import './chunk-AWEBG3K6.js';
-import './chunk-OEZIQWDQ.js';
-import './chunk-CZIQSGYL.js';
-import './chunk-MLZIK3RB.js';
+export { Collapse } from './chunk-XFJTJVWD.js';
+import './chunk-2BM65ITV.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/{ColorPicker-4YOX3753.css → ColorPicker-GRZOKR5O.css}

@@ -8,18 +8,14 @@
 }
 
 .cp-trigger {
-  --cp-control-height: var(--ctrl-h);
-  height: var(--cp-control-height);
-  min-width: var(--cp-control-height);
-  justify-content: center;
   display: inline-flex;
   align-items: center;
-  gap: var(--lmn-color-picker-gap, calc(8px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-gap-scale, var(--gap-scale))));
-  padding: var(--lmn-color-picker-padding, var(--lmn-color-picker-padding-y, calc(4px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale)))) var(--lmn-color-picker-padding-x, calc(4px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale)))));
+  gap: 8px;
+  padding: 4px;
   border: none;
   background: var(--lmn-color-picker-bg, var(--bg));
   box-shadow: var(--lmn-color-picker-neu-shadow-subtle, var(--neu-shadow-subtle));
-  border-radius: var(--r-sm);
+  border-radius: 10px;
   cursor: pointer;
   transition: box-shadow var(--dur) var(--ease);
   color: var(--lmn-color-picker-fg, var(--fg));
@@ -28,15 +24,13 @@
 .cp-trigger:hover:not(:disabled) {
   box-shadow: var(--lmn-color-picker-neu-shadow-panel, var(--neu-shadow-panel));
 }
-.cp-trigger:not(:has(.cp-text)) { width: var(--cp-control-height); }
-.cp-trigger.sm { --cp-control-height: var(--ctrl-h-sm); }
-.cp-trigger.lg { --cp-control-height: var(--ctrl-h-lg); }
 .cp-trigger:disabled {
+  opacity: 0.5;
   cursor: not-allowed;
 }
 
-.cp-trigger.sm { padding: var(--lmn-color-picker-padding, var(--lmn-color-picker-padding-y, calc(3px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale)))) var(--lmn-color-picker-padding-x, calc(3px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale))))); }
-.cp-trigger.lg { padding: calc(6px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale))); }
+.cp-trigger.sm { padding: 3px; }
+.cp-trigger.lg { padding: 6px; }
 
 .cp-custom-trigger {
   padding: 0;
@@ -46,31 +40,31 @@
   color: inherit;
   font: inherit;
 }
-.cp-custom-trigger:disabled { cursor: not-allowed; }
-.cp-custom-trigger[aria-disabled="true"] { cursor: not-allowed; }
+.cp-custom-trigger:disabled { opacity: 0.5; cursor: not-allowed; }
+.cp-custom-trigger[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
 
 .cp-swatch {
   display: inline-block;
   width: 22px;
   height: 22px;
-  border-radius: var(--r-xs);
+  border-radius: 6px;
   box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lmn-color-picker-fg, var(--fg)) 10%, transparent), var(--lmn-color-picker-neu-shadow-inset, var(--neu-shadow-inset));
   background-clip: padding-box;
 }
-.cp-trigger.sm .cp-swatch { width: 18px; height: 18px; border-radius: var(--r-xs); }
-.cp-trigger.lg .cp-swatch { width: 28px; height: 28px; border-radius: var(--r-xs); }
+.cp-trigger.sm .cp-swatch { width: 18px; height: 18px; border-radius: 5px; }
+.cp-trigger.lg .cp-swatch { width: 28px; height: 28px; border-radius: 8px; }
 
 .cp-swatch.sm {
   width: 26px;
   height: 26px;
-  border-radius: var(--r-xs);
+  border-radius: 7px;
 }
 
 .cp-text {
   font-family: var(--font-mono);
-  font-size: var(--fs-sm);
+  font-size: 12px;
   color: var(--lmn-color-picker-fg-muted, var(--fg-muted));
-  padding-right: calc(6px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale)));
+  padding-right: 6px;
 }
 
 /* ============================================================================
@@ -79,15 +73,15 @@
 
 .cp-panel {
   position: fixed;
-  z-index: var(--z-dropdown);
+  z-index: 1000;
   width: 232px;
-  padding: var(--lmn-color-picker-padding, var(--lmn-color-picker-padding-y, calc(12px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale)))) var(--lmn-color-picker-padding-x, calc(12px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale)))));
+  padding: 12px;
   background: var(--lmn-color-picker-bg, var(--bg));
   border-radius: var(--r-md);
   box-shadow: var(--lmn-color-picker-neu-shadow-float, var(--neu-shadow-float));
   display: flex;
   flex-direction: column;
-  gap: var(--lmn-color-picker-gap, calc(10px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-gap-scale, var(--gap-scale))));
+  gap: 10px;
   animation: cpFadeIn var(--dur) var(--ease);
 }
 
@@ -104,7 +98,7 @@
   position: relative;
   width: 100%;
   height: 140px;
-  border-radius: var(--r-xs);
+  border-radius: 8px;
   overflow: hidden;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
   cursor: crosshair;
@@ -145,7 +139,7 @@
 .cp-hue {
   position: relative;
   height: 10px;
-  border-radius: var(--r-pill);
+  border-radius: 999px;
   background: linear-gradient(
     to right,
     hsl(0, 100%, 50%),
@@ -181,19 +175,19 @@
 .cp-row {
   display: flex;
   align-items: center;
-  gap: calc(8px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-gap-scale, var(--gap-scale)));
+  gap: 8px;
 }
 .cp-input {
   flex: 1;
   height: 28px;
-  padding: 0 calc(10px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-padding-scale, var(--padding-scale)));
+  padding: 0 10px;
   border: none;
   outline: none;
   background: var(--lmn-color-picker-bg-sunken, var(--bg-sunken));
   box-shadow: var(--lmn-color-picker-neu-shadow-inset, var(--neu-shadow-inset));
-  border-radius: var(--r-xs);
+  border-radius: 7px;
   font-family: var(--font-mono);
-  font-size: var(--fs-sm);
+  font-size: 12px;
   color: var(--lmn-color-picker-fg, var(--fg));
   text-transform: lowercase;
 }
@@ -204,12 +198,12 @@
 .cp-presets {
   display: grid;
   grid-template-columns: repeat(10, 1fr);
-  gap: calc(6px * var(--lmn-color-picker-spacing-scale, var(--spacing-scale)) * var(--lmn-color-picker-gap-scale, var(--gap-scale)));
+  gap: 6px;
 }
 .cp-preset {
   width: 100%;
   aspect-ratio: 1 / 1;
-  border-radius: var(--r-xs);
+  border-radius: 5px;
   border: none;
   padding: 0;
   cursor: pointer;
@@ -222,14 +216,3 @@
 .cp-preset.active {
   box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lmn-color-picker-fg, var(--fg)) 10%, transparent), 0 0 0 2px var(--lmn-color-picker-accent, var(--accent));
 }
-
-/* 组件自己的键盘轮廓不依赖全局阴影规则，也不覆盖错误态阴影。 */
-.cp-trigger:focus-visible,
-.cp-custom-trigger:focus-visible,
-.cp-popup button:focus-visible { outline: 2px solid var(--lmn-color-picker-accent, var(--accent)); outline-offset: 2px; }
-
-/* 禁用通过语义颜色和浅阴影表达，保留内容不透明度。 */
-.cp-trigger:disabled, .cp-custom-trigger:disabled, .cp-custom-trigger[aria-disabled="true"] { color: var(--lmn-color-picker-disabled-fg, var(--disabled-fg)); background: var(--lmn-color-picker-disabled-bg, var(--disabled-bg)); box-shadow: var(--lmn-color-picker-disabled-shadow, var(--disabled-shadow)); cursor: not-allowed; }
-
-.cp-input:focus-visible { box-shadow: var(--lmn-color-picker-neu-shadow-inset, var(--neu-shadow-inset)), var(--lmn-color-picker-focus-ring, var(--focus-ring)); }
-.cp.invalid > :first-child { outline: 2px solid var(--lmn-color-picker-danger, var(--danger)); outline-offset: 2px; }

package/dist/ColorPicker.cjs

@@ -1,18 +1,17 @@
 'use strict';
 
-var chunkGQT5E6RE_cjs = require('./chunk-GQT5E6RE.cjs');
-require('./chunk-IZ2QVS4E.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 chunkNALBGFHY_cjs = require('./chunk-NALBGFHY.cjs');
+require('./chunk-6A5KEWVU.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, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunkGQT5E6RE_cjs.ColorPicker; }
+  get: function () { return chunkNALBGFHY_cjs.ColorPicker; }
 });

package/dist/ColorPicker.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 ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color">, ComponentThemeProps {
     /** Controlled hex color (e.g. "#ff6b6b"). */
@@ -12,8 +12,6 @@ interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     onChangeComplete?: (hex: string) => void;
     /** Disable the trigger. */
     disabled?: boolean;
-    /** 表单错误态，输出到默认或自定义触发器。 */
-    invalid?: boolean;
     /** Size of the swatch trigger. */
     size?: "sm" | "md" | "lg";
     /** Where the panel appears relative to the trigger. */

package/dist/ColorPicker.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 ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "defaultValue" | "onChange" | "children" | "color">, ComponentThemeProps {
     /** Controlled hex color (e.g. "#ff6b6b"). */
@@ -12,8 +12,6 @@ interface ColorPickerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
     onChangeComplete?: (hex: string) => void;
     /** Disable the trigger. */
     disabled?: boolean;
-    /** 表单错误态，输出到默认或自定义触发器。 */
-    invalid?: boolean;
     /** Size of the swatch trigger. */
     size?: "sm" | "md" | "lg";
     /** Where the panel appears relative to the trigger. */

package/dist/ColorPicker.js

@@ -1,9 +1,8 @@
-export { ColorPicker } from './chunk-5OBJUNBW.js';
-import './chunk-3VUHXQFC.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 { ColorPicker } from './chunk-AEMDX4S7.js';
+import './chunk-NKIXCDZC.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';