@fangxinyan/lumina 0.6.17 → 0.7.0

package/dist/Card-VPMTWAWZ.css

@@ -0,0 +1,98 @@
+/* ============ Card ============ */
+.card {
+  --card-bg: var(--lmn-card-bg, var(--bg));
+  --card-loading-bg: color-mix(in srgb, var(--lmn-card-bg, var(--bg)) 72%, var(--lmn-card-bg-sunken, var(--bg-sunken)));
+  background: var(--card-bg);
+  color: var(--lmn-card-fg, var(--fg));
+  border-radius: var(--r-lg);
+  box-shadow: var(--lmn-card-neu-shadow-panel, var(--neu-shadow-panel));
+  padding: var(--gap-5);
+  position: relative;
+}
+.card.fill {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  height: 100%;
+}
+.card.flat   { box-shadow: var(--lmn-card-neu-shadow-subtle, var(--neu-shadow-subtle)); }
+.card.sunken { box-shadow: var(--lmn-card-neu-shadow-inset-strong, var(--neu-shadow-inset-strong)); }
+.card.pad-none { padding: 0; }
+.card.pad-sm   { padding: var(--gap-3); }
+.card.pad-lg   { padding: var(--gap-6); }
+
+.card.hoverable {
+  transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
+}
+.card.interactive { cursor: pointer; }
+.card.interactive.disabled { cursor: not-allowed; opacity: 0.68; }
+.card.hoverable:hover {
+  transform: translateY(-3px);
+  box-shadow: var(--lmn-card-neu-shadow-lift, var(--neu-shadow-lift));
+}
+.card.hoverable.flat:hover { box-shadow: var(--lmn-card-neu-shadow-control, var(--neu-shadow-control)); }
+.card.hoverable.sunken:hover { box-shadow: var(--lmn-card-neu-shadow-panel, var(--neu-shadow-panel)); }
+
+.card-interactive-control.btn {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  min-width: 0;
+  padding: 0;
+  margin: -1px;
+  border-radius: inherit;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.card:has(> .card-interactive-control:focus-visible) {
+  box-shadow: var(--lmn-card-neu-shadow-panel, var(--neu-shadow-panel)), 0 0 0 2px var(--lmn-card-accent-glow, var(--accent-glow));
+}
+
+.card-head {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  gap: var(--gap-3); margin-bottom: var(--gap-4);
+}
+.card-titles { display: flex; flex-direction: column; gap: 2px; }
+.card-title { font-size: 15px; font-weight: 600; }
+.card-desc  { font-size: 12px; color: var(--lmn-card-fg-muted, var(--fg-muted)); }
+.card-actions { display: flex; gap: 6px; }
+.card-body {
+  font-size: 13px;
+  min-width: 0;
+  position: relative;
+}
+.card-body-content { display: contents; }
+.card-body.body-stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--gap-3);
+}
+.card-body.body-fill {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+.card-body.body-center {
+  display: grid;
+  place-items: center;
+}
+.card-body.loading {
+  pointer-events: none;
+}
+
+.card-loading-overlay {
+  position: absolute;
+  inset: calc(var(--gap-2) * -1);
+  border-radius: var(--r-md);
+  display: grid;
+  place-items: center;
+  background: var(--card-loading-bg);
+  box-shadow:
+    inset calc(var(--lmn-card-shadow-inset-offset, var(--shadow-inset-offset)) * 0.45) calc(var(--lmn-card-shadow-inset-offset, var(--shadow-inset-offset)) * 0.45) calc(var(--lmn-card-shadow-inset-blur, var(--shadow-inset-blur)) * 0.45) color-mix(in oklch, var(--lmn-card-shadow-dark, var(--shadow-dark)) 55%, transparent),
+    inset calc(var(--lmn-card-shadow-inset-offset, var(--shadow-inset-offset)) * -0.45) calc(var(--lmn-card-shadow-inset-offset, var(--shadow-inset-offset)) * -0.45) calc(var(--lmn-card-shadow-inset-blur, var(--shadow-inset-blur)) * 0.45) color-mix(in oklch, var(--lmn-card-shadow-light, var(--shadow-light)) 72%, transparent);
+  color: var(--lmn-card-fg-muted, var(--fg-muted));
+  z-index: 1;
+}

package/dist/Card.cjs

@@ -1,11 +1,15 @@
 'use strict';
 
-var chunk262ED6WQ_cjs = require('./chunk-262ED6WQ.cjs');
-require('./chunk-BW76ENTW.cjs');
+var chunk5CZA33BK_cjs = require('./chunk-5CZA33BK.cjs');
+require('./chunk-RERMZNF3.cjs');
+require('./chunk-T4RR6NVU.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunk262ED6WQ_cjs.Card; }
+  get: function () { return chunk5CZA33BK_cjs.Card; }
 });

