@fangxinyan/lumina 0.6.1 → 0.6.2

package/dist/Select.d.cts

@@ -18,6 +18,13 @@ interface SelectOptionGroup<T extends string | number = string> {
     options: SelectOption<T>[];
 }
 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);
+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"> {
     /** Flat or mixed (groups + options) item list. */
     options: SelectItem<T>[];
@@ -28,10 +35,18 @@ interface BaseSelectProps<T extends string | number = string> extends Omit<React
     invalid?: boolean;
     /** Show a small × to clear the selection (single mode) or all selections (multi). */
     clearable?: boolean;
+    /** Alias for `clearable`. */
+    allowClear?: boolean | {
+        clearIcon?: React.ReactNode;
+    };
     /** Add a search input at the top of the menu. */
     searchable?: boolean;
+    /** Alias for `searchable`. */
+    showSearch?: boolean;
     /** Custom filter — defaults to label/text/value substring match. */
-    filterOption?: (input: string, option: SelectOption<T>) => boolean;
+    filterOption?: SelectFilterOption<T>;
+    /** Field used by the default filter. */
+    optionFilterProp?: "label" | "value" | "text" | string;
     /** Show spinner instead of options. */
     loading?: boolean;
     /** Custom empty content when no options match. */
@@ -43,12 +58,16 @@ interface BaseSelectProps<T extends string | number = string> extends Omit<React
     className?: string;
     /** Class for the popped-out menu. */
     menuClassName?: string;
+    /** Alias for `menuClassName`. */
+    popupClassName?: string;
+    /** Additional alias for `menuClassName`. */
+    dropdownClassName?: string;
 }
 interface SingleSelectProps<T extends string | number = string> extends BaseSelectProps<T> {
     multiple?: false;
     value?: T;
     defaultValue?: T;
-    onChange?: (value: T) => void;
+    onChange?: SelectSingleChangeHandler<T>;
     /** Fired when user clears the selection via the × button. */
     onClear?: () => void;
 }
@@ -56,7 +75,9 @@ interface MultiSelectProps<T extends string | number = string> extends BaseSelec
     multiple: true;
     value?: T[];
     defaultValue?: T[];
-    onChange?: (value: T[]) => void;
+    onChange?: SelectMultiChangeHandler<T>;
+    /** Fired when user clears all selections via the × button. */
+    onClear?: () => void;
     /** Max selected items shown as tags before collapsing to "+N". */
     maxTagCount?: number;
 }
@@ -68,4 +89,4 @@ type SelectComponent = {
 /** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */
 declare const Select: SelectComponent;
 
-export { type MultiSelectProps, Select, type SelectItem, type SelectOption, type SelectOptionGroup, type SelectProps, type SingleSelectProps };
+export { type MultiSelectProps, Select, type SelectFilterOption, type SelectItem, type SelectMultiChangeHandler, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectSingleChangeHandler, type SingleSelectProps };

package/dist/Select.d.ts

@@ -18,6 +18,13 @@ interface SelectOptionGroup<T extends string | number = string> {
     options: SelectOption<T>[];
 }
 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);
+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"> {
     /** Flat or mixed (groups + options) item list. */
     options: SelectItem<T>[];
@@ -28,10 +35,18 @@ interface BaseSelectProps<T extends string | number = string> extends Omit<React
     invalid?: boolean;
     /** Show a small × to clear the selection (single mode) or all selections (multi). */
     clearable?: boolean;
+    /** Alias for `clearable`. */
+    allowClear?: boolean | {
+        clearIcon?: React.ReactNode;
+    };
     /** Add a search input at the top of the menu. */
     searchable?: boolean;
+    /** Alias for `searchable`. */
+    showSearch?: boolean;
     /** Custom filter — defaults to label/text/value substring match. */
-    filterOption?: (input: string, option: SelectOption<T>) => boolean;
+    filterOption?: SelectFilterOption<T>;
+    /** Field used by the default filter. */
+    optionFilterProp?: "label" | "value" | "text" | string;
     /** Show spinner instead of options. */
     loading?: boolean;
     /** Custom empty content when no options match. */
