@moul-dev/ui 2026.8.25 → 2026.8.27

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 (22) hide show
  1. package/dist/assets/stylex.css +48 -4
  2. package/dist/moul-ui.js +3033 -2675
  3. package/dist/src/App.d.ts +1 -1
  4. package/dist/src/components/Alert/Alert.styles.d.ts +11 -14
  5. package/dist/src/components/Sidebar/Sidebar.d.ts +32 -0
  6. package/dist/src/components/Sidebar/Sidebar.styles.d.ts +190 -1
  7. package/dist/src/components/Sidebar/index.d.ts +2 -2
  8. package/dist/src/components/Table/Table.d.ts +10 -0
  9. package/dist/src/components/Table/Table.styles.d.ts +33 -2
  10. package/dist/src/components/Table/index.d.ts +1 -1
  11. package/dist/src/index.d.ts +6 -4
  12. package/dist/src/sandbox/icons.d.ts +13 -0
  13. package/dist/src/sandbox/sections/ActionsSection.d.ts +2 -0
  14. package/dist/src/sandbox/sections/BlocksSection.d.ts +14 -0
  15. package/dist/src/sandbox/sections/ChartsSection.d.ts +2 -0
  16. package/dist/src/sandbox/sections/FeedbackSection.d.ts +2 -0
  17. package/dist/src/sandbox/sections/FormsSection.d.ts +2 -0
  18. package/dist/src/sandbox/sections/LayoutSection.d.ts +2 -0
  19. package/dist/src/sandbox/sections/NavigationSection.d.ts +2 -0
  20. package/dist/src/sandbox/sections/OverlaysSection.d.ts +6 -0
  21. package/dist/src/sandbox/types.d.ts +7 -0
  22. package/package.json +5 -8
package/dist/src/App.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare function App(): import("react").JSX.Element;
1
+ export declare function App(): import("react").JSX.Element;
2
2
  export default App;
package/dist/src/components/Alert/Alert.styles.d.ts CHANGED
@@ -60,23 +60,10 @@ export declare const styles: Readonly<{
60
60
  readonly height: stylex.StyleXClassNameFor<"height", string>;
61
61
  readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
62
62
  }>;