package/dist/Card.d.cts

@@ -1,10 +1,13 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
+/** 卡片正文允许透传的 data-* 属性。 */
 type DataAttributes = {
     [K in `data-${string}`]?: string | number | boolean | undefined;
 };
+/** 卡片正文包装节点可接收的原生属性。 */
 type CardBodyProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "style"> & DataAttributes;
-interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, ComponentThemeProps {
     /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */
     variant?: "raised" | "sunken" | "flat";
     /** Custom card background. Accepts CSS colors, theme tokens, color-mix and gradients. */
@@ -13,6 +16,10 @@ interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">
     padding?: "none" | "sm" | "md" | "lg";
     /** When true, the card raises and lifts on hover. */
     hoverable?: boolean;
+    /** 赋予卡片按钮式键盘语义；默认在提供 onClick 时自动开启。 */
+    interactive?: boolean;
+    /** 禁用交互式卡片。 */
+    disabled?: boolean;
     /** Optional card heading. */
     title?: React.ReactNode;
     /** Secondary text shown under `title`. */
@@ -35,9 +42,6 @@ interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">
     loadingOverlay?: React.ReactNode;
     children?: React.ReactNode;
 }
-/**
- * `Card` — neumorphic surface container. Use to group related content.
- */
 declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Card, type CardProps };

package/dist/Card.d.ts

@@ -1,10 +1,13 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
+/** 卡片正文允许透传的 data-* 属性。 */
 type DataAttributes = {
     [K in `data-${string}`]?: string | number | boolean | undefined;
 };
+/** 卡片正文包装节点可接收的原生属性。 */
 type CardBodyProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "style"> & DataAttributes;
-interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, ComponentThemeProps {
     /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */
     variant?: "raised" | "sunken" | "flat";
     /** Custom card background. Accepts CSS colors, theme tokens, color-mix and gradients. */
@@ -13,6 +16,10 @@ interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">
     padding?: "none" | "sm" | "md" | "lg";
     /** When true, the card raises and lifts on hover. */
     hoverable?: boolean;
+    /** 赋予卡片按钮式键盘语义；默认在提供 onClick 时自动开启。 */
+    interactive?: boolean;
+    /** 禁用交互式卡片。 */
+    disabled?: boolean;
     /** Optional card heading. */
     title?: React.ReactNode;
     /** Secondary text shown under `title`. */
@@ -35,9 +42,6 @@ interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">
     loadingOverlay?: React.ReactNode;
     children?: React.ReactNode;
 }
-/**
- * `Card` — neumorphic surface container. Use to group related content.
- */
 declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Card, type CardProps };

package/dist/Card.js

@@ -1,2 +1,6 @@
-export { Card } from './chunk-ARUPS7JH.js';
-import './chunk-FYSXJXNW.js';
+export { Card } from './chunk-Y2MT6PI6.js';
+import './chunk-PQOBBASY.js';
+import './chunk-JHM7MN3G.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/Cascader-YBVDK6DC.css

