@fangxinyan/lumina 0.6.18 → 0.7.0

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

@@ -1,8 +1,8 @@
 /* ============ Table ============ */
 .table-wrap {
   border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset));
   overflow: auto;
 }
 /* When scroll=y is on, the wrap itself becomes the scroll region. */
@@ -18,52 +18,65 @@
 .table th {
   text-align: left;
   padding: 14px 18px;
-  background: var(--bg);
+  background: var(--lmn-table-bg, var(--bg));
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.08em;
   text-transform: uppercase;
-  color: var(--fg-subtle);
-  border-bottom: 1px solid var(--divider);
+  color: var(--lmn-table-fg-subtle, var(--fg-subtle));
+  border-bottom: 1px solid var(--lmn-table-divider, var(--divider));
   position: sticky; top: 0;
   z-index: 1;
 }
 /* When the wrap is the scroll container (scroll.y), position:sticky on th needs
    top:0 relative to the wrap — browsers already handle that. Adding a stronger
    bg so content under the header doesn't bleed through. */
-.table.sticky-head th { background: var(--bg); }
-.table th.sortable { cursor: pointer; user-select: none; }
-.table th.sortable:hover { color: var(--fg); }
+.table.sticky-head th { background: var(--lmn-table-bg, var(--bg)); }
+.table th.sortable { user-select: none; }
+.table th.sortable:hover { color: var(--lmn-table-fg, var(--fg)); }
+.table-sort-trigger.btn {
+  height: auto;
+  min-height: 24px;
+  padding: 2px 4px;
+  color: inherit;
+  font: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+}
 .table th .th-label { vertical-align: middle; }
 .table th .sort-ind {
   display: inline-flex;
   width: 16px; height: 16px;
   border-radius: 6px;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-subtle);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-subtle, var(--neu-shadow-subtle));
   align-items: center; justify-content: center;
   margin-left: 6px;
-  color: var(--fg-subtle);
+  color: var(--lmn-table-fg-subtle, var(--fg-subtle));
   vertical-align: middle;
 }
-.table th.sorted .sort-ind { color: var(--accent); box-shadow: var(--neu-shadow-inset); }
+.table th.sorted .sort-ind { color: var(--lmn-table-accent, var(--accent)); box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset)); }
 .table td {
   padding: 12px 18px;
-  border-bottom: 1px solid var(--divider);
+  border-bottom: 1px solid var(--lmn-table-divider, var(--divider));
   vertical-align: middle;
 }
-.table.hoverable tbody tr:hover td { background: color-mix(in oklch, var(--accent-soft) 40%, transparent); }
+.table.hoverable tbody tr:hover td { background: color-mix(in oklch, var(--lmn-table-accent-soft, var(--accent-soft)) 40%, transparent); }
 .table tbody tr.clickable { cursor: pointer; }
-.table tbody tr.selected td { background: color-mix(in oklch, var(--accent-soft) 80%, transparent); color: var(--accent-ink); }
+.table tbody tr.clickable:focus-visible td {
+  background: color-mix(in oklch, var(--lmn-table-accent-soft, var(--accent-soft)) 55%, transparent);
+  box-shadow: inset 0 0 0 2px var(--lmn-table-accent-glow, var(--accent-glow));
+}
+.table tbody tr.selected td { background: color-mix(in oklch, var(--lmn-table-accent-soft, var(--accent-soft)) 80%, transparent); color: var(--lmn-table-accent-ink, var(--accent-ink)); }
 .table tbody tr:last-child td { border-bottom: none; }
 .table.striped tbody tr:nth-child(even) td {
-  background: color-mix(in oklch, var(--bg-sunken) 40%, transparent);
+  background: color-mix(in oklch, var(--lmn-table-bg-sunken, var(--bg-sunken)) 40%, transparent);
 }
 
 /* Embossed: each row sits on the surface */
 .table.embossed { border-spacing: 0; }
 .table.embossed tbody td {
-  background: var(--bg);
+  background: var(--lmn-table-bg, var(--bg));
 }
 
 /* Card-row variant: each row is its own raised pill */