63
- readonly closeButton: Readonly<{
64
- readonly background: stylex.StyleXClassNameFor<"background", "transparent">;
65
- readonly border: stylex.StyleXClassNameFor<"border", "none">;
66
- readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
63
+ readonly closeButton_info: Readonly<{
67
64
  readonly color: stylex.StyleXClassNameFor<"color", string>;
68
- readonly display: stylex.StyleXClassNameFor<"display", "flex">;
69
- readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
70
- readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
71
- readonly padding: stylex.StyleXClassNameFor<"padding", string>;
72
- readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
73
- readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.15s, color 0.15s">;
74
65
  readonly ':hover': stylex.StyleXClassNameFor<":hover", {
75
66
  readonly color: stylex.StyleXVar<string>;
76
- }>;
77
- }>;
78
- readonly closeButton_info: Readonly<{
79
- readonly ':hover': stylex.StyleXClassNameFor<":hover", {
80
67
  readonly backgroundColor: stylex.StyleXVar<string>;
81
68
  }>;
82
69
  readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -84,7 +71,9 @@ export declare const styles: Readonly<{
84
71
  }>;
85
72
  }>;
86
73
  readonly closeButton_loading: Readonly<{
74
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
87
75
  readonly ':hover': stylex.StyleXClassNameFor<":hover", {
76
+ readonly color: stylex.StyleXVar<string>;
88
77
  readonly backgroundColor: stylex.StyleXVar<string>;
89
78
  }>;
90
79
  readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -92,7 +81,9 @@ export declare const styles: Readonly<{
92
81
  }>;
93
82
  }>;
94
83
  readonly closeButton_accent: Readonly<{
84
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
95
85
  readonly ':hover': stylex.StyleXClassNameFor<":hover", {
86
+ readonly color: stylex.StyleXVar<string>;
96
87
  readonly backgroundColor: stylex.StyleXVar<string>;
97
88
  }>;
98
89
  readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -100,7 +91,9 @@ export declare const styles: Readonly<{
100
91
  }>;
101
92
  }>;
102
93
  readonly closeButton_success: Readonly<{
94
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
103
95
  readonly ':hover': stylex.StyleXClassNameFor<":hover", {
96
+ readonly color: stylex.StyleXVar<string>;
104
97
  readonly backgroundColor: stylex.StyleXVar<string>;
105
98
  }>;
106
99
  readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -108,7 +101,9 @@ export declare const styles: Readonly<{
108
101
  }>;
109
102
  }>;
110
103
  readonly closeButton_warning: Readonly<{
104
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
111
105
  readonly ':hover': stylex.StyleXClassNameFor<":hover", {
106
+ readonly color: stylex.StyleXVar<string>;
112
107
  readonly backgroundColor: stylex.StyleXVar<string>;
113
108
  }>;
114
109
  readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -116,7 +111,9 @@ export declare const styles: Readonly<{
116
111
  }>;
117
112
  }>;
118
113
  readonly closeButton_error: Readonly<{
114
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
119
115
  readonly ':hover': stylex.StyleXClassNameFor<":hover", {
116
+ readonly color: stylex.StyleXVar<string>;
120
117
  readonly backgroundColor: stylex.StyleXVar<string>;
121
118
  }>;
122
119
  readonly ':active': stylex.StyleXClassNameFor<":active", {
package/dist/src/components/Sidebar/Sidebar.d.ts CHANGED
@@ -8,6 +8,7 @@ interface SidebarContextValue {
8
8
  variant: 'solid' | 'glass';
9
9
  onCollapseToggle: () => void;
10
10
  showCollapseToggle?: boolean;
11
+ dense?: boolean;
11
12
  }
12
13
  export declare function useSidebar(): SidebarContextValue;
13
14
  export interface SidebarProps {
@@ -19,23 +20,38 @@ export interface SidebarProps {
19
20
  onSelectionChange?: (key: string) => void;
20
21
  variant?: 'solid' | 'glass';
21
22
  showCollapseToggle?: boolean;
23
+ dense?: boolean;
22
24
  style?: React.CSSProperties;
23
25
  className?: string;
24
26
  children?: React.ReactNode;
25
27
  }
26
28
  export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
27
29
  export interface SidebarHeaderProps {
30
+ dense?: boolean;
28
31
  style?: StyleXStyles;
29
32
  className?: string;
30
33
  children?: React.ReactNode;
31
34
  }
32
35
  export declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
36
+ export interface SidebarBrandProps {
37
+ logo?: React.ReactNode;
38
+ title?: React.ReactNode;
39
+ subtitle?: React.ReactNode;
40
+ dense?: boolean;
41
+ style?: StyleXStyles;
42
+ className?: string;
43
+ onClick?: () => void;
44
+ onPress?: () => void;
45
+ children?: React.ReactNode;
46
+ }
47
+ export declare const SidebarBrand: React.ForwardRefExoticComponent<SidebarBrandProps & React.RefAttributes<HTMLDivElement>>;
33
48
  export interface SidebarGroupProps {
34
49
  title?: string;
35
50
  collapsible?: boolean;
36
51
  defaultExpanded?: boolean;
37
52
  isExpanded?: boolean;
38
53
  onExpandedChange?: (expanded: boolean) => void;
54
+ dense?: boolean;
39
55
  style?: StyleXStyles;
40
56
  className?: string;
41
57
  children?: React.ReactNode;
@@ -45,6 +61,7 @@ export interface SidebarItemProps extends Omit<AriaLinkProps, 'style' | 'classNa
45
61
  id?: string;
46
62
  icon?: React.ReactNode;
47
63
  isSelected?: boolean;
64
+ dense?: boolean;
48
65
  style?: StyleXStyles;
49
66
  className?: string;
50
67
  children?: React.ReactNode;
@@ -52,12 +69,27 @@ export interface SidebarItemProps extends Omit<AriaLinkProps, 'style' | 'classNa
52
69
  export declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLAnchorElement>>;
53
70
  export interface SidebarFooterProps {
54
71
  showBorder?: boolean;
72
+ dense?: boolean;
55
73
  style?: StyleXStyles;
56
74
  className?: string;
57
75
  children?: React.ReactNode;
58
76
  }
59
77
  export declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
78
+ export interface SidebarUserProps {
79
+ avatar?: React.ReactNode;
80
+ name?: React.ReactNode;
81
+ description?: React.ReactNode;
82
+ action?: React.ReactNode;
83
+ dense?: boolean;
84
+ style?: StyleXStyles;
85
+ className?: string;
86
+ onClick?: () => void;
87
+ onPress?: () => void;
88
+ children?: React.ReactNode;
89
+ }
90
+ export declare const SidebarUser: React.ForwardRefExoticComponent<SidebarUserProps & React.RefAttributes<HTMLDivElement>>;
60
91
  export interface SidebarDividerProps {
92
+ dense?: boolean;
61
93
  style?: StyleXStyles;
62
94
  className?: string;
63
95
  }
package/dist/src/components/Sidebar/Sidebar.styles.d.ts CHANGED
@@ -49,9 +49,16 @@ export declare const styles: Readonly<{
49
49
  readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
50
50
  readonly gap: stylex.StyleXClassNameFor<"gap", string>;
51
51
  }>;
52
+ readonly headerDense: Readonly<{
53
+ readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "48px">;
54
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
55
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
56
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
57
+ }>;
52
58
  readonly headerCollapsed: Readonly<{
53
59
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
54
60
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
61
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
55
62
  }>;
56
63
  readonly headerContent: Readonly<{
57
64
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -63,8 +70,13 @@ export declare const styles: Readonly<{
63
70
  readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
64
71
  readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
65
72
  }>;
73
+ readonly headerContentDense: Readonly<{
74
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
75
+ }>;
66
76
  readonly headerContentCollapsed: Readonly<{
67
77
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
78
+ readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
79
+ readonly width: stylex.StyleXClassNameFor<"width", "100%">;
68
80
  }>;
69
81
  readonly footer: Readonly<{
70
82
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -79,12 +91,19 @@ export declare const styles: Readonly<{
79
91
  readonly gap: stylex.StyleXClassNameFor<"gap", string>;
80
92
  readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "64px">;
81
93
  }>;
94
+ readonly footerDense: Readonly<{
95
+ readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "48px">;
96
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
97
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
98
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
99
+ }>;
82
100
  readonly footerBorder: Readonly<{
83
101
  readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
84
102
  }>;
85
103
  readonly footerCollapsed: Readonly<{
86
104
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
87
105
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
106
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
88
107
  }>;
89
108
  readonly footerContent: Readonly<{
90
109
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -96,8 +115,152 @@ export declare const styles: Readonly<{
96
115
  readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity, transform">;
97
116
  readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.2s">;
98
117
  }>;
118
+ readonly footerContentDense: Readonly<{
119
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
120
+ }>;
99
121
  readonly footerContentCollapsed: Readonly<{
100
122
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
123
+ readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
124
+ readonly width: stylex.StyleXClassNameFor<"width", "100%">;
125
+ }>;
126
+ readonly user: Readonly<{
127
+ readonly display: stylex.StyleXClassNameFor<"display", "flex">;
128
+ readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
129
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
130
+ readonly width: stylex.StyleXClassNameFor<"width", "100%">;
131
+ readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
132
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
133
+ readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
134
+ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
135
+ readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
136
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
137
+ }>;
138
+ readonly userInteractive: Readonly<{
139
+ readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
140
+ readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
141
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
142
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
143
+ readonly marginInline: stylex.StyleXClassNameFor<"marginInline", `calc(-1 * ${stylex.StyleXVar<string>})`>;
144
+ readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, transform">;
145
+ readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
146
+ readonly ':hover': stylex.StyleXClassNameFor<":hover", {
147
+ readonly backgroundColor: stylex.StyleXVar<string>;
148
+ }>;
149
+ readonly ':active': stylex.StyleXClassNameFor<":active", {
150
+ readonly transform: "scale(0.98)";
151
+ }>;
152
+ }>;
153
+ readonly userCollapsed: Readonly<{
154
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
155
+ readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
156
+ readonly width: stylex.StyleXClassNameFor<"width", "100%">;
157
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
158
+ readonly marginInline: stylex.StyleXClassNameFor<"marginInline", 0>;
159
+ }>;
160
+ readonly userDense: Readonly<{
161
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
162
+ }>;
163
+ readonly userAvatarWrapper: Readonly<{
164
+ readonly display: stylex.StyleXClassNameFor<"display", "flex">;
165
+ readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
166
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
167
+ readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
168
+ }>;
169
+ readonly userInfo: Readonly<{
170
+ readonly display: stylex.StyleXClassNameFor<"display", "flex">;
171
+ readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
172
+ readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
173
+ readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
174
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
175
+ }>;
176
+ readonly userName: Readonly<{
177
+ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
178
+ readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
179
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
180
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
181
+ readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
182
+ readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
183
+ }>;
184
+ readonly userDescription: Readonly<{
185
+ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
186
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
187
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
188
+ readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
189
+ readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
190
+ readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "2px">;
191
+ }>;
192
+ readonly userAction: Readonly<{
193
+ readonly display: stylex.StyleXClassNameFor<"display", "flex">;
194
+ readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
195
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
196
+ readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
197
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
198
+ }>;
199
+ readonly brand: Readonly<{
200
+ readonly display: stylex.StyleXClassNameFor<"display", "flex">;
201
+ readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
202
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
203
+ readonly width: stylex.StyleXClassNameFor<"width", "100%">;
204
+ readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
205
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
206
+ readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
207
+ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
208
+ readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
209
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
210
+ }>;
211
+ readonly brandInteractive: Readonly<{
212
+ readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
213
+ readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
214
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
215
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
216
+ readonly marginInline: stylex.StyleXClassNameFor<"marginInline", `calc(-1 * ${stylex.StyleXVar<string>})`>;
217
+ readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, transform">;
218
+ readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
219
+ readonly ':hover': stylex.StyleXClassNameFor<":hover", {
220
+ readonly backgroundColor: stylex.StyleXVar<string>;
221
+ }>;
222
+ readonly ':active': stylex.StyleXClassNameFor<":active", {
223
+ readonly transform: "scale(0.98)";
224
+ }>;
225
+ }>;
226
+ readonly brandCollapsed: Readonly<{
227
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
228
+ readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
229
+ readonly width: stylex.StyleXClassNameFor<"width", "100%">;
230
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
231
+ readonly marginInline: stylex.StyleXClassNameFor<"marginInline", 0>;
232
+ }>;
233
+ readonly brandDense: Readonly<{
234
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
235
+ }>;
236
+ readonly brandLogoWrapper: Readonly<{
237
+ readonly display: stylex.StyleXClassNameFor<"display", "flex">;
238
+ readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
239
+ readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
240
+ readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
241
+ }>;
242
+ readonly brandInfo: Readonly<{
243
+ readonly display: stylex.StyleXClassNameFor<"display", "flex">;
244
+ readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
245
+ readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
246
+ readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
247
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
248
+ }>;
249
+ readonly brandTitle: Readonly<{
250
+ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
251
+ readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
252
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
253
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
254
+ readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
255
+ readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
256
+ }>;
257
+ readonly brandSubtitle: Readonly<{
258
+ readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
259
+ readonly color: stylex.StyleXClassNameFor<"color", string>;
260
+ readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
261
+ readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
262
+ readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
263
+ readonly marginTop: stylex.StyleXClassNameFor<"marginTop", "2px">;
101
264
  }>;
102
265
  readonly group: Readonly<{
103
266
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
@@ -106,6 +269,10 @@ export declare const styles: Readonly<{
106
269
  readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
107
270
  readonly gap: stylex.StyleXClassNameFor<"gap", string>;
108
271
  }>;
272
+ readonly groupDense: Readonly<{
273
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
274
+ readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
275
+ }>;
109
276
  readonly groupCollapsed: Readonly<{
110
277
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
111
278
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
@@ -125,6 +292,11 @@ export declare const styles: Readonly<{
125
292
  readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
126
293
  readonly height: stylex.StyleXClassNameFor<"height", string>;
127
294
  }>;
295
+ readonly groupHeaderDense: Readonly<{
296
+ readonly height: stylex.StyleXClassNameFor<"height", string>;
297
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
298
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
299
+ }>;
128
300
  readonly groupHeaderCollapsible: Readonly<{
129
301
  readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
130
302
  readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
@@ -178,6 +350,9 @@ export declare const styles: Readonly<{
178
350
  readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
179
351
  readonly gap: stylex.StyleXClassNameFor<"gap", string>;
180
352
  }>;
353
+ readonly groupItemsInnerDense: Readonly<{
354
+ readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
355
+ }>;
181
356
  readonly item: Readonly<{
182
357
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
183
358
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
@@ -208,6 +383,12 @@ export declare const styles: Readonly<{
208
383
  readonly outlineOffset: "2px";
209
384
  }>;
210
385
  }>;
386
+ readonly itemDense: Readonly<{
387
+ readonly height: stylex.StyleXClassNameFor<"height", "30px">;
388
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
389
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
390
+ readonly gap: stylex.StyleXClassNameFor<"gap", string>;
391
+ }>;
211
392
  readonly itemHover: Readonly<{
212
393
  readonly ':hover': stylex.StyleXClassNameFor<":hover", {
213
394
  readonly backgroundColor: stylex.StyleXVar<string>;
@@ -228,6 +409,10 @@ export declare const styles: Readonly<{
228
409
  readonly height: stylex.StyleXClassNameFor<"height", "36px">;
229
410
  readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "center">;
230
411
  }>;
412
+ readonly itemCollapsedDense: Readonly<{
413
+ readonly width: stylex.StyleXClassNameFor<"width", "30px">;
414
+ readonly height: stylex.StyleXClassNameFor<"height", "30px">;
415
+ }>;
231
416
  readonly itemIcon: Readonly<{
232
417
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
233
418
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
@@ -261,6 +446,9 @@ export declare const styles: Readonly<{
261
446
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
262
447
  readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
263
448
  }>;
449
+ readonly dividerDense: Readonly<{
450
+ readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string>;
451
+ }>;
264
452
  readonly dividerCollapsed: Readonly<{
265
453
  readonly marginInline: stylex.StyleXClassNameFor<"marginInline", string>;
266
454
  }>;
@@ -303,7 +491,8 @@ export declare const styles: Readonly<{
303
491
  readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", "auto">;
304
492
  readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "auto">;
305
493
  readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "center">;
306
- readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string>;
494
+ readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string>;
495
+ readonly marginBlockEnd: stylex.StyleXClassNameFor<"marginBlockEnd", string>;
307
496
  }>;
308
497
  readonly layout: Readonly<{
309
498
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
package/dist/src/components/Sidebar/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export type { SidebarAsideProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, } from './Sidebar';
2
- export { Sidebar, SidebarAside, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, } from './Sidebar';
1
+ export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, SidebarUserProps, } from './Sidebar';
2
+ export { Sidebar, SidebarAside, SidebarBrand, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, SidebarUser, useSidebar, } from './Sidebar';
package/dist/src/components/Table/Table.d.ts CHANGED
@@ -3,6 +3,10 @@ import * as React from 'react';
3
3
  export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElement>, 'style'> {
4
4
  style?: StyleXStyles;
5
5
  className?: string;
6
+ /** Style for the inner table element when wrapInContainer is true */
7
+ tableStyle?: StyleXStyles;
8
+ /** Class name for the inner table element when wrapInContainer is true */
9
+ tableClassName?: string;
6
10
  /** Compact padding for high-density data */
7
11
  dense?: boolean;
8
12
  /** Alternating row background colors */
@@ -11,6 +15,8 @@ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElem
11
15
  hoverable?: boolean;
12
16
  /** Keep table header pinned to top on scroll */
13
17
  stickyHeader?: boolean;
18
+ /** Draw vertical column borders between cells */
19
+ bordered?: boolean;
14
20
  /** Table layout algorithm */
15
21
  layout?: 'auto' | 'fixed';
16
22
  /** Wrap table in a responsive horizontal scroll container (default: true) */
@@ -56,6 +62,8 @@ export interface TableHeadProps extends Omit<React.ThHTMLAttributes<HTMLTableCel
56
62
  className?: string;
57
63
  /** Text & content alignment */
58
64
  align?: 'left' | 'center' | 'right' | 'numeric';
65
+ /** Draw vertical column border */
66
+ bordered?: boolean;
59
67
  /** Column pinning support */
60
68
  pinned?: 'left' | 'right' | 'start' | 'end';
61
69
  /** Pinning offset (e.g., 0, '120px') */
@@ -81,6 +89,8 @@ export interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCel
81
89
  className?: string;
82
90
  /** Text & numeric alignment */
83
91
  align?: 'left' | 'center' | 'right' | 'numeric';
92
+ /** Draw vertical column border */
93
+ bordered?: boolean;
84
94
  /** Column pinning support */
85
95
  pinned?: 'left' | 'right' | 'start' | 'end';
86
96
  /** Pinning offset (e.g., 0, '120px') */
package/dist/src/components/Table/Table.styles.d.ts CHANGED
@@ -4,6 +4,11 @@ export declare const styles: Readonly<{
4
4
  readonly position: stylex.StyleXClassNameFor<"position", "relative">;
5
5
  readonly width: stylex.StyleXClassNameFor<"width", "100%">;
6
6
  readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
7
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
8
+ readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
9
+ readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
10
+ readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
11
+ readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
7
12
  }>;
8
13
  readonly table: Readonly<{
9
14
  readonly borderCollapse: stylex.StyleXClassNameFor<"borderCollapse", "collapse">;
@@ -47,16 +52,20 @@ export declare const styles: Readonly<{
47
52
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
48
53
  }>;
49
54
  readonly body: Readonly<{
55
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
50
56
  readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
51
57
  }>;
52
58
  readonly row: Readonly<{
53
59
  readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
54
60
  readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
55
61
  readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
56
- readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
62
+ readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
57
63
  readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color">;
58
64
  readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
59
65
  readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
66
+ readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
67
+ readonly borderBottomWidth: 0;
68
+ }>;
60
69
  readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
61
70
  readonly transitionProperty: "none";
62
71
  }>;
@@ -86,10 +95,17 @@ export declare const styles: Readonly<{
86
95
  readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
87
96
  readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
88
97
  readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
89
- readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
90
98
  readonly verticalAlign: stylex.StyleXClassNameFor<"verticalAlign", "middle">;
91
99
  readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
92
100
  }>;
101
+ readonly headBordered: Readonly<{
102
+ readonly borderInlineEndWidth: stylex.StyleXClassNameFor<"borderInlineEndWidth", "1px">;
103
+ readonly borderInlineEndStyle: stylex.StyleXClassNameFor<"borderInlineEndStyle", "solid">;
104
+ readonly borderInlineEndColor: stylex.StyleXClassNameFor<"borderInlineEndColor", string>;
105
+ readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
106
+ readonly borderInlineEndWidth: 0;
107
+ }>;
108
+ }>;
93
109
  readonly headDense: Readonly<{
94
110
  readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
95
111
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
@@ -137,6 +153,14 @@ export declare const styles: Readonly<{
137
153
  readonly verticalAlign: stylex.StyleXClassNameFor<"verticalAlign", "middle">;
138
154
  readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
139
155
  }>;
156
+ readonly cellBordered: Readonly<{
157
+ readonly borderInlineEndWidth: stylex.StyleXClassNameFor<"borderInlineEndWidth", "1px">;
158
+ readonly borderInlineEndStyle: stylex.StyleXClassNameFor<"borderInlineEndStyle", "solid">;
159
+ readonly borderInlineEndColor: stylex.StyleXClassNameFor<"borderInlineEndColor", string>;
160
+ readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
161
+ readonly borderInlineEndWidth: 0;
162
+ }>;
163
+ }>;
140
164
  readonly cellDense: Readonly<{
141
165
  readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
142
166
  readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
@@ -191,9 +215,16 @@ export declare const styles: Readonly<{
191
215
  readonly color: stylex.StyleXClassNameFor<"color", string>;
192
216
  readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
193
217
  readonly captionSide: stylex.StyleXClassNameFor<"captionSide", "bottom">;
218
+ readonly borderTopWidth: stylex.StyleXClassNameFor<"borderTopWidth", "1px">;
219
+ readonly borderTopStyle: stylex.StyleXClassNameFor<"borderTopStyle", "solid">;
220
+ readonly borderTopColor: stylex.StyleXClassNameFor<"borderTopColor", string>;
194
221
  }>;
195
222
  readonly captionTop: Readonly<{
196
223
  readonly captionSide: stylex.StyleXClassNameFor<"captionSide", "top">;
224
+ readonly borderTopWidth: stylex.StyleXClassNameFor<"borderTopWidth", 0>;
225
+ readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
226
+ readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
227
+ readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
197
228
  }>;
198
229
  readonly emptyCell: Readonly<{
199
230
  readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
package/dist/src/components/Table/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSkeletonProps, } from './Table';
1
+ export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, TableSkeletonProps, } from './Table';
2
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.25";
1
+ export declare const version = "2026.08.27";
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';
@@ -23,6 +23,8 @@ export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CardVa
23
23
  export { Card, CardBody, CardFooter, CardHeader } from './components/Card';
24
24
  export type { ChartContainerProps, LegendItem, } from './components/ChartContainer';
25
25
  export { ChartContainer } from './components/ChartContainer';
26
+ export type { CustomTooltipProps } from './components/ChartTooltip';
27
+ export { ChartTooltip } from './components/ChartTooltip';
26
28
  export { Checkbox } from './components/Checkbox';
27
29
  export type { CheckboxProps } from './components/Checkbox/Checkbox';
28
30
  export { CheckboxGroup } from './components/CheckboxGroup';
@@ -81,8 +83,8 @@ export { Select, SelectItem, SelectPopover, SelectSection, SelectValue, } from '
81
83
  export type { SelectItemProps, SelectPopoverProps, SelectProps, SelectSectionProps, } from './components/Select/Select';
82
84
  export { Separator } from './components/Separator';
83
85
  export type { SeparatorProps } from './components/Separator/Separator';
84
- export type { SidebarAsideProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, } from './components/Sidebar';
85
- export { Sidebar, SidebarAside, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, } from './components/Sidebar';
86
+ export type { SidebarAsideProps, SidebarBrandProps, SidebarDividerProps, SidebarFooterProps, SidebarGroupProps, SidebarHeaderProps, SidebarItemProps, SidebarMainProps, SidebarProps, SidebarUserProps, } from './components/Sidebar';
87
+ export { Sidebar, SidebarAside, SidebarBrand, SidebarDivider, SidebarFooter, SidebarGroup, SidebarHeader, SidebarItem, SidebarMain, SidebarUser, useSidebar, } from './components/Sidebar';
86
88
  export { Skeleton } from './components/Skeleton';
87
89
  export type { SkeletonProps, SkeletonShape, SkeletonVariant, } from './components/Skeleton/Skeleton';
88
90
  export { Slider, SliderThumb, SliderTrack } from './components/Slider';
@@ -93,7 +95,7 @@ export type { StatProps } from './components/Stat';
93
95
  export { Stat } from './components/Stat';
94
96
  export { Switch } from './components/Switch';
95
97
  export type { SwitchProps } from './components/Switch/Switch';
96
- export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSkeletonProps, } from './components/Table';
98
+ export type { TableBodyProps, TableCaptionProps, TableCellProps, TableEmptyProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, TableSkeletonProps, } from './components/Table';
97
99
  export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, } from './components/Table';
98
100
  export type { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps, } from './components/Tabs';
99
101
  export { Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs';
package/dist/src/sandbox/icons.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export declare const HomeIcon: React.FC;
3
+ export declare const RadioIcon: React.FC;
4
+ export declare const ArtistIcon: React.FC;
5
+ export declare const AlbumIcon: React.FC;
6
+ export declare const FolderIcon: React.FC;
7
+ export declare const SongIcon: React.FC;
8
+ export declare const StoreIcon: React.FC;
9
+ export declare const DeviceIcon: React.FC;
10
+ export declare const PlaylistIcon: React.FC;
11
+ export declare const SettingsIcon: React.FC;
12
+ export declare const SunIcon: React.FC;
13
+ export declare const MoonIcon: React.FC;
package/dist/src/sandbox/sections/ActionsSection.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { default as React } from 'react';
2
+ export declare const ActionsSection: React.FC;
package/dist/src/sandbox/sections/BlocksSection.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ interface BlocksSectionProps {
3
+ isCollapsed: boolean;
4
+ onToggleCollapse: () => void;
5
+ isSidebarDense: boolean;
6
+ onToggleDense: () => void;
7
+ sidebarVariant: 'solid' | 'glass';
8
+ onToggleVariant: () => void;
9
+ showToggle: boolean;
10
+ onToggleShowToggle: () => void;
11
+ activeTab: string;
12
+ }
13
+ export declare const BlocksSection: React.FC<BlocksSectionProps>;
14
+ export {};