@@ -0,0 +1,168 @@
+/* ============ Cascader ============ */
+.cascader {
+  position: relative;
+  display: inline-block;
+  min-width: 240px;
+  width: 100%;
+}
+.cascader-trigger {
+  width: 100%;
+  height: var(--ctrl-h);
+  padding: 0 36px 0 var(--ctrl-pad-x);
+  border-radius: var(--r-md);
+  background: var(--lmn-cascader-bg, var(--bg));
+  box-shadow: var(--lmn-cascader-neu-shadow-control, var(--neu-shadow-control));
+  display: inline-flex;
+  align-items: center;
+  font-size: 13px;
+  font-family: inherit;
+  cursor: pointer;
+  position: relative;
+  border: none;
+  color: var(--lmn-cascader-fg, var(--fg));
+  text-align: left;
+}
+.cascader-trigger.placeholder { color: var(--lmn-cascader-fg-subtle, var(--fg-subtle)); }
+.cascader-value {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.cascader.open .cascader-trigger { box-shadow: var(--lmn-cascader-neu-shadow-inset, var(--neu-shadow-inset)); color: var(--lmn-cascader-accent-ink, var(--accent-ink)); }
+.cascader-clear {
+  position: absolute;
+  right: 30px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 20px;
+  height: 20px;
+  border-radius: 999px;
+  background: var(--lmn-cascader-bg, var(--bg));
+  box-shadow: var(--lmn-cascader-neu-shadow-control, var(--neu-shadow-control));
+  display: inline-grid;
+  place-items: center;
+  color: var(--lmn-cascader-fg-subtle, var(--fg-subtle));
+  opacity: 0;
+  transition: all var(--dur-fast) var(--ease);
+}
+.cascader:hover .cascader-clear { opacity: 1; }
+.cascader-clear:hover { color: var(--lmn-cascader-accent-ink, var(--accent-ink)); box-shadow: var(--lmn-cascader-neu-shadow-inset, var(--neu-shadow-inset)); }
+.cascader-panel {
+  z-index: 1000;
+  display: flex;
+  background: var(--lmn-cascader-bg, var(--bg));
+  border-radius: var(--r-md);
+  box-shadow: var(--lmn-cascader-neu-shadow-float, var(--neu-shadow-float));
+  padding: 6px;
+  animation: menuIn var(--dur) var(--ease);
+  gap: 4px;
+  max-width: calc(100vw - 16px);
+  overflow-x: auto;
+}
+.cascader-panel.with-search {
+  flex-direction: column;
+  min-width: 320px;
+}
+.cascader-columns {
+  display: flex;
+  gap: 4px;
+}
+.cascader-search {
+  padding: 4px 2px 8px;
+  border-bottom: 1px solid var(--lmn-cascader-divider, var(--divider));
+}
+.cascader-search-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  max-height: var(--cascader-list-height, 280px);
+  overflow-y: auto;
+  padding: 4px;
+}
+.cascader-search-item {
+  border: none;
+  background: transparent;
+  color: var(--lmn-cascader-fg, var(--fg));
+  border-radius: var(--r-sm);
+  padding: 8px 10px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  font-family: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.cascader-search-item:hover {
+  background: var(--lmn-cascader-bg, var(--bg));
+  box-shadow: var(--lmn-cascader-neu-shadow-subtle, var(--neu-shadow-subtle));
+  color: var(--lmn-cascader-accent-ink, var(--accent-ink));
+}
+.cascader-path-sep { color: var(--lmn-cascader-fg-subtle, var(--fg-subtle)); }
+.cascader-empty {
+  padding: 24px 12px;
+  text-align: center;
+  color: var(--lmn-cascader-fg-muted, var(--fg-muted));
+  font-size: 12px;
+}
+.cascader-col {
+  min-width: 160px;
+  max-height: var(--cascader-list-height, 280px);
+  overflow-y: auto;
+  padding: 4px;
+  border-radius: var(--r-sm);
+}
+.cascader-col + .cascader-col {
+  border-left: 1px solid var(--lmn-cascader-divider, var(--divider));
+  margin-left: 2px;
+  padding-left: 6px;
+}
+.cascader-item {
+  padding: 8px 10px;
+  border-radius: var(--r-sm);
+  font-size: 13px;
+  color: var(--lmn-cascader-fg, var(--fg));
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: all var(--dur-fast) var(--ease);
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  width: 100%;
+  text-align: left;
+}
+.cascader-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  flex-shrink: 0;
+}
+.cascader-panel.custom-options .cascader-col {
+  min-width: 240px;
+}
+.cascader-item-label,
+.cascader-item-custom {
+  flex: 1;
+  min-width: 0;
+  text-align: left;
+}
+.cascader-icon img {
+  display: block;
+  width: 15px;
+  height: 15px;
+  object-fit: contain;
+}
+.cascader-item:hover { background: var(--lmn-cascader-bg, var(--bg)); box-shadow: var(--lmn-cascader-neu-shadow-subtle, var(--neu-shadow-subtle)); color: var(--lmn-cascader-accent-ink, var(--accent-ink)); }
+.cascader-item.active {
+  background: var(--lmn-cascader-bg, var(--bg));
+  box-shadow: var(--lmn-cascader-neu-shadow-inset, var(--neu-shadow-inset));
+  color: var(--lmn-cascader-accent-ink, var(--accent-ink));
+  font-weight: 500;
+}
+.cascader-item .chev { margin-left: auto; color: var(--lmn-cascader-fg-subtle, var(--fg-subtle)); display: inline-flex; }
+.cascader-item.active .chev { color: var(--lmn-cascader-accent, var(--accent)); }

