@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/Select.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconSlot } from './Icon.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 import 'react/jsx-runtime';
 
 interface SelectOption<T extends string | number = string> {
@@ -7,6 +8,8 @@ interface SelectOption<T extends string | number = string> {
     label: React.ReactNode;
     /** Searchable text — used by default filter when `label` isn't a string. */
     text?: string;
+    /** 复杂标签或 optionRender 使用的独立可访问名称。 */
+    ariaLabel?: string;
     /** Secondary line shown beneath the label. */
     description?: React.ReactNode;
     /** Leading icon. Accepts a built-in icon name or custom React node. */
@@ -20,13 +23,24 @@ interface SelectOptionGroup<T extends string | number = string> {
 }
 type SelectItem<T extends string | number = string> = SelectOption<T> | SelectOptionGroup<T>;
 type SelectFilterOption<T extends string | number = string> = boolean | ((input: string, option: SelectOption<T>) => boolean);
+/** 自定义选项内容渲染时可用的状态。 */
+interface SelectOptionRenderInfo {
+    index: number;
+    selected: boolean;
+    active: boolean;
+}
+/** 自定义已选内容渲染时可用的状态。 */
+interface SelectSelectedRenderInfo<T extends string | number = string> {
+    value: T;
+    multiple: boolean;
+}
 type SelectSingleChangeHandler<T extends string | number = string> = {
     bivarianceHack(value: any): void;
 }["bivarianceHack"];
 type SelectMultiChangeHandler<T extends string | number = string> = {
     bivarianceHack(value: T[]): void;
 }["bivarianceHack"];
-interface BaseSelectProps<T extends string | number = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+interface BaseSelectProps<T extends string | number = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
     /** Flat or mixed (groups + options) item list. */
     options: SelectItem<T>[];
     placeholder?: string;
@@ -52,6 +66,16 @@ interface BaseSelectProps<T extends string | number = string> extends Omit<React
     loading?: boolean;
     /** Custom empty content when no options match. */
     emptyContent?: React.ReactNode;
+    /** 自定义菜单内的完整选项内容；选择标记仍由 Select 负责。 */
+    optionRender?: (option: SelectOption<T>, info: SelectOptionRenderInfo) => React.ReactNode;
+    /** 自定义触发器中的紧凑已选内容，避免复用复杂的 option 内容。 */
+    selectedRender?: (option: SelectOption<T>, info: SelectSelectedRenderInfo<T>) => React.ReactNode;
+    /** 菜单选项滚动区域的最大高度。 */
+    listHeight?: number;
+    /** Portal 菜单的额外内联样式，可覆盖宽度或高度。 */
+    popupStyle?: React.CSSProperties;
+    /** 按当前选择动态禁用候选项；静态 disabled 仍然优先。 */
+    getOptionDisabled?: (option: SelectOption<T>, selectedValues: readonly T[]) => boolean;
     /** Controlled open state. */
     open?: boolean;
     defaultOpen?: boolean;
@@ -81,13 +105,14 @@ interface MultiSelectProps<T extends string | number = string> extends BaseSelec
     onClear?: () => void;
     /** Max selected items shown as tags before collapsing to "+N". */
     maxTagCount?: number;
+    /** 多选允许的最大选择数；达到上限后禁用尚未选中的候选项。 */
+    maxCount?: number;
 }
 type SelectProps<T extends string | number = string> = SingleSelectProps<T> | MultiSelectProps<T>;
 type SelectComponent = {
     <T extends string | number = string>(props: SingleSelectProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;
     <T extends string | number = string>(props: MultiSelectProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;
 };
-/** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */
 declare const Select: SelectComponent;
 
-export { type MultiSelectProps, Select, type SelectFilterOption, type SelectItem, type SelectMultiChangeHandler, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectSingleChangeHandler, type SingleSelectProps };
+export { type MultiSelectProps, Select, type SelectFilterOption, type SelectItem, type SelectMultiChangeHandler, type SelectOption, type SelectOptionGroup, type SelectOptionRenderInfo, type SelectProps, type SelectSelectedRenderInfo, type SelectSingleChangeHandler, type SingleSelectProps };

package/dist/Select.js

@@ -1,6 +1,9 @@
-export { Select } from './chunk-E22OIVYP.js';
-import './chunk-6K5YI4ZE.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-FDZG27IG.js';
+export { Select } from './chunk-DURKCGEM.js';
+import './chunk-62VV5COT.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/{Skeleton-CVWH2VWN.css → Skeleton-FMFE3BRI.css}

@@ -1,14 +1,14 @@
 /* ============ Skeleton ============ */
 .skeleton {
   display: block;
-  background: color-mix(in oklch, var(--accent-soft) 55%, var(--bg-sunken));
+  background: color-mix(in oklch, var(--lmn-skeleton-accent-soft, var(--accent-soft)) 55%, var(--lmn-skeleton-bg-sunken, var(--bg-sunken)));
   border-radius: var(--r-sm);
 }
 .skeleton.wave {
   background: linear-gradient(90deg,
-    color-mix(in oklch, var(--accent-soft) 35%, var(--bg-sunken)),
-    color-mix(in oklch, var(--accent-soft) 75%, var(--bg-sunken)),
-    color-mix(in oklch, var(--accent-soft) 35%, var(--bg-sunken)));
+    color-mix(in oklch, var(--lmn-skeleton-accent-soft, var(--accent-soft)) 35%, var(--lmn-skeleton-bg-sunken, var(--bg-sunken))),
+    color-mix(in oklch, var(--lmn-skeleton-accent-soft, var(--accent-soft)) 75%, var(--lmn-skeleton-bg-sunken, var(--bg-sunken))),
+    color-mix(in oklch, var(--lmn-skeleton-accent-soft, var(--accent-soft)) 35%, var(--lmn-skeleton-bg-sunken, var(--bg-sunken))));
   background-size: 200% 100%;
   animation: skel-wave 1.4s ease-in-out infinite;
 }
@@ -38,3 +38,8 @@
 .skeleton-box .skeleton-row {
   display: block;
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .skeleton.wave,
+  .skeleton.pulse { animation: none; }
+}

package/dist/Skeleton.cjs

@@ -1,10 +1,12 @@
 'use strict';
 
-var chunkM4NJTJKV_cjs = require('./chunk-M4NJTJKV.cjs');
+var chunkLDX6Q6RK_cjs = require('./chunk-LDX6Q6RK.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkM4NJTJKV_cjs.Skeleton; }
+  get: function () { return chunkLDX6Q6RK_cjs.Skeleton; }
 });

package/dist/Skeleton.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 interface SkeletonAvatarConfig {
     shape?: "circle" | "square";
@@ -11,7 +12,7 @@ interface SkeletonParagraphConfig {
     rows?: number;
     width?: (number | string)[];
 }
-interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title">, ComponentThemeProps {
     width?: number | string;
     height?: number | string;
     circle?: boolean;
@@ -22,9 +23,6 @@ interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title">
     paragraph?: boolean | SkeletonParagraphConfig;
     className?: string;
 }
-/**
- * `Skeleton` — content placeholder during loading.
- */
 declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLElement>>;
 
 export { Skeleton, type SkeletonAvatarConfig, type SkeletonParagraphConfig, type SkeletonProps, type SkeletonTitleConfig };

package/dist/Skeleton.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 interface SkeletonAvatarConfig {
     shape?: "circle" | "square";
@@ -11,7 +12,7 @@ interface SkeletonParagraphConfig {
     rows?: number;
     width?: (number | string)[];
 }
-interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title">, ComponentThemeProps {
     width?: number | string;
     height?: number | string;
     circle?: boolean;
@@ -22,9 +23,6 @@ interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title">
     paragraph?: boolean | SkeletonParagraphConfig;
     className?: string;
 }
-/**
- * `Skeleton` — content placeholder during loading.
- */
 declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLElement>>;
 
 export { Skeleton, type SkeletonAvatarConfig, type SkeletonParagraphConfig, type SkeletonProps, type SkeletonTitleConfig };

package/dist/Skeleton.js

@@ -1 +1,3 @@
-export { Skeleton } from './chunk-R3DTXVP2.js';
+export { Skeleton } from './chunk-5AXNUX3J.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/Slider-FZ5MI4X2.css

@@ -0,0 +1,145 @@
+/* ============ Slider ============ */
+.slider {
+  position: relative;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  min-height: 36px;
+}
+.slider.has-marks { padding-bottom: 26px; }
+.slider.disabled { opacity: 0.5; cursor: not-allowed; }
+
+/* Rail: positioning context for track + thumbs + marks */
+.slider-rail {
+  position: relative;
+  flex: 1 1 0%;
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+
+.slider-track {
+  position: relative;
+  width: 100%;
+  height: 10px;
+  border-radius: 999px;
+  background: var(--lmn-slider-bg, var(--bg));
+  box-shadow: var(--lmn-slider-neu-shadow-inset, var(--neu-shadow-inset));
+  touch-action: none;
+  z-index: 1;
+}
+
+.slider-fill {
+  position: absolute;
+  top: 0; bottom: 0;
+  background: linear-gradient(90deg, color-mix(in oklch, var(--lmn-slider-accent, var(--accent)) 70%, white), var(--lmn-slider-accent, var(--accent)));
+  box-shadow: 0 0 12px var(--lmn-slider-accent-glow, var(--accent-glow));
+  border-radius: 999px;
+  transition: left var(--dur-fast) var(--ease), right var(--dur-fast) var(--ease);
+  pointer-events: none;
+}
+
+.slider-thumb {
+  position: absolute;
+  top: 50%;
+  width: 22px; height: 22px;
+  border-radius: 999px;
+  background: var(--lmn-slider-bg-raised, var(--bg-raised));
+  box-shadow: var(--lmn-slider-neu-shadow-control, var(--neu-shadow-control));
+  transform: translate(-50%, -50%);
+  transition: all var(--dur-fast) var(--ease);
+  display: grid; place-items: center;
+  z-index: 3;
+  outline: none;
+  touch-action: none;
+}
+.slider-thumb::after {
+  content: "";
+  width: 6px; height: 6px;
+  border-radius: 999px;
+  background: var(--slider-thumb-color, var(--lmn-slider-accent, var(--accent)));
+}
+.slider-thumb:focus-visible {
+  box-shadow: var(--lmn-slider-neu-shadow-control, var(--neu-shadow-control)), 0 0 0 3px var(--lmn-slider-accent-glow, var(--accent-glow));
+}
+.slider:hover .slider-thumb { transform: translate(-50%, -50%) scale(1.08); }
+
+.slider-value {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--lmn-slider-accent-ink, var(--accent-ink));
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+/* Tone variants */
+.slider.success .slider-thumb { --slider-thumb-color: var(--lmn-slider-success, var(--success)); }
+.slider.success .slider-fill { background: linear-gradient(90deg, color-mix(in oklch, var(--lmn-slider-success, var(--success)) 70%, white), var(--lmn-slider-success, var(--success))); box-shadow: 0 0 10px color-mix(in oklch, var(--lmn-slider-success, var(--success)) 35%, transparent); }
+.slider.success .slider-thumb:focus-visible { box-shadow: var(--lmn-slider-neu-shadow-control, var(--neu-shadow-control)), 0 0 0 3px color-mix(in oklch, var(--lmn-slider-success, var(--success)) 35%, transparent); }
+.slider.warning .slider-thumb { --slider-thumb-color: var(--lmn-slider-warning, var(--warning)); }
+.slider.warning .slider-fill { background: linear-gradient(90deg, color-mix(in oklch, var(--lmn-slider-warning, var(--warning)) 70%, white), var(--lmn-slider-warning, var(--warning))); box-shadow: 0 0 10px color-mix(in oklch, var(--lmn-slider-warning, var(--warning)) 35%, transparent); }
+.slider.warning .slider-thumb:focus-visible { box-shadow: var(--lmn-slider-neu-shadow-control, var(--neu-shadow-control)), 0 0 0 3px color-mix(in oklch, var(--lmn-slider-warning, var(--warning)) 35%, transparent); }
+.slider.danger .slider-thumb { --slider-thumb-color: var(--lmn-slider-danger, var(--danger)); }
+.slider.danger  .slider-fill { background: linear-gradient(90deg, color-mix(in oklch, var(--lmn-slider-danger, var(--danger)) 70%, white), var(--lmn-slider-danger, var(--danger)));  box-shadow: 0 0 10px color-mix(in oklch, var(--lmn-slider-danger, var(--danger)) 35%, transparent); }
+.slider.danger  .slider-thumb:focus-visible { box-shadow: var(--lmn-slider-neu-shadow-control, var(--neu-shadow-control)), 0 0 0 3px color-mix(in oklch, var(--lmn-slider-danger, var(--danger)) 35%, transparent); }
+
+/* Marks */
+.slider-marks {
+  position: absolute;
+  left: 0; right: 0;
+  bottom: -26px;
+  height: 22px;
+  pointer-events: none;
+}
+.slider-mark {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  font: inherit;
+  position: absolute;
+  transform: translateX(-50%);
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  pointer-events: auto;
+  cursor: pointer;
+  color: var(--lmn-slider-fg-subtle, var(--fg-subtle));
+  font-size: 11px;
+  user-select: none;
+}
+.slider-mark-dot {
+  width: 6px; height: 6px;
+  border-radius: 999px;
+  background: var(--lmn-slider-bg, var(--bg));
+  box-shadow: var(--lmn-slider-neu-shadow-inset, var(--neu-shadow-inset));
+  position: absolute;
+  top: -12px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1;
+}
+.slider-mark.active .slider-mark-dot { background: var(--lmn-slider-accent, var(--accent)); box-shadow: 0 0 6px var(--lmn-slider-accent-glow, var(--accent-glow)); }
+.slider.success .slider-mark.active .slider-mark-dot { background: var(--lmn-slider-success, var(--success)); box-shadow: 0 0 6px color-mix(in oklch, var(--lmn-slider-success, var(--success)) 35%, transparent); }
+.slider.warning .slider-mark.active .slider-mark-dot { background: var(--lmn-slider-warning, var(--warning)); box-shadow: 0 0 6px color-mix(in oklch, var(--lmn-slider-warning, var(--warning)) 35%, transparent); }
+.slider.danger  .slider-mark.active .slider-mark-dot { background: var(--lmn-slider-danger, var(--danger));  box-shadow: 0 0 6px color-mix(in oklch, var(--lmn-slider-danger, var(--danger)) 35%, transparent); }
+.slider-mark-label { white-space: nowrap; }
+.slider-mark.edge-start {
+  transform: none;
+  align-items: flex-start;
+}
+.slider-mark.edge-start .slider-mark-dot {
+  left: 0;
+}
+.slider-mark.edge-end {
+  transform: translateX(-100%);
+  align-items: flex-end;
+}
+.slider-mark.edge-end .slider-mark-dot {
+  left: 100%;
+}
+.slider-mark.active .slider-mark-label { color: var(--lmn-slider-accent-ink, var(--accent-ink)); font-weight: 500; }
+.slider-mark:hover .slider-mark-label { color: var(--lmn-slider-fg, var(--fg)); }
+.slider.disabled .slider-mark { pointer-events: none; }

package/dist/Slider.cjs

@@ -1,10 +1,12 @@
 'use strict';
 
-var chunkMPOO5VPW_cjs = require('./chunk-MPOO5VPW.cjs');
+var chunkZYIE3BH7_cjs = require('./chunk-ZYIE3BH7.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkMPOO5VPW_cjs.Slider; }
+  get: function () { return chunkZYIE3BH7_cjs.Slider; }
 });

package/dist/Slider.d.cts

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type SliderRangeValue = [number, number];
 type SliderValue = number | SliderRangeValue;
-interface SliderBaseProps {
+/** Slider 单值与区间模式共享的基础属性。 */
+interface SliderBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
     min?: number;
     max?: number;
     step?: number;
@@ -14,6 +16,8 @@ interface SliderBaseProps {
     /** Tick marks with labels. Clicking a mark snaps to it. */
     marks?: Record<number, React.ReactNode>;
     className?: string;
+    /** 单滑块标签，或区间模式下起点/终点滑块标签。 */
+    ariaLabel?: string | [string, string];
 }
 interface SliderSingleProps extends SliderBaseProps {
     range?: false;
@@ -28,9 +32,6 @@ interface SliderRangeProps extends SliderBaseProps {
     onChange?: (value: SliderRangeValue) => void;
 }
 type SliderProps = SliderSingleProps | SliderRangeProps;
-/** `Slider` — neumorphic range input with grooved track.
- * @example <Slider defaultValue={40} showValue />
- */
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderValue };
+export { Slider, type SliderBaseProps, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderValue };

package/dist/Slider.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 type SliderRangeValue = [number, number];
 type SliderValue = number | SliderRangeValue;
-interface SliderBaseProps {
+/** Slider 单值与区间模式共享的基础属性。 */
+interface SliderBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
     min?: number;
     max?: number;
     step?: number;
@@ -14,6 +16,8 @@ interface SliderBaseProps {
     /** Tick marks with labels. Clicking a mark snaps to it. */
     marks?: Record<number, React.ReactNode>;
     className?: string;
+    /** 单滑块标签，或区间模式下起点/终点滑块标签。 */
+    ariaLabel?: string | [string, string];
 }
 interface SliderSingleProps extends SliderBaseProps {
     range?: false;
@@ -28,9 +32,6 @@ interface SliderRangeProps extends SliderBaseProps {
     onChange?: (value: SliderRangeValue) => void;
 }
 type SliderProps = SliderSingleProps | SliderRangeProps;
-/** `Slider` — neumorphic range input with grooved track.
- * @example <Slider defaultValue={40} showValue />
- */
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderValue };
+export { Slider, type SliderBaseProps, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderValue };

package/dist/Slider.js

@@ -1 +1,3 @@
-export { Slider } from './chunk-D7GK6H6V.js';
+export { Slider } from './chunk-K5HGHOG7.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{Spin-GONGPV4Q.css → Spin-F5YIEENO.css}

@@ -9,18 +9,18 @@
   display: inline-block;
 }
 
-.spin.accent  { color: var(--accent); }
-.spin.success { color: var(--success); }
-.spin.warning { color: var(--warning); }
-.spin.danger  { color: var(--danger); }
+.spin.accent  { color: var(--lmn-spin-accent, var(--accent)); }
+.spin.success { color: var(--lmn-spin-success, var(--success)); }
+.spin.warning { color: var(--lmn-spin-warning, var(--warning)); }
+.spin.danger  { color: var(--lmn-spin-danger, var(--danger)); }
 
 .spin.ring {
   position: relative;
   display: inline-block;
   border: none;
   border-radius: 50%;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-spin-bg, var(--bg));
+  box-shadow: var(--lmn-spin-neu-shadow-inset, var(--neu-shadow-inset));
   animation: none;
 }
 
@@ -66,9 +66,9 @@
   height: 0.4em;
   border-radius: 999px;
   background: radial-gradient(circle at 32% 28%,
-    color-mix(in oklch, currentColor 40%, var(--bg)),
+    color-mix(in oklch, currentColor 40%, var(--lmn-spin-bg, var(--bg))),
     currentColor 62%,
-    color-mix(in oklch, currentColor 82%, var(--fg)) 100%);
+    color-mix(in oklch, currentColor 82%, var(--lmn-spin-fg, var(--fg))) 100%);
   box-shadow:
     0 0.06em 0.14em color-mix(in oklch, currentColor 45%, transparent),
     0 0 0.35em color-mix(in oklch, currentColor 50%, transparent);