@@ -84,8 +97,8 @@
   inset: 0;
   z-index: -1;
   border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-control);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-control, var(--neu-shadow-control));
   pointer-events: none;
   transition: box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
 }
@@ -113,41 +126,41 @@
 .table.cards.hoverable tbody tr:hover {
   transform: translateY(-1px);
 }
-.table.cards.hoverable tbody tr:hover .card-row-surface { box-shadow: var(--neu-shadow-panel); }
+.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 .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(--fg-muted); }
+.table-empty { padding: 60px 20px; text-align: center; color: var(--lmn-table-fg-muted, var(--fg-muted)); }
 
 /* Expand button */
 .expand-btn {
   width: 22px; height: 22px;
   border: none;
   border-radius: var(--r-sm);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-subtle);
-  color: var(--fg-subtle);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-subtle, var(--neu-shadow-subtle));
+  color: var(--lmn-table-fg-subtle, var(--fg-subtle));
   display: inline-flex; align-items: center; justify-content: center;
   cursor: pointer;
   transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
 }
-.expand-btn:hover { color: var(--accent-ink); box-shadow: var(--neu-shadow-control); }
-.expand-btn.open { transform: rotate(90deg); color: var(--accent-ink); box-shadow: var(--neu-shadow-inset); }
+.expand-btn:hover { color: var(--lmn-table-accent-ink, var(--accent-ink)); box-shadow: var(--lmn-table-neu-shadow-control, var(--neu-shadow-control)); }
+.expand-btn.open { transform: rotate(90deg); color: var(--lmn-table-accent-ink, var(--accent-ink)); box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset)); }
 
 /* Expanded row panel */
 .table tbody tr.expanded-row td {
   padding: 14px 18px;
-  border-bottom: 1px solid var(--divider);
-  background: color-mix(in oklch, var(--bg-sunken) 25%, transparent);
+  border-bottom: 1px solid var(--lmn-table-divider, var(--divider));
+  background: color-mix(in oklch, var(--lmn-table-bg-sunken, var(--bg-sunken)) 25%, transparent);
 }
 .expanded-panel {
   padding: 14px 16px;
   border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
-  color: var(--fg);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset));
+  color: var(--lmn-table-fg, var(--fg));
   font-size: 13px;
 }
 
@@ -157,21 +170,21 @@
   border-radius: 50%;
   border: none;
   padding: 0;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset));
   display: inline-flex; align-items: center; justify-content: center;
   cursor: pointer;
   transition: box-shadow var(--dur-fast) var(--ease);
 }
 .table .row-check .radio-dot:disabled { opacity: 0.5; cursor: not-allowed; }
 .table .row-check .radio-dot.checked {
-  box-shadow: var(--neu-shadow-control);
+  box-shadow: var(--lmn-table-neu-shadow-control, var(--neu-shadow-control));
 }
 .table .row-check .radio-dot.checked::after {
   content: "";
   width: 8px; height: 8px;
   border-radius: 50%;
-  background: var(--accent);
+  background: var(--lmn-table-accent, var(--accent));
 }
 
 /* Filter button on header */
@@ -179,9 +192,9 @@
   display: inline-flex;
   width: 18px; height: 18px;
   border-radius: 5px;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-subtle);
-  color: var(--fg-subtle);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-subtle, var(--neu-shadow-subtle));
+  color: var(--lmn-table-fg-subtle, var(--fg-subtle));
   align-items: center; justify-content: center;
   margin-left: 6px;
   cursor: pointer;
@@ -190,10 +203,10 @@
   padding: 0;
   transition: color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
 }
-.table th.filterable .filter-ind:hover { color: var(--fg); }
+.table th.filterable .filter-ind:hover { color: var(--lmn-table-fg, var(--fg)); }
 .table th.filterable .filter-ind.active {
-  color: var(--accent-ink);
-  box-shadow: var(--neu-shadow-inset);
+  color: var(--lmn-table-accent-ink, var(--accent-ink));
+  box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset));
 }
 
 /* Filter popover panel (portaled to body) */
@@ -201,9 +214,9 @@
   z-index: 1001;
   min-width: 200px;
   max-width: 260px;