package/dist/Cascader.cjs

@@ -1,14 +1,17 @@
 'use strict';
 
-var chunkRSSOX4RQ_cjs = require('./chunk-RSSOX4RQ.cjs');
-require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkQDCPVI3S_cjs = require('./chunk-QDCPVI3S.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Cascader", {
   enumerable: true,
-  get: function () { return chunkRSSOX4RQ_cjs.Cascader; }
+  get: function () { return chunkQDCPVI3S_cjs.Cascader; }
 });

package/dist/Cascader.d.cts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import { IconSlot } from './Icon.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 import 'react/jsx-runtime';
 
 interface CascaderOption {
     value: string;
     label: React.ReactNode;
+    /** 复杂标签参与默认路径搜索时使用的独立文本。 */
+    text?: string;
+    /** 复杂标签或 optionRender 使用的独立可访问名称。 */
+    ariaLabel?: string;
     /** Leading icon. Accepts a built-in icon name or custom React node. */
     icon?: IconSlot;
     children?: CascaderOption[];
@@ -15,7 +20,13 @@ interface CascaderShowSearchConfig {
     render?: (inputValue: string, path: CascaderOption[]) => React.ReactNode;
     limit?: number | false;
 }
-interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+/** 自定义级联节点内容渲染时可用的状态。 */
+interface CascaderOptionRenderInfo {
+    depth: number;
+    selected: boolean;
+    hasChildren: boolean;
+}
+interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
     options: CascaderOption[];
     value?: string[];
     defaultValue?: string[];
@@ -29,13 +40,20 @@ interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     changeOnSelect?: boolean;
     /** Search mode. */
     showSearch?: boolean | CascaderShowSearchConfig;
+    /** 自定义每一级菜单中的节点内容。 */
+    optionRender?: (option: CascaderOption, info: CascaderOptionRenderInfo) => React.ReactNode;
+    /** 自定义触发器中的紧凑已选内容。 */
+    selectedRender?: (selectedOptions: CascaderOption[], values: string[]) => React.ReactNode;
+    /** 每列及搜索结果滚动区域的最大高度。 */
+    listHeight?: number;
+    /** Portal 浮层的额外内联样式，可覆盖宽度或高度。 */
+    popupStyle?: React.CSSProperties;
     /** Class for the popped-out panel. */
     popupClassName?: string;
     /** Additional alias for `popupClassName`. */
     dropdownClassName?: string;
     className?: string;
 }
-/** `Cascader` — multi-column hierarchical selector. */
 declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Cascader, type CascaderOption, type CascaderProps, type CascaderShowSearchConfig };
+export { Cascader, type CascaderOption, type CascaderOptionRenderInfo, type CascaderProps, type CascaderShowSearchConfig };

package/dist/Cascader.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 import { IconSlot } from './Icon.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 import 'react/jsx-runtime';
 
 interface CascaderOption {
     value: string;
     label: React.ReactNode;
+    /** 复杂标签参与默认路径搜索时使用的独立文本。 */
+    text?: string;
+    /** 复杂标签或 optionRender 使用的独立可访问名称。 */
+    ariaLabel?: string;
     /** Leading icon. Accepts a built-in icon name or custom React node. */
     icon?: IconSlot;
     children?: CascaderOption[];
@@ -15,7 +20,13 @@ interface CascaderShowSearchConfig {
     render?: (inputValue: string, path: CascaderOption[]) => React.ReactNode;
     limit?: number | false;
 }
-interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+/** 自定义级联节点内容渲染时可用的状态。 */
+interface CascaderOptionRenderInfo {
+    depth: number;
+    selected: boolean;
+    hasChildren: boolean;
+}
+interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
     options: CascaderOption[];
     value?: string[];
     defaultValue?: string[];
@@ -29,13 +40,20 @@ interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCh
     changeOnSelect?: boolean;
     /** Search mode. */
     showSearch?: boolean | CascaderShowSearchConfig;
+    /** 自定义每一级菜单中的节点内容。 */
+    optionRender?: (option: CascaderOption, info: CascaderOptionRenderInfo) => React.ReactNode;
+    /** 自定义触发器中的紧凑已选内容。 */
+    selectedRender?: (selectedOptions: CascaderOption[], values: string[]) => React.ReactNode;
+    /** 每列及搜索结果滚动区域的最大高度。 */
+    listHeight?: number;
+    /** Portal 浮层的额外内联样式，可覆盖宽度或高度。 */
+    popupStyle?: React.CSSProperties;
     /** Class for the popped-out panel. */
     popupClassName?: string;
     /** Additional alias for `popupClassName`. */
     dropdownClassName?: string;
     className?: string;
 }