@@ -88,7 +88,13 @@
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  color: var(--fg-muted);
+  color: var(--lmn-spin-fg-muted, var(--fg-muted));
 }
 
 .spin-label { font-size: 12px; }
+
+@media (prefers-reduced-motion: reduce) {
+  .spin,
+  .spin.ring::before,
+  .spin.dots i { animation: none; }
+}

package/dist/Spin.cjs

@@ -1,10 +1,12 @@
 'use strict';
 
-var chunkBW76ENTW_cjs = require('./chunk-BW76ENTW.cjs');
+var chunkRERMZNF3_cjs = require('./chunk-RERMZNF3.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Spin", {
   enumerable: true,
-  get: function () { return chunkBW76ENTW_cjs.Spin; }
+  get: function () { return chunkRERMZNF3_cjs.Spin; }
 });

package/dist/Spin.d.cts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type SpinSize = "small" | "default" | "large" | number;
-interface SpinProps extends React.HTMLAttributes<HTMLSpanElement> {
+interface SpinProps extends React.HTMLAttributes<HTMLSpanElement>, ComponentThemeProps {
     size?: SpinSize;
     tone?: "accent" | "success" | "warning" | "danger" | "current";
     /** Text rendered next to the indicator. */
@@ -14,7 +15,6 @@ interface SpinProps extends React.HTMLAttributes<HTMLSpanElement> {
     spinning?: boolean;
     className?: string;
 }
-/** `Spin` — loading indicator. */
 declare const Spin: React.ForwardRefExoticComponent<SpinProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Spin, type SpinProps, type SpinSize };

package/dist/Spin.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 type SpinSize = "small" | "default" | "large" | number;
-interface SpinProps extends React.HTMLAttributes<HTMLSpanElement> {
+interface SpinProps extends React.HTMLAttributes<HTMLSpanElement>, ComponentThemeProps {
     size?: SpinSize;
     tone?: "accent" | "success" | "warning" | "danger" | "current";
     /** Text rendered next to the indicator. */
@@ -14,7 +15,6 @@ interface SpinProps extends React.HTMLAttributes<HTMLSpanElement> {
     spinning?: boolean;
     className?: string;
 }
-/** `Spin` — loading indicator. */
 declare const Spin: React.ForwardRefExoticComponent<SpinProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Spin, type SpinProps, type SpinSize };

package/dist/Spin.js

@@ -1 +1,3 @@
-export { Spin } from './chunk-FYSXJXNW.js';
+export { Spin } from './chunk-PQOBBASY.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{Splitter-DHNOY4NC.css → Splitter-IQ3PFIKK.css}

@@ -39,16 +39,16 @@
 }
 .splitter-handle:hover,
 .splitter.dragging > .splitter-handle {
-  background: var(--accent-soft);
+  background: var(--lmn-splitter-accent-soft, var(--accent-soft));
 }
 .splitter-handle:focus-visible {
-  box-shadow: inset 0 0 0 2px var(--accent-glow);
+  box-shadow: inset 0 0 0 2px var(--lmn-splitter-accent-glow, var(--accent-glow));
   border-radius: var(--r-xs);
 }
 
 .splitter-handle-grip {
   display: block;
-  background: var(--divider);
+  background: var(--lmn-splitter-divider, var(--divider));
   border-radius: 999px;
   transition: background var(--dur-fast) var(--ease);
 }
@@ -62,5 +62,5 @@
 }
 .splitter-handle:hover > .splitter-handle-grip,
 .splitter.dragging > .splitter-handle > .splitter-handle-grip {
-  background: var(--accent);
+  background: var(--lmn-splitter-accent, var(--accent));
 }