-  background: var(--bg);
+  background: var(--lmn-table-bg, var(--bg));
   border-radius: var(--r-md);
-  box-shadow: var(--neu-shadow-float);
+  box-shadow: var(--lmn-table-neu-shadow-float, var(--neu-shadow-float));
   padding: 10px;
   animation: menuIn var(--dur) var(--ease);
 }
@@ -222,12 +235,12 @@
   padding: 6px 8px;
   border-radius: var(--r-sm);
   font-size: 13px;
-  color: var(--fg);
+  color: var(--lmn-table-fg, var(--fg));
   cursor: pointer;
   transition: background var(--dur-fast) var(--ease);
 }
 .table-filter-item:hover {
-  background: color-mix(in oklch, var(--accent-soft) 40%, transparent);
+  background: color-mix(in oklch, var(--lmn-table-accent-soft, var(--accent-soft)) 40%, transparent);
 }
 .table-filter-actions {
   display: flex;
@@ -235,24 +248,36 @@
   gap: 6px;
   margin-top: 6px;
   padding-top: 8px;
-  border-top: 1px solid var(--divider);
+  border-top: 1px solid var(--lmn-table-divider, var(--divider));
 }
 .table-filter-actions .tf-btn {
   border: none;
   padding: 6px 12px;
   border-radius: var(--r-sm);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-control);
+  background: var(--lmn-table-bg, var(--bg));
+  box-shadow: var(--lmn-table-neu-shadow-control, var(--neu-shadow-control));
   font-size: 12px;
   font-family: inherit;
-  color: var(--fg);
+  color: var(--lmn-table-fg, var(--fg));
   cursor: pointer;
   transition: box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
 }
-.table-filter-actions .tf-btn:hover { box-shadow: var(--neu-shadow-inset); }
-.table-filter-actions .tf-btn.primary { color: var(--accent-ink); font-weight: 600; }
-.table-filter-actions .tf-btn.ghost { color: var(--fg-muted); box-shadow: var(--neu-shadow-subtle); }
-.table-filter-actions .tf-btn.ghost:hover { box-shadow: var(--neu-shadow-inset); }
+.table-filter-actions .tf-btn:hover { box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset)); }
+.table-filter-actions .tf-btn.primary { color: var(--lmn-table-accent-ink, var(--accent-ink)); font-weight: 600; }
+.table-filter-actions .tf-btn.ghost { color: var(--lmn-table-fg-muted, var(--fg-muted)); box-shadow: var(--lmn-table-neu-shadow-subtle, var(--neu-shadow-subtle)); }
+.table-filter-actions .tf-btn.ghost:hover { box-shadow: var(--lmn-table-neu-shadow-inset, var(--neu-shadow-inset)); }
+
+.table-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
 
 /* Built-in pagination bar */
 .table-pagination {

package/dist/Table.cjs

@@ -1,18 +1,22 @@
 'use strict';
 
-var chunkNXBFEIUX_cjs = require('./chunk-NXBFEIUX.cjs');
-require('./chunk-L6GIV5DQ.cjs');
-require('./chunk-UW57F3UO.cjs');
-require('./chunk-5ERD3W24.cjs');
-require('./chunk-ATUPFAPZ.cjs');
-require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkENFLP7SN_cjs = require('./chunk-ENFLP7SN.cjs');
+require('./chunk-56I6ZKGU.cjs');
+require('./chunk-D7YSY5RZ.cjs');
+require('./chunk-GFKWSDD6.cjs');
+require('./chunk-KCDOC3HS.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-T4RR6NVU.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkNXBFEIUX_cjs.Table; }
+  get: function () { return chunkENFLP7SN_cjs.Table; }
 });

