@moul-dev/ui 2026.8.22 → 2026.8.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/assets/stylex.css +54 -4
  2. package/dist/moul-ui.js +363 -231
  3. package/dist/src/components/Table/Table.d.ts +95 -19
  4. package/dist/src/components/Table/Table.styles.d.ts +146 -59
  5. package/dist/src/components/Table/index.d.ts +2 -2
  6. package/dist/src/index.d.ts +3 -3
  7. package/package.json +1 -1
package/dist/src/components/Table/Table.d.ts CHANGED
@@ -1,42 +1,118 @@
1
1
  import { StyleXStyles } from '@stylexjs/stylex';
2
- import { CellProps as AriaCellProps, ColumnProps as AriaColumnProps, RowProps as AriaRowProps, TableBodyProps as AriaTableBodyProps, TableHeaderProps as AriaTableHeaderProps, TableProps as AriaTableProps } from 'react-aria-components';
3
2
  import * as React from 'react';
4
- export interface TableProps extends Omit<AriaTableProps, 'style'> {
3
+ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElement>, 'style'> {
5
4
  style?: StyleXStyles;
6
5
  className?: string;
6
+ /** Compact padding for high-density data */
7
+ dense?: boolean;
8
+ /** Alternating row background colors */
9
+ striped?: boolean;
10
+ /** Highlight rows on hover */
11
+ hoverable?: boolean;
12
+ /** Keep table header pinned to top on scroll */
7
13
  stickyHeader?: boolean;
8
- isLoading?: boolean;
9
- loadingState?: React.ReactNode;
10
- emptyState?: React.ReactNode;
14
+ /** Table layout algorithm */
15
+ layout?: 'auto' | 'fixed';
16
+ /** Wrap table in a responsive horizontal scroll container (default: true) */
17
+ wrapInContainer?: boolean;
18
+ /** Style for the responsive container wrapper */
19
+ containerStyle?: StyleXStyles;
20
+ /** Class name for the responsive container wrapper */
21
+ containerClassName?: string;
11
22
  }
12
23
  export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
13
- export interface TableHeaderProps<T> extends Omit<AriaTableHeaderProps<T>, 'style'> {
24
+ export interface TableHeaderProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'style'> {
14
25
  style?: StyleXStyles;
15
26
  className?: string;
27
+ /** Pinned sticky header state */
16
28
  sticky?: boolean;
17
29
  }
18
- export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps<any> & React.RefAttributes<HTMLTableSectionElement>>;
19
- export interface ColumnProps extends Omit<AriaColumnProps, 'style' | 'className'> {
30
+ export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
31
+ export interface TableBodyProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'style'> {
20
32
  style?: StyleXStyles;
21
- className?: AriaColumnProps['className'];
33
+ className?: string;
34
+ }
35
+ export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
36
+ export interface TableFooterProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'style'> {
37
+ style?: StyleXStyles;
38
+ className?: string;
39
+ /** Pinned sticky footer state */
40
+ sticky?: boolean;
41
+ }
42
+ export declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
43
+ export interface TableRowProps extends Omit<React.HTMLAttributes<HTMLTableRowElement>, 'style'> {
44
+ style?: StyleXStyles;
45
+ className?: string;
46
+ /** Selected row state */
47
+ selected?: boolean;
48
+ /** Enable hover highlight for this row */
49
+ hoverable?: boolean;
50
+ /** Indicates the row is clickable */
51
+ interactive?: boolean;
52
+ }
53
+ export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
54
+ export interface TableHeadProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'style' | 'align' | 'width'> {
55
+ style?: StyleXStyles;
56
+ className?: string;
57
+ /** Text & content alignment */
58
+ align?: 'left' | 'center' | 'right' | 'numeric';
59
+ /** Column pinning support */
60
+ pinned?: 'left' | 'right' | 'start' | 'end';
61
+ /** Pinning offset (e.g., 0, '120px') */
62
+ pinOffset?: number | string;
63
+ /** Explicit column width */
64
+ width?: number | string;
65
+ /** Minimum column width */
66
+ minWidth?: number | string;
67
+ /** Maximum column width */
68
+ maxWidth?: number | string;
69
+ /** Current column sort direction */
70
+ sortDirection?: 'asc' | 'desc' | 'ascending' | 'descending' | false | null;
71
+ /** Callback fired when sortable column header is clicked or activated */
72
+ onSort?: () => void;
73
+ /** Show sorting chevron indicator */
22
74
  showSortIndicator?: boolean;
75
+ /** Custom sort indicator component slot */
76
+ sortIndicator?: React.ReactNode;
23
77
  }
24
- export declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
25
- export interface TableBodyProps<T> extends Omit<AriaTableBodyProps<T>, 'style'> {
78
+ export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
79
+ export interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'style' | 'align' | 'width'> {
26
80
  style?: StyleXStyles;
27
81
  className?: string;
28
- isLoading?: boolean;
29
- loadingState?: React.ReactNode;
30
- emptyState?: React.ReactNode;
82
+ /** Text & numeric alignment */
83
+ align?: 'left' | 'center' | 'right' | 'numeric';
84
+ /** Column pinning support */
85
+ pinned?: 'left' | 'right' | 'start' | 'end';
86
+ /** Pinning offset (e.g., 0, '120px') */
87
+ pinOffset?: number | string;
88
+ /** Explicit cell/column width */
89
+ width?: number | string;
90
+ /** Minimum cell/column width */
91
+ minWidth?: number | string;
92
+ /** Maximum cell/column width */
93
+ maxWidth?: number | string;
94
+ /** Enable tabular figures for consistent numeric layout */
95
+ tabular?: boolean;
31
96
  }
32
- export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps<any> & React.RefAttributes<HTMLTableSectionElement>>;
33
- export interface RowProps<T> extends Omit<AriaRowProps<T>, 'style'> {
97
+ export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
98
+ export interface TableCaptionProps extends Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'style'> {
34
99
  style?: StyleXStyles;
35
100
  className?: string;
101
+ /** Placement side of the caption */
102
+ side?: 'top' | 'bottom';
36
103
  }
37
- export declare const Row: React.ForwardRefExoticComponent<RowProps<any> & React.RefAttributes<HTMLTableRowElement>>;
38
- export interface CellProps extends Omit<AriaCellProps, 'style'> {
104
+ export declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
105
+ export interface TableEmptyProps extends Omit<React.HTMLAttributes<HTMLTableRowElement>, 'style'> {
106
+ colSpan?: number;
39
107
  style?: StyleXStyles;
108
+ cellStyle?: StyleXStyles;
40
109
  className?: string;
110
+ cellClassName?: string;
111
+ }
112
+ export declare const TableEmpty: React.ForwardRefExoticComponent<TableEmptyProps & React.RefAttributes<HTMLTableRowElement>>;
113
+ export interface TableSkeletonProps {
114
+ rows?: number;
115
+ columns?: number;
116
+ style?: StyleXStyles;
41
117
  }
42
- export declare const Cell: React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLTableCellElement>>;
118
+ export declare function TableSkeleton({ rows, columns, style, }: TableSkeletonProps): React.JSX.Element;
package/dist/src/components/Table/Table.styles.d.ts CHANGED
@@ -1,5 +1,10 @@
1
1
  import * as stylex from '@stylexjs/stylex';
2
2
  export declare const styles: Readonly<{
3
+ readonly wrapper: Readonly<{
4
+ readonly position: stylex.StyleXClassNameFor<"position", "relative">;
5
+ readonly width: stylex.StyleXClassNameFor<"width", "100%">;
6
+ readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
7
+ }>;
3
8
  readonly table: Readonly<{
4
9
  readonly borderCollapse: stylex.StyleXClassNameFor<"borderCollapse", "collapse">;
5
10
  readonly width: stylex.StyleXClassNameFor<"width", "100%">;
@@ -9,19 +14,71 @@ export declare const styles: Readonly<{
9
14
  readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
10
15
  readonly color: stylex.StyleXClassNameFor<"color", string>;
11
16
  }>;
17
+ readonly tableFixed: Readonly<{
18
+ readonly tableLayout: stylex.StyleXClassNameFor<"tableLayout", "fixed">;
19
+ }>;
20
+ readonly tableAuto: Readonly<{
21
+ readonly tableLayout: stylex.StyleXClassNameFor<"tableLayout", "auto">;
22
+ }>;
12
23
  readonly header: Readonly<{
13
24
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
14
- readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "2px">;
25
+ readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
15
26
  readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
16
27
  readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
17
28
  }>;
18
29
  readonly headerSticky: Readonly<{
19
30
  readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
20
- readonly top: stylex.StyleXClassNameFor<"top", 0>;
21
- readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
31
+ readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", 0>;
32
+ readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
33
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
34
+ }>;
35
+ readonly footer: Readonly<{
22
36
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
37
+ readonly borderTopWidth: stylex.StyleXClassNameFor<"borderTopWidth", "1px">;
38
+ readonly borderTopStyle: stylex.StyleXClassNameFor<"borderTopStyle", "solid">;
39
+ readonly borderTopColor: stylex.StyleXClassNameFor<"borderTopColor", string>;
40
+ readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
41
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
42
+ }>;
43
+ readonly footerSticky: Readonly<{
44
+ readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
45
+ readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", 0>;
46
+ readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
47
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
48
+ }>;
49
+ readonly body: Readonly<{
50
+ readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
23
51
  }>;
24
- readonly column: Readonly<{
52
+ readonly row: Readonly<{
53
+ readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
54
+ readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
55
+ readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
56
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
57
+ readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color">;
58
+ readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
59
+ readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
60
+ readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
61
+ readonly transitionProperty: "none";
62
+ }>;
63
+ }>;
64
+ readonly rowHoverable: Readonly<{
65
+ readonly ':hover': stylex.StyleXClassNameFor<":hover", {
66
+ readonly backgroundColor: stylex.StyleXVar<string>;
67
+ }>;
68
+ }>;
69
+ readonly rowStriped: Readonly<{
70
+ readonly ':nth-child(even)': stylex.StyleXClassNameFor<":nth-child(even)", {
71
+ readonly backgroundColor: stylex.StyleXVar<string>;
72
+ }>;
73
+ }>;
74
+ readonly rowSelected: Readonly<{
75
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
76
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
77
+ }>;
78
+ readonly rowInteractive: Readonly<{
79
+ readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
80
+ }>;
81
+ readonly head: Readonly<{
25
82
  readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
26
83
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
27
84
  readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
@@ -30,28 +87,37 @@ export declare const styles: Readonly<{
30
87
  readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
31
88
  readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
32
89
  readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
90
+ readonly verticalAlign: stylex.StyleXClassNameFor<"verticalAlign", "middle">;
33
91
  readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
34
- readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
35
- readonly outlineStyle: "solid";
36
- readonly outlineWidth: "2px";
37
- readonly outlineOffset: "-2px";
38
- readonly outlineColor: stylex.StyleXVar<string>;
39
- }>;
40
92
  }>;
41
- readonly columnSortable: Readonly<{
93
+ readonly headDense: Readonly<{
94
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
95
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
96
+ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
97
+ }>;
98
+ readonly headSortable: Readonly<{
42
99
  readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
43
100
  readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
101
+ readonly ':hover': stylex.StyleXClassNameFor<":hover", {
102
+ readonly color: stylex.StyleXVar<string>;
103
+ readonly backgroundColor: stylex.StyleXVar<string>;
104
+ }>;
44
105
  }>;
45
- readonly columnHovered: Readonly<{
46
- readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
47
- }>;
48
- readonly columnContent: Readonly<{
106
+ readonly headContent: Readonly<{
49
107
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
50
108
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
51
- readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
52
109
  readonly gap: stylex.StyleXClassNameFor<"gap", string>;
53
110
  readonly width: stylex.StyleXClassNameFor<"width", "100%">;
54
111
  }>;
112
+ readonly headContentAlignLeft: Readonly<{
113
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
114
+ }>;
115
+ readonly headContentAlignCenter: Readonly<{
116
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
117
+ }>;
118
+ readonly headContentAlignRight: Readonly<{
119
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-end">;
120
+ }>;
55
121
  readonly sortIndicator: Readonly<{
56
122
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
57
123
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
@@ -64,68 +130,89 @@ export declare const styles: Readonly<{
64
130
  readonly sortIndicatorActive: Readonly<{
65
131
  readonly color: stylex.StyleXClassNameFor<"color", string>;
66
132
  }>;
67
- readonly body: Readonly<{
133
+ readonly cell: Readonly<{
134
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
135
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
136
+ readonly color: stylex.StyleXClassNameFor<"color", "inherit">;
137
+ readonly verticalAlign: stylex.StyleXClassNameFor<"verticalAlign", "middle">;
68
138
  readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
69
139
  }>;
70
- readonly row: Readonly<{
71
- readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
72
- readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
73
- readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
140
+ readonly cellDense: Readonly<{
141
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
142
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
143
+ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
144
+ }>;
145
+ readonly cellTabular: Readonly<{
146
+ readonly fontVariantNumeric: stylex.StyleXClassNameFor<"fontVariantNumeric", "tabular-nums">;
147
+ }>;
148
+ readonly alignLeft: Readonly<{
149
+ readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
150
+ }>;
151
+ readonly alignCenter: Readonly<{
152
+ readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
153
+ }>;
154
+ readonly alignRight: Readonly<{
155
+ readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
156
+ }>;
157
+ readonly alignNumeric: Readonly<{
158
+ readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
159
+ readonly fontVariantNumeric: stylex.StyleXClassNameFor<"fontVariantNumeric", "tabular-nums">;
160
+ }>;
161
+ readonly pinnedLeft: Readonly<{
162
+ readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
163
+ readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
164
+ readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 2>;
74
165
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
75
- readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
76
- readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
77
- readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color">;
78
- readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
79
- readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
80
- readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
81
- readonly transitionProperty: "none";
82
- }>;
83
166
  }>;
84
- readonly rowHovered: Readonly<{
167
+ readonly pinnedRight: Readonly<{
168
+ readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
169
+ readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
170
+ readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 2>;
85
171
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
172
+ readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `inset 1px 0 0 ${stylex.StyleXVar<string>}`>;
86
173
  }>;
87
- readonly rowSelected: Readonly<{
174
+ readonly pinnedLeftHead: Readonly<{
175
+ readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
176
+ readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
177
+ readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 12>;
88
178
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
89
- readonly color: stylex.StyleXClassNameFor<"color", string>;
90
179
  }>;
91
- readonly rowFocused: Readonly<{
92
- readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
93
- readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
94
- readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-2px">;
95
- readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
180
+ readonly pinnedRightHead: Readonly<{
181
+ readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
182
+ readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
183
+ readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 12>;
184
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
185
+ readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `inset 1px 0 0 ${stylex.StyleXVar<string>}`>;
96
186
  }>;
97
- readonly cell: Readonly<{
187
+ readonly caption: Readonly<{
98
188
  readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
99
189
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
100
- readonly color: stylex.StyleXClassNameFor<"color", "inherit">;
101
- readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
102
- readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
103
- readonly outlineStyle: "solid";
104
- readonly outlineWidth: "2px";
105
- readonly outlineOffset: "-2px";
106
- readonly outlineColor: stylex.StyleXVar<string>;
107
- }>;
190
+ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
191
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
192
+ readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
193
+ readonly captionSide: stylex.StyleXClassNameFor<"captionSide", "bottom">;
108
194
  }>;
109
- readonly emptyState: Readonly<{
110
- readonly display: stylex.StyleXClassNameFor<"display", "flex">;
111
- readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
112
- readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
113
- readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
195
+ readonly captionTop: Readonly<{
196
+ readonly captionSide: stylex.StyleXClassNameFor<"captionSide", "top">;
197
+ }>;
198
+ readonly emptyCell: Readonly<{
114
199
  readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
115
200
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
116
201
  readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
117
202
  readonly color: stylex.StyleXClassNameFor<"color", string>;
118
- readonly width: stylex.StyleXClassNameFor<"width", "100%">;
119
203
  }>;
120
- readonly loadingState: Readonly<{
121
- readonly display: stylex.StyleXClassNameFor<"display", "flex">;
122
- readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
123
- readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
124
- readonly gap: stylex.StyleXClassNameFor<"gap", string>;
204
+ readonly skeletonCell: Readonly<{
125
205
  readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
126
206
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
127
- readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
128
- readonly color: stylex.StyleXClassNameFor<"color", string>;
207
+ }>;
208
+ readonly skeletonBar: Readonly<{
209
+ readonly height: stylex.StyleXClassNameFor<"height", "14px">;
129
210
  readonly width: stylex.StyleXClassNameFor<"width", "100%">;
211
+ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
212
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
213
+ readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
214
+ readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "1.6s">;
215
+ readonly animationIterationCount: stylex.StyleXClassNameFor<"animationIterationCount", "infinite">;
216
+ readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "ease-in-out">;
130
217
  }>;
131
218
  }>;
package/dist/src/components/Table/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export type { CellProps, ColumnProps, RowProps, TableBodyProps, TableHeaderProps, TableProps, } from './Table';
2
- export { Cell, Column, Row, Table, TableBody, TableHeader } from './Table';
1
+ export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSkeletonProps, } from './Table';
2
+ export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, } from './Table';
package/dist/src/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const version = "2026.08.22";
1
+ export declare const version = "2026.08.25";
2
2
  export { Alert } from './components/Alert';
3
3
  export type { AlertProps, AlertVariant } from './components/Alert/Alert';
4
4
  export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, } from './components/AlertDialog';
@@ -93,8 +93,8 @@ export type { StatProps } from './components/Stat';
93
93
  export { Stat } from './components/Stat';
94
94
  export { Switch } from './components/Switch';
95
95
  export type { SwitchProps } from './components/Switch/Switch';
96
- export type { CellProps, ColumnProps, RowProps, TableBodyProps, TableHeaderProps, TableProps, } from './components/Table';
97
- export { Cell, Column, Row, Table, TableBody, TableHeader, } from './components/Table';
96
+ export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSkeletonProps, } from './components/Table';
97
+ export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, } from './components/Table';
98
98
  export type { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, } from './components/Tabs';
99
99
  export { Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs';
100
100
  export { Tag, TagGroup } from './components/TagGroup';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moul-dev/ui",
3
- "version": "2026.08.22",
3
+ "version": "2026.08.25",
4
4
  "description": "Accessible, zero-runtime React component library built on React Aria and StyleX",
5
5
  "license": "MIT",
6
6
  "type": "module",