-/** `Cascader` — multi-column hierarchical selector. */
 declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Cascader, type CascaderOption, type CascaderProps, type CascaderShowSearchConfig };
+export { Cascader, type CascaderOption, type CascaderOptionRenderInfo, type CascaderProps, type CascaderShowSearchConfig };

package/dist/Cascader.js

@@ -1,5 +1,8 @@
-export { Cascader } from './chunk-4HJBF4GY.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-FDZG27IG.js';
+export { Cascader } from './chunk-O6G3F5L4.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/Checkbox-IHFML4FV.css

@@ -0,0 +1,50 @@
+/* ============ Checkbox ============ */
+.checkbox {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  user-select: none;
+  font-size: 13px;
+  color: var(--lmn-checkbox-fg, var(--fg));
+}
+.checkbox.disabled { opacity: 0.5; cursor: not-allowed; }
+.checkbox-native {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  pointer-events: none;
+}
+.checkbox:focus-within .checkbox-box { outline: 2px solid var(--lmn-checkbox-accent, var(--accent)); outline-offset: 2px; }
+.checkbox-box {
+  width: 20px; height: 20px;
+  border: none;
+  padding: 0;
+  border-radius: 7px;
+  background: var(--lmn-checkbox-bg, var(--bg));
+  box-shadow: var(--lmn-checkbox-neu-shadow-inset, var(--neu-shadow-inset));
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  cursor: inherit;
+  color: var(--lmn-checkbox-bg, var(--bg));
+  transition: all 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)), 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)), 0 2px 8px var(--lmn-checkbox-accent-glow, var(--accent-glow));
+}
+.checkbox.indeterminate .checkbox-box::after {
+  content: "";
+  width: 10px; height: 2px;
+  background: var(--lmn-checkbox-bg, var(--bg));
+  border-radius: 2px;
+}
+.checkbox.indeterminate .checkbox-box svg { display: none; }

package/dist/Checkbox.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
-var chunkATUPFAPZ_cjs = require('./chunk-ATUPFAPZ.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkKCDOC3HS_cjs = require('./chunk-KCDOC3HS.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkATUPFAPZ_cjs.Checkbox; }
+  get: function () { return chunkKCDOC3HS_cjs.Checkbox; }
 });

package/dist/Checkbox.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
-interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id"> {
+interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id">, ComponentThemeProps {
     checked?: boolean;
     defaultChecked?: boolean;
     indeterminate?: boolean;
@@ -9,8 +10,15 @@ interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>
     label?: React.ReactNode;
     className?: string;
     id?: string;
+    /** 提交原生表单时使用的字段名。 */
+    name?: string;
+    /** 选中时提交给原生表单的字段值，默认为 `"on"`。 */
+    value?: string;
+    /** 是否要求该复选框必须选中。 */
+    required?: boolean;
+    /** 关联的原生 form 元素 id。 */
+    form?: string;
 }
-/** `Checkbox` — binary choice, supports indeterminate state. */
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 
 export { Checkbox, type CheckboxProps };

package/dist/Checkbox.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
-interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id"> {
+interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange" | "children" | "id">, ComponentThemeProps {
     checked?: boolean;
     defaultChecked?: boolean;
     indeterminate?: boolean;
@@ -9,8 +10,15 @@ interface CheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>
     label?: React.ReactNode;
     className?: string;
     id?: string;
+    /** 提交原生表单时使用的字段名。 */
+    name?: string;
+    /** 选中时提交给原生表单的字段值，默认为 `"on"`。 */
+    value?: string;
+    /** 是否要求该复选框必须选中。 */
+    required?: boolean;
+    /** 关联的原生 form 元素 id。 */
+    form?: string;
 }
-/** `Checkbox` — binary choice, supports indeterminate state. */
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;
 
 export { Checkbox, type CheckboxProps };

package/dist/Checkbox.js

@@ -1,2 +1,4 @@
-export { Checkbox } from './chunk-ZD3L4V3H.js';
-import './chunk-FDZG27IG.js';
+export { Checkbox } from './chunk-KATJAJUU.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';