package/dist/Table.d.cts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 
 type RowKey = string | number;
 interface TableColumnFilterItem {
@@ -49,6 +50,29 @@ interface PaginationConfig {
     showSizeChanger?: boolean;
     /** Selectable page sizes for the size dropdown. */
     pageSizeOptions?: number[];
+    /** 数据分页方式。`local` 由 Table 切片，`remote` 直接渲染传入数据。 */
+    mode?: "local" | "remote";
+}
+/** Table 统一变更事件的触发来源。 */
+type TableChangeAction = "paginate" | "filter" | "sort";
+/** Table 当前分页快照。 */
+interface TablePaginationState {
+    current: number;
+    pageSize: number;
+    total: number;
+}
+/** Table 当前排序快照。 */
+interface TableSorterState {
+    key?: string;
+    direction?: "asc" | "desc";
+}
+/** Table 排序、筛选和分页的统一变更信息。 */
+interface TableChangeInfo<Row = any> {
+    action: TableChangeAction;
+    pagination?: TablePaginationState;
+    filters: Record<string, (string | number)[]>;
+    sorter: TableSorterState;
+    currentData: Row[];
 }
 interface RowSelectionConfig<Row = any> {
     /** "checkbox" (default) allows multi-select; "radio" allows only one row at a time. */
@@ -82,7 +106,7 @@ interface TableScrollConfig {
     /** Vertical scroll: max body height (with sticky header). */
     y?: number | string;
 }
-interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect" | "onChange">, ComponentThemeProps {
     columns: TableColumn<Row>[];
     data: Row[];
     rowKey?: keyof Row | ((row: Row) => RowKey);
@@ -96,6 +120,8 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     sortKey?: string;
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
+    /** 排序、筛选或分页变化时触发，适合统一同步 URL 或远程请求参数。 */
+    onChange?: (info: TableChangeInfo<Row>) => void;
     /**
      * Row selection config — preferred API.
      * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
@@ -122,6 +148,10 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     pagination?: false | PaginationConfig;
     /** Horizontal / vertical scroll config. */
     scroll?: TableScrollConfig;
+    /** 原生 table 元素属性，例如 aria-label。 */
+    tableProps?: Omit<React.TableHTMLAttributes<HTMLTableElement>, "children">;
+    /** 原生表格标题；可用 className 自行做视觉隐藏。 */
+    caption?: React.ReactNode;
     /** Called when user clicks a row. */
     onRowClick?: (row: Row, index: number) => void;
     /** Empty state. */
@@ -129,7 +159,6 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     className?: string;
 }
 type TableComponent = <Row extends Record<string, any> = any>(props: TableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-/** `Table` — neumorphic data table with sorting, selection and visual variants. */
 declare const Table: TableComponent;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, type TableProps, type TableScrollConfig, 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 TableScrollConfig, type TableSorterState, type TableVariant };

package/dist/Table.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 
 type RowKey = string | number;
 interface TableColumnFilterItem {
@@ -49,6 +50,29 @@ interface PaginationConfig {
     showSizeChanger?: boolean;
     /** Selectable page sizes for the size dropdown. */
     pageSizeOptions?: number[];
+    /** 数据分页方式。`local` 由 Table 切片，`remote` 直接渲染传入数据。 */
+    mode?: "local" | "remote";
+}
+/** Table 统一变更事件的触发来源。 */
+type TableChangeAction = "paginate" | "filter" | "sort";
+/** Table 当前分页快照。 */
+interface TablePaginationState {
+    current: number;
+    pageSize: number;
+    total: number;
+}
+/** Table 当前排序快照。 */
+interface TableSorterState {
+    key?: string;
+    direction?: "asc" | "desc";
+}
+/** Table 排序、筛选和分页的统一变更信息。 */
+interface TableChangeInfo<Row = any> {
+    action: TableChangeAction;
+    pagination?: TablePaginationState;
+    filters: Record<string, (string | number)[]>;
+    sorter: TableSorterState;
+    currentData: Row[];
 }
 interface RowSelectionConfig<Row = any> {
     /** "checkbox" (default) allows multi-select; "radio" allows only one row at a time. */
@@ -82,7 +106,7 @@ interface TableScrollConfig {
     /** Vertical scroll: max body height (with sticky header). */
     y?: number | string;
 }
-interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect" | "onChange">, ComponentThemeProps {
     columns: TableColumn<Row>[];
     data: Row[];
     rowKey?: keyof Row | ((row: Row) => RowKey);
@@ -96,6 +120,8 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     sortKey?: string;
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
+    /** 排序、筛选或分页变化时触发，适合统一同步 URL 或远程请求参数。 */
+    onChange?: (info: TableChangeInfo<Row>) => void;
     /**
      * Row selection config — preferred API.
      * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
@@ -122,6 +148,10 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     pagination?: false | PaginationConfig;
     /** Horizontal / vertical scroll config. */
     scroll?: TableScrollConfig;
+    /** 原生 table 元素属性，例如 aria-label。 */
+    tableProps?: Omit<React.TableHTMLAttributes<HTMLTableElement>, "children">;
+    /** 原生表格标题；可用 className 自行做视觉隐藏。 */
+    caption?: React.ReactNode;
     /** Called when user clicks a row. */
     onRowClick?: (row: Row, index: number) => void;
     /** Empty state. */
@@ -129,7 +159,6 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     className?: string;
 }
 type TableComponent = <Row extends Record<string, any> = any>(props: TableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-/** `Table` — neumorphic data table with sorting, selection and visual variants. */
 declare const Table: TableComponent;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, type TableProps, type TableScrollConfig, 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 TableScrollConfig, type TableSorterState, type TableVariant };

package/dist/Table.js

@@ -1,9 +1,13 @@
-export { Table } from './chunk-UGAN4BBW.js';
-import './chunk-V5SQOZPF.js';
-import './chunk-E22OIVYP.js';
-import './chunk-6K5YI4ZE.js';
-import './chunk-ZD3L4V3H.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-FDZG27IG.js';
+export { Table } from './chunk-EA3NZBCZ.js';
+import './chunk-BJDQVVCG.js';
+import './chunk-3EHJ5QI3.js';
+import './chunk-62VV5COT.js';
+import './chunk-KATJAJUU.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-JHM7MN3G.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/{TablePro-3NGWERWT.css → TablePro-WYE6TXWJ.css}

@@ -1,8 +1,8 @@
 /* ============ TablePro ============ */
 .table-card {
   border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-control);
+  background: var(--lmn-table-pro-bg, var(--bg));
+  box-shadow: var(--lmn-table-pro-neu-shadow-control, var(--neu-shadow-control));
   overflow: hidden;
 }
 .table-card .table-wrap { background: transparent; box-shadow: none; border-radius: 0; }
@@ -10,7 +10,7 @@
 .table-card .table-pagination {
   margin-top: 0;
   padding: 6px 16px;
-  border-top: 1px solid var(--divider);
+  border-top: 1px solid var(--lmn-table-pro-divider, var(--divider));
   background: transparent;
 }
 .table-toolbar {
@@ -18,7 +18,7 @@
   align-items: center;
   gap: var(--gap-3);
   padding: 14px 16px;
-  border-bottom: 1px solid var(--divider);
+  border-bottom: 1px solid var(--lmn-table-pro-divider, var(--divider));
 }
 .table-toolbar .table-title {
   font-size: 14px;
@@ -40,6 +40,6 @@
 }
 .table-footer {
   padding: 10px 16px;
-  border-top: 1px solid var(--divider);
+  border-top: 1px solid var(--lmn-table-pro-divider, var(--divider));
   background: transparent;
 }

package/dist/TablePro.cjs

@@ -1,19 +1,23 @@
 'use strict';
 
-var chunk4ACCOYBY_cjs = require('./chunk-4ACCOYBY.cjs');
-require('./chunk-NXBFEIUX.cjs');
-require('./chunk-L6GIV5DQ.cjs');
-require('./chunk-UW57F3UO.cjs');
-require('./chunk-5ERD3W24.cjs');
-require('./chunk-ATUPFAPZ.cjs');
-require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-VS3I5OKA.cjs');
-require('./chunk-RZEFKXL3.cjs');
-require('./chunk-QMX67CVT.cjs');
+var chunkJINKQT6H_cjs = require('./chunk-JINKQT6H.cjs');
+require('./chunk-ENFLP7SN.cjs');
+require('./chunk-56I6ZKGU.cjs');
+require('./chunk-D7YSY5RZ.cjs');
+require('./chunk-GFKWSDD6.cjs');
+require('./chunk-KCDOC3HS.cjs');
+require('./chunk-FJB3243S.cjs');
+require('./chunk-STQDKMS5.cjs');
+require('./chunk-HYHBCHFM.cjs');
+require('./chunk-HSDMJUB6.cjs');
+require('./chunk-T4RR6NVU.cjs');
+require('./chunk-2AUXUZ3Z.cjs');
+require('./chunk-NRJXZPZR.cjs');
+require('./chunk-EE5KXDRK.cjs');
 
 
 
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunk4ACCOYBY_cjs.TablePro; }
+  get: function () { return chunkJINKQT6H_cjs.TablePro; }
 });