@@ -43,12 +58,16 @@ interface BaseSelectProps<T extends string | number = string> extends Omit<React
     className?: string;
     /** Class for the popped-out menu. */
     menuClassName?: string;
+    /** Alias for `menuClassName`. */
+    popupClassName?: string;
+    /** Additional alias for `menuClassName`. */
+    dropdownClassName?: string;
 }
 interface SingleSelectProps<T extends string | number = string> extends BaseSelectProps<T> {
     multiple?: false;
     value?: T;
     defaultValue?: T;
-    onChange?: (value: T) => void;
+    onChange?: SelectSingleChangeHandler<T>;
     /** Fired when user clears the selection via the × button. */
     onClear?: () => void;
 }
@@ -56,7 +75,9 @@ interface MultiSelectProps<T extends string | number = string> extends BaseSelec
     multiple: true;
     value?: T[];
     defaultValue?: T[];
-    onChange?: (value: T[]) => void;
+    onChange?: SelectMultiChangeHandler<T>;
+    /** Fired when user clears all selections via the × button. */
+    onClear?: () => void;
     /** Max selected items shown as tags before collapsing to "+N". */
     maxTagCount?: number;
 }
@@ -68,4 +89,4 @@ type SelectComponent = {
 /** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */
 declare const Select: SelectComponent;
 
-export { type MultiSelectProps, Select, type SelectItem, type SelectOption, type SelectOptionGroup, type SelectProps, type SingleSelectProps };
+export { type MultiSelectProps, Select, type SelectFilterOption, type SelectItem, type SelectMultiChangeHandler, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectSingleChangeHandler, type SingleSelectProps };

package/dist/Select.js

@@ -1,4 +1,6 @@
-export { Select } from './chunk-RPFMQZA5.js';
-import './chunk-TWGQZX2R.js';
+export { Select } from './chunk-WKKSAGYH.js';
+import './chunk-DQTSTJ6O.js';
 import './chunk-DUFRASGO.js';
-import './chunk-NJ6B22YJ.js';
+import './chunk-XTIN5545.js';
+import './chunk-WGZ2KJTZ.js';
+import './chunk-OF3SGLZY.js';

package/dist/Skeleton-CVWH2VWN.css

@@ -0,0 +1,40 @@
+/* ============ Skeleton ============ */
+.skeleton {
+  display: block;
+  background: color-mix(in oklch, var(--accent-soft) 55%, 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)));
+  background-size: 200% 100%;
+  animation: skel-wave 1.4s ease-in-out infinite;
+}
+.skeleton.pulse { animation: skel-pulse 1.4s ease-in-out infinite; }
+.skeleton.none  { animation: none; }
+.skeleton.circle { border-radius: 999px; }
+@keyframes skel-wave  { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
+@keyframes skel-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+
+.skeleton-box {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+  width: 100%;
+}
+.skeleton-content {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.skeleton-box .skeleton-title {
+  display: block;
+  margin-bottom: 4px;
+}
+.skeleton-box .skeleton-row {
+  display: block;
+}

package/dist/Skeleton.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkHZSIUOCN_cjs = require('./chunk-HZSIUOCN.cjs');
+
+
+
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () { return chunkHZSIUOCN_cjs.Skeleton; }
+});

package/dist/Skeleton.d.cts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+interface SkeletonAvatarConfig {
+    shape?: "circle" | "square";
+    size?: "sm" | "md" | "lg";
+}
+interface SkeletonTitleConfig {
+    width?: number | string;
+}
+interface SkeletonParagraphConfig {
+    rows?: number;
+    width?: (number | string)[];
+}
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    width?: number | string;
+    height?: number | string;
+    circle?: boolean;
+    /** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */
+    animation?: "wave" | "pulse" | "none";
+    avatar?: boolean | SkeletonAvatarConfig;
+    title?: boolean | SkeletonTitleConfig;
+    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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+interface SkeletonAvatarConfig {
+    shape?: "circle" | "square";
+    size?: "sm" | "md" | "lg";
+}
+interface SkeletonTitleConfig {
+    width?: number | string;
+}
+interface SkeletonParagraphConfig {
+    rows?: number;
+    width?: (number | string)[];
+}
+interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    width?: number | string;
+    height?: number | string;
+    circle?: boolean;
+    /** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */
+    animation?: "wave" | "pulse" | "none";
+    avatar?: boolean | SkeletonAvatarConfig;
+    title?: boolean | SkeletonTitleConfig;
+    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

