@fangxinyan/lumina 0.7.0 → 0.8.0

package/dist/Pagination.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk56I6ZKGU_cjs = require('./chunk-56I6ZKGU.cjs');
-require('./chunk-D7YSY5RZ.cjs');
+var chunkPJFYIXBX_cjs = require('./chunk-PJFYIXBX.cjs');
+require('./chunk-SF7BPXDJ.cjs');
 require('./chunk-GFKWSDD6.cjs');
 require('./chunk-FJB3243S.cjs');
 require('./chunk-STQDKMS5.cjs');
@@ -15,5 +15,5 @@ require('./chunk-EE5KXDRK.cjs');
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunk56I6ZKGU_cjs.Pagination; }
+  get: function () { return chunkPJFYIXBX_cjs.Pagination; }
 });

package/dist/Pagination.js

@@ -1,5 +1,5 @@
-export { Pagination } from './chunk-BJDQVVCG.js';
-import './chunk-3EHJ5QI3.js';
+export { Pagination } from './chunk-HQNDVNTQ.js';
+import './chunk-DURKCGEM.js';
 import './chunk-62VV5COT.js';
 import './chunk-3QXP2ZNP.js';
 import './chunk-UE4HFGJ6.js';

package/dist/Select.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkD7YSY5RZ_cjs = require('./chunk-D7YSY5RZ.cjs');
+var chunkSF7BPXDJ_cjs = require('./chunk-SF7BPXDJ.cjs');
 require('./chunk-GFKWSDD6.cjs');
 require('./chunk-FJB3243S.cjs');
 require('./chunk-STQDKMS5.cjs');
@@ -14,5 +14,5 @@ require('./chunk-EE5KXDRK.cjs');
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkD7YSY5RZ_cjs.Select; }
+  get: function () { return chunkSF7BPXDJ_cjs.Select; }
 });

package/dist/Select.d.cts

@@ -74,6 +74,8 @@ interface BaseSelectProps<T extends string | number = string> extends Omit<React
     listHeight?: number;
     /** Portal 菜单的额外内联样式，可覆盖宽度或高度。 */
     popupStyle?: React.CSSProperties;
+    /** 按当前选择动态禁用候选项；静态 disabled 仍然优先。 */
+    getOptionDisabled?: (option: SelectOption<T>, selectedValues: readonly T[]) => boolean;
     /** Controlled open state. */
     open?: boolean;
     defaultOpen?: boolean;
@@ -103,6 +105,8 @@ 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 = {

package/dist/Select.d.ts

@@ -74,6 +74,8 @@ interface BaseSelectProps<T extends string | number = string> extends Omit<React
     listHeight?: number;
     /** Portal 菜单的额外内联样式，可覆盖宽度或高度。 */
     popupStyle?: React.CSSProperties;
+    /** 按当前选择动态禁用候选项；静态 disabled 仍然优先。 */
+    getOptionDisabled?: (option: SelectOption<T>, selectedValues: readonly T[]) => boolean;
     /** Controlled open state. */
     open?: boolean;
     defaultOpen?: boolean;
@@ -103,6 +105,8 @@ 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 = {

package/dist/Select.js

@@ -1,4 +1,4 @@
-export { Select } from './chunk-3EHJ5QI3.js';
+export { Select } from './chunk-DURKCGEM.js';
 import './chunk-62VV5COT.js';
 import './chunk-3QXP2ZNP.js';
 import './chunk-UE4HFGJ6.js';

package/dist/Splitter.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkU7VEPMCX_cjs = require('./chunk-U7VEPMCX.cjs');
+var chunkJBS353O4_cjs = require('./chunk-JBS353O4.cjs');
 require('./chunk-NRJXZPZR.cjs');
 require('./chunk-EE5KXDRK.cjs');
 
@@ -8,5 +8,5 @@ require('./chunk-EE5KXDRK.cjs');
 
 Object.defineProperty(exports, "Splitter", {
   enumerable: true,
-  get: function () { return chunkU7VEPMCX_cjs.Splitter; }
+  get: function () { return chunkJBS353O4_cjs.Splitter; }
 });

package/dist/Splitter.d.cts

@@ -30,6 +30,16 @@ interface SplitterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
     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;
     /** 可选持久化键；仅保存一个数值尺寸。 */

package/dist/Splitter.d.ts

@@ -30,6 +30,16 @@ interface SplitterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "chil
     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;
     /** 可选持久化键；仅保存一个数值尺寸。 */

package/dist/Splitter.js

@@ -1,3 +1,3 @@
-export { Splitter } from './chunk-LOWTSOWT.js';
+export { Splitter } from './chunk-J5UEQ3ZQ.js';
 import './chunk-DRDDQCDD.js';
 import './chunk-ULTDRMGN.js';

package/dist/{Table-W4HPZ7MZ.css → Table-KB6EEBDJ.css}

@@ -4,6 +4,7 @@
   background: var(--lmn-table-bg, var(--bg));
   box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset));
   overflow: auto;