package/dist/TablePro.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { TableProps } from './Table.cjs';
+import './componentThemeTypes-Jt4B5aU8.cjs';
 
 interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title" | "className" | "style"> {
     /** Toolbar slot — search input, filter, etc. */

package/dist/TablePro.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { TableProps } from './Table.js';
+import './componentThemeTypes-Jt4B5aU8.js';
 
 interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title" | "className" | "style"> {
     /** Toolbar slot — search input, filter, etc. */

package/dist/TablePro.js

@@ -1,10 +1,14 @@
-export { TablePro } from './chunk-2FOC3D6X.js';
-import './chunk-UGAN4BBW.js';
-import './chunk-V5SQOZPF.js';
-import './chunk-E22OIVYP.js';
-import './chunk-6K5YI4ZE.js';
-import './chunk-ZD3L4V3H.js';
-import './chunk-DUFRASGO.js';
-import './chunk-IOAOG5L7.js';
-import './chunk-S7IHWY24.js';
-import './chunk-FDZG27IG.js';
+export { TablePro } from './chunk-WMZV7PNO.js';
+import './chunk-EA3NZBCZ.js';
+import './chunk-BJDQVVCG.js';
+import './chunk-3EHJ5QI3.js';
+import './chunk-62VV5COT.js';
+import './chunk-KATJAJUU.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-UE4HFGJ6.js';
+import './chunk-3F424R5P.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-JHM7MN3G.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

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