package/dist/Splitter.cjs

@@ -1,10 +1,12 @@
 'use strict';
 
-var chunkN7OQNSII_cjs = require('./chunk-N7OQNSII.cjs');
+var chunkJBS353O4_cjs = require('./chunk-JBS353O4.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Splitter", {
   enumerable: true,
-  get: function () { return chunkN7OQNSII_cjs.Splitter; }
+  get: function () { return chunkJBS353O4_cjs.Splitter; }
 });

package/dist/Splitter.d.cts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type SplitterDirection = "horizontal" | "vertical";
-interface SplitterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onResize"> {
+interface SplitterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onResize">, ComponentThemeProps {
     /**
      * Layout direction.
      * - `"horizontal"` (default) — children placed left/right, handle is a vertical bar.
@@ -27,18 +28,23 @@ interface SplitterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
     className?: string;
     /** Extra className on the drag handle. */
     handleClassName?: string;
+    /** 原生属性透传到拖拽手柄，可用于设置 aria-label。 */
+    handleProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "onPointerDown">;
+    /** 第一个面板的附加类名。 */
+    firstPaneClassName?: string;
+    /** 第一个面板的内联样式，优先级高于内部分栏尺寸样式。 */
+    firstPaneStyle?: React.CSSProperties;
+    /** 第二个面板的附加类名。 */
+    secondPaneClassName?: string;
+    /** 第二个面板的内联样式。 */
+    secondPaneStyle?: React.CSSProperties;
+    /** 自定义分隔手柄内容；传入 null 可隐藏默认握柄。 */
+    handle?: React.ReactNode;
+    /** 第二个面板保留的最小尺寸。默认 24px。 */
+    secondMin?: number;
+    /** 可选持久化键；仅保存一个数值尺寸。 */
+    storageKey?: string;
 }
-/**
- * `Splitter` — draggable split between two panels. Keyboard-accessible.
- *
- * @example
- * ```tsx
- * <Splitter defaultSize={240} min={160} max={400}>
- *   <Sidebar ... />
- *   <main>...</main>
- * </Splitter>
- * ```
- */
 declare const Splitter: React.ForwardRefExoticComponent<SplitterProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Splitter, type SplitterDirection, type SplitterProps };