@@ -0,0 +1 @@
+export { Skeleton } from './chunk-5TKC6IEN.js';

package/dist/Spin-3GJNMSIH.css

@@ -0,0 +1,94 @@
+/* ============ Spin ============ */
+.spin {
+  width: 14px;
+  height: 14px;
+  border-radius: 999px;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  animation: spin 0.8s linear infinite;
+  display: inline-block;
+}
+
+.spin.accent  { color: var(--accent); }
+.spin.success { color: var(--success); }
+.spin.warning { color: var(--warning); }
+.spin.danger  { color: var(--danger); }
+
+.spin.ring {
+  position: relative;
+  display: inline-block;
+  border: none;
+  border-radius: 50%;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  animation: none;
+}
+
+.spin.ring::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: conic-gradient(from 0deg,
+    transparent 0deg,
+    color-mix(in oklch, currentColor 30%, transparent) 40deg,
+    color-mix(in oklch, currentColor 70%, transparent) 100deg,
+    currentColor 220deg,
+    currentColor 340deg,
+    transparent 360deg);
+  -webkit-mask: radial-gradient(circle, transparent 60%, currentColor 61%);
+  mask: radial-gradient(circle, transparent 60%, currentColor 61%);
+  animation: spin 0.9s linear infinite;
+}
+
+.spin.ring.accent::before,
+.spin.ring.success::before,
+.spin.ring.warning::before,
+.spin.ring.danger::before {
+  filter: drop-shadow(0 0 4px color-mix(in oklch, currentColor 50%, transparent));
+}
+
+.spin.dots {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.34em;
+  border: none;
+  background: none;
+  box-shadow: none;
+  width: auto;
+  height: auto;
+  animation: none;
+  line-height: 1;
+}
+
+.spin.dots i {
+  width: 0.4em;
+  height: 0.4em;
+  border-radius: 999px;
+  background: radial-gradient(circle at 32% 28%,
+    color-mix(in oklch, currentColor 40%, var(--bg)),
+    currentColor 62%,
+    color-mix(in oklch, currentColor 82%, 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);
+  display: inline-block;
+  animation: spin-dot-bounce 1.2s ease-in-out infinite;
+}
+
+.spin.dots i:nth-child(2) { animation-delay: 0.15s; }
+.spin.dots i:nth-child(3) { animation-delay: 0.3s; }
+
+@keyframes spin-dot-bounce {
+  0%, 80%, 100% { transform: translateY(0); opacity: 0.5; }
+  40% { transform: translateY(-30%); opacity: 1; }
+}
+
+.spin-wrap {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--fg-muted);
+}
+
+.spin-label { font-size: 12px; }

package/dist/Spin.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkQKQHZIF3_cjs = require('./chunk-QKQHZIF3.cjs');
+
+
+
+Object.defineProperty(exports, "Spin", {
+  enumerable: true,
+  get: function () { return chunkQKQHZIF3_cjs.Spin; }
+});