@@ -4,8 +4,8 @@
   display: inline-flex;
   padding: 5px;
   border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-inset);
+  background: var(--lmn-tabs-bg, var(--bg));
+  box-shadow: var(--lmn-tabs-neu-shadow-inset, var(--neu-shadow-inset));
   gap: 2px;
   align-self: flex-start;
 }
@@ -17,18 +17,18 @@
   font-size: 12px;
   font-weight: 500;
   font-family: inherit;
-  color: var(--fg-muted);
+  color: var(--lmn-tabs-fg-muted, var(--fg-muted));
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   transition: all var(--dur-fast) var(--ease);
 }
-.tabs-nav .tab:hover { color: var(--fg); }
+.tabs-nav .tab:hover { color: var(--lmn-tabs-fg, var(--fg)); }
 .tabs-nav .tab.active {
-  color: var(--accent-ink);
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-control);
+  color: var(--lmn-tabs-accent-ink, var(--accent-ink));
+  background: var(--lmn-tabs-bg, var(--bg));
+  box-shadow: var(--lmn-tabs-neu-shadow-control, var(--neu-shadow-control));
   font-weight: 600;
 }
 .tabs-nav .tab[disabled] { opacity: 0.4; cursor: not-allowed; }
@@ -39,7 +39,7 @@
   background: transparent;
   box-shadow: none;
   border-radius: 0;
-  border-bottom: 1px solid var(--divider);
+  border-bottom: 1px solid var(--lmn-tabs-divider, var(--divider));
   align-self: stretch;
 }
 .tabs.line .tabs-nav .tab,
@@ -54,8 +54,8 @@
 .tabs.line .tabs-nav .tab.active::after,
 .tabs.underline .tabs-nav .tab.active::after {
   content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
-  background: var(--accent); border-radius: 999px;
-  box-shadow: 0 0 8px var(--accent-glow);
+  background: var(--lmn-tabs-accent, var(--accent)); border-radius: 999px;
+  box-shadow: 0 0 8px var(--lmn-tabs-accent-glow, var(--accent-glow));
 }
 
 /* Centered nav — works for pill / segmented (self-align) and line (flex-center) */