+  container-type: inline-size;
 }
 /* When scroll=y is on, the wrap itself becomes the scroll region. */
 .table-wrap.scroll-y { overflow-y: auto; }
@@ -72,6 +73,10 @@
 .table.striped tbody tr:nth-child(even) td {
   background: color-mix(in oklch, var(--lmn-table-bg-sunken, var(--bg-sunken)) 40%, transparent);
 }
+.table:not(.cards) tbody tr.active-row td {
+  background: color-mix(in oklch, var(--lmn-table-accent-soft, var(--accent-soft)) 72%, transparent);
+  color: var(--lmn-table-accent-ink, var(--accent-ink));
+}
 
 /* Embossed: each row sits on the surface */
 .table.embossed { border-spacing: 0; }
@@ -128,11 +133,33 @@
 }
 .table.cards.hoverable tbody tr:hover .card-row-surface { box-shadow: var(--lmn-table-neu-shadow-panel, var(--neu-shadow-panel)); }
 .table.cards.hoverable tbody tr:hover td { background: transparent; }
+.table.cards tbody tr.active-row .card-row-surface {
+  box-shadow:
+    var(--lmn-table-neu-shadow-control, var(--neu-shadow-control)),
+    inset 0 0 0 2px var(--lmn-table-accent-glow, var(--accent-glow));
+}
+.table.cards tbody tr.active-row td {
+  color: var(--lmn-table-accent-ink, var(--accent-ink));
+}
 
 .table .row-check { width: 44px; }
 .table .row-check .checkbox { display: inline-flex; }
 .table .row-expand { width: 40px; text-align: center; }
-.table-empty { padding: 60px 20px; text-align: center; color: var(--lmn-table-fg-muted, var(--fg-muted)); }
+.table .table-empty {
+  padding: 0;
+  color: var(--lmn-table-fg-muted, var(--fg-muted));
+}
+.table-empty-content {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 60px 20px;
+  text-align: center;
+}
+.table-wrap.scroll-x .table-empty-content {
+  position: sticky;
+  left: 0;
+  width: 100cqi;
+}
 
 /* Expand button */
 .expand-btn {

package/dist/Table.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkENFLP7SN_cjs = require('./chunk-ENFLP7SN.cjs');
-require('./chunk-56I6ZKGU.cjs');
-require('./chunk-D7YSY5RZ.cjs');
+var chunkPNKNZREC_cjs = require('./chunk-PNKNZREC.cjs');
+require('./chunk-PJFYIXBX.cjs');
+require('./chunk-SF7BPXDJ.cjs');
 require('./chunk-GFKWSDD6.cjs');
 require('./chunk-KCDOC3HS.cjs');
 require('./chunk-FJB3243S.cjs');
@@ -18,5 +18,5 @@ require('./chunk-EE5KXDRK.cjs');
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkENFLP7SN_cjs.Table; }
+  get: function () { return chunkPNKNZREC_cjs.Table; }
 });

