@hyddenlabs/hydn-ui 0.3.0-alpha.151 → 0.3.0-alpha.153

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 (8) hide show
  1. package/dist/index.cjs +4429 -3977
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +1358 -752
  4. package/dist/index.d.ts +1358 -752
  5. package/dist/index.js +4365 -3950
  6. package/dist/index.js.map +1 -1
  7. package/dist/style.css +1 -1
  8. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,345 +1,889 @@
1
- import * as React$1 from 'react';
2
- import React__default, { ReactNode, CSSProperties, HTMLAttributes, MouseEvent } from 'react';
3
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React$1 from 'react';
3
+ import React__default, { ReactNode, MouseEvent, HTMLAttributes, CSSProperties, FormEvent, RefObject } from 'react';
4
4
 
5
- type ButtonProps = {
6
- children?: React__default.ReactNode;
7
- onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
8
- ariaLabel?: string;
9
- disabled?: boolean;
10
- type?: 'button' | 'submit' | 'reset';
5
+ type Theme = 'light' | 'dark';
6
+ type ThemeContextType = {
7
+ theme: Theme;
8
+ setTheme: (theme: Theme) => void;
9
+ availableThemes: Theme[];
10
+ };
11
+ type ThemeProviderProps = {
12
+ children: ReactNode;
13
+ defaultTheme?: Theme;
14
+ storageKey?: string;
15
+ themes?: Theme[];
16
+ };
17
+ declare function ThemeProvider({ children, defaultTheme, storageKey, themes }: Readonly<ThemeProviderProps>): react_jsx_runtime.JSX.Element;
18
+ declare function useTheme(): ThemeContextType;
19
+
20
+ type ColorModeToggleProps = {
11
21
  className?: string;
12
- icon?: React__default.ReactNode;
13
- iconPosition?: 'left' | 'right';
14
- variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
15
- style?: 'solid' | 'outline' | 'ghost' | 'link' | 'soft';
16
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
17
- rounded?: 'default' | 'pill' | 'square' | 'circle';
18
- loading?: boolean;
19
- fullWidth?: boolean;
20
- wide?: boolean;
21
- active?: boolean;
22
22
  };
23
- declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
23
+ declare function ColorModeToggle({ className }: Readonly<ColorModeToggleProps>): react_jsx_runtime.JSX.Element;
24
+ declare namespace ColorModeToggle {
25
+ var displayName: string;
26
+ }
24
27
 
25
- type ValidationState$5 = 'default' | 'error' | 'success' | 'warning';
26
- type InputProps = {
27
- value?: string;
28
- onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
29
- onFocus?: (e: React__default.FocusEvent<HTMLInputElement>) => void;
30
- placeholder?: string;
31
- disabled?: boolean;
32
- type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
28
+ declare const visualSizes: {
29
+ readonly xs: {
30
+ readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
31
+ readonly pixels: {
32
+ readonly mobile: 14;
33
+ readonly desktop: 12;
34
+ };
35
+ };
36
+ readonly sm: {
37
+ readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
38
+ readonly pixels: {
39
+ readonly mobile: 20;
40
+ readonly desktop: 16;
41
+ };
42
+ };
43
+ readonly md: {
44
+ readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
45
+ readonly pixels: {
46
+ readonly mobile: 24;
47
+ readonly desktop: 20;
48
+ };
49
+ };
50
+ readonly lg: {
51
+ readonly classes: "w-7 h-7 sm:w-6 sm:h-6";
52
+ readonly pixels: {
53
+ readonly mobile: 28;
54
+ readonly desktop: 24;
55
+ };
56
+ };
57
+ readonly xl: {
58
+ readonly classes: "w-8 h-8 sm:w-7 sm:h-7";
59
+ readonly pixels: {
60
+ readonly mobile: 32;
61
+ readonly desktop: 28;
62
+ };
63
+ };
64
+ readonly '2xl': {
65
+ readonly classes: "w-9 h-9 sm:w-8 sm:h-8";
66
+ readonly pixels: {
67
+ readonly mobile: 36;
68
+ readonly desktop: 32;
69
+ };
70
+ };
71
+ readonly '3xl': {
72
+ readonly classes: "w-12 h-12 sm:w-10 sm:h-10";
73
+ readonly pixels: {
74
+ readonly mobile: 48;
75
+ readonly desktop: 40;
76
+ };
77
+ };
78
+ };
79
+ type Size = keyof typeof visualSizes;
80
+ declare const spinnerSizes: {
81
+ readonly xs: {
82
+ readonly border: "border";
83
+ readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
84
+ readonly pixels: {
85
+ readonly mobile: 14;
86
+ readonly desktop: 12;
87
+ };
88
+ };
89
+ readonly sm: {
90
+ readonly border: "border-2";
91
+ readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
92
+ readonly pixels: {
93
+ readonly mobile: 20;
94
+ readonly desktop: 16;
95
+ };
96
+ };
97
+ readonly md: {
98
+ readonly border: "border-2";
99
+ readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
100
+ readonly pixels: {
101
+ readonly mobile: 24;
102
+ readonly desktop: 20;
103
+ };
104
+ };
105
+ readonly lg: {
106
+ readonly border: "border-2";
107
+ readonly classes: "w-7 h-7 sm:w-6 sm:h-6";
108
+ readonly pixels: {
109
+ readonly mobile: 28;
110
+ readonly desktop: 24;
111
+ };
112
+ };
113
+ readonly xl: {
114
+ readonly border: "border-[3px]";
115
+ readonly classes: "w-8 h-8 sm:w-7 sm:h-7";
116
+ readonly pixels: {
117
+ readonly mobile: 32;
118
+ readonly desktop: 28;
119
+ };
120
+ };
121
+ readonly '2xl': {
122
+ readonly border: "border-[3px]";
123
+ readonly classes: "w-9 h-9 sm:w-8 sm:h-8";
124
+ readonly pixels: {
125
+ readonly mobile: 36;
126
+ readonly desktop: 32;
127
+ };
128
+ };
129
+ readonly '3xl': {
130
+ readonly border: "border-4";
131
+ readonly classes: "w-12 h-12 sm:w-10 sm:h-10";
132
+ readonly pixels: {
133
+ readonly mobile: 48;
134
+ readonly desktop: 40;
135
+ };
136
+ };
137
+ };
138
+ declare const avatarSizes: {
139
+ readonly xs: {
140
+ readonly classes: "w-8 h-8 sm:w-6 sm:h-6";
141
+ readonly text: "text-sm sm:text-xs";
142
+ };
143
+ readonly sm: {
144
+ readonly classes: "w-10 h-10 sm:w-8 sm:h-8";
145
+ readonly text: "text-base sm:text-sm";
146
+ };
147
+ readonly md: {
148
+ readonly classes: "w-12 h-12 sm:w-10 sm:h-10";
149
+ readonly text: "text-lg sm:text-base";
150
+ };
151
+ readonly lg: {
152
+ readonly classes: "w-14 h-14 sm:w-12 sm:h-12";
153
+ readonly text: "text-xl sm:text-lg";
154
+ };
155
+ readonly xl: {
156
+ readonly classes: "w-20 h-20 sm:w-16 sm:h-16";
157
+ readonly text: "text-2xl sm:text-xl";
158
+ };
159
+ readonly '2xl': {
160
+ readonly classes: "w-24 h-24 sm:w-20 sm:h-20";
161
+ readonly text: "text-3xl sm:text-2xl";
162
+ };
163
+ readonly '3xl': {
164
+ readonly classes: "w-28 h-28 sm:w-24 sm:h-24";
165
+ readonly text: "text-4xl sm:text-3xl";
166
+ };
167
+ };
168
+ declare const logoSizes: {
169
+ readonly xs: {
170
+ readonly classes: "h-5 w-5 sm:h-4 sm:w-4";
171
+ };
172
+ readonly sm: {
173
+ readonly classes: "h-7 w-7 sm:h-6 sm:w-6";
174
+ };
175
+ readonly md: {
176
+ readonly classes: "h-9 w-9 sm:h-8 sm:w-8";
177
+ };
178
+ readonly lg: {
179
+ readonly classes: "h-12 w-12 sm:h-10 sm:w-10";
180
+ };
181
+ readonly xl: {
182
+ readonly classes: "h-14 w-14 sm:h-12 sm:w-12";
183
+ };
184
+ readonly '2xl': {
185
+ readonly classes: "h-20 w-20 sm:h-16 sm:w-16";
186
+ };
187
+ readonly '3xl': {
188
+ readonly classes: "h-24 w-24 sm:h-20 sm:w-20";
189
+ };
190
+ };
191
+ declare const interactiveSizes: {
192
+ readonly xs: {
193
+ readonly height: "h-8 sm:h-6 min-h-8 sm:min-h-6";
194
+ readonly padding: "px-3 sm:px-2";
195
+ readonly text: "text-sm sm:text-xs";
196
+ readonly icon: {
197
+ readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
198
+ readonly pixels: {
199
+ readonly mobile: 14;
200
+ readonly desktop: 12;
201
+ };
202
+ };
203
+ };
204
+ readonly sm: {
205
+ readonly height: "h-10 sm:h-8 min-h-10 sm:min-h-8";
206
+ readonly padding: "px-4 sm:px-3";
207
+ readonly text: "text-base sm:text-sm";
208
+ readonly icon: {
209
+ readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
210
+ readonly pixels: {
211
+ readonly mobile: 20;
212
+ readonly desktop: 16;
213
+ };
214
+ };
215
+ };
216
+ readonly md: {
217
+ readonly height: "h-12 sm:h-10 min-h-12 sm:min-h-10";
218
+ readonly padding: "px-5 sm:px-4";
219
+ readonly text: "text-base sm:text-sm";
220
+ readonly icon: {
221
+ readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
222
+ readonly pixels: {
223
+ readonly mobile: 24;
224
+ readonly desktop: 20;
225
+ };
226
+ };
227
+ };
228
+ readonly lg: {
229
+ readonly height: "h-14 sm:h-12 min-h-14 sm:min-h-12";
230
+ readonly padding: "px-7 sm:px-6";
231
+ readonly text: "text-lg sm:text-base";
232
+ readonly icon: {
233
+ readonly classes: "w-7 h-7 sm:w-6 sm:h-6";
234
+ readonly pixels: {
235
+ readonly mobile: 28;
236
+ readonly desktop: 24;
237
+ };
238
+ };
239
+ };
240
+ readonly xl: {
241
+ readonly height: "h-16 sm:h-14 min-h-16 sm:min-h-14";
242
+ readonly padding: "px-9 sm:px-8";
243
+ readonly text: "text-xl sm:text-lg";
244
+ readonly icon: {
245
+ readonly classes: "w-8 h-8 sm:w-7 sm:h-7";
246
+ readonly pixels: {
247
+ readonly mobile: 32;
248
+ readonly desktop: 28;
249
+ };
250
+ };
251
+ };
252
+ };
253
+ type InteractiveSize = keyof typeof interactiveSizes;
254
+ declare const badgeSizes: {
255
+ readonly sm: {
256
+ readonly classes: "px-2.5 sm:px-2 py-1 sm:py-0.5 text-sm sm:text-xs";
257
+ readonly icon: {
258
+ readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
259
+ readonly pixels: {
260
+ readonly mobile: 14;
261
+ readonly desktop: 12;
262
+ };
263
+ };
264
+ };
265
+ readonly md: {
266
+ readonly classes: "px-3 sm:px-2.5 py-1 sm:py-0.5 text-sm sm:text-xs font-semibold";
267
+ readonly icon: {
268
+ readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
269
+ readonly pixels: {
270
+ readonly mobile: 20;
271
+ readonly desktop: 16;
272
+ };
273
+ };
274
+ };
275
+ readonly lg: {
276
+ readonly classes: "px-4 sm:px-3 py-1.5 sm:py-1 text-base sm:text-sm font-semibold";
277
+ readonly icon: {
278
+ readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
279
+ readonly pixels: {
280
+ readonly mobile: 24;
281
+ readonly desktop: 20;
282
+ };
283
+ };
284
+ };
285
+ };
286
+ declare const chipSizes: {
287
+ readonly sm: {
288
+ readonly classes: "px-2.5 sm:px-2 py-1.5 sm:py-1 text-sm sm:text-xs gap-1.5 sm:gap-1";
289
+ readonly icon: {
290
+ readonly classes: "w-3.5 h-3.5 sm:w-3 sm:h-3";
291
+ readonly pixels: {
292
+ readonly mobile: 14;
293
+ readonly desktop: 12;
294
+ };
295
+ };
296
+ };
297
+ readonly md: {
298
+ readonly classes: "px-3.5 sm:px-3 py-2 sm:py-1.5 text-base sm:text-sm gap-2 sm:gap-1.5";
299
+ readonly icon: {
300
+ readonly classes: "w-5 h-5 sm:w-4 sm:h-4";
301
+ readonly pixels: {
302
+ readonly mobile: 20;
303
+ readonly desktop: 16;
304
+ };
305
+ };
306
+ };
307
+ readonly lg: {
308
+ readonly classes: "px-5 sm:px-4 py-2.5 sm:py-2 text-lg sm:text-base gap-2.5 sm:gap-2";
309
+ readonly icon: {
310
+ readonly classes: "w-6 h-6 sm:w-5 sm:h-5";
311
+ readonly pixels: {
312
+ readonly mobile: 24;
313
+ readonly desktop: 20;
314
+ };
315
+ };
316
+ };
317
+ };
318
+ declare const codeSizes: {
319
+ readonly sm: "text-xs px-1 py-0.5";
320
+ readonly md: "text-sm px-1.5 py-0.5";
321
+ readonly lg: "text-base px-2 py-1";
322
+ };
323
+ type CodeSize = keyof typeof codeSizes;
324
+ declare const statusLabelSizes: {
325
+ readonly sm: {
326
+ readonly container: "px-2 py-0.5 text-xs gap-1.5";
327
+ readonly dot: "w-1.5 h-1.5";
328
+ };
329
+ readonly md: {
330
+ readonly container: "px-2.5 py-0.5 text-sm gap-2";
331
+ readonly dot: "w-2 h-2";
332
+ };
333
+ readonly lg: {
334
+ readonly container: "px-3 py-1 text-base gap-2";
335
+ readonly dot: "w-2.5 h-2.5";
336
+ };
337
+ };
338
+ type StatusLabelSize = keyof typeof statusLabelSizes;
339
+ declare const textSizes: {
340
+ readonly xs: "text-sm sm:text-xs";
341
+ readonly sm: "text-base sm:text-sm";
342
+ readonly base: "text-base";
343
+ readonly lg: "text-lg";
344
+ readonly xl: "text-xl sm:text-lg";
345
+ readonly '2xl': "text-2xl sm:text-xl";
346
+ readonly '3xl': "text-3xl sm:text-2xl";
347
+ readonly '4xl': "text-4xl sm:text-3xl";
348
+ readonly '5xl': "text-5xl sm:text-4xl";
349
+ };
350
+ type TextSize = keyof typeof textSizes;
351
+ declare const headingSizes: {
352
+ readonly sm: "text-base font-semibold";
353
+ readonly md: "text-lg font-bold";
354
+ readonly lg: "text-xl font-bold";
355
+ readonly xl: "text-2xl font-bold";
356
+ readonly '2xl': "text-3xl font-bold sm:text-2xl";
357
+ readonly '3xl': "text-4xl font-bold sm:text-3xl";
358
+ readonly '4xl': "text-5xl font-bold sm:text-4xl";
359
+ };
360
+ type HeadingSize = keyof typeof headingSizes;
361
+ declare const cardSizes: {
362
+ readonly xs: "w-full sm:max-w-36";
363
+ readonly sm: "w-full sm:max-w-64";
364
+ readonly md: "w-full sm:max-w-96";
365
+ readonly lg: "w-full sm:max-w-[28rem]";
366
+ readonly xl: "w-full sm:max-w-[32rem]";
367
+ readonly '2xl': "w-full sm:max-w-[36rem]";
368
+ readonly full: "w-full";
369
+ };
370
+ type CardSize = keyof typeof cardSizes;
371
+ declare const gapSizes: {
372
+ readonly none: "gap-0";
373
+ readonly xs: "gap-2 sm:gap-1";
374
+ readonly sm: "gap-3 sm:gap-2";
375
+ readonly md: "gap-5 sm:gap-4";
376
+ readonly lg: "gap-7 sm:gap-6";
377
+ readonly xl: "gap-10 sm:gap-8";
378
+ readonly '2xl': "gap-14 sm:gap-12";
379
+ readonly '3xl': "gap-20 sm:gap-16";
380
+ };
381
+ type GapSize = keyof typeof gapSizes;
382
+ declare const containerSizes: {
383
+ readonly sm: "max-w-screen-sm";
384
+ readonly md: "max-w-screen-md";
385
+ readonly lg: "max-w-screen-lg";
386
+ readonly xl: "max-w-screen-xl";
387
+ readonly '2xl': "max-w-screen-2xl";
388
+ readonly '3xl': "max-w-[1920px]";
389
+ readonly full: "max-w-full";
390
+ readonly screen: "max-w-[100vw]";
391
+ };
392
+ type ContainerSize = keyof typeof containerSizes;
393
+ declare const containerMinWidths: {
394
+ readonly xs: "min-w-[20rem]";
395
+ readonly sm: "min-w-[24rem]";
396
+ readonly md: "min-w-[28rem]";
397
+ readonly lg: "min-w-[32rem]";
398
+ readonly xl: "min-w-[36rem]";
399
+ readonly '2xl': "min-w-[42rem]";
400
+ readonly '3xl': "min-w-[48rem]";
401
+ readonly full: "min-w-full";
402
+ readonly screen: "min-w-screen";
403
+ };
404
+ declare const containerMinHeights: {
405
+ readonly xs: "min-h-[10rem]";
406
+ readonly sm: "min-h-[15rem]";
407
+ readonly md: "min-h-[20rem]";
408
+ readonly lg: "min-h-[25rem]";
409
+ readonly xl: "min-h-[30rem]";
410
+ readonly '2xl': "min-h-[35rem]";
411
+ readonly '3xl': "min-h-[40rem]";
412
+ readonly full: "min-h-full";
413
+ readonly screen: "min-h-screen";
414
+ };
415
+ declare const sectionPadding: {
416
+ readonly none: "py-0";
417
+ readonly xs: "py-6 sm:py-4";
418
+ readonly sm: "py-10 sm:py-8";
419
+ readonly md: "py-16 sm:py-12";
420
+ readonly lg: "py-20 sm:py-16";
421
+ readonly xl: "py-28 sm:py-24";
422
+ readonly '2xl': "py-36 sm:py-32";
423
+ };
424
+ type SectionPaddingSize = keyof typeof sectionPadding;
425
+ declare const cardPadding: {
426
+ readonly none: "p-0";
427
+ readonly xs: "p-3 sm:p-2";
428
+ readonly sm: "p-5 sm:p-4";
429
+ readonly md: "p-7 sm:p-6";
430
+ readonly lg: "p-9 sm:p-8";
431
+ readonly xl: "p-12 sm:p-10";
432
+ readonly '2xl': "p-14 sm:p-12";
433
+ };
434
+ type CardPaddingSize = keyof typeof cardPadding;
435
+ declare const overlaySizes: {
436
+ readonly xs: "w-full sm:w-64";
437
+ readonly sm: "w-full sm:w-80";
438
+ readonly md: "w-full sm:w-96";
439
+ readonly lg: "w-full sm:w-[28rem]";
440
+ readonly xl: "w-full sm:w-[32rem]";
441
+ readonly '2xl': "w-full sm:w-[40rem]";
442
+ readonly '3xl': "w-full sm:w-[48rem]";
443
+ readonly full: "w-full max-w-2xl";
444
+ };
445
+ type OverlaySize = keyof typeof overlaySizes;
446
+ declare const borderRadius: {
447
+ readonly none: "rounded-none";
448
+ readonly sm: "rounded-sm";
449
+ readonly md: "rounded-md";
450
+ readonly lg: "rounded-lg";
451
+ readonly xl: "rounded-xl";
452
+ readonly '2xl': "rounded-2xl";
453
+ readonly '3xl': "rounded-3xl";
454
+ readonly full: "rounded-full";
455
+ };
456
+ type BorderRadiusSize = keyof typeof borderRadius;
457
+ declare function getIconPixels(size: Size | number, variant?: 'mobile' | 'desktop'): number;
458
+ declare function getVisualClasses(size: Size): string;
459
+
460
+ type IconSize = Size | number;
461
+ interface IconProps {
462
+ name: string;
463
+ size?: IconSize;
464
+ color?: string;
465
+ strokeWidth?: number;
466
+ className?: string;
467
+ onClick?: () => void;
468
+ }
469
+ declare const Icon: React$1.FC<IconProps>;
470
+
471
+ interface AuthUser {
472
+ id: string;
473
+ [key: string]: unknown;
474
+ }
475
+ interface AuthState {
476
+ user: AuthUser | null;
477
+ isLoading: boolean;
478
+ isAuthenticated: boolean;
479
+ error: Error | null;
480
+ }
481
+ interface AuthActions {
482
+ login: (credentials: unknown) => Promise<void>;
483
+ logout: () => Promise<void>;
484
+ refresh: () => Promise<void>;
485
+ clearError: () => void;
486
+ updateUser: (updates: Partial<AuthUser>) => void;
487
+ }
488
+ type AuthContextType = AuthState & AuthActions;
489
+ interface AuthProviderConfig {
490
+ onLogin: (credentials: unknown) => Promise<AuthUser>;
491
+ onLogout?: () => Promise<void>;
492
+ onRefresh?: () => Promise<AuthUser | null>;
493
+ storageKey?: string;
494
+ useSessionStorage?: boolean;
495
+ autoRefresh?: boolean;
496
+ authUrl?: string;
497
+ withCredentials?: boolean;
498
+ }
499
+ interface AuthProviderProps {
500
+ config: AuthProviderConfig;
501
+ children: ReactNode;
502
+ }
503
+ declare function AuthProvider({ config, children }: Readonly<AuthProviderProps>): react_jsx_runtime.JSX.Element;
504
+ declare function useAuth(): AuthContextType;
505
+
506
+ declare function authFetch(url: string, options?: RequestInit, withCredentials?: boolean): Promise<Response>;
507
+ declare function checkAuthStatus(authUrl: string): Promise<boolean>;
508
+ declare function getCurrentUser(authUrl: string): Promise<any | null>;
509
+ declare function loginExternal(authUrl: string, credentials: unknown): Promise<any>;
510
+ declare function logoutExternal(authUrl: string): Promise<void>;
511
+ declare function redirectToLogin(authUrl: string, returnUrl?: string): void;
512
+ declare function openLoginPopup(authUrl: string, onSuccess?: () => void): Window | null;
513
+
514
+ type LogoProps = {
515
+ size?: Size;
33
516
  className?: string;
34
- ariaLabel?: string;
35
- ref?: React__default.Ref<HTMLInputElement>;
36
- id?: string;
37
- name?: string;
38
- required?: boolean;
39
- size?: 'sm' | 'md' | 'lg';
40
- validationState?: ValidationState$5;
41
517
  };
42
- declare function Input({ value, onChange, onFocus, placeholder, disabled, type, className, ariaLabel, ref, id, name, required, size, validationState }: Readonly<InputProps>): react_jsx_runtime.JSX.Element;
43
- declare namespace Input {
518
+ declare function Logo({ size, className }: Readonly<LogoProps>): react_jsx_runtime.JSX.Element;
519
+
520
+ type ContainerProps = {
521
+ children: React__default.ReactNode;
522
+ className?: string;
523
+ size?: ContainerSize;
524
+ padding?: 'none' | SectionPaddingSize;
525
+ align?: 'start' | 'center' | 'end';
526
+ minWidth?: keyof typeof containerMinWidths | string;
527
+ minHeight?: keyof typeof containerMinHeights | string;
528
+ };
529
+ declare function Container({ children, className, size, padding, align, minWidth, minHeight }: Readonly<ContainerProps>): react_jsx_runtime.JSX.Element;
530
+ declare namespace Container {
44
531
  var displayName: string;
45
532
  }
46
533
 
47
- type ValidationState$4 = 'default' | 'error' | 'success' | 'warning';
48
- type CheckboxProps = {
49
- checked?: boolean;
50
- onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
51
- disabled?: boolean;
534
+ type GridProps = {
535
+ children: React__default.ReactNode;
52
536
  className?: string;
53
- ariaLabel?: string;
54
- id?: string;
55
- name?: string;
56
- validationState?: ValidationState$4;
537
+ itemSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
538
+ maxCols?: number;
539
+ gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
540
+ responsive?: {
541
+ sm?: number;
542
+ md?: number;
543
+ lg?: number;
544
+ xl?: number;
545
+ };
546
+ alignItems?: 'start' | 'center' | 'end' | 'stretch';
547
+ justifyItems?: 'start' | 'center' | 'end' | 'stretch';
57
548
  };
58
- declare function Checkbox({ checked, onChange, disabled, className, ariaLabel, id, name, validationState }: Readonly<CheckboxProps>): react_jsx_runtime.JSX.Element;
59
- declare namespace Checkbox {
549
+ declare function Grid({ children, className, itemSize, maxCols, gap, responsive, alignItems, justifyItems }: Readonly<GridProps>): react_jsx_runtime.JSX.Element;
550
+ declare namespace Grid {
60
551
  var displayName: string;
61
552
  }
62
553
 
63
- type ValidationState$3 = 'default' | 'error' | 'success' | 'warning';
64
- type RadioProps = {
65
- checked?: boolean;
66
- onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
67
- disabled?: boolean;
554
+ type PageProps = {
555
+ children: React__default.ReactNode;
68
556
  className?: string;
69
- ariaLabel?: string;
70
- id?: string;
71
- name?: string;
72
- value?: string;
73
- validationState?: ValidationState$3;
74
557
  };
75
- declare function Radio({ checked, onChange, disabled, className, ariaLabel, id, name: nameProp, value, validationState }: Readonly<RadioProps>): react_jsx_runtime.JSX.Element;
76
- declare namespace Radio {
558
+ declare function Page({ children, className }: Readonly<PageProps>): react_jsx_runtime.JSX.Element;
559
+ declare namespace Page {
77
560
  var displayName: string;
78
561
  }
79
562
 
80
- type ValidationState$2 = 'default' | 'error' | 'success' | 'warning';
81
- type SelectProps = {
82
- value?: string;
83
- onChange?: (e: React__default.ChangeEvent<HTMLSelectElement>) => void;
84
- disabled?: boolean;
563
+ type PageHeaderProps = {
564
+ title: string;
565
+ description?: string;
566
+ badge?: React__default.ReactNode;
567
+ className?: string;
568
+ };
569
+ declare function PageHeader({ title, description, badge, className }: Readonly<PageHeaderProps>): react_jsx_runtime.JSX.Element;
570
+ declare namespace PageHeader {
571
+ var displayName: string;
572
+ }
573
+
574
+ interface SectionProps {
575
+ children: React.ReactNode;
576
+ variant?: 'default' | 'muted' | 'primary' | 'dark';
577
+ padding?: SectionPaddingSize;
85
578
  className?: string;
86
- ariaLabel?: string;
87
579
  id?: string;
88
- name?: string;
89
- children: React__default.ReactNode;
90
- required?: boolean;
91
- size?: 'sm' | 'md' | 'lg';
92
- validationState?: ValidationState$2;
580
+ }
581
+ declare function Section({ children, variant, padding, className, id }: SectionProps): react_jsx_runtime.JSX.Element;
582
+ declare namespace Section {
583
+ var displayName: string;
584
+ }
585
+
586
+ type SectionHeaderProps = {
587
+ title: string;
588
+ description?: string;
589
+ badge?: React__default.ReactNode;
590
+ level?: 2 | 3 | 4;
591
+ className?: string;
93
592
  };
94
- declare function Select({ value, onChange, disabled, className, ariaLabel, id, name, children, required, size, validationState }: Readonly<SelectProps>): react_jsx_runtime.JSX.Element;
95
- declare namespace Select {
593
+ declare function SectionHeader({ title, description, badge, level, className }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;
594
+ declare namespace SectionHeader {
96
595
  var displayName: string;
97
596
  }
98
597
 
99
- type SelectItemProps = {
100
- value?: string;
101
- disabled?: boolean;
598
+ type StackProps = {
102
599
  children: React__default.ReactNode;
600
+ className?: string;
601
+ direction?: 'horizontal' | 'vertical';
602
+ spacing?: GapSize;
603
+ align?: 'start' | 'center' | 'end' | 'stretch';
604
+ justify?: 'start' | 'center' | 'end' | 'between' | 'around';
103
605
  };
104
- declare function SelectItem({ value, disabled, children }: Readonly<SelectItemProps>): react_jsx_runtime.JSX.Element;
105
- declare namespace SelectItem {
606
+ declare function Stack({ children, className, direction, spacing, align, justify }: Readonly<StackProps>): react_jsx_runtime.JSX.Element;
607
+ declare namespace Stack {
106
608
  var displayName: string;
107
609
  }
108
610
 
109
- type MultiSelectOption = {
110
- value: string;
111
- label: string;
611
+ type AccordionItemProps = {
612
+ title: string;
613
+ children: ReactNode;
614
+ defaultOpen?: boolean;
112
615
  };
113
- type MultiSelectProps = {
114
- options: MultiSelectOption[];
115
- value?: string[];
116
- onChange?: (values: string[]) => void;
117
- placeholder?: string;
118
- disabled?: boolean;
119
- maxSelections?: number;
120
- size?: 'sm' | 'md' | 'lg';
616
+ type AccordionProps = {
617
+ children: ReactNode;
121
618
  className?: string;
619
+ allowMultiple?: boolean;
122
620
  };
123
- declare function MultiSelect({ options, value, onChange, placeholder, disabled, maxSelections, size, className }: Readonly<MultiSelectProps>): react_jsx_runtime.JSX.Element;
124
- declare namespace MultiSelect {
621
+ declare function AccordionItem({ title, children, defaultOpen }: Readonly<AccordionItemProps>): react_jsx_runtime.JSX.Element;
622
+ declare function Accordion({ children, className }: Readonly<AccordionProps>): react_jsx_runtime.JSX.Element;
623
+ declare namespace Accordion {
125
624
  var displayName: string;
126
625
  }
127
626
 
128
- type ValidationState$1 = 'default' | 'error' | 'success' | 'warning';
129
- type TextareaProps = {
130
- value?: string;
131
- onChange?: (e: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
132
- placeholder?: string;
133
- disabled?: boolean;
627
+ type DividerProps = {
628
+ orientation?: 'horizontal' | 'vertical';
134
629
  className?: string;
135
- ariaLabel?: string;
136
- id?: string;
137
- name?: string;
138
- rows?: number;
139
- required?: boolean;
140
- validationState?: ValidationState$1;
141
- };
142
- declare function Textarea({ value, onChange, placeholder, disabled, className, ariaLabel, id, name, rows, required, validationState }: Readonly<TextareaProps>): react_jsx_runtime.JSX.Element;
143
- declare namespace Textarea {
630
+ } & React.HTMLAttributes<HTMLHRElement>;
631
+ declare function Divider({ orientation, className, ...props }: Readonly<DividerProps>): react_jsx_runtime.JSX.Element;
632
+ declare namespace Divider {
144
633
  var displayName: string;
145
634
  }
146
635
 
147
- type SwitchProps = {
148
- checked?: boolean;
149
- onChange?: (checked: boolean) => void;
150
- disabled?: boolean;
636
+ type DrawerProps = {
637
+ isOpen: boolean;
638
+ onClose: () => void;
639
+ children: ReactNode;
640
+ position?: 'left' | 'right' | 'top' | 'bottom';
151
641
  className?: string;
152
- ariaLabel?: string;
153
- id?: string;
154
- name?: string;
155
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
156
- variant?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error' | 'neutral';
642
+ title?: string;
643
+ size?: OverlaySize;
644
+ closeOnEscape?: boolean;
645
+ closeOnOutside?: boolean;
646
+ unmountOnExit?: boolean;
647
+ portalRoot?: HTMLElement | null;
648
+ noAnimation?: boolean;
157
649
  };
158
- declare function Switch({ checked, onChange, disabled, className, ariaLabel, id, name, size, variant }: Readonly<SwitchProps>): react_jsx_runtime.JSX.Element;
159
- declare namespace Switch {
650
+ declare function Drawer({ isOpen, onClose, children, position, className, title, size, closeOnEscape, closeOnOutside, unmountOnExit, portalRoot, noAnimation }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element | null;
651
+ declare namespace Drawer {
160
652
  var displayName: string;
161
653
  }
162
654
 
163
- type SliderProps = {
164
- value?: number;
165
- onChange?: (value: number) => void;
166
- min?: number;
167
- max?: number;
168
- step?: number;
169
- disabled?: boolean;
655
+ type CardProps = {
656
+ children: React__default.ReactNode;
170
657
  className?: string;
171
- ariaLabel?: string;
172
- id?: string;
173
- name?: string;
658
+ variant?: 'default' | 'bordered' | 'ghost' | 'filled';
659
+ size?: CardSize;
660
+ width?: 'auto' | 'full' | 'fit';
661
+ hoverable?: boolean;
662
+ imagePosition?: 'top' | 'bottom' | 'side' | 'overlay';
663
+ centered?: boolean;
664
+ compact?: boolean;
665
+ } & React__default.HTMLAttributes<HTMLDivElement>;
666
+ declare function Card({ children, className, variant, size, width, hoverable, imagePosition, centered, compact, ...props }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
667
+ declare namespace Card {
668
+ var displayName: string;
669
+ }
670
+
671
+ type CardHeaderProps = {
672
+ children: ReactNode;
673
+ className?: string;
674
+ bordered?: boolean;
675
+ padding?: 'none' | 'sm' | 'md' | 'lg';
174
676
  };
175
- declare function Slider({ value, onChange, min, max, step, disabled, className, ariaLabel, id, name }: Readonly<SliderProps>): react_jsx_runtime.JSX.Element;
176
- declare namespace Slider {
677
+ declare function CardHeader({ children, className, bordered, padding }: Readonly<CardHeaderProps>): react_jsx_runtime.JSX.Element;
678
+ declare namespace CardHeader {
177
679
  var displayName: string;
178
680
  }
179
681
 
180
- type ButtonGroupProps = {
181
- children: ReactNode;
682
+ interface CardBodyProps {
683
+ children: React.ReactNode;
684
+ padding?: CardPaddingSize;
182
685
  className?: string;
183
- variant?: 'default' | 'separated';
184
- orientation?: 'horizontal' | 'vertical';
185
- };
186
- declare function ButtonGroup({ children, className, variant, orientation }: Readonly<ButtonGroupProps>): react_jsx_runtime.JSX.Element;
187
- declare namespace ButtonGroup {
686
+ }
687
+ declare function CardBody({ children, padding, className }: CardBodyProps): react_jsx_runtime.JSX.Element;
688
+ declare namespace CardBody {
188
689
  var displayName: string;
189
690
  }
190
691
 
191
- type RadioGroupProps = {
692
+ type CardFooterProps = {
192
693
  children: ReactNode;
193
- name: string;
194
- label?: string;
195
- orientation?: 'horizontal' | 'vertical';
196
694
  className?: string;
197
- value?: string;
198
- onChange?: (value: string) => void;
695
+ bordered?: boolean;
696
+ padding?: 'none' | 'sm' | 'md' | 'lg';
697
+ align?: 'start' | 'center' | 'end';
199
698
  };
200
- declare function RadioGroup({ children, name, label, orientation, className, value, onChange }: Readonly<RadioGroupProps>): react_jsx_runtime.JSX.Element;
201
- declare namespace RadioGroup {
699
+ declare function CardFooter({ children, className, bordered, padding, align }: Readonly<CardFooterProps>): react_jsx_runtime.JSX.Element;
700
+ declare namespace CardFooter {
202
701
  var displayName: string;
203
702
  }
204
703
 
205
- type ValidationState = 'default' | 'error' | 'success' | 'warning';
206
- type FormFieldProps = {
704
+ type CardActionsProps = {
207
705
  children: ReactNode;
208
- label?: string;
209
- htmlFor?: string;
210
- error?: string;
211
- helperText?: string;
212
- required?: boolean;
213
706
  className?: string;
214
- validationState?: ValidationState;
707
+ align?: 'start' | 'center' | 'end' | 'stretch';
708
+ direction?: 'row' | 'column';
215
709
  };
216
- declare function FormField({ children, label, htmlFor, error, helperText, required, className, validationState }: Readonly<FormFieldProps>): react_jsx_runtime.JSX.Element;
217
- declare namespace FormField {
710
+ declare function CardActions({ children, className, align, direction }: Readonly<CardActionsProps>): react_jsx_runtime.JSX.Element;
711
+ declare namespace CardActions {
218
712
  var displayName: string;
219
713
  }
220
714
 
221
- type InputGroupProps = {
715
+ type CardFigureProps = {
222
716
  children: ReactNode;
223
- prefix?: ReactNode;
224
- suffix?: ReactNode;
225
717
  className?: string;
718
+ aspectRatio?: 'square' | 'video' | 'wide' | 'portrait' | 'auto';
226
719
  };
227
- declare function InputGroup({ children, prefix, suffix, className }: Readonly<InputGroupProps>): react_jsx_runtime.JSX.Element;
228
- declare namespace InputGroup {
720
+ declare function CardFigure({ children, className, aspectRatio }: Readonly<CardFigureProps>): react_jsx_runtime.JSX.Element;
721
+ declare namespace CardFigure {
229
722
  var displayName: string;
230
723
  }
231
724
 
232
- type CalendarProps = {
233
- value?: Date;
234
- onChange?: (date: Date) => void;
235
- minDate?: Date;
236
- maxDate?: Date;
237
- disabled?: boolean;
725
+ type CardTitleProps = {
726
+ children: ReactNode;
238
727
  className?: string;
728
+ as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
729
+ size?: HeadingSize;
239
730
  };
240
- declare function Calendar({ value, onChange, minDate, maxDate, disabled, className }: Readonly<CalendarProps>): react_jsx_runtime.JSX.Element;
241
- declare namespace Calendar {
731
+ declare function CardTitle({ children, className, as: Component, size }: Readonly<CardTitleProps>): react_jsx_runtime.JSX.Element;
732
+ declare namespace CardTitle {
242
733
  var displayName: string;
243
734
  }
244
735
 
245
- type DatePickerProps = {
246
- value?: Date;
247
- onChange?: (date: Date | undefined) => void;
248
- minDate?: Date;
249
- maxDate?: Date;
250
- placeholder?: string;
251
- disabled?: boolean;
252
- dateFormat?: string;
253
- clearable?: boolean;
736
+ type LeftNavLayoutProps = {
737
+ nav: ReactNode;
738
+ children: ReactNode;
739
+ collapsed?: boolean;
740
+ onCollapsedChange?: (collapsed: boolean) => void;
741
+ showToggle?: boolean;
254
742
  className?: string;
255
- size?: 'sm' | 'md' | 'lg';
743
+ navClassName?: string;
744
+ contentClassName?: string;
745
+ navWidth?: string;
746
+ navWidthCollapsed?: string;
747
+ mobileCollapsible?: boolean;
748
+ mobileMenuOpen?: boolean;
749
+ onMobileMenuOpenChange?: (open: boolean) => void;
750
+ embedded?: boolean;
751
+ mainContentRef?: React.RefObject<HTMLDivElement>;
256
752
  };
257
- declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, dateFormat, clearable, className, size }: Readonly<DatePickerProps>): react_jsx_runtime.JSX.Element;
258
- declare namespace DatePicker {
753
+ declare function LeftNavLayout({ nav, children, collapsed: controlledCollapsed, onCollapsedChange, showToggle, className, navClassName, contentClassName, navWidth, navWidthCollapsed, mobileCollapsible, mobileMenuOpen: controlledMobileMenuOpen, embedded, mainContentRef }: Readonly<LeftNavLayoutProps>): react_jsx_runtime.JSX.Element;
754
+ declare namespace LeftNavLayout {
259
755
  var displayName: string;
260
756
  }
261
757
 
262
- type NavProps = {
263
- children: React__default.ReactNode;
758
+ type LeftNavItemProps = {
759
+ icon?: ReactNode;
760
+ children: ReactNode;
761
+ active?: boolean;
264
762
  className?: string;
265
- ariaLabel?: string;
266
- direction?: 'horizontal' | 'vertical';
267
- spacing?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
268
- align?: 'start' | 'center' | 'end' | 'stretch';
763
+ badge?: ReactNode;
764
+ href?: string;
765
+ title?: string;
766
+ preventNavigation?: boolean;
269
767
  };
270
- declare function Nav({ children, className, ariaLabel, direction, spacing, align }: Readonly<NavProps>): react_jsx_runtime.JSX.Element;
271
- declare namespace Nav {
768
+ declare function LeftNavItem({ icon, children, active, className, badge, href, title, preventNavigation }: Readonly<LeftNavItemProps>): react_jsx_runtime.JSX.Element;
769
+ declare namespace LeftNavItem {
272
770
  var displayName: string;
273
771
  }
274
772
 
275
- type NavbarProps = {
276
- brand?: ReactNode;
773
+ type LeftNavSectionProps = {
277
774
  children: ReactNode;
278
- sticky?: boolean;
775
+ label?: string;
279
776
  className?: string;
280
- actions?: ReactNode;
281
- size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
282
- appearance?: 'solid' | 'blur' | 'transparent';
283
- border?: 'none' | 'bottom' | 'top' | 'both';
284
777
  };
285
- declare function Navbar({ brand, children, sticky, className, actions, size, appearance, border }: Readonly<NavbarProps>): react_jsx_runtime.JSX.Element;
286
- declare namespace Navbar {
778
+ declare function LeftNavSection({ children, label, className }: Readonly<LeftNavSectionProps>): react_jsx_runtime.JSX.Element;
779
+ declare namespace LeftNavSection {
287
780
  var displayName: string;
288
781
  }
289
782
 
290
- type NavbarBrandProps = {
291
- children: ReactNode;
292
- href?: string;
293
- external?: boolean;
294
- onClick?: () => void;
783
+ type HeroAction = {
784
+ label: string;
785
+ onClick: () => void;
786
+ variant?: 'primary' | 'secondary' | 'neutral' | 'error' | 'accent';
787
+ style?: 'solid' | 'outline' | 'ghost';
788
+ loading?: boolean;
789
+ icon?: ReactNode;
790
+ };
791
+ type HeroProps = {
792
+ title: string;
793
+ subtitle?: string;
794
+ description?: string;
795
+ primaryAction?: HeroAction;
796
+ secondaryAction?: HeroAction;
797
+ children?: ReactNode;
295
798
  className?: string;
799
+ variant?: 'gradient' | 'solid' | 'minimal';
800
+ centered?: boolean;
801
+ size?: 'sm' | 'md' | 'lg';
296
802
  };
297
- declare function NavbarBrand({ children, href, external, onClick, className }: Readonly<NavbarBrandProps>): react_jsx_runtime.JSX.Element;
298
- declare namespace NavbarBrand {
803
+ declare function Hero({ title, subtitle, description, primaryAction, secondaryAction, children, className, variant, centered, size }: Readonly<HeroProps>): react_jsx_runtime.JSX.Element;
804
+ declare namespace Hero {
299
805
  var displayName: string;
300
806
  }
301
807
 
302
- type NavbarLinkProps = {
303
- href: string;
304
- children: ReactNode;
305
- external?: boolean;
808
+ type Feature = {
809
+ icon: ReactNode;
810
+ title: string;
811
+ description: string;
812
+ };
813
+ type FeatureSectionProps = {
814
+ title?: string;
815
+ description?: string;
816
+ features: Feature[];
817
+ columns?: 2 | 3 | 4;
818
+ centered?: boolean;
306
819
  className?: string;
307
- end?: boolean;
308
820
  };
309
- declare function NavbarLink({ href, children, external, className, end }: Readonly<NavbarLinkProps>): react_jsx_runtime.JSX.Element;
310
- declare namespace NavbarLink {
821
+ declare function FeatureSection({ title, description, features, columns, centered, className }: Readonly<FeatureSectionProps>): react_jsx_runtime.JSX.Element;
822
+ declare namespace FeatureSection {
311
823
  var displayName: string;
312
824
  }
313
825
 
314
- interface NavbarToggleProps {
315
- mobileMenuOpen?: boolean;
316
- sidebarCollapsed?: boolean;
317
- onMobileMenuToggle?: () => void;
318
- onSidebarToggle?: () => void;
826
+ type FooterSection = {
827
+ title: string;
828
+ links: Array<{
829
+ label: string;
830
+ href: string;
831
+ external?: boolean;
832
+ }>;
833
+ };
834
+ type FooterProps = {
835
+ sections?: FooterSection[];
836
+ copyright?: string;
837
+ social?: ReactNode;
319
838
  className?: string;
320
- }
321
- declare function NavbarToggle({ mobileMenuOpen, sidebarCollapsed, onMobileMenuToggle, onSidebarToggle, className }: NavbarToggleProps): react_jsx_runtime.JSX.Element;
322
- declare namespace NavbarToggle {
839
+ };
840
+ declare function Footer({ sections, copyright, social, className }: Readonly<FooterProps>): react_jsx_runtime.JSX.Element;
841
+ declare namespace Footer {
323
842
  var displayName: string;
324
843
  }
325
844
 
326
- type Tab = {
327
- id: string;
845
+ interface PageTransitionProps {
846
+ children: React__default.ReactNode;
847
+ duration?: number;
848
+ type?: 'fade' | 'slide' | 'scale' | 'none';
849
+ className?: string;
850
+ }
851
+ declare const PageTransition: React__default.FC<PageTransitionProps>;
852
+
853
+ type BreadcrumbItem = {
328
854
  label: string;
329
- content: React__default.ReactNode;
855
+ href?: string;
330
856
  };
331
- type TabsProps = {
332
- tabs: Tab[];
333
- defaultTab?: string;
857
+ type BreadcrumbsProps = {
858
+ items: BreadcrumbItem[];
859
+ separator?: ReactNode;
334
860
  className?: string;
335
- ariaLabel?: string;
336
- noBorder?: boolean;
337
861
  };
338
- declare function Tabs({ tabs, defaultTab, className, ariaLabel, noBorder }: Readonly<TabsProps>): react_jsx_runtime.JSX.Element;
339
- declare namespace Tabs {
862
+ declare function Breadcrumbs({ items, separator, className }: Readonly<BreadcrumbsProps>): react_jsx_runtime.JSX.Element;
863
+ declare namespace Breadcrumbs {
340
864
  var displayName: string;
341
865
  }
342
866
 
867
+ type ButtonProps = {
868
+ children?: React__default.ReactNode;
869
+ onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
870
+ ariaLabel?: string;
871
+ disabled?: boolean;
872
+ type?: 'button' | 'submit' | 'reset';
873
+ className?: string;
874
+ icon?: React__default.ReactNode;
875
+ iconPosition?: 'left' | 'right';
876
+ variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
877
+ style?: 'solid' | 'outline' | 'ghost' | 'link' | 'soft';
878
+ size?: InteractiveSize;
879
+ rounded?: 'default' | 'pill' | 'square' | 'circle';
880
+ loading?: boolean;
881
+ fullWidth?: boolean;
882
+ wide?: boolean;
883
+ active?: boolean;
884
+ };
885
+ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
886
+
343
887
  type DropdownTriggerProps = {
344
888
  title: string;
345
889
  subtitle?: string;
@@ -375,33 +919,20 @@ type DropdownItemProps = {
375
919
  endIcon?: string;
376
920
  size?: 'sm' | 'md';
377
921
  __dropdownIndex?: number;
378
- __registerItem?: (el: HTMLButtonElement | null, index: number) => void;
379
- };
380
- declare function DropdownItem({ children, onSelect, variant, disabled, className, description, icon, endIcon, size }: Readonly<DropdownItemProps>): react_jsx_runtime.JSX.Element;
381
-
382
- type BreadcrumbItem = {
383
- label: string;
384
- href?: string;
385
- };
386
- type BreadcrumbsProps = {
387
- items: BreadcrumbItem[];
388
- separator?: ReactNode;
389
- className?: string;
390
- };
391
- declare function Breadcrumbs({ items, separator, className }: Readonly<BreadcrumbsProps>): react_jsx_runtime.JSX.Element;
392
- declare namespace Breadcrumbs {
393
- var displayName: string;
394
- }
922
+ __registerItem?: (el: HTMLButtonElement | null, index: number) => void;
923
+ };
924
+ declare function DropdownItem({ children, onSelect, variant, disabled, className, description, icon, endIcon, size }: Readonly<DropdownItemProps>): react_jsx_runtime.JSX.Element;
395
925
 
396
- type PaginationProps = {
397
- currentPage: number;
398
- totalPages: number;
399
- onPageChange: (page: number) => void;
400
- siblingCount?: number;
926
+ type NavProps = {
927
+ children: React__default.ReactNode;
401
928
  className?: string;
929
+ ariaLabel?: string;
930
+ direction?: 'horizontal' | 'vertical';
931
+ spacing?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
932
+ align?: 'start' | 'center' | 'end' | 'stretch';
402
933
  };
403
- declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, className }: Readonly<PaginationProps>): react_jsx_runtime.JSX.Element;
404
- declare namespace Pagination {
934
+ declare function Nav({ children, className, ariaLabel, direction, spacing, align }: Readonly<NavProps>): react_jsx_runtime.JSX.Element;
935
+ declare namespace Nav {
405
936
  var displayName: string;
406
937
  }
407
938
 
@@ -435,270 +966,167 @@ declare namespace Stepper {
435
966
  var displayName: string;
436
967
  }
437
968
 
438
- type ToastProps = {
439
- message?: string;
440
- children?: React.ReactNode;
441
- type?: 'info' | 'success' | 'warning' | 'error';
442
- onClose?: () => void;
443
- className?: string;
444
- duration?: number;
445
- };
446
- declare function Toast({ message, children, type, onClose, className, duration }: Readonly<ToastProps>): react_jsx_runtime.JSX.Element;
447
- declare namespace Toast {
448
- var displayName: string;
449
- }
450
-
451
- type TooltipProps = {
452
- children: ReactNode;
453
- content: string | ReactNode;
454
- position?: 'top' | 'bottom' | 'left' | 'right';
455
- variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
456
- open?: boolean;
457
- usePortal?: boolean;
458
- className?: string;
969
+ type Tab = {
970
+ id: string;
971
+ label: string;
972
+ content: React__default.ReactNode;
459
973
  };
460
- declare function Tooltip({ children, content, position, variant, open, usePortal, className }: Readonly<TooltipProps>): react_jsx_runtime.JSX.Element;
461
- declare namespace Tooltip {
462
- var displayName: string;
463
- }
464
-
465
- type ModalProps = {
466
- isOpen: boolean;
467
- onClose: () => void;
468
- children?: React__default.ReactNode;
469
- title?: React__default.ReactNode;
470
- description?: React__default.ReactNode;
471
- content?: React__default.ReactNode;
472
- actions?: React__default.ReactNode;
974
+ type TabsProps = {
975
+ tabs: Tab[];
976
+ defaultTab?: string;
473
977
  className?: string;
474
978
  ariaLabel?: string;
475
- align?: 'center' | 'top';
476
- portalRoot?: HTMLElement | null;
979
+ noBorder?: boolean;
477
980
  };
478
- declare function Modal({ isOpen, onClose, children, title, description, content, actions, className, ariaLabel, align, portalRoot }: Readonly<ModalProps>): react_jsx_runtime.JSX.Element | null;
479
- declare namespace Modal {
981
+ declare function Tabs({ tabs, defaultTab, className, ariaLabel, noBorder }: Readonly<TabsProps>): react_jsx_runtime.JSX.Element;
982
+ declare namespace Tabs {
480
983
  var displayName: string;
481
984
  }
482
985
 
483
- type DialogProps = {
484
- isOpen: boolean;
485
- onClose: () => void;
486
- title: string;
487
- children: React__default.ReactNode;
488
- actions?: React__default.ReactNode;
986
+ type PaginationProps = {
987
+ currentPage: number;
988
+ totalPages: number;
989
+ onPageChange: (page: number) => void;
990
+ siblingCount?: number;
489
991
  className?: string;
490
992
  };
491
- declare function Dialog({ isOpen, onClose, title, children, actions, className }: Readonly<DialogProps>): react_jsx_runtime.JSX.Element;
492
- declare namespace Dialog {
993
+ declare function Pagination({ currentPage, totalPages, onPageChange, siblingCount, className }: Readonly<PaginationProps>): react_jsx_runtime.JSX.Element;
994
+ declare namespace Pagination {
493
995
  var displayName: string;
494
996
  }
495
997
 
496
- type DeleteDialogProps = {
497
- isOpen: boolean;
498
- onClose: () => void;
499
- onConfirm: () => void;
500
- title?: string;
501
- description?: string;
502
- itemName?: string;
503
- isLoading?: boolean;
504
- confirmText?: string;
505
- cancelText?: string;
998
+ type NavbarProps = {
999
+ brand?: ReactNode;
1000
+ children: ReactNode;
1001
+ sticky?: boolean;
506
1002
  className?: string;
1003
+ actions?: ReactNode;
1004
+ size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
1005
+ appearance?: 'solid' | 'blur' | 'transparent';
1006
+ border?: 'none' | 'bottom' | 'top' | 'both';
507
1007
  };
508
- declare function DeleteDialog({ isOpen, onClose, onConfirm, title, description, itemName, isLoading, confirmText, cancelText, className }: Readonly<DeleteDialogProps>): react_jsx_runtime.JSX.Element;
509
- declare namespace DeleteDialog {
1008
+ declare function Navbar({ brand, children, sticky, className, actions, size, appearance, border }: Readonly<NavbarProps>): react_jsx_runtime.JSX.Element;
1009
+ declare namespace Navbar {
510
1010
  var displayName: string;
511
1011
  }
512
1012
 
513
- type PopoverProps = {
514
- trigger?: React__default.ReactNode;
515
- children?: React__default.ReactNode;
516
- content: React__default.ReactNode;
517
- position?: 'top' | 'bottom' | 'left' | 'right';
1013
+ type NavbarBrandProps = {
1014
+ children: ReactNode;
1015
+ href?: string;
1016
+ external?: boolean;
1017
+ onClick?: () => void;
518
1018
  className?: string;
519
1019
  };
520
- declare function Popover({ trigger, children, content, position, className }: Readonly<PopoverProps>): react_jsx_runtime.JSX.Element;
521
- declare namespace Popover {
1020
+ declare function NavbarBrand({ children, href, external, onClick, className }: Readonly<NavbarBrandProps>): react_jsx_runtime.JSX.Element;
1021
+ declare namespace NavbarBrand {
522
1022
  var displayName: string;
523
1023
  }
524
1024
 
525
- type AlertProps = {
1025
+ type NavbarLinkProps = {
1026
+ href: string;
526
1027
  children: ReactNode;
527
- type?: 'info' | 'success' | 'warning' | 'error';
528
- dismissible?: boolean;
529
- onClose?: () => void;
1028
+ external?: boolean;
530
1029
  className?: string;
531
- position?: 'top' | 'bottom' | 'relative';
532
- duration?: number;
1030
+ end?: boolean;
533
1031
  };
534
- declare function Alert({ children, type, dismissible, onClose, className, position, duration }: Readonly<AlertProps>): react_jsx_runtime.JSX.Element;
535
- declare namespace Alert {
536
- var displayName: string;
537
- }
538
-
539
- type SpinnerProps = {
540
- size?: 'sm' | 'md' | 'lg';
541
- variant?: 'primary' | 'accent' | 'secondary' | 'neutral';
542
- className?: string;
543
- speed?: string;
544
- } & React.HTMLAttributes<HTMLDivElement>;
545
- declare function Spinner({ size, variant, className, speed, ...props }: Readonly<SpinnerProps>): react_jsx_runtime.JSX.Element;
546
- declare namespace Spinner {
1032
+ declare function NavbarLink({ href, children, external, className, end }: Readonly<NavbarLinkProps>): react_jsx_runtime.JSX.Element;
1033
+ declare namespace NavbarLink {
547
1034
  var displayName: string;
548
1035
  }
549
1036
 
550
- type ProgressBarProps = {
551
- value: number;
552
- max?: number;
553
- showLabel?: boolean;
554
- variant?: 'default' | 'success' | 'warning' | 'error';
1037
+ interface NavbarToggleProps {
1038
+ mobileMenuOpen?: boolean;
1039
+ sidebarCollapsed?: boolean;
1040
+ onMobileMenuToggle?: () => void;
1041
+ onSidebarToggle?: () => void;
555
1042
  className?: string;
556
- };
557
- declare function ProgressBar({ value, max, showLabel, variant, className }: Readonly<ProgressBarProps>): react_jsx_runtime.JSX.Element;
558
- declare namespace ProgressBar {
559
- var displayName: string;
560
1043
  }
561
-
562
- type SkeletonProps = {
563
- variant?: 'text' | 'circular' | 'rectangular';
564
- width?: string;
565
- height?: string;
566
- className?: string;
567
- } & React.HTMLAttributes<HTMLDivElement>;
568
- declare function Skeleton({ variant, width, height, className, ...props }: Readonly<SkeletonProps>): react_jsx_runtime.JSX.Element;
569
- declare namespace Skeleton {
1044
+ declare function NavbarToggle({ mobileMenuOpen, sidebarCollapsed, onMobileMenuToggle, onSidebarToggle, className }: NavbarToggleProps): react_jsx_runtime.JSX.Element;
1045
+ declare namespace NavbarToggle {
570
1046
  var displayName: string;
571
1047
  }
572
1048
 
573
- type TransitionType = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'scale-fade' | 'slide-fade-up' | 'slide-fade-down' | 'zoom';
574
- type TransitionDuration = 'fast' | 'normal' | 'slow' | number;
575
- type SmoothTransitionProps = {
576
- children: ReactNode;
577
- show?: boolean;
578
- type?: TransitionType;
579
- duration?: TransitionDuration;
580
- delay?: number;
1049
+ type NavDropdownProps = {
1050
+ label: string;
1051
+ activePathPrefix: string;
1052
+ children: React.ReactNode;
581
1053
  className?: string;
582
- style?: CSSProperties;
583
- hover?: boolean;
584
- active?: boolean;
585
1054
  };
586
- declare function SmoothTransition({ children, show, type, duration, delay, className, style, hover, active }: Readonly<SmoothTransitionProps>): react_jsx_runtime.JSX.Element;
587
- declare namespace SmoothTransition {
588
- var displayName: string;
589
- }
590
-
591
- declare function useStaggeredTransition(count: number, baseDelay?: number): number[];
592
-
593
- type BadgeProps = {
594
- children: ReactNode;
595
- variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
596
- size?: 'sm' | 'md' | 'lg';
597
- className?: string;
598
- } & React.HTMLAttributes<HTMLSpanElement>;
599
- declare function Badge({ children, variant, size, className, ...props }: Readonly<BadgeProps>): react_jsx_runtime.JSX.Element;
600
- declare namespace Badge {
1055
+ declare function NavDropdown({ label, activePathPrefix, children, className }: Readonly<NavDropdownProps>): react_jsx_runtime.JSX.Element;
1056
+ declare namespace NavDropdown {
601
1057
  var displayName: string;
602
1058
  }
603
1059
 
604
- type StatusLabelProps = {
605
- children: ReactNode;
606
- status?: 'active' | 'inactive' | 'pending' | 'success' | 'error' | 'warning' | 'info';
607
- size?: 'sm' | 'md' | 'lg';
608
- variant?: 'filled' | 'outlined';
1060
+ type NavDropdownItemProps = {
1061
+ to: string;
1062
+ children: React.ReactNode;
609
1063
  className?: string;
610
1064
  };
611
- declare function StatusLabel({ children, status, size, variant, className }: Readonly<StatusLabelProps>): react_jsx_runtime.JSX.Element;
612
- declare namespace StatusLabel {
1065
+ declare function NavDropdownItem({ to, children, className }: Readonly<NavDropdownItemProps>): react_jsx_runtime.JSX.Element;
1066
+ declare namespace NavDropdownItem {
613
1067
  var displayName: string;
614
1068
  }
615
1069
 
616
1070
  type AvatarProps = {
617
1071
  src?: string;
618
1072
  alt?: string;
619
- fallback?: ReactNode;
620
- size?: 'sm' | 'md' | 'lg' | 'xl';
621
- className?: string;
622
- };
623
- declare function Avatar({ src, alt, fallback, size, className }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
624
- declare namespace Avatar {
625
- var displayName: string;
626
- }
627
-
628
- type EmptyStateProps = {
629
- title: string;
630
- description?: string;
631
- icon?: ReactNode;
632
- action?: ReactNode;
633
- className?: string;
634
- };
635
- declare function EmptyState({ title, description, icon, action, className }: Readonly<EmptyStateProps>): react_jsx_runtime.JSX.Element;
636
- declare namespace EmptyState {
637
- var displayName: string;
638
- }
639
-
640
- type ListProps = {
641
- children: ReactNode;
642
- className?: string;
643
- ordered?: boolean;
644
- };
645
- type ListItemProps = {
646
- children: ReactNode;
647
- className?: string;
648
- };
649
- declare function List({ children, className, ordered }: Readonly<ListProps>): react_jsx_runtime.JSX.Element;
650
- declare namespace List {
651
- var displayName: string;
652
- }
653
- declare function ListItem({ children, className }: Readonly<ListItemProps>): react_jsx_runtime.JSX.Element;
654
- declare namespace ListItem {
655
- var displayName: string;
656
- }
657
-
658
- type TableProps = {
659
- children: ReactNode;
660
- className?: string;
661
- striped?: boolean;
662
- bordered?: boolean;
663
- hoverable?: boolean;
664
- compact?: boolean;
665
- caption?: string;
666
- } & HTMLAttributes<HTMLTableElement>;
667
- type TableHeaderProps = {
668
- children: ReactNode;
669
- className?: string;
670
- } & HTMLAttributes<HTMLTableSectionElement>;
671
- type TableBodyProps = {
672
- children: ReactNode;
1073
+ fallback?: ReactNode;
1074
+ size?: Size;
673
1075
  className?: string;
674
- } & HTMLAttributes<HTMLTableSectionElement>;
675
- type TableFooterProps = {
1076
+ };
1077
+ declare function Avatar({ src, alt, fallback, size, className }: Readonly<AvatarProps>): react_jsx_runtime.JSX.Element;
1078
+ declare namespace Avatar {
1079
+ var displayName: string;
1080
+ }
1081
+
1082
+ type BadgeProps = {
676
1083
  children: ReactNode;
1084
+ variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
1085
+ size?: 'sm' | 'md' | 'lg';
677
1086
  className?: string;
678
- } & HTMLAttributes<HTMLTableSectionElement>;
679
- type TableRowProps = {
1087
+ } & React.HTMLAttributes<HTMLSpanElement>;
1088
+ declare function Badge({ children, variant, size, className, ...props }: Readonly<BadgeProps>): react_jsx_runtime.JSX.Element;
1089
+ declare namespace Badge {
1090
+ var displayName: string;
1091
+ }
1092
+
1093
+ type StatusLabelProps = {
680
1094
  children: ReactNode;
1095
+ status?: 'active' | 'inactive' | 'pending' | 'success' | 'error' | 'warning' | 'info';
1096
+ size?: StatusLabelSize;
1097
+ variant?: 'filled' | 'outlined';
681
1098
  className?: string;
682
- selected?: boolean;
683
- } & HTMLAttributes<HTMLTableRowElement>;
684
- type TableHeadCellProps = {
1099
+ };
1100
+ declare function StatusLabel({ children, status, size, variant, className }: Readonly<StatusLabelProps>): react_jsx_runtime.JSX.Element;
1101
+ declare namespace StatusLabel {
1102
+ var displayName: string;
1103
+ }
1104
+
1105
+ type ChipProps = {
685
1106
  children: ReactNode;
686
1107
  className?: string;
687
- align?: 'left' | 'center' | 'right';
688
- scope?: 'col' | 'row';
689
- } & HTMLAttributes<HTMLTableCellElement>;
690
- type TableCellProps = {
691
- children: ReactNode;
1108
+ variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
1109
+ size?: 'sm' | 'md' | 'lg';
1110
+ onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;
1111
+ icon?: ReactNode;
1112
+ disabled?: boolean;
1113
+ clickable?: boolean;
1114
+ onClick?: (e: MouseEvent<HTMLDivElement>) => void;
1115
+ };
1116
+ declare function Chip({ children, className, variant, size, onRemove, icon, disabled, clickable, onClick }: Readonly<ChipProps>): react_jsx_runtime.JSX.Element;
1117
+ declare namespace Chip {
1118
+ var displayName: string;
1119
+ }
1120
+
1121
+ type CodeBlockProps = {
1122
+ code: string;
692
1123
  className?: string;
693
- align?: 'left' | 'center' | 'right';
694
- } & HTMLAttributes<HTMLTableCellElement>;
695
- declare function Table({ children, className, striped, bordered, hoverable, compact, caption, ...props }: Readonly<TableProps>): react_jsx_runtime.JSX.Element;
696
- declare function TableHeader({ children, className, ...props }: Readonly<TableHeaderProps>): react_jsx_runtime.JSX.Element;
697
- declare function TableBody({ children, className, ...props }: Readonly<TableBodyProps>): react_jsx_runtime.JSX.Element;
698
- declare function TableFooter({ children, className, ...props }: Readonly<TableFooterProps>): react_jsx_runtime.JSX.Element;
699
- declare function TableRow({ children, className, selected, ...props }: Readonly<TableRowProps>): react_jsx_runtime.JSX.Element;
700
- declare function TableHeadCell({ children, className, align, scope, ...props }: Readonly<TableHeadCellProps>): react_jsx_runtime.JSX.Element;
701
- declare function TableCell({ children, className, align, ...props }: Readonly<TableCellProps>): react_jsx_runtime.JSX.Element;
1124
+ showCopy?: boolean;
1125
+ };
1126
+ declare function CodeBlock({ code, className, showCopy }: Readonly<CodeBlockProps>): react_jsx_runtime.JSX.Element;
1127
+ declare namespace CodeBlock {
1128
+ var displayName: string;
1129
+ }
702
1130
 
703
1131
  type DataTableAction<T> = {
704
1132
  icon: ReactNode;
@@ -779,19 +1207,33 @@ type UseTableReturn<T> = {
779
1207
  };
780
1208
  declare function useTable<T>({ data, initialSort, pageSize }: UseTableOptions<T>): UseTableReturn<T>;
781
1209
 
782
- type ChipProps = {
1210
+ type EmptyStateProps = {
1211
+ title: string;
1212
+ description?: string;
1213
+ icon?: ReactNode;
1214
+ action?: ReactNode;
1215
+ className?: string;
1216
+ };
1217
+ declare function EmptyState({ title, description, icon, action, className }: Readonly<EmptyStateProps>): react_jsx_runtime.JSX.Element;
1218
+ declare namespace EmptyState {
1219
+ var displayName: string;
1220
+ }
1221
+
1222
+ type ListProps = {
783
1223
  children: ReactNode;
784
1224
  className?: string;
785
- variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
786
- size?: 'sm' | 'md' | 'lg';
787
- onRemove?: (e: MouseEvent<HTMLButtonElement>) => void;
788
- icon?: ReactNode;
789
- disabled?: boolean;
790
- clickable?: boolean;
791
- onClick?: (e: MouseEvent<HTMLDivElement>) => void;
1225
+ ordered?: boolean;
792
1226
  };
793
- declare function Chip({ children, className, variant, size, onRemove, icon, disabled, clickable, onClick }: Readonly<ChipProps>): react_jsx_runtime.JSX.Element;
794
- declare namespace Chip {
1227
+ type ListItemProps = {
1228
+ children: ReactNode;
1229
+ className?: string;
1230
+ };
1231
+ declare function List({ children, className, ordered }: Readonly<ListProps>): react_jsx_runtime.JSX.Element;
1232
+ declare namespace List {
1233
+ var displayName: string;
1234
+ }
1235
+ declare function ListItem({ children, className }: Readonly<ListItemProps>): react_jsx_runtime.JSX.Element;
1236
+ declare namespace ListItem {
795
1237
  var displayName: string;
796
1238
  }
797
1239
 
@@ -816,6 +1258,17 @@ declare namespace Timeline {
816
1258
  var displayName: string;
817
1259
  }
818
1260
 
1261
+ type PriceDisplayProps = {
1262
+ amount: string | number;
1263
+ period?: string;
1264
+ currency?: string;
1265
+ className?: string;
1266
+ };
1267
+ declare function PriceDisplay({ amount, period, currency, className }: Readonly<PriceDisplayProps>): react_jsx_runtime.JSX.Element;
1268
+ declare namespace PriceDisplay {
1269
+ var displayName: string;
1270
+ }
1271
+
819
1272
  type PricingTableProps = {
820
1273
  title?: string;
821
1274
  description?: string;
@@ -849,303 +1302,526 @@ declare namespace PricingTier {
849
1302
  var displayName: string;
850
1303
  }
851
1304
 
852
- type CodeBlockProps = {
853
- code: string;
1305
+ type TableProps = {
1306
+ children: ReactNode;
1307
+ className?: string;
1308
+ striped?: boolean;
1309
+ bordered?: boolean;
1310
+ hoverable?: boolean;
1311
+ compact?: boolean;
1312
+ caption?: string;
1313
+ } & HTMLAttributes<HTMLTableElement>;
1314
+ type TableHeaderProps = {
1315
+ children: ReactNode;
1316
+ className?: string;
1317
+ } & HTMLAttributes<HTMLTableSectionElement>;
1318
+ type TableBodyProps = {
1319
+ children: ReactNode;
1320
+ className?: string;
1321
+ } & HTMLAttributes<HTMLTableSectionElement>;
1322
+ type TableFooterProps = {
1323
+ children: ReactNode;
1324
+ className?: string;
1325
+ } & HTMLAttributes<HTMLTableSectionElement>;
1326
+ type TableRowProps = {
1327
+ children: ReactNode;
1328
+ className?: string;
1329
+ selected?: boolean;
1330
+ } & HTMLAttributes<HTMLTableRowElement>;
1331
+ type TableHeadCellProps = {
1332
+ children: ReactNode;
1333
+ className?: string;
1334
+ align?: 'left' | 'center' | 'right';
1335
+ scope?: 'col' | 'row';
1336
+ } & HTMLAttributes<HTMLTableCellElement>;
1337
+ type TableCellProps = {
1338
+ children: ReactNode;
1339
+ className?: string;
1340
+ align?: 'left' | 'center' | 'right';
1341
+ } & HTMLAttributes<HTMLTableCellElement>;
1342
+ declare function Table({ children, className, striped, bordered, hoverable, compact, caption, ...props }: Readonly<TableProps>): react_jsx_runtime.JSX.Element;
1343
+ declare function TableHeader({ children, className, ...props }: Readonly<TableHeaderProps>): react_jsx_runtime.JSX.Element;
1344
+ declare function TableBody({ children, className, ...props }: Readonly<TableBodyProps>): react_jsx_runtime.JSX.Element;
1345
+ declare function TableFooter({ children, className, ...props }: Readonly<TableFooterProps>): react_jsx_runtime.JSX.Element;
1346
+ declare function TableRow({ children, className, selected, ...props }: Readonly<TableRowProps>): react_jsx_runtime.JSX.Element;
1347
+ declare function TableHeadCell({ children, className, align, scope, ...props }: Readonly<TableHeadCellProps>): react_jsx_runtime.JSX.Element;
1348
+ declare function TableCell({ children, className, align, ...props }: Readonly<TableCellProps>): react_jsx_runtime.JSX.Element;
1349
+
1350
+ type AlertProps = {
1351
+ children: ReactNode;
1352
+ type?: 'info' | 'success' | 'warning' | 'error';
1353
+ dismissible?: boolean;
1354
+ onClose?: () => void;
1355
+ className?: string;
1356
+ position?: 'top' | 'bottom' | 'relative';
1357
+ duration?: number;
1358
+ };
1359
+ declare function Alert({ children, type, dismissible, onClose, className, position, duration }: Readonly<AlertProps>): react_jsx_runtime.JSX.Element;
1360
+ declare namespace Alert {
1361
+ var displayName: string;
1362
+ }
1363
+
1364
+ type DialogProps = {
1365
+ isOpen: boolean;
1366
+ onClose: () => void;
1367
+ title: string;
1368
+ children: React__default.ReactNode;
1369
+ actions?: React__default.ReactNode;
1370
+ className?: string;
1371
+ };
1372
+ declare function Dialog({ isOpen, onClose, title, children, actions, className }: Readonly<DialogProps>): react_jsx_runtime.JSX.Element;
1373
+ declare namespace Dialog {
1374
+ var displayName: string;
1375
+ }
1376
+
1377
+ type DeleteDialogProps = {
1378
+ isOpen: boolean;
1379
+ onClose: () => void;
1380
+ onConfirm: () => void;
1381
+ title?: string;
1382
+ description?: string;
1383
+ itemName?: string;
1384
+ isLoading?: boolean;
1385
+ confirmText?: string;
1386
+ cancelText?: string;
1387
+ className?: string;
1388
+ };
1389
+ declare function DeleteDialog({ isOpen, onClose, onConfirm, title, description, itemName, isLoading, confirmText, cancelText, className }: Readonly<DeleteDialogProps>): react_jsx_runtime.JSX.Element;
1390
+ declare namespace DeleteDialog {
1391
+ var displayName: string;
1392
+ }
1393
+
1394
+ type ModalProps = {
1395
+ isOpen: boolean;
1396
+ onClose: () => void;
1397
+ children?: React__default.ReactNode;
1398
+ title?: React__default.ReactNode;
1399
+ description?: React__default.ReactNode;
1400
+ content?: React__default.ReactNode;
1401
+ actions?: React__default.ReactNode;
1402
+ className?: string;
1403
+ ariaLabel?: string;
1404
+ align?: 'center' | 'top';
1405
+ portalRoot?: HTMLElement | null;
1406
+ };
1407
+ declare function Modal({ isOpen, onClose, children, title, description, content, actions, className, ariaLabel, align, portalRoot }: Readonly<ModalProps>): react_jsx_runtime.JSX.Element | null;
1408
+ declare namespace Modal {
1409
+ var displayName: string;
1410
+ }
1411
+
1412
+ type OverlayPhase = 'mount' | 'animating-in' | 'visible' | 'animating-out';
1413
+ interface UseOverlayOptions {
1414
+ isOpen: boolean;
1415
+ onClose?: () => void;
1416
+ focusTrap?: boolean;
1417
+ lockScroll?: boolean;
1418
+ animationFrames?: number;
1419
+ restoreFocus?: boolean;
1420
+ exitDuration?: number;
1421
+ unmountOnExit?: boolean;
1422
+ }
1423
+ interface UseOverlayResult<T extends HTMLElement> {
1424
+ phase: OverlayPhase;
1425
+ shouldRender: boolean;
1426
+ ref: React.RefObject<T>;
1427
+ getPhaseClass: (openClass: string, closedClass: string) => string;
1428
+ }
1429
+ declare function useOverlay<T extends HTMLElement>(options: UseOverlayOptions): UseOverlayResult<T>;
1430
+
1431
+ type PopoverProps = {
1432
+ trigger?: React__default.ReactNode;
1433
+ children?: React__default.ReactNode;
1434
+ content: React__default.ReactNode;
1435
+ position?: 'top' | 'bottom' | 'left' | 'right';
1436
+ className?: string;
1437
+ };
1438
+ declare function Popover({ trigger, children, content, position, className }: Readonly<PopoverProps>): react_jsx_runtime.JSX.Element;
1439
+ declare namespace Popover {
1440
+ var displayName: string;
1441
+ }
1442
+
1443
+ type ProgressBarProps = {
1444
+ value: number;
1445
+ max?: number;
1446
+ showLabel?: boolean;
1447
+ variant?: 'default' | 'success' | 'warning' | 'error';
1448
+ className?: string;
1449
+ };
1450
+ declare function ProgressBar({ value, max, showLabel, variant, className }: Readonly<ProgressBarProps>): react_jsx_runtime.JSX.Element;
1451
+ declare namespace ProgressBar {
1452
+ var displayName: string;
1453
+ }
1454
+
1455
+ type SkeletonProps = {
1456
+ variant?: 'text' | 'circular' | 'rectangular';
1457
+ width?: string;
1458
+ height?: string;
1459
+ className?: string;
1460
+ } & React.HTMLAttributes<HTMLDivElement>;
1461
+ declare function Skeleton({ variant, width, height, className, ...props }: Readonly<SkeletonProps>): react_jsx_runtime.JSX.Element;
1462
+ declare namespace Skeleton {
1463
+ var displayName: string;
1464
+ }
1465
+
1466
+ type TransitionType = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'scale' | 'scale-fade' | 'slide-fade-up' | 'slide-fade-down' | 'zoom';
1467
+ type TransitionDuration = 'fast' | 'normal' | 'slow' | number;
1468
+ type SmoothTransitionProps = {
1469
+ children: ReactNode;
1470
+ show?: boolean;
1471
+ type?: TransitionType;
1472
+ duration?: TransitionDuration;
1473
+ delay?: number;
854
1474
  className?: string;
855
- showCopy?: boolean;
1475
+ style?: CSSProperties;
1476
+ hover?: boolean;
1477
+ active?: boolean;
856
1478
  };
857
- declare function CodeBlock({ code, className, showCopy }: Readonly<CodeBlockProps>): react_jsx_runtime.JSX.Element;
858
- declare namespace CodeBlock {
1479
+ declare function SmoothTransition({ children, show, type, duration, delay, className, style, hover, active }: Readonly<SmoothTransitionProps>): react_jsx_runtime.JSX.Element;
1480
+ declare namespace SmoothTransition {
859
1481
  var displayName: string;
860
1482
  }
861
1483
 
862
- type CardProps = {
863
- children: React__default.ReactNode;
1484
+ declare function useStaggeredTransition(count: number, baseDelay?: number): number[];
1485
+
1486
+ type SpinnerProps = {
1487
+ size?: Size;
1488
+ variant?: 'primary' | 'accent' | 'secondary' | 'neutral';
864
1489
  className?: string;
865
- variant?: 'default' | 'bordered' | 'ghost' | 'filled';
866
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
867
- width?: 'auto' | 'full' | 'fit';
868
- hoverable?: boolean;
869
- imagePosition?: 'top' | 'bottom' | 'side' | 'overlay';
870
- centered?: boolean;
871
- compact?: boolean;
872
- } & React__default.HTMLAttributes<HTMLDivElement>;
873
- declare function Card({ children, className, variant, size, width, hoverable, imagePosition, centered, compact, ...props }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
874
- declare namespace Card {
1490
+ speed?: string;
1491
+ } & React.HTMLAttributes<HTMLDivElement>;
1492
+ declare function Spinner({ size, variant, className, speed, ...props }: Readonly<SpinnerProps>): react_jsx_runtime.JSX.Element;
1493
+ declare namespace Spinner {
875
1494
  var displayName: string;
876
1495
  }
877
1496
 
878
- type CardHeaderProps = {
879
- children: ReactNode;
1497
+ type ToastProps = {
1498
+ message?: string;
1499
+ children?: React.ReactNode;
1500
+ type?: 'info' | 'success' | 'warning' | 'error';
1501
+ onClose?: () => void;
880
1502
  className?: string;
881
- bordered?: boolean;
882
- padding?: 'none' | 'sm' | 'md' | 'lg';
1503
+ duration?: number;
883
1504
  };
884
- declare function CardHeader({ children, className, bordered, padding }: Readonly<CardHeaderProps>): react_jsx_runtime.JSX.Element;
885
- declare namespace CardHeader {
1505
+ declare function Toast({ message, children, type, onClose, className, duration }: Readonly<ToastProps>): react_jsx_runtime.JSX.Element;
1506
+ declare namespace Toast {
886
1507
  var displayName: string;
887
1508
  }
888
1509
 
889
- interface CardBodyProps {
890
- children: React.ReactNode;
891
- padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
1510
+ type TooltipProps = {
1511
+ children: ReactNode;
1512
+ content: string | ReactNode;
1513
+ position?: 'top' | 'bottom' | 'left' | 'right';
1514
+ variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
1515
+ open?: boolean;
1516
+ usePortal?: boolean;
892
1517
  className?: string;
893
- }
894
- declare function CardBody({ children, padding, className }: CardBodyProps): react_jsx_runtime.JSX.Element;
895
- declare namespace CardBody {
1518
+ };
1519
+ declare function Tooltip({ children, content, position, variant, open, usePortal, className }: Readonly<TooltipProps>): react_jsx_runtime.JSX.Element;
1520
+ declare namespace Tooltip {
896
1521
  var displayName: string;
897
1522
  }
898
1523
 
899
- type CardFooterProps = {
1524
+ type ButtonGroupProps = {
900
1525
  children: ReactNode;
901
1526
  className?: string;
902
- bordered?: boolean;
903
- padding?: 'none' | 'sm' | 'md' | 'lg';
904
- align?: 'start' | 'center' | 'end';
1527
+ variant?: 'default' | 'separated';
1528
+ orientation?: 'horizontal' | 'vertical';
905
1529
  };
906
- declare function CardFooter({ children, className, bordered, padding, align }: Readonly<CardFooterProps>): react_jsx_runtime.JSX.Element;
907
- declare namespace CardFooter {
1530
+ declare function ButtonGroup({ children, className, variant, orientation }: Readonly<ButtonGroupProps>): react_jsx_runtime.JSX.Element;
1531
+ declare namespace ButtonGroup {
908
1532
  var displayName: string;
909
1533
  }
910
1534
 
911
- type CardTitleProps = {
912
- children: ReactNode;
1535
+ interface ButtonWithIconProps extends Omit<ButtonProps, 'icon' | 'style'> {
1536
+ icon?: string;
1537
+ iconSize?: IconSize;
1538
+ iconColor?: string;
1539
+ buttonStyle?: ButtonProps['style'];
1540
+ children?: React__default.ReactNode;
1541
+ }
1542
+ declare const ButtonWithIcon: React__default.ForwardRefExoticComponent<ButtonWithIconProps & React__default.RefAttributes<HTMLButtonElement>>;
1543
+
1544
+ interface IconButtonProps extends Omit<ButtonProps, 'icon' | 'style' | 'children'> {
1545
+ icon: string;
1546
+ ariaLabel: string;
1547
+ iconSize?: IconSize;
1548
+ iconColor?: string;
1549
+ buttonStyle?: ButtonProps['style'];
1550
+ children?: never;
1551
+ }
1552
+ declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
1553
+
1554
+ type CalendarProps = {
1555
+ value?: Date;
1556
+ onChange?: (date: Date) => void;
1557
+ minDate?: Date;
1558
+ maxDate?: Date;
1559
+ disabled?: boolean;
913
1560
  className?: string;
914
- as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
915
- size?: 'sm' | 'md' | 'lg' | 'xl';
916
1561
  };
917
- declare function CardTitle({ children, className, as: Component, size }: Readonly<CardTitleProps>): react_jsx_runtime.JSX.Element;
918
- declare namespace CardTitle {
1562
+ declare function Calendar({ value, onChange, minDate, maxDate, disabled, className }: Readonly<CalendarProps>): react_jsx_runtime.JSX.Element;
1563
+ declare namespace Calendar {
919
1564
  var displayName: string;
920
1565
  }
921
1566
 
922
- type CardActionsProps = {
923
- children: ReactNode;
1567
+ type DatePickerProps = {
1568
+ value?: Date;
1569
+ onChange?: (date: Date | undefined) => void;
1570
+ minDate?: Date;
1571
+ maxDate?: Date;
1572
+ placeholder?: string;
1573
+ disabled?: boolean;
1574
+ dateFormat?: string;
1575
+ clearable?: boolean;
924
1576
  className?: string;
925
- align?: 'start' | 'center' | 'end' | 'stretch';
926
- direction?: 'row' | 'column';
1577
+ size?: InteractiveSize;
927
1578
  };
928
- declare function CardActions({ children, className, align, direction }: Readonly<CardActionsProps>): react_jsx_runtime.JSX.Element;
929
- declare namespace CardActions {
1579
+ declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, dateFormat, clearable, className, size }: Readonly<DatePickerProps>): react_jsx_runtime.JSX.Element;
1580
+ declare namespace DatePicker {
930
1581
  var displayName: string;
931
1582
  }
932
1583
 
933
- type CardFigureProps = {
934
- children: ReactNode;
1584
+ type ValidationState$5 = 'default' | 'error' | 'success' | 'warning';
1585
+ type CheckboxProps = {
1586
+ checked?: boolean;
1587
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
1588
+ disabled?: boolean;
935
1589
  className?: string;
936
- aspectRatio?: 'square' | 'video' | 'wide' | 'portrait' | 'auto';
1590
+ ariaLabel?: string;
1591
+ id?: string;
1592
+ name?: string;
1593
+ validationState?: ValidationState$5;
937
1594
  };
938
- declare function CardFigure({ children, className, aspectRatio }: Readonly<CardFigureProps>): react_jsx_runtime.JSX.Element;
939
- declare namespace CardFigure {
1595
+ declare function Checkbox({ checked, onChange, disabled, className, ariaLabel, id, name, validationState }: Readonly<CheckboxProps>): react_jsx_runtime.JSX.Element;
1596
+ declare namespace Checkbox {
940
1597
  var displayName: string;
941
1598
  }
942
1599
 
943
- type ContainerProps = {
944
- children: React__default.ReactNode;
1600
+ type CodeProps$1 = {
1601
+ children: React.ReactNode;
1602
+ size?: CodeSize;
1603
+ variant?: 'default' | 'primary' | 'success' | 'warning' | 'error';
945
1604
  className?: string;
946
- size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
947
- padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
948
- align?: 'start' | 'center' | 'end';
949
- minWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' | string;
950
- minHeight?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'screen' | string;
951
1605
  };
952
- declare function Container({ children, className, size, padding, align, minWidth, minHeight }: Readonly<ContainerProps>): react_jsx_runtime.JSX.Element;
953
- declare namespace Container {
1606
+ declare function Code$1({ children, size, variant, className }: Readonly<CodeProps$1>): react_jsx_runtime.JSX.Element;
1607
+ declare namespace Code$1 {
954
1608
  var displayName: string;
955
1609
  }
956
1610
 
957
- type GridProps = {
958
- children: React__default.ReactNode;
1611
+ type FieldsetProps = {
1612
+ children: ReactNode;
1613
+ legend?: string;
1614
+ disabled?: boolean;
959
1615
  className?: string;
960
- itemSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
961
- maxCols?: number;
962
- gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
963
- responsive?: {
964
- sm?: number;
965
- md?: number;
966
- lg?: number;
967
- xl?: number;
968
- };
969
- alignItems?: 'start' | 'center' | 'end' | 'stretch';
970
- justifyItems?: 'start' | 'center' | 'end' | 'stretch';
1616
+ legendClassName?: string;
1617
+ id?: string;
1618
+ direction?: 'horizontal' | 'vertical';
1619
+ spacing?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
1620
+ align?: 'start' | 'center' | 'end' | 'stretch';
1621
+ justify?: 'start' | 'center' | 'end' | 'between' | 'around';
971
1622
  };
972
- declare function Grid({ children, className, itemSize, maxCols, gap, responsive, alignItems, justifyItems }: Readonly<GridProps>): react_jsx_runtime.JSX.Element;
973
- declare namespace Grid {
1623
+ declare function Fieldset({ children, legend, disabled, className, legendClassName, id, direction, spacing, align, justify }: Readonly<FieldsetProps>): react_jsx_runtime.JSX.Element;
1624
+ declare namespace Fieldset {
974
1625
  var displayName: string;
975
1626
  }
976
1627
 
977
- type StackProps = {
978
- children: React__default.ReactNode;
1628
+ type FormProps = {
1629
+ children: ReactNode;
1630
+ onSubmit?: (e: FormEvent<HTMLFormElement>) => void;
979
1631
  className?: string;
1632
+ method?: 'get' | 'post';
1633
+ action?: string;
1634
+ noValidate?: boolean;
1635
+ id?: string;
1636
+ ariaLabel?: string;
1637
+ ariaLabelledBy?: string;
980
1638
  direction?: 'horizontal' | 'vertical';
981
1639
  spacing?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
982
1640
  align?: 'start' | 'center' | 'end' | 'stretch';
983
1641
  justify?: 'start' | 'center' | 'end' | 'between' | 'around';
984
1642
  };
985
- declare function Stack({ children, className, direction, spacing, align, justify }: Readonly<StackProps>): react_jsx_runtime.JSX.Element;
986
- declare namespace Stack {
1643
+ declare function Form({ children, onSubmit, className, method, action, noValidate, id, ariaLabel, ariaLabelledBy, direction, spacing, align, justify }: Readonly<FormProps>): react_jsx_runtime.JSX.Element;
1644
+ declare namespace Form {
987
1645
  var displayName: string;
988
1646
  }
989
1647
 
990
- type DividerProps = {
991
- orientation?: 'horizontal' | 'vertical';
1648
+ type ValidationState$4 = 'default' | 'error' | 'success' | 'warning';
1649
+ type FormFieldProps = {
1650
+ children: ReactNode;
1651
+ label?: string;
1652
+ htmlFor?: string;
1653
+ error?: string;
1654
+ helperText?: string;
1655
+ required?: boolean;
992
1656
  className?: string;
993
- } & React.HTMLAttributes<HTMLHRElement>;
994
- declare function Divider({ orientation, className, ...props }: Readonly<DividerProps>): react_jsx_runtime.JSX.Element;
995
- declare namespace Divider {
1657
+ validationState?: ValidationState$4;
1658
+ };
1659
+ declare function FormField({ children, label, htmlFor, error, helperText, required, className, validationState }: Readonly<FormFieldProps>): react_jsx_runtime.JSX.Element;
1660
+ declare namespace FormField {
996
1661
  var displayName: string;
997
1662
  }
998
1663
 
999
- type DrawerProps = {
1000
- isOpen: boolean;
1001
- onClose: () => void;
1002
- children: ReactNode;
1003
- position?: 'left' | 'right' | 'top' | 'bottom';
1664
+ type ValidationState$3 = 'default' | 'error' | 'success' | 'warning';
1665
+ type InputProps = {
1666
+ value?: string;
1667
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
1668
+ onFocus?: (e: React__default.FocusEvent<HTMLInputElement>) => void;
1669
+ placeholder?: string;
1670
+ disabled?: boolean;
1671
+ type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
1004
1672
  className?: string;
1005
- title?: string;
1006
- size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
1007
- closeOnEscape?: boolean;
1008
- closeOnOutside?: boolean;
1009
- unmountOnExit?: boolean;
1010
- portalRoot?: HTMLElement | null;
1011
- noAnimation?: boolean;
1673
+ ariaLabel?: string;
1674
+ ref?: React__default.Ref<HTMLInputElement>;
1675
+ id?: string;
1676
+ name?: string;
1677
+ required?: boolean;
1678
+ size?: InteractiveSize;
1679
+ validationState?: ValidationState$3;
1012
1680
  };
1013
- declare function Drawer({ isOpen, onClose, children, position, className, title, size, closeOnEscape, closeOnOutside, unmountOnExit, portalRoot, noAnimation }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element | null;
1014
- declare namespace Drawer {
1681
+ declare function Input({ value, onChange, onFocus, placeholder, disabled, type, className, ariaLabel, ref, id, name, required, size, validationState }: Readonly<InputProps>): react_jsx_runtime.JSX.Element;
1682
+ declare namespace Input {
1015
1683
  var displayName: string;
1016
1684
  }
1017
1685
 
1018
- type PageProps = {
1019
- children: React__default.ReactNode;
1686
+ type InputGroupProps = {
1687
+ children: ReactNode;
1688
+ prefix?: ReactNode;
1689
+ suffix?: ReactNode;
1020
1690
  className?: string;
1021
1691
  };
1022
- declare function Page({ children, className }: Readonly<PageProps>): react_jsx_runtime.JSX.Element;
1023
- declare namespace Page {
1692
+ declare function InputGroup({ children, prefix, suffix, className }: Readonly<InputGroupProps>): react_jsx_runtime.JSX.Element;
1693
+ declare namespace InputGroup {
1024
1694
  var displayName: string;
1025
1695
  }
1026
1696
 
1027
- type AccordionItemProps = {
1028
- title: string;
1029
- children: ReactNode;
1030
- defaultOpen?: boolean;
1697
+ type MultiSelectOption = {
1698
+ value: string;
1699
+ label: string;
1031
1700
  };
1032
- type AccordionProps = {
1033
- children: ReactNode;
1701
+ type MultiSelectProps = {
1702
+ options: MultiSelectOption[];
1703
+ value?: string[];
1704
+ onChange?: (values: string[]) => void;
1705
+ placeholder?: string;
1706
+ disabled?: boolean;
1707
+ maxSelections?: number;
1708
+ size?: InteractiveSize;
1034
1709
  className?: string;
1035
- allowMultiple?: boolean;
1036
1710
  };
1037
- declare function AccordionItem({ title, children, defaultOpen }: Readonly<AccordionItemProps>): react_jsx_runtime.JSX.Element;
1038
- declare function Accordion({ children, className }: Readonly<AccordionProps>): react_jsx_runtime.JSX.Element;
1039
- declare namespace Accordion {
1711
+ declare function MultiSelect({ options, value, onChange, placeholder, disabled, maxSelections, size, className }: Readonly<MultiSelectProps>): react_jsx_runtime.JSX.Element;
1712
+ declare namespace MultiSelect {
1713
+ var displayName: string;
1714
+ }
1715
+
1716
+ type ValidationState$2 = 'default' | 'error' | 'success' | 'warning';
1717
+ type RadioProps = {
1718
+ checked?: boolean;
1719
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
1720
+ disabled?: boolean;
1721
+ className?: string;
1722
+ ariaLabel?: string;
1723
+ id?: string;
1724
+ name?: string;
1725
+ value?: string;
1726
+ validationState?: ValidationState$2;
1727
+ };
1728
+ declare function Radio({ checked, onChange, disabled, className, ariaLabel, id, name: nameProp, value, validationState }: Readonly<RadioProps>): react_jsx_runtime.JSX.Element;
1729
+ declare namespace Radio {
1040
1730
  var displayName: string;
1041
1731
  }
1042
1732
 
1043
- type HeroAction = {
1044
- label: string;
1045
- onClick: () => void;
1046
- variant?: 'primary' | 'secondary' | 'neutral' | 'error' | 'accent';
1047
- style?: 'solid' | 'outline' | 'ghost';
1048
- loading?: boolean;
1049
- icon?: ReactNode;
1050
- };
1051
- type HeroProps = {
1052
- title: string;
1053
- subtitle?: string;
1054
- description?: string;
1055
- primaryAction?: HeroAction;
1056
- secondaryAction?: HeroAction;
1057
- children?: ReactNode;
1733
+ type RadioGroupProps = {
1734
+ children: ReactNode;
1735
+ name: string;
1736
+ label?: string;
1737
+ orientation?: 'horizontal' | 'vertical';
1058
1738
  className?: string;
1059
- variant?: 'gradient' | 'solid' | 'minimal';
1060
- centered?: boolean;
1061
- size?: 'sm' | 'md' | 'lg';
1739
+ value?: string;
1740
+ onChange?: (value: string) => void;
1062
1741
  };
1063
- declare function Hero({ title, subtitle, description, primaryAction, secondaryAction, children, className, variant, centered, size }: Readonly<HeroProps>): react_jsx_runtime.JSX.Element;
1064
- declare namespace Hero {
1742
+ declare function RadioGroup({ children, name, label, orientation, className, value, onChange }: Readonly<RadioGroupProps>): react_jsx_runtime.JSX.Element;
1743
+ declare namespace RadioGroup {
1065
1744
  var displayName: string;
1066
1745
  }
1067
1746
 
1068
- type Feature = {
1069
- icon: ReactNode;
1070
- title: string;
1071
- description: string;
1072
- };
1073
- type FeatureSectionProps = {
1074
- title?: string;
1075
- description?: string;
1076
- features: Feature[];
1077
- columns?: 2 | 3 | 4;
1078
- centered?: boolean;
1747
+ type ValidationState$1 = 'default' | 'error' | 'success' | 'warning';
1748
+ type SelectProps = {
1749
+ value?: string;
1750
+ onChange?: (e: React__default.ChangeEvent<HTMLSelectElement>) => void;
1751
+ disabled?: boolean;
1079
1752
  className?: string;
1753
+ ariaLabel?: string;
1754
+ id?: string;
1755
+ name?: string;
1756
+ children: React__default.ReactNode;
1757
+ required?: boolean;
1758
+ size?: 'sm' | 'md' | 'lg';
1759
+ validationState?: ValidationState$1;
1080
1760
  };
1081
- declare function FeatureSection({ title, description, features, columns, centered, className }: Readonly<FeatureSectionProps>): react_jsx_runtime.JSX.Element;
1082
- declare namespace FeatureSection {
1761
+ declare function Select({ value, onChange, disabled, className, ariaLabel, id, name, children, required, size, validationState }: Readonly<SelectProps>): react_jsx_runtime.JSX.Element;
1762
+ declare namespace Select {
1083
1763
  var displayName: string;
1084
1764
  }
1085
1765
 
1086
- type FooterSection = {
1087
- title: string;
1088
- links: Array<{
1089
- label: string;
1090
- href: string;
1091
- external?: boolean;
1092
- }>;
1093
- };
1094
- type FooterProps = {
1095
- sections?: FooterSection[];
1096
- copyright?: string;
1097
- social?: ReactNode;
1098
- className?: string;
1766
+ type SelectItemProps = {
1767
+ value?: string;
1768
+ disabled?: boolean;
1769
+ children: React__default.ReactNode;
1099
1770
  };
1100
- declare function Footer({ sections, copyright, social, className }: Readonly<FooterProps>): react_jsx_runtime.JSX.Element;
1101
- declare namespace Footer {
1771
+ declare function SelectItem({ value, disabled, children }: Readonly<SelectItemProps>): react_jsx_runtime.JSX.Element;
1772
+ declare namespace SelectItem {
1102
1773
  var displayName: string;
1103
1774
  }
1104
1775
 
1105
- type LeftNavLayoutProps = {
1106
- nav: ReactNode;
1107
- children: ReactNode;
1108
- collapsed?: boolean;
1109
- onCollapsedChange?: (collapsed: boolean) => void;
1110
- showToggle?: boolean;
1776
+ type SliderProps = {
1777
+ value?: number;
1778
+ onChange?: (value: number) => void;
1779
+ min?: number;
1780
+ max?: number;
1781
+ step?: number;
1782
+ disabled?: boolean;
1111
1783
  className?: string;
1112
- navClassName?: string;
1113
- contentClassName?: string;
1114
- navWidth?: string;
1115
- navWidthCollapsed?: string;
1116
- mobileCollapsible?: boolean;
1117
- mobileMenuOpen?: boolean;
1118
- onMobileMenuOpenChange?: (open: boolean) => void;
1119
- embedded?: boolean;
1120
- mainContentRef?: React.RefObject<HTMLDivElement>;
1784
+ ariaLabel?: string;
1785
+ id?: string;
1786
+ name?: string;
1121
1787
  };
1122
- declare function LeftNavLayout({ nav, children, collapsed: controlledCollapsed, onCollapsedChange, showToggle, className, navClassName, contentClassName, navWidth, navWidthCollapsed, mobileCollapsible, mobileMenuOpen: controlledMobileMenuOpen, embedded, mainContentRef }: Readonly<LeftNavLayoutProps>): react_jsx_runtime.JSX.Element;
1123
- declare namespace LeftNavLayout {
1788
+ declare function Slider({ value, onChange, min, max, step, disabled, className, ariaLabel, id, name }: Readonly<SliderProps>): react_jsx_runtime.JSX.Element;
1789
+ declare namespace Slider {
1124
1790
  var displayName: string;
1125
1791
  }
1126
1792
 
1127
- type LeftNavItemProps = {
1128
- icon?: ReactNode;
1129
- children: ReactNode;
1130
- active?: boolean;
1793
+ type SwitchProps = {
1794
+ checked?: boolean;
1795
+ onChange?: (checked: boolean) => void;
1796
+ disabled?: boolean;
1131
1797
  className?: string;
1132
- badge?: ReactNode;
1133
- href?: string;
1134
- title?: string;
1135
- preventNavigation?: boolean;
1798
+ ariaLabel?: string;
1799
+ id?: string;
1800
+ name?: string;
1801
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
1802
+ variant?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error' | 'neutral';
1136
1803
  };
1137
- declare function LeftNavItem({ icon, children, active, className, badge, href, title, preventNavigation }: Readonly<LeftNavItemProps>): react_jsx_runtime.JSX.Element;
1138
- declare namespace LeftNavItem {
1804
+ declare function Switch({ checked, onChange, disabled, className, ariaLabel, id, name, size, variant }: Readonly<SwitchProps>): react_jsx_runtime.JSX.Element;
1805
+ declare namespace Switch {
1139
1806
  var displayName: string;
1140
1807
  }
1141
1808
 
1142
- type LeftNavSectionProps = {
1143
- children: ReactNode;
1144
- label?: string;
1809
+ type ValidationState = 'default' | 'error' | 'success' | 'warning';
1810
+ type TextareaProps = {
1811
+ value?: string;
1812
+ onChange?: (e: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
1813
+ placeholder?: string;
1814
+ disabled?: boolean;
1145
1815
  className?: string;
1816
+ ariaLabel?: string;
1817
+ id?: string;
1818
+ name?: string;
1819
+ rows?: number;
1820
+ required?: boolean;
1821
+ validationState?: ValidationState;
1146
1822
  };
1147
- declare function LeftNavSection({ children, label, className }: Readonly<LeftNavSectionProps>): react_jsx_runtime.JSX.Element;
1148
- declare namespace LeftNavSection {
1823
+ declare function Textarea({ value, onChange, placeholder, disabled, className, ariaLabel, id, name, rows, required, validationState }: Readonly<TextareaProps>): react_jsx_runtime.JSX.Element;
1824
+ declare namespace Textarea {
1149
1825
  var displayName: string;
1150
1826
  }
1151
1827
 
@@ -1162,11 +1838,26 @@ declare namespace Heading {
1162
1838
  var displayName: string;
1163
1839
  }
1164
1840
 
1841
+ type LinkProps = {
1842
+ children: ReactNode;
1843
+ href: string;
1844
+ external?: boolean;
1845
+ variant?: 'default' | 'muted' | 'secondary' | 'inherit';
1846
+ underline?: 'hover' | 'always' | 'none';
1847
+ size?: 'sm' | 'md' | 'lg';
1848
+ display?: 'inline' | 'block';
1849
+ className?: string;
1850
+ };
1851
+ declare function Link({ children, href, external, variant, underline, size, display, className }: Readonly<LinkProps>): react_jsx_runtime.JSX.Element;
1852
+ declare namespace Link {
1853
+ var displayName: string;
1854
+ }
1855
+
1165
1856
  type TextProps = {
1166
1857
  children: ReactNode;
1167
1858
  as?: 'p' | 'span' | 'label' | 'strong' | 'em' | 'small' | 'mark' | 'del' | 'ins' | 'sub' | 'sup' | 'abbr' | 'cite' | 'q';
1168
1859
  variant?: 'body' | 'muted' | 'small' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'inherit';
1169
- size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
1860
+ size?: TextSize;
1170
1861
  weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
1171
1862
  align?: 'left' | 'center' | 'right' | 'justify';
1172
1863
  leading?: 'none' | 'tight' | 'snug' | 'normal' | 'relaxed' | 'loose';
@@ -1201,91 +1892,6 @@ declare namespace Code {
1201
1892
  var displayName: string;
1202
1893
  }
1203
1894
 
1204
- type LinkProps = {
1205
- children: ReactNode;
1206
- href: string;
1207
- external?: boolean;
1208
- variant?: 'default' | 'muted' | 'secondary' | 'inherit';
1209
- underline?: 'hover' | 'always' | 'none';
1210
- size?: 'sm' | 'md' | 'lg';
1211
- display?: 'inline' | 'block';
1212
- className?: string;
1213
- };
1214
- declare function Link({ children, href, external, variant, underline, size, display, className }: Readonly<LinkProps>): react_jsx_runtime.JSX.Element;
1215
- declare namespace Link {
1216
- var displayName: string;
1217
- }
1218
-
1219
- type LogoProps = {
1220
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
1221
- className?: string;
1222
- };
1223
- declare function Logo({ size, className }: Readonly<LogoProps>): react_jsx_runtime.JSX.Element;
1224
-
1225
- type Theme = 'light' | 'dark';
1226
- type ThemeContextType = {
1227
- theme: Theme;
1228
- setTheme: (theme: Theme) => void;
1229
- availableThemes: Theme[];
1230
- };
1231
- type ThemeProviderProps = {
1232
- children: ReactNode;
1233
- defaultTheme?: Theme;
1234
- storageKey?: string;
1235
- themes?: Theme[];
1236
- };
1237
- declare function ThemeProvider({ children, defaultTheme, storageKey, themes }: Readonly<ThemeProviderProps>): react_jsx_runtime.JSX.Element;
1238
- declare function useTheme(): ThemeContextType;
1239
-
1240
- type ColorModeToggleProps = {
1241
- className?: string;
1242
- };
1243
- declare function ColorModeToggle({ className }: Readonly<ColorModeToggleProps>): react_jsx_runtime.JSX.Element;
1244
- declare namespace ColorModeToggle {
1245
- var displayName: string;
1246
- }
1247
-
1248
- interface AuthUser {
1249
- id: string;
1250
- [key: string]: unknown;
1251
- }
1252
- interface AuthState {
1253
- user: AuthUser | null;
1254
- isLoading: boolean;
1255
- isAuthenticated: boolean;
1256
- error: Error | null;
1257
- }
1258
- interface AuthActions {
1259
- login: (credentials: unknown) => Promise<void>;
1260
- logout: () => Promise<void>;
1261
- refresh: () => Promise<void>;
1262
- clearError: () => void;
1263
- updateUser: (updates: Partial<AuthUser>) => void;
1264
- }
1265
- type AuthContextType = AuthState & AuthActions;
1266
- interface AuthProviderConfig {
1267
- onLogin: (credentials: unknown) => Promise<AuthUser>;
1268
- onLogout?: () => Promise<void>;
1269
- onRefresh?: () => Promise<AuthUser | null>;
1270
- storageKey?: string;
1271
- useSessionStorage?: boolean;
1272
- autoRefresh?: boolean;
1273
- authUrl?: string;
1274
- withCredentials?: boolean;
1275
- }
1276
- interface AuthProviderProps {
1277
- config: AuthProviderConfig;
1278
- children: ReactNode;
1279
- }
1280
- declare function AuthProvider({ config, children }: Readonly<AuthProviderProps>): react_jsx_runtime.JSX.Element;
1281
- declare function useAuth(): AuthContextType;
1282
-
1283
- declare function authFetch(url: string, options?: RequestInit, withCredentials?: boolean): Promise<Response>;
1284
- declare function checkAuthStatus(authUrl: string): Promise<boolean>;
1285
- declare function getCurrentUser(authUrl: string): Promise<any | null>;
1286
- declare function loginExternal(authUrl: string, credentials: unknown): Promise<any>;
1287
- declare function logoutExternal(authUrl: string): Promise<void>;
1288
- declare function redirectToLogin(authUrl: string, returnUrl?: string): void;
1289
- declare function openLoginPopup(authUrl: string, onSuccess?: () => void): Window | null;
1895
+ declare function useScrollReset(deps: unknown[], container?: HTMLElement | null | RefObject<HTMLElement | null>): void;
1290
1896
 
1291
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AuthActions, type AuthContextType, AuthProvider, type AuthProviderConfig, type AuthProviderProps, type AuthState, type AuthUser, Avatar, type AvatarProps, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardBody, type CardBodyProps, CardFigure, type CardFigureProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Footer, type FooterProps, type FooterSection, FormField, type FormFieldProps, Grid, type GridProps, Heading, type HeadingProps, Hero, type HeroAction, type HeroProps, Input, InputGroup, type InputGroupProps, type InputProps, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Logo, type LogoProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, NavbarToggle, type NavbarToggleProps, Page, type PageProps, Pagination, type PaginationProps, Popover, type PopoverProps, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectItem, type SelectItemProps, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SmoothTransition, type SmoothTransitionProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type TransitionDuration, type TransitionType, type UseTableOptions, type UseTableReturn, authFetch, checkAuthStatus, getCurrentUser, loginExternal, logoutExternal, openLoginPopup, redirectToLogin, useAuth, useStaggeredTransition, useTable, useTheme };
1897
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AuthActions, type AuthContextType, AuthProvider, type AuthProviderConfig, type AuthProviderProps, type AuthState, type AuthUser, Avatar, type AvatarProps, Badge, type BadgeProps, type BorderRadiusSize, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonWithIcon, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardBody, type CardBodyProps, CardFigure, type CardFigureProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPaddingSize, type CardProps, type CardSize, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, Code$1 as CodeInput, type CodeProps, type CodeSize, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, type ContainerSize, DataTable, type DataTableAction, type DataTableActionItem, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Fieldset, Footer, type FooterProps, type FooterSection, Form, FormField, type FormFieldProps, type GapSize, Grid, type GridProps, Heading, type HeadingProps, type HeadingSize, Hero, type HeroAction, type HeroProps, Icon, IconButton, Input, InputGroup, type InputGroupProps, type InputProps, type InteractiveSize, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Logo, type LogoProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, NavDropdown, NavDropdownItem, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, NavbarToggle, type NavbarToggleProps, useOverlay as OverlayProvider, type OverlaySize, Page, PageHeader, type PageProps, PageTransition, Pagination, type PaginationProps, Popover, type PopoverProps, PriceDisplay, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Section, SectionHeader, type SectionPaddingSize, Select, SelectItem, type SelectProps, Sidebar, type SidebarProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, SmoothTransition, type SmoothTransitionProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StatusLabelSize, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, type TextSize, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type TransitionDuration, type TransitionType, type UseTableOptions, type UseTableReturn, authFetch, avatarSizes, badgeSizes, borderRadius, cardPadding, cardSizes, checkAuthStatus, chipSizes, codeSizes, containerMinHeights, containerMinWidths, containerSizes, gapSizes, getCurrentUser, getIconPixels, getVisualClasses, headingSizes, interactiveSizes, loginExternal, logoSizes, logoutExternal, openLoginPopup, overlaySizes, redirectToLogin, sectionPadding, spinnerSizes, statusLabelSizes, textSizes, useAuth, useScrollReset, useStaggeredTransition, useTable, useTheme, visualSizes };