package/dist/Spin.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+type SpinSize = "small" | "default" | "large" | number;
+interface SpinProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: SpinSize;
+    tone?: "accent" | "success" | "warning" | "danger" | "current";
+    /** Text rendered next to the indicator. */
+    tip?: React.ReactNode;
+    /** Same as `tip`; useful when a `label` prop reads better at call sites. */
+    label?: React.ReactNode;
+    /** `ring` is the default border spinner; `dots` is a three-dot bounce. */
+    variant?: "ring" | "dots";
+    /** Hide the indicator while preserving wrapper rendering. */
+    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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+type SpinSize = "small" | "default" | "large" | number;
+interface SpinProps extends React.HTMLAttributes<HTMLSpanElement> {
+    size?: SpinSize;
+    tone?: "accent" | "success" | "warning" | "danger" | "current";
+    /** Text rendered next to the indicator. */
+    tip?: React.ReactNode;
+    /** Same as `tip`; useful when a `label` prop reads better at call sites. */
+    label?: React.ReactNode;
+    /** `ring` is the default border spinner; `dots` is a three-dot bounce. */
+    variant?: "ring" | "dots";
+    /** Hide the indicator while preserving wrapper rendering. */
+    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

@@ -0,0 +1 @@
+export { Spin } from './chunk-ELNT3CFO.js';

package/dist/{Table-2LPTOUIR.css → Table-ATJJQLKU.css}

@@ -1,10 +1,4 @@
 /* ============ Table ============ */
-.table-card {
-  border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-out-sm);
-  overflow: hidden;
-}
 .table-wrap {
   border-radius: var(--r-lg);
   background: var(--bg);
@@ -246,50 +240,3 @@
 .table-pagination {
   margin-top: 12px;
 }
-
-/* Pro: card-wrap with toolbar + table + footer */
-.table-card {
-  border-radius: var(--r-lg);
-  background: var(--bg);
-  box-shadow: var(--neu-out-sm);
-  overflow: hidden;
-}
-.table-card .table-wrap { background: transparent; box-shadow: none; border-radius: 0; }
-.table-card .table-wrap.joined { border-radius: 0; }
-/* When TablePro hosts the built-in pagination, seat it inside the card. */
-.table-card .table-pagination {
-  margin-top: 0;
-  padding: 6px 16px;
-  border-top: 1px solid var(--divider);
-  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
-}
-.table-toolbar {
-  display: flex;
-  align-items: center;
-  gap: var(--gap-3);
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--divider);
-}
-.table-toolbar .table-title {
-  font-size: 14px;
-  font-weight: 600;
-  margin-right: 8px;
-}
-.table-toolbar-main {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-}
-.table-toolbar-actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-}
-.table-footer {
-  padding: 10px 16px;
-  border-top: 1px solid var(--divider);
-  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
-}

package/dist/Table.cjs

@@ -1,20 +1,18 @@
 'use strict';
 
-var chunkY3ZSG3SJ_cjs = require('./chunk-Y3ZSG3SJ.cjs');
-require('./chunk-EBNRZRWY.cjs');
-require('./chunk-FIO65XYG.cjs');
-require('./chunk-LZU33BX6.cjs');
-require('./chunk-N57NXCNC.cjs');
+var chunk3AS5B7MQ_cjs = require('./chunk-3AS5B7MQ.cjs');
+require('./chunk-CUXV6QNN.cjs');
+require('./chunk-OYMJVU66.cjs');
+require('./chunk-ZIP7F4UF.cjs');
+require('./chunk-FBVVRTX2.cjs');
 require('./chunk-YB3IWIOJ.cjs');
-require('./chunk-2MNAZRWE.cjs');
+require('./chunk-6LZ54NPO.cjs');
+require('./chunk-OQBDU5I2.cjs');
+require('./chunk-TJII7BQ2.cjs');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkY3ZSG3SJ_cjs.Table; }
-});
-Object.defineProperty(exports, "TablePro", {
-  enumerable: true,
-  get: function () { return chunkY3ZSG3SJ_cjs.TablePro; }
+  get: function () { return chunk3AS5B7MQ_cjs.Table; }
 });

package/dist/Table.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type RowKey = string | number;
@@ -98,7 +97,7 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
     /**
-     * Row selection config — preferred API (antd-style).
+     * Row selection config — preferred API.
      * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
      */
     rowSelection?: RowSelectionConfig<Row>;
@@ -132,23 +131,5 @@ 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;
 /** `Table` — neumorphic data table with sorting, selection and visual variants. */
 declare const Table: TableComponent;
-interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title"> {
-    /** Toolbar slot — search input, filter, etc. */
-    toolbar?: React.ReactNode;
-    /** Right-aligned actions slot in toolbar. */
-    actions?: React.ReactNode;
-    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
-    footer?: React.ReactNode;
-    /** Title shown above the toolbar. */
-    title?: React.ReactNode;
-}
-/**
- * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
- * variants, and a footer slot for pagination.
- *
- * Prefer the built-in `pagination` prop over rendering a `<Pagination />` in the
- * `footer` slot; `footer` still works for custom footers.
- */
-declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, TablePro, type TableProProps, type TableProps, type TableScrollConfig, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, type TableProps, type TableScrollConfig, type TableVariant };

package/dist/Table.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type RowKey = string | number;
@@ -98,7 +97,7 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
     /**
-     * Row selection config — preferred API (antd-style).
+     * Row selection config — preferred API.
      * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
      */
     rowSelection?: RowSelectionConfig<Row>;
@@ -132,23 +131,5 @@ 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;
 /** `Table` — neumorphic data table with sorting, selection and visual variants. */
 declare const Table: TableComponent;
-interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title"> {
-    /** Toolbar slot — search input, filter, etc. */
-    toolbar?: React.ReactNode;
-    /** Right-aligned actions slot in toolbar. */
-    actions?: React.ReactNode;
-    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
-    footer?: React.ReactNode;
-    /** Title shown above the toolbar. */
-    title?: React.ReactNode;
-}
-/**
- * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
- * variants, and a footer slot for pagination.
- *
- * Prefer the built-in `pagination` prop over rendering a `<Pagination />` in the
- * `footer` slot; `footer` still works for custom footers.
- */
-declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, TablePro, type TableProProps, type TableProps, type TableScrollConfig, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, type TableProps, type TableScrollConfig, type TableVariant };

package/dist/Table.js

@@ -1,7 +1,9 @@
-export { Table, TablePro } from './chunk-R6BIF3FF.js';
-import './chunk-UXH5PH3S.js';
-import './chunk-RPFMQZA5.js';
-import './chunk-TWGQZX2R.js';
-import './chunk-TGHBKKSS.js';
+export { Table } from './chunk-AWXCSX6J.js';
+import './chunk-7NGMQIST.js';
+import './chunk-WKKSAGYH.js';
+import './chunk-DQTSTJ6O.js';
+import './chunk-EQEJTN3V.js';
 import './chunk-DUFRASGO.js';
-import './chunk-NJ6B22YJ.js';
+import './chunk-XTIN5545.js';
+import './chunk-WGZ2KJTZ.js';
+import './chunk-OF3SGLZY.js';

package/dist/TablePro-3XVHYLSL.css

@@ -0,0 +1,45 @@
+/* ============ TablePro ============ */
+.table-card {
+  border-radius: var(--r-lg);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  overflow: hidden;
+}
+.table-card .table-wrap { background: transparent; box-shadow: none; border-radius: 0; }
+.table-card .table-wrap.joined { border-radius: 0; }
+.table-card .table-pagination {
+  margin-top: 0;
+  padding: 6px 16px;
+  border-top: 1px solid var(--divider);
+  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
+}
+.table-toolbar {
+  display: flex;
+  align-items: center;
+  gap: var(--gap-3);
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--divider);
+}
+.table-toolbar .table-title {
+  font-size: 14px;
+  font-weight: 600;
+  margin-right: 8px;
+}
+.table-toolbar-main {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+.table-toolbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.table-footer {
+  padding: 10px 16px;
+  border-top: 1px solid var(--divider);
+  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
+}

package/dist/TablePro.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkK2KYM7LW_cjs = require('./chunk-K2KYM7LW.cjs');
+require('./chunk-3AS5B7MQ.cjs');
+require('./chunk-CUXV6QNN.cjs');
+require('./chunk-OYMJVU66.cjs');
+require('./chunk-ZIP7F4UF.cjs');
+require('./chunk-FBVVRTX2.cjs');
+require('./chunk-YB3IWIOJ.cjs');
+require('./chunk-6LZ54NPO.cjs');
+require('./chunk-OQBDU5I2.cjs');
+require('./chunk-TJII7BQ2.cjs');
+
+
+
+Object.defineProperty(exports, "TablePro", {
+  enumerable: true,
+  get: function () { return chunkK2KYM7LW_cjs.TablePro; }
+});