package/dist/Table.d.cts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type RowKey = string | number;
+/** 根据当前数据行生成附加类名，或为全部行使用同一个类名。 */
+type TableRowClassName<Row = any> = string | ((row: Row, index: number) => string | undefined);
 interface TableColumnFilterItem {
     text: React.ReactNode;
     value: string | number;
@@ -154,6 +156,10 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     caption?: React.ReactNode;
     /** Called when user clicks a row. */
     onRowClick?: (row: Row, index: number) => void;
+    /** 仅高亮指定行，不改变选择状态或复选框。 */
+    activeRowKey?: RowKey;
+    /** 为数据行提供固定类名或按行计算类名。 */
+    rowClassName?: TableRowClassName<Row>;
     /** Empty state. */
     empty?: React.ReactNode;
     className?: string;
@@ -161,4 +167,4 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
 type TableComponent = <Row extends Record<string, any> = any>(props: TableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 declare const Table: TableComponent;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableChangeAction, type TableChangeInfo, type TableColumn, type TableColumnFilterItem, type TablePaginationState, type TableProps, type TableScrollConfig, type TableSorterState, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableChangeAction, type TableChangeInfo, type TableColumn, type TableColumnFilterItem, type TablePaginationState, type TableProps, type TableRowClassName, type TableScrollConfig, type TableSorterState, type TableVariant };

package/dist/Table.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 type RowKey = string | number;
+/** 根据当前数据行生成附加类名，或为全部行使用同一个类名。 */
+type TableRowClassName<Row = any> = string | ((row: Row, index: number) => string | undefined);
 interface TableColumnFilterItem {
     text: React.ReactNode;
     value: string | number;
@@ -154,6 +156,10 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     caption?: React.ReactNode;
     /** Called when user clicks a row. */
     onRowClick?: (row: Row, index: number) => void;
+    /** 仅高亮指定行，不改变选择状态或复选框。 */
+    activeRowKey?: RowKey;
+    /** 为数据行提供固定类名或按行计算类名。 */
+    rowClassName?: TableRowClassName<Row>;
     /** Empty state. */
     empty?: React.ReactNode;
     className?: string;
@@ -161,4 +167,4 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
 type TableComponent = <Row extends Record<string, any> = any>(props: TableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 declare const Table: TableComponent;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableChangeAction, type TableChangeInfo, type TableColumn, type TableColumnFilterItem, type TablePaginationState, type TableProps, type TableScrollConfig, type TableSorterState, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableChangeAction, type TableChangeInfo, type TableColumn, type TableColumnFilterItem, type TablePaginationState, type TableProps, type TableRowClassName, type TableScrollConfig, type TableSorterState, type TableVariant };

package/dist/Table.js

@@ -1,6 +1,6 @@
-export { Table } from './chunk-EA3NZBCZ.js';
-import './chunk-BJDQVVCG.js';
-import './chunk-3EHJ5QI3.js';
+export { Table } from './chunk-WMISXERU.js';
+import './chunk-HQNDVNTQ.js';
+import './chunk-DURKCGEM.js';
 import './chunk-62VV5COT.js';
 import './chunk-KATJAJUU.js';
 import './chunk-3QXP2ZNP.js';

package/dist/TablePro.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkJINKQT6H_cjs = require('./chunk-JINKQT6H.cjs');
-require('./chunk-ENFLP7SN.cjs');
-require('./chunk-56I6ZKGU.cjs');
-require('./chunk-D7YSY5RZ.cjs');
+var chunkWHBKQZU5_cjs = require('./chunk-WHBKQZU5.cjs');
+require('./chunk-PNKNZREC.cjs');
+require('./chunk-PJFYIXBX.cjs');
+require('./chunk-SF7BPXDJ.cjs');
 require('./chunk-GFKWSDD6.cjs');
 require('./chunk-KCDOC3HS.cjs');
 require('./chunk-FJB3243S.cjs');
@@ -19,5 +19,5 @@ require('./chunk-EE5KXDRK.cjs');
 
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkJINKQT6H_cjs.TablePro; }
+  get: function () { return chunkWHBKQZU5_cjs.TablePro; }
 });

package/dist/TablePro.js

@@ -1,7 +1,7 @@
-export { TablePro } from './chunk-WMZV7PNO.js';
-import './chunk-EA3NZBCZ.js';
-import './chunk-BJDQVVCG.js';
-import './chunk-3EHJ5QI3.js';
+export { TablePro } from './chunk-63RSKQID.js';
+import './chunk-WMISXERU.js';
+import './chunk-HQNDVNTQ.js';
+import './chunk-DURKCGEM.js';
 import './chunk-62VV5COT.js';
 import './chunk-KATJAJUU.js';
 import './chunk-3QXP2ZNP.js';

package/dist/{Tabs-A3IG6UZ6.css → Tabs-FB2AMBWL.css}

@@ -1,5 +1,12 @@
 /* ============ Tabs ============ */
 .tabs { display: flex; flex-direction: column; gap: var(--gap-3); }
+.tabs.fill {
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
 .tabs-nav {
   display: inline-flex;
   padding: 5px;
@@ -8,6 +15,7 @@
   box-shadow: var(--lmn-tabs-neu-shadow-inset, var(--neu-shadow-inset));
   gap: 2px;
   align-self: flex-start;
+  flex-shrink: 0;
 }
 .tabs-nav .tab {
   padding: 8px 16px;
@@ -66,3 +74,9 @@
 .tabs.centered.underline .tabs-nav .tab { margin-right: 11px; margin-left: 11px; }
 
 .tabs-content { padding: var(--gap-2) 0; }
+.tabs.fill .tabs-content {
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+}

package/dist/Tabs.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXZXY3XCL_cjs = require('./chunk-XZXY3XCL.cjs');
+var chunkRR7KWH26_cjs = require('./chunk-RR7KWH26.cjs');
 require('./chunk-NRJXZPZR.cjs');
 require('./chunk-EE5KXDRK.cjs');
 
@@ -8,5 +8,5 @@ require('./chunk-EE5KXDRK.cjs');
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkXZXY3XCL_cjs.Tabs; }
+  get: function () { return chunkRR7KWH26_cjs.Tabs; }
 });

package/dist/Tabs.d.cts

@@ -15,6 +15,12 @@ interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange
     variant?: "line" | "pill" | "segmented";
     /** Center-align the tab bar horizontally. */
     centered?: boolean;
+    /** 标签条容器的附加类名。 */
+    tabBarClassName?: string;
+    /** 正文容器的附加类名。 */
+    contentClassName?: string;
+    /** 占满父容器，并让正文区域独立滚动。 */
+    fill?: boolean;
     className?: string;
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Tabs.d.ts

@@ -15,6 +15,12 @@ interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange
     variant?: "line" | "pill" | "segmented";
     /** Center-align the tab bar horizontally. */
     centered?: boolean;
+    /** 标签条容器的附加类名。 */
+    tabBarClassName?: string;
+    /** 正文容器的附加类名。 */
+    contentClassName?: string;
+    /** 占满父容器，并让正文区域独立滚动。 */
+    fill?: boolean;
     className?: string;
 }
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Tabs.js

@@ -1,3 +1,3 @@
-export { Tabs } from './chunk-RAK6CENJ.js';
+export { Tabs } from './chunk-IJDM2U3B.js';
 import './chunk-DRDDQCDD.js';
 import './chunk-ULTDRMGN.js';

package/dist/{chunk-WMZV7PNO.js → chunk-63RSKQID.js}

@@ -1,4 +1,4 @@
-import { Table } from './chunk-EA3NZBCZ.js';
+import { Table } from './chunk-WMISXERU.js';
 import { withComponentTheme, InternalComponentThemePart } from './chunk-DRDDQCDD.js';
 import './tokens-CEJVVA3G.css';
 import './shared-NJHRNLRH.css';
@@ -35,6 +35,8 @@ var TableProInner = ({
   tableProps,
   caption,
   onRowClick,
+  activeRowKey,
+  rowClassName,
   empty,
   ...rootProps
 }, ref) => {
@@ -75,6 +77,8 @@ var TableProInner = ({
             tableProps,
             caption,
             onRowClick,
+            activeRowKey,
+            rowClassName,
             empty,
             className: innerTableClassName,
             style: tableStyle

package/dist/{chunk-3EHJ5QI3.js → chunk-DURKCGEM.js}

@@ -46,6 +46,7 @@ var SelectInner = (props, forwardedRef) => {
     selectedRender,
     listHeight = 260,
     popupStyle,
+    getOptionDisabled,
     open: openProp,
     defaultOpen,
     onOpenChange,
@@ -67,7 +68,8 @@ var SelectInner = (props, forwardedRef) => {
     defaultValue: _defaultValue,
     onChange: _selectionChange,
     onClear: _onClear,
-    maxTagCount: _maxTagCount,
+    maxTagCount,
+    maxCount,
     ...rest
   } = props;
   const isMulti = multiple === true;
@@ -141,6 +143,15 @@ var SelectInner = (props, forwardedRef) => {
   const singleValue = singleControlled ? props.value : innerSingle;
   const controlledMultiValue = props.value;
   const multiValue = multiControlled ? Array.isArray(controlledMultiValue) ? controlledMultiValue : [] : innerMulti;
+  const selectedValues = React.useMemo(
+    () => isMulti ? multiValue : singleValue !== void 0 ? [singleValue] : [],
+    [isMulti, multiValue, singleValue]
+  );
+  const selectionLimit = maxCount !== void 0 && Number.isFinite(maxCount) ? Math.max(0, Math.floor(maxCount)) : void 0;
+  const isOptionDisabled = React.useCallback((option) => {
+    const selected = selectedValues.includes(option.value);
+    return !!option.disabled || !!getOptionDisabled?.(option, selectedValues) || isMulti && !selected && selectionLimit !== void 0 && selectedValues.length >= selectionLimit;
+  }, [getOptionDisabled, isMulti, selectedValues, selectionLimit]);
   React.useEffect(() => {
     if (!open) return;
     const h = (e) => {
@@ -177,20 +188,20 @@ var SelectInner = (props, forwardedRef) => {
   }, [options, filteredFlat, query]);
   React.useEffect(() => {
     setActiveIdx((current) => {
-      if (current >= 0 && current < filteredFlat.length && !filteredFlat[current].disabled) {
+      if (current >= 0 && current < filteredFlat.length && !isOptionDisabled(filteredFlat[current])) {
         return current;
       }
-      return filteredFlat.findIndex((option) => !option.disabled);
+      return filteredFlat.findIndex((option) => !isOptionDisabled(option));
     });
-  }, [filteredFlat]);
+  }, [filteredFlat, isOptionDisabled]);
   const pickSingle = (opt) => {
-    if (disabled || opt.disabled) return;
+    if (disabled || isOptionDisabled(opt)) return;
     if (!singleControlled) setInnerSingle(opt.value);
     props.onChange?.(opt.value);
     setOpen(false);
   };
   const toggleMulti = (opt) => {
-    if (disabled || opt.disabled) return;
+    if (disabled || isOptionDisabled(opt)) return;
     const cur = multiValue ?? [];
     const next = cur.includes(opt.value) ? cur.filter((v) => v !== opt.value) : [...cur, opt.value];
     if (!multiControlled) setInnerMulti(next);
@@ -232,7 +243,7 @@ var SelectInner = (props, forwardedRef) => {
       setActiveIdx((i) => {
         for (let step = 1; step <= filteredFlat.length; step++) {
           const next = (Math.max(i, -1) + step) % filteredFlat.length;
-          if (!filteredFlat[next]?.disabled) return next;
+          if (filteredFlat[next] && !isOptionDisabled(filteredFlat[next])) return next;
         }
         return i;
       });
@@ -243,7 +254,7 @@ var SelectInner = (props, forwardedRef) => {
       setActiveIdx((i) => {
         for (let step = 1; step <= filteredFlat.length; step++) {
           const next = (i - step + filteredFlat.length) % filteredFlat.length;
-          if (!filteredFlat[next]?.disabled) return next;
+          if (filteredFlat[next] && !isOptionDisabled(filteredFlat[next])) return next;
         }
         return i;
       });
@@ -252,7 +263,7 @@ var SelectInner = (props, forwardedRef) => {
     if (e.key === "Enter") {
       e.preventDefault();
       const opt = filteredFlat[activeIdx];
-      if (opt && !opt.disabled) {
+      if (opt && !isOptionDisabled(opt)) {
         if (isMulti) toggleMulti(opt);
         else pickSingle(opt);
       }
@@ -262,7 +273,7 @@ var SelectInner = (props, forwardedRef) => {
   const renderTrigger = () => {
     if (isMulti) {
       const selected = (multiValue ?? []).map((v) => allFlat.find((o) => o.value === v)).filter((o) => !!o);
-      const max = props.maxTagCount;
+      const max = maxTagCount;
       const shown = max != null ? selected.slice(0, max) : selected;
       const overflow = selected.length - shown.length;
       if (selected.length === 0) {
@@ -309,6 +320,7 @@ var SelectInner = (props, forwardedRef) => {
     const idx = renderIdx;
     const sel = isSelected(o.value);
     const active = idx === activeIdx;
+    const optionDisabled = isOptionDisabled(o);
     return /* @__PURE__ */ jsxs(
       "button",
       {
@@ -317,9 +329,11 @@ var SelectInner = (props, forwardedRef) => {
         role: "option",
         "aria-selected": sel,
         "aria-label": getOptionAriaLabel(o),
-        disabled: o.disabled,
+        disabled: optionDisabled,
         className: `menu-item ${sel ? "active" : ""} ${active ? "highlight" : ""}`,
-        onMouseEnter: () => setActiveIdx(idx),
+        onMouseEnter: () => {
+          if (!optionDisabled) setActiveIdx(idx);
+        },
         onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
         children: [
           isMulti && /* @__PURE__ */ jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsx(Icon, { name: "check", size: 11, stroke: 3 }) }),

package/dist/{chunk-BJDQVVCG.js → chunk-HQNDVNTQ.js}

@@ -1,4 +1,4 @@
-import { Select } from './chunk-3EHJ5QI3.js';
+import { Select } from './chunk-DURKCGEM.js';
 import { Input } from './chunk-UE4HFGJ6.js';
 import { Icon } from './chunk-LQMOYVQF.js';
 import { InternalComponentThemePart, withComponentTheme } from './chunk-DRDDQCDD.js';

package/dist/{chunk-RAK6CENJ.js → chunk-IJDM2U3B.js}

@@ -1,7 +1,7 @@
 import { withComponentTheme } from './chunk-DRDDQCDD.js';
 import './tokens-CEJVVA3G.css';
 import './shared-NJHRNLRH.css';
-import './Tabs-A3IG6UZ6.css';
+import './Tabs-FB2AMBWL.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -13,6 +13,9 @@ var TabsBase = React.forwardRef(({
   onChange,
   variant = "line",
   centered,
+  tabBarClassName = "",
+  contentClassName = "",
+  fill = false,
   className = "",
   ...rest
 }, ref) => {
@@ -42,40 +45,54 @@ var TabsBase = React.forwardRef(({
   };
   const active = items.find((i) => i.key === current);
   const activeIndex = items.findIndex((item) => item.key === current);
-  return /* @__PURE__ */ jsxs("div", { ref, className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, ...rest, children: [
-    /* @__PURE__ */ jsx("div", { className: "tabs-nav", role: "tablist", children: items.map((it, index) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref: (node) => {
-          if (node) tabRefs.current.set(it.key, node);
-          else tabRefs.current.delete(it.key);
-        },
-        type: "button",
-        role: "tab",
-        id: `${baseId}-tab-${index}`,
-        "aria-selected": current === it.key,
-        "aria-controls": it.content !== void 0 ? `${baseId}-panel-${index}` : void 0,
-        tabIndex: current === it.key ? 0 : -1,
-        disabled: it.disabled,
-        className: `tab ${current === it.key ? "active" : ""}`,
-        onClick: () => select(it.key),
-        onKeyDown: handleTabKeyDown,
-        children: it.label
-      },
-      it.key
-    )) }),
-    active?.content !== void 0 && /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: `${baseId}-panel-${activeIndex}`,
-        className: "tabs-content",
-        role: "tabpanel",
-        "aria-labelledby": `${baseId}-tab-${activeIndex}`,
-        tabIndex: 0,
-        children: active.content
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: [
+        "tabs",
+        variant,
+        centered ? "centered" : "",
+        fill ? "fill" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: ["tabs-nav", tabBarClassName].filter(Boolean).join(" "), role: "tablist", children: items.map((it, index) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: (node) => {
+              if (node) tabRefs.current.set(it.key, node);
+              else tabRefs.current.delete(it.key);
+            },
+            type: "button",
+            role: "tab",
+            id: `${baseId}-tab-${index}`,
+            "aria-selected": current === it.key,
+            "aria-controls": it.content !== void 0 ? `${baseId}-panel-${index}` : void 0,
+            tabIndex: current === it.key ? 0 : -1,
+            disabled: it.disabled,
+            className: `tab ${current === it.key ? "active" : ""}`,
+            onClick: () => select(it.key),
+            onKeyDown: handleTabKeyDown,
+            children: it.label
+          },
+          it.key
+        )) }),
+        active?.content !== void 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: `${baseId}-panel-${activeIndex}`,
+            className: ["tabs-content", contentClassName].filter(Boolean).join(" "),
+            role: "tabpanel",
+            "aria-labelledby": `${baseId}-tab-${activeIndex}`,
+            tabIndex: 0,
+            children: active.content
+          }
+        )
+      ]
+    }
+  );
 });
 TabsBase.displayName = "Tabs";
 var Tabs = withComponentTheme(TabsBase, "Tabs", "tabs");