@sykoramaros/marosh-components 0.1.15 → 0.2.0

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 (35) hide show
  1. package/dist/cli/index.cjs +3 -3
  2. package/dist/index.d.ts +1006 -6
  3. package/dist/index.js +26 -25
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +2662 -3614
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +22 -7
  8. package/src/components/basicComponents/CustomButton.stories.tsx +60 -0
  9. package/src/components/basicComponents/Footer.stories.tsx +47 -0
  10. package/src/components/basicComponents/Footer.tsx +25 -14
  11. package/src/components/basicComponents/MainNav.stories.tsx +34 -0
  12. package/src/components/basicComponents/MainNav.tsx +24 -6
  13. package/src/components/basicComponents/MainSidebarLayout.stories.tsx +77 -0
  14. package/src/components/basicComponents/MainSidebarLayout.tsx +32 -27
  15. package/src/components/basicComponents/Switcher.stories.tsx +42 -0
  16. package/src/components/basicComponents/Switcher.tsx +2 -0
  17. package/src/index.ts +26 -1
  18. package/src/providers/BaseUrlProvider.tsx +24 -0
  19. package/src/providers/ThemeContextProvider.tsx +272 -0
  20. package/src/themes/bubblegum.json +134 -0
  21. package/src/themes/default.json +134 -0
  22. package/src/themes/index.ts +17 -0
  23. package/src/themes/marosh-theme.json +135 -0
  24. package/src/themes/nature.json +134 -0
  25. package/src/themes/new-theme.json +139 -0
  26. package/src/themes/retro-arcade.json +134 -0
  27. package/src/themes/tangerine.json +134 -0
  28. package/src/themes/themes/bubblegum.json +134 -0
  29. package/src/themes/themes/default.json +134 -0
  30. package/src/themes/themes/marosh-theme.json +135 -0
  31. package/src/themes/themes/nature.json +134 -0
  32. package/src/themes/themes/new-theme.json +139 -0
  33. package/src/themes/themes/retro-arcade.json +134 -0
  34. package/src/themes/themes/tangerine.json +134 -0
  35. package/src/vite-env.d.ts +1 -0
package/dist/index.d.ts CHANGED
@@ -1,12 +1,20 @@
1
1
  import { ClassProp } from 'class-variance-authority/types';
2
2
  import { ClassValue } from 'clsx';
3
+ import { default as default_2 } from 'react';
3
4
  import { JSX } from 'react/jsx-runtime';
4
- import { Link } from '@tanstack/react-router';
5
5
  import { LucideIcon } from 'lucide-react';
6
6
  import * as React_2 from 'react';
7
+ import { ReactNode } from 'react';
7
8
  import * as SwitchPrimitives from '@radix-ui/react-switch';
8
9
  import { VariantProps } from 'class-variance-authority';
9
10
 
11
+ export declare const BaseUrlProvider: ({ children, value }: BaseUrlProviderProps) => JSX.Element;
12
+
13
+ export declare interface BaseUrlProviderProps {
14
+ children: ReactNode;
15
+ value: string;
16
+ }
17
+
10
18
  declare const buttonVariants: (props?: ({
11
19
  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
12
20
  size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
@@ -21,13 +29,14 @@ export declare interface CustomButtonProps extends React.ComponentPropsWithoutRe
21
29
  className?: string;
22
30
  }
23
31
 
24
- export declare const Footer: ({ links, copyright, socialProfiles, className, ...props }: FooterItems) => JSX.Element;
32
+ export declare const Footer: ({ links, copyright, socialProfiles, className, LinkComponent, ...props }: FooterItems) => JSX.Element;
25
33
 
26
34
  export declare interface FooterItems extends React.ComponentPropsWithoutRef<"footer"> {
27
35
  links: FooterLinks[];
28
36
  copyright?: string;
29
37
  socialProfiles: FooterSocial[];
30
38
  className?: string;
39
+ LinkComponent?: React.ComponentType<LinkComponentProps>;
31
40
  }
32
41
 
33
42
  export declare interface FooterLinks {
@@ -38,18 +47,24 @@ export declare interface FooterLinks {
38
47
  export declare interface FooterSocial {
39
48
  title: string;
40
49
  url: string;
41
- icon?: LucideIcon | React.ComponentType;
50
+ icon?: string | LucideIcon | React.ComponentType;
42
51
  }
43
52
 
44
- export { Link }
53
+ export declare interface LinkComponentProps {
54
+ to: string;
55
+ className?: string;
56
+ children?: React.ReactNode;
57
+ target?: string;
58
+ }
45
59
 
46
- export declare const MainNav: ({ navItems, className, ...props }: MainNavProps) => JSX.Element;
60
+ export declare const MainNav: ({ navItems, className, LinkComponent, ...props }: MainNavProps) => JSX.Element;
47
61
 
48
62
  export declare interface MainNavProps extends React.ComponentPropsWithoutRef<"header"> {
49
63
  navItems: NavItem[];
64
+ LinkComponent?: React.ComponentType<LinkComponentProps>;
50
65
  }
51
66
 
52
- export declare const MainSidebarLayout: ({ useSidebar, useMainNav, useFooter, appName, navItems, footerItems, sidebarDefaultOpen, }: MainSidebarLayoutProps) => JSX.Element;
67
+ export declare const MainSidebarLayout: ({ useSidebar, useMainNav, useFooter, appName, navItems, footerItems, sidebarDefaultOpen, children, LinkComponent, }: MainSidebarLayoutProps) => JSX.Element;
53
68
 
54
69
  export declare interface MainSidebarLayoutProps {
55
70
  useSidebar?: boolean;
@@ -60,6 +75,7 @@ export declare interface MainSidebarLayoutProps {
60
75
  footerItems?: FooterItems;
61
76
  sidebarDefaultOpen?: boolean;
62
77
  children?: React.ReactNode;
78
+ LinkComponent?: React.ComponentType<LinkComponentProps>;
63
79
  }
64
80
 
65
81
  export declare interface NavItem {
@@ -72,4 +88,988 @@ export declare const Switcher: React_2.ForwardRefExoticComponent<Omit<SwitchPrim
72
88
  icon?: React_2.ReactNode;
73
89
  } & React_2.RefAttributes<HTMLButtonElement>>;
74
90
 
91
+ export declare interface ThemeConfig {
92
+ name: string;
93
+ cssVars: {
94
+ theme: Record<string, string>;
95
+ light: Record<string, string>;
96
+ dark: Record<string, string>;
97
+ };
98
+ css?: {
99
+ "@layer base"?: Record<string, any>;
100
+ };
101
+ }
102
+
103
+ export declare const ThemeContextProvider: ({ children, themes, defaultTheme, defaultMode, }: ThemeContextProviderProps) => JSX.Element;
104
+
105
+ export declare interface ThemeContextProviderProps {
106
+ children: default_2.ReactNode;
107
+ themes: ThemeRegistry;
108
+ defaultTheme?: string;
109
+ defaultMode?: ThemeMode;
110
+ }
111
+
112
+ declare interface ThemeContextType {
113
+ isDarkMode: boolean;
114
+ setIsDarkMode: (value: boolean) => void;
115
+ themeName: string;
116
+ setThemeName: (value: string) => void;
117
+ availableThemes: string[];
118
+ }
119
+
120
+ export declare const themeData: {
121
+ default: {
122
+ $schema: string;
123
+ name: string;
124
+ type: string;
125
+ css: {
126
+ "@layer base": {
127
+ body: {
128
+ "letter-spacing": string;
129
+ };
130
+ };
131
+ };
132
+ cssVars: {
133
+ theme: {
134
+ "font-sans": string;
135
+ "font-mono": string;
136
+ "font-serif": string;
137
+ radius: string;
138
+ "tracking-tighter": string;
139
+ "tracking-tight": string;
140
+ "tracking-wide": string;
141
+ "tracking-wider": string;
142
+ "tracking-widest": string;
143
+ };
144
+ light: {
145
+ background: string;
146
+ foreground: string;
147
+ card: string;
148
+ "card-foreground": string;
149
+ popover: string;
150
+ "popover-foreground": string;
151
+ primary: string;
152
+ "primary-foreground": string;
153
+ secondary: string;
154
+ "secondary-foreground": string;
155
+ muted: string;
156
+ "muted-foreground": string;
157
+ accent: string;
158
+ "accent-foreground": string;
159
+ destructive: string;
160
+ "destructive-foreground": string;
161
+ border: string;
162
+ input: string;
163
+ ring: string;
164
+ "chart-1": string;
165
+ "chart-2": string;
166
+ "chart-3": string;
167
+ "chart-4": string;
168
+ "chart-5": string;
169
+ radius: string;
170
+ sidebar: string;
171
+ "sidebar-foreground": string;
172
+ "sidebar-primary": string;
173
+ "sidebar-primary-foreground": string;
174
+ "sidebar-accent": string;
175
+ "sidebar-accent-foreground": string;
176
+ "sidebar-border": string;
177
+ "sidebar-ring": string;
178
+ "font-sans": string;
179
+ "font-serif": string;
180
+ "font-mono": string;
181
+ "shadow-color": string;
182
+ "shadow-opacity": string;
183
+ "shadow-blur": string;
184
+ "shadow-spread": string;
185
+ "shadow-offset-x": string;
186
+ "shadow-offset-y": string;
187
+ "letter-spacing": string;
188
+ spacing: string;
189
+ "shadow-2xs": string;
190
+ "shadow-xs": string;
191
+ "shadow-sm": string;
192
+ shadow: string;
193
+ "shadow-md": string;
194
+ "shadow-lg": string;
195
+ "shadow-xl": string;
196
+ "shadow-2xl": string;
197
+ "tracking-normal": string;
198
+ };
199
+ dark: {
200
+ background: string;
201
+ foreground: string;
202
+ card: string;
203
+ "card-foreground": string;
204
+ popover: string;
205
+ "popover-foreground": string;
206
+ primary: string;
207
+ "primary-foreground": string;
208
+ secondary: string;
209
+ "secondary-foreground": string;
210
+ muted: string;
211
+ "muted-foreground": string;
212
+ accent: string;
213
+ "accent-foreground": string;
214
+ destructive: string;
215
+ "destructive-foreground": string;
216
+ border: string;
217
+ input: string;
218
+ ring: string;
219
+ "chart-1": string;
220
+ "chart-2": string;
221
+ "chart-3": string;
222
+ "chart-4": string;
223
+ "chart-5": string;
224
+ radius: string;
225
+ sidebar: string;
226
+ "sidebar-foreground": string;
227
+ "sidebar-primary": string;
228
+ "sidebar-primary-foreground": string;
229
+ "sidebar-accent": string;
230
+ "sidebar-accent-foreground": string;
231
+ "sidebar-border": string;
232
+ "sidebar-ring": string;
233
+ "font-sans": string;
234
+ "font-serif": string;
235
+ "font-mono": string;
236
+ "shadow-color": string;
237
+ "shadow-opacity": string;
238
+ "shadow-blur": string;
239
+ "shadow-spread": string;
240
+ "shadow-offset-x": string;
241
+ "shadow-offset-y": string;
242
+ "letter-spacing": string;
243
+ spacing: string;
244
+ "shadow-2xs": string;
245
+ "shadow-xs": string;
246
+ "shadow-sm": string;
247
+ shadow: string;
248
+ "shadow-md": string;
249
+ "shadow-lg": string;
250
+ "shadow-xl": string;
251
+ "shadow-2xl": string;
252
+ };
253
+ };
254
+ };
255
+ marosh: {
256
+ $schema: string;
257
+ name: string;
258
+ type: string;
259
+ css: {
260
+ "@layer base": {
261
+ body: {
262
+ "letter-spacing": string;
263
+ "font-family": string;
264
+ };
265
+ };
266
+ };
267
+ cssVars: {
268
+ theme: {
269
+ "font-sans": string;
270
+ "font-mono": string;
271
+ "font-serif": string;
272
+ radius: string;
273
+ "tracking-tighter": string;
274
+ "tracking-tight": string;
275
+ "tracking-wide": string;
276
+ "tracking-wider": string;
277
+ "tracking-widest": string;
278
+ };
279
+ light: {
280
+ background: string;
281
+ foreground: string;
282
+ card: string;
283
+ "card-foreground": string;
284
+ popover: string;
285
+ "popover-foreground": string;
286
+ primary: string;
287
+ "primary-foreground": string;
288
+ secondary: string;
289
+ "secondary-foreground": string;
290
+ muted: string;
291
+ "muted-foreground": string;
292
+ accent: string;
293
+ "accent-foreground": string;
294
+ destructive: string;
295
+ "destructive-foreground": string;
296
+ border: string;
297
+ input: string;
298
+ ring: string;
299
+ "chart-1": string;
300
+ "chart-2": string;
301
+ "chart-3": string;
302
+ "chart-4": string;
303
+ "chart-5": string;
304
+ radius: string;
305
+ sidebar: string;
306
+ "sidebar-foreground": string;
307
+ "sidebar-primary": string;
308
+ "sidebar-primary-foreground": string;
309
+ "sidebar-accent": string;
310
+ "sidebar-accent-foreground": string;
311
+ "sidebar-border": string;
312
+ "sidebar-ring": string;
313
+ "font-sans": string;
314
+ "font-serif": string;
315
+ "font-mono": string;
316
+ "shadow-color": string;
317
+ "shadow-opacity": string;
318
+ "shadow-blur": string;
319
+ "shadow-spread": string;
320
+ "shadow-offset-x": string;
321
+ "shadow-offset-y": string;
322
+ "letter-spacing": string;
323
+ spacing: string;
324
+ "shadow-2xs": string;
325
+ "shadow-xs": string;
326
+ "shadow-sm": string;
327
+ shadow: string;
328
+ "shadow-md": string;
329
+ "shadow-lg": string;
330
+ "shadow-xl": string;
331
+ "shadow-2xl": string;
332
+ "tracking-normal": string;
333
+ };
334
+ dark: {
335
+ background: string;
336
+ foreground: string;
337
+ card: string;
338
+ "card-foreground": string;
339
+ popover: string;
340
+ "popover-foreground": string;
341
+ primary: string;
342
+ "primary-foreground": string;
343
+ secondary: string;
344
+ "secondary-foreground": string;
345
+ muted: string;
346
+ "muted-foreground": string;
347
+ accent: string;
348
+ "accent-foreground": string;
349
+ destructive: string;
350
+ "destructive-foreground": string;
351
+ border: string;
352
+ input: string;
353
+ ring: string;
354
+ "chart-1": string;
355
+ "chart-2": string;
356
+ "chart-3": string;
357
+ "chart-4": string;
358
+ "chart-5": string;
359
+ radius: string;
360
+ sidebar: string;
361
+ "sidebar-foreground": string;
362
+ "sidebar-primary": string;
363
+ "sidebar-primary-foreground": string;
364
+ "sidebar-accent": string;
365
+ "sidebar-accent-foreground": string;
366
+ "sidebar-border": string;
367
+ "sidebar-ring": string;
368
+ "font-sans": string;
369
+ "font-serif": string;
370
+ "font-mono": string;
371
+ "shadow-color": string;
372
+ "shadow-opacity": string;
373
+ "shadow-blur": string;
374
+ "shadow-spread": string;
375
+ "shadow-offset-x": string;
376
+ "shadow-offset-y": string;
377
+ "letter-spacing": string;
378
+ spacing: string;
379
+ "shadow-2xs": string;
380
+ "shadow-xs": string;
381
+ "shadow-sm": string;
382
+ shadow: string;
383
+ "shadow-md": string;
384
+ "shadow-lg": string;
385
+ "shadow-xl": string;
386
+ "shadow-2xl": string;
387
+ };
388
+ };
389
+ };
390
+ bubblegum: {
391
+ $schema: string;
392
+ name: string;
393
+ type: string;
394
+ css: {
395
+ "@layer base": {
396
+ body: {
397
+ "letter-spacing": string;
398
+ };
399
+ };
400
+ };
401
+ cssVars: {
402
+ theme: {
403
+ "font-sans": string;
404
+ "font-mono": string;
405
+ "font-serif": string;
406
+ radius: string;
407
+ "tracking-tighter": string;
408
+ "tracking-tight": string;
409
+ "tracking-wide": string;
410
+ "tracking-wider": string;
411
+ "tracking-widest": string;
412
+ };
413
+ light: {
414
+ background: string;
415
+ foreground: string;
416
+ card: string;
417
+ "card-foreground": string;
418
+ popover: string;
419
+ "popover-foreground": string;
420
+ primary: string;
421
+ "primary-foreground": string;
422
+ secondary: string;
423
+ "secondary-foreground": string;
424
+ muted: string;
425
+ "muted-foreground": string;
426
+ accent: string;
427
+ "accent-foreground": string;
428
+ destructive: string;
429
+ "destructive-foreground": string;
430
+ border: string;
431
+ input: string;
432
+ ring: string;
433
+ "chart-1": string;
434
+ "chart-2": string;
435
+ "chart-3": string;
436
+ "chart-4": string;
437
+ "chart-5": string;
438
+ radius: string;
439
+ sidebar: string;
440
+ "sidebar-foreground": string;
441
+ "sidebar-primary": string;
442
+ "sidebar-primary-foreground": string;
443
+ "sidebar-accent": string;
444
+ "sidebar-accent-foreground": string;
445
+ "sidebar-border": string;
446
+ "sidebar-ring": string;
447
+ "font-sans": string;
448
+ "font-serif": string;
449
+ "font-mono": string;
450
+ "shadow-color": string;
451
+ "shadow-opacity": string;
452
+ "shadow-blur": string;
453
+ "shadow-spread": string;
454
+ "shadow-offset-x": string;
455
+ "shadow-offset-y": string;
456
+ "letter-spacing": string;
457
+ spacing: string;
458
+ "shadow-2xs": string;
459
+ "shadow-xs": string;
460
+ "shadow-sm": string;
461
+ shadow: string;
462
+ "shadow-md": string;
463
+ "shadow-lg": string;
464
+ "shadow-xl": string;
465
+ "shadow-2xl": string;
466
+ "tracking-normal": string;
467
+ };
468
+ dark: {
469
+ background: string;
470
+ foreground: string;
471
+ card: string;
472
+ "card-foreground": string;
473
+ popover: string;
474
+ "popover-foreground": string;
475
+ primary: string;
476
+ "primary-foreground": string;
477
+ secondary: string;
478
+ "secondary-foreground": string;
479
+ muted: string;
480
+ "muted-foreground": string;
481
+ accent: string;
482
+ "accent-foreground": string;
483
+ destructive: string;
484
+ "destructive-foreground": string;
485
+ border: string;
486
+ input: string;
487
+ ring: string;
488
+ "chart-1": string;
489
+ "chart-2": string;
490
+ "chart-3": string;
491
+ "chart-4": string;
492
+ "chart-5": string;
493
+ radius: string;
494
+ sidebar: string;
495
+ "sidebar-foreground": string;
496
+ "sidebar-primary": string;
497
+ "sidebar-primary-foreground": string;
498
+ "sidebar-accent": string;
499
+ "sidebar-accent-foreground": string;
500
+ "sidebar-border": string;
501
+ "sidebar-ring": string;
502
+ "font-sans": string;
503
+ "font-serif": string;
504
+ "font-mono": string;
505
+ "shadow-color": string;
506
+ "shadow-opacity": string;
507
+ "shadow-blur": string;
508
+ "shadow-spread": string;
509
+ "shadow-offset-x": string;
510
+ "shadow-offset-y": string;
511
+ "letter-spacing": string;
512
+ spacing: string;
513
+ "shadow-2xs": string;
514
+ "shadow-xs": string;
515
+ "shadow-sm": string;
516
+ shadow: string;
517
+ "shadow-md": string;
518
+ "shadow-lg": string;
519
+ "shadow-xl": string;
520
+ "shadow-2xl": string;
521
+ };
522
+ };
523
+ };
524
+ nature: {
525
+ $schema: string;
526
+ name: string;
527
+ type: string;
528
+ css: {
529
+ "@layer base": {
530
+ body: {
531
+ "letter-spacing": string;
532
+ };
533
+ };
534
+ };
535
+ cssVars: {
536
+ theme: {
537
+ "font-sans": string;
538
+ "font-mono": string;
539
+ "font-serif": string;
540
+ radius: string;
541
+ "tracking-tighter": string;
542
+ "tracking-tight": string;
543
+ "tracking-wide": string;
544
+ "tracking-wider": string;
545
+ "tracking-widest": string;
546
+ };
547
+ light: {
548
+ background: string;
549
+ foreground: string;
550
+ card: string;
551
+ "card-foreground": string;
552
+ popover: string;
553
+ "popover-foreground": string;
554
+ primary: string;
555
+ "primary-foreground": string;
556
+ secondary: string;
557
+ "secondary-foreground": string;
558
+ muted: string;
559
+ "muted-foreground": string;
560
+ accent: string;
561
+ "accent-foreground": string;
562
+ destructive: string;
563
+ "destructive-foreground": string;
564
+ border: string;
565
+ input: string;
566
+ ring: string;
567
+ "chart-1": string;
568
+ "chart-2": string;
569
+ "chart-3": string;
570
+ "chart-4": string;
571
+ "chart-5": string;
572
+ radius: string;
573
+ sidebar: string;
574
+ "sidebar-foreground": string;
575
+ "sidebar-primary": string;
576
+ "sidebar-primary-foreground": string;
577
+ "sidebar-accent": string;
578
+ "sidebar-accent-foreground": string;
579
+ "sidebar-border": string;
580
+ "sidebar-ring": string;
581
+ "font-sans": string;
582
+ "font-serif": string;
583
+ "font-mono": string;
584
+ "shadow-color": string;
585
+ "shadow-opacity": string;
586
+ "shadow-blur": string;
587
+ "shadow-spread": string;
588
+ "shadow-offset-x": string;
589
+ "shadow-offset-y": string;
590
+ "letter-spacing": string;
591
+ spacing: string;
592
+ "shadow-2xs": string;
593
+ "shadow-xs": string;
594
+ "shadow-sm": string;
595
+ shadow: string;
596
+ "shadow-md": string;
597
+ "shadow-lg": string;
598
+ "shadow-xl": string;
599
+ "shadow-2xl": string;
600
+ "tracking-normal": string;
601
+ };
602
+ dark: {
603
+ background: string;
604
+ foreground: string;
605
+ card: string;
606
+ "card-foreground": string;
607
+ popover: string;
608
+ "popover-foreground": string;
609
+ primary: string;
610
+ "primary-foreground": string;
611
+ secondary: string;
612
+ "secondary-foreground": string;
613
+ muted: string;
614
+ "muted-foreground": string;
615
+ accent: string;
616
+ "accent-foreground": string;
617
+ destructive: string;
618
+ "destructive-foreground": string;
619
+ border: string;
620
+ input: string;
621
+ ring: string;
622
+ "chart-1": string;
623
+ "chart-2": string;
624
+ "chart-3": string;
625
+ "chart-4": string;
626
+ "chart-5": string;
627
+ radius: string;
628
+ sidebar: string;
629
+ "sidebar-foreground": string;
630
+ "sidebar-primary": string;
631
+ "sidebar-primary-foreground": string;
632
+ "sidebar-accent": string;
633
+ "sidebar-accent-foreground": string;
634
+ "sidebar-border": string;
635
+ "sidebar-ring": string;
636
+ "font-sans": string;
637
+ "font-serif": string;
638
+ "font-mono": string;
639
+ "shadow-color": string;
640
+ "shadow-opacity": string;
641
+ "shadow-blur": string;
642
+ "shadow-spread": string;
643
+ "shadow-offset-x": string;
644
+ "shadow-offset-y": string;
645
+ "letter-spacing": string;
646
+ spacing: string;
647
+ "shadow-2xs": string;
648
+ "shadow-xs": string;
649
+ "shadow-sm": string;
650
+ shadow: string;
651
+ "shadow-md": string;
652
+ "shadow-lg": string;
653
+ "shadow-xl": string;
654
+ "shadow-2xl": string;
655
+ };
656
+ };
657
+ };
658
+ "retro-arcade": {
659
+ $schema: string;
660
+ name: string;
661
+ type: string;
662
+ css: {
663
+ "@layer base": {
664
+ body: {
665
+ "letter-spacing": string;
666
+ };
667
+ };
668
+ };
669
+ cssVars: {
670
+ theme: {
671
+ "font-sans": string;
672
+ "font-mono": string;
673
+ "font-serif": string;
674
+ radius: string;
675
+ "tracking-tighter": string;
676
+ "tracking-tight": string;
677
+ "tracking-wide": string;
678
+ "tracking-wider": string;
679
+ "tracking-widest": string;
680
+ };
681
+ light: {
682
+ background: string;
683
+ foreground: string;
684
+ card: string;
685
+ "card-foreground": string;
686
+ popover: string;
687
+ "popover-foreground": string;
688
+ primary: string;
689
+ "primary-foreground": string;
690
+ secondary: string;
691
+ "secondary-foreground": string;
692
+ muted: string;
693
+ "muted-foreground": string;
694
+ accent: string;
695
+ "accent-foreground": string;
696
+ destructive: string;
697
+ "destructive-foreground": string;
698
+ border: string;
699
+ input: string;
700
+ ring: string;
701
+ "chart-1": string;
702
+ "chart-2": string;
703
+ "chart-3": string;
704
+ "chart-4": string;
705
+ "chart-5": string;
706
+ radius: string;
707
+ sidebar: string;
708
+ "sidebar-foreground": string;
709
+ "sidebar-primary": string;
710
+ "sidebar-primary-foreground": string;
711
+ "sidebar-accent": string;
712
+ "sidebar-accent-foreground": string;
713
+ "sidebar-border": string;
714
+ "sidebar-ring": string;
715
+ "font-sans": string;
716
+ "font-serif": string;
717
+ "font-mono": string;
718
+ "shadow-color": string;
719
+ "shadow-opacity": string;
720
+ "shadow-blur": string;
721
+ "shadow-spread": string;
722
+ "shadow-offset-x": string;
723
+ "shadow-offset-y": string;
724
+ "letter-spacing": string;
725
+ spacing: string;
726
+ "shadow-2xs": string;
727
+ "shadow-xs": string;
728
+ "shadow-sm": string;
729
+ shadow: string;
730
+ "shadow-md": string;
731
+ "shadow-lg": string;
732
+ "shadow-xl": string;
733
+ "shadow-2xl": string;
734
+ "tracking-normal": string;
735
+ };
736
+ dark: {
737
+ background: string;
738
+ foreground: string;
739
+ card: string;
740
+ "card-foreground": string;
741
+ popover: string;
742
+ "popover-foreground": string;
743
+ primary: string;
744
+ "primary-foreground": string;
745
+ secondary: string;
746
+ "secondary-foreground": string;
747
+ muted: string;
748
+ "muted-foreground": string;
749
+ accent: string;
750
+ "accent-foreground": string;
751
+ destructive: string;
752
+ "destructive-foreground": string;
753
+ border: string;
754
+ input: string;
755
+ ring: string;
756
+ "chart-1": string;
757
+ "chart-2": string;
758
+ "chart-3": string;
759
+ "chart-4": string;
760
+ "chart-5": string;
761
+ radius: string;
762
+ sidebar: string;
763
+ "sidebar-foreground": string;
764
+ "sidebar-primary": string;
765
+ "sidebar-primary-foreground": string;
766
+ "sidebar-accent": string;
767
+ "sidebar-accent-foreground": string;
768
+ "sidebar-border": string;
769
+ "sidebar-ring": string;
770
+ "font-sans": string;
771
+ "font-serif": string;
772
+ "font-mono": string;
773
+ "shadow-color": string;
774
+ "shadow-opacity": string;
775
+ "shadow-blur": string;
776
+ "shadow-spread": string;
777
+ "shadow-offset-x": string;
778
+ "shadow-offset-y": string;
779
+ "letter-spacing": string;
780
+ spacing: string;
781
+ "shadow-2xs": string;
782
+ "shadow-xs": string;
783
+ "shadow-sm": string;
784
+ shadow: string;
785
+ "shadow-md": string;
786
+ "shadow-lg": string;
787
+ "shadow-xl": string;
788
+ "shadow-2xl": string;
789
+ };
790
+ };
791
+ };
792
+ tangerine: {
793
+ $schema: string;
794
+ name: string;
795
+ type: string;
796
+ css: {
797
+ "@layer base": {
798
+ body: {
799
+ "letter-spacing": string;
800
+ };
801
+ };
802
+ };
803
+ cssVars: {
804
+ theme: {
805
+ "font-sans": string;
806
+ "font-mono": string;
807
+ "font-serif": string;
808
+ radius: string;
809
+ "tracking-tighter": string;
810
+ "tracking-tight": string;
811
+ "tracking-wide": string;
812
+ "tracking-wider": string;
813
+ "tracking-widest": string;
814
+ };
815
+ light: {
816
+ background: string;
817
+ foreground: string;
818
+ card: string;
819
+ "card-foreground": string;
820
+ popover: string;
821
+ "popover-foreground": string;
822
+ primary: string;
823
+ "primary-foreground": string;
824
+ secondary: string;
825
+ "secondary-foreground": string;
826
+ muted: string;
827
+ "muted-foreground": string;
828
+ accent: string;
829
+ "accent-foreground": string;
830
+ destructive: string;
831
+ "destructive-foreground": string;
832
+ border: string;
833
+ input: string;
834
+ ring: string;
835
+ "chart-1": string;
836
+ "chart-2": string;
837
+ "chart-3": string;
838
+ "chart-4": string;
839
+ "chart-5": string;
840
+ radius: string;
841
+ sidebar: string;
842
+ "sidebar-foreground": string;
843
+ "sidebar-primary": string;
844
+ "sidebar-primary-foreground": string;
845
+ "sidebar-accent": string;
846
+ "sidebar-accent-foreground": string;
847
+ "sidebar-border": string;
848
+ "sidebar-ring": string;
849
+ "font-sans": string;
850
+ "font-serif": string;
851
+ "font-mono": string;
852
+ "shadow-color": string;
853
+ "shadow-opacity": string;
854
+ "shadow-blur": string;
855
+ "shadow-spread": string;
856
+ "shadow-offset-x": string;
857
+ "shadow-offset-y": string;
858
+ "letter-spacing": string;
859
+ spacing: string;
860
+ "shadow-2xs": string;
861
+ "shadow-xs": string;
862
+ "shadow-sm": string;
863
+ shadow: string;
864
+ "shadow-md": string;
865
+ "shadow-lg": string;
866
+ "shadow-xl": string;
867
+ "shadow-2xl": string;
868
+ "tracking-normal": string;
869
+ };
870
+ dark: {
871
+ background: string;
872
+ foreground: string;
873
+ card: string;
874
+ "card-foreground": string;
875
+ popover: string;
876
+ "popover-foreground": string;
877
+ primary: string;
878
+ "primary-foreground": string;
879
+ secondary: string;
880
+ "secondary-foreground": string;
881
+ muted: string;
882
+ "muted-foreground": string;
883
+ accent: string;
884
+ "accent-foreground": string;
885
+ destructive: string;
886
+ "destructive-foreground": string;
887
+ border: string;
888
+ input: string;
889
+ ring: string;
890
+ "chart-1": string;
891
+ "chart-2": string;
892
+ "chart-3": string;
893
+ "chart-4": string;
894
+ "chart-5": string;
895
+ radius: string;
896
+ sidebar: string;
897
+ "sidebar-foreground": string;
898
+ "sidebar-primary": string;
899
+ "sidebar-primary-foreground": string;
900
+ "sidebar-accent": string;
901
+ "sidebar-accent-foreground": string;
902
+ "sidebar-border": string;
903
+ "sidebar-ring": string;
904
+ "font-sans": string;
905
+ "font-serif": string;
906
+ "font-mono": string;
907
+ "shadow-color": string;
908
+ "shadow-opacity": string;
909
+ "shadow-blur": string;
910
+ "shadow-spread": string;
911
+ "shadow-offset-x": string;
912
+ "shadow-offset-y": string;
913
+ "letter-spacing": string;
914
+ spacing: string;
915
+ "shadow-2xs": string;
916
+ "shadow-xs": string;
917
+ "shadow-sm": string;
918
+ shadow: string;
919
+ "shadow-md": string;
920
+ "shadow-lg": string;
921
+ "shadow-xl": string;
922
+ "shadow-2xl": string;
923
+ };
924
+ };
925
+ };
926
+ "new-theme": {
927
+ $schema: string;
928
+ name: string;
929
+ type: string;
930
+ css: {
931
+ "@layer base": {
932
+ body: {
933
+ "letter-spacing": string;
934
+ "font-family": string;
935
+ };
936
+ };
937
+ };
938
+ cssVars: {
939
+ theme: {
940
+ "font-sans": string;
941
+ "font-mono": string;
942
+ "font-serif": string;
943
+ radius: string;
944
+ "tracking-tighter": string;
945
+ "tracking-tight": string;
946
+ "tracking-wide": string;
947
+ "tracking-wider": string;
948
+ "tracking-widest": string;
949
+ "shadow-x": string;
950
+ "shadow-y": string;
951
+ "shadow-blur": string;
952
+ "shadow-spread": string;
953
+ "shadow-opacity": string;
954
+ };
955
+ light: {
956
+ background: string;
957
+ foreground: string;
958
+ card: string;
959
+ "card-foreground": string;
960
+ popover: string;
961
+ "popover-foreground": string;
962
+ primary: string;
963
+ "primary-foreground": string;
964
+ secondary: string;
965
+ "secondary-foreground": string;
966
+ muted: string;
967
+ "muted-foreground": string;
968
+ accent: string;
969
+ "accent-foreground": string;
970
+ destructive: string;
971
+ "destructive-foreground": string;
972
+ border: string;
973
+ input: string;
974
+ ring: string;
975
+ "chart-1": string;
976
+ "chart-2": string;
977
+ "chart-3": string;
978
+ "chart-4": string;
979
+ "chart-5": string;
980
+ sidebar: string;
981
+ "sidebar-foreground": string;
982
+ "sidebar-primary": string;
983
+ "sidebar-primary-foreground": string;
984
+ "sidebar-accent": string;
985
+ "sidebar-accent-foreground": string;
986
+ "sidebar-border": string;
987
+ "sidebar-ring": string;
988
+ "font-sans": string;
989
+ "font-serif": string;
990
+ "font-mono": string;
991
+ radius: string;
992
+ "shadow-color": string;
993
+ "shadow-x": string;
994
+ "shadow-y": string;
995
+ "shadow-blur": string;
996
+ "shadow-spread": string;
997
+ "shadow-opacity": string;
998
+ "shadow-2xs": string;
999
+ "shadow-xs": string;
1000
+ "shadow-sm": string;
1001
+ shadow: string;
1002
+ "shadow-md": string;
1003
+ "shadow-lg": string;
1004
+ "shadow-xl": string;
1005
+ "shadow-2xl": string;
1006
+ "tracking-normal": string;
1007
+ spacing: string;
1008
+ };
1009
+ dark: {
1010
+ background: string;
1011
+ foreground: string;
1012
+ card: string;
1013
+ "card-foreground": string;
1014
+ popover: string;
1015
+ "popover-foreground": string;
1016
+ primary: string;
1017
+ "primary-foreground": string;
1018
+ secondary: string;
1019
+ "secondary-foreground": string;
1020
+ muted: string;
1021
+ "muted-foreground": string;
1022
+ accent: string;
1023
+ "accent-foreground": string;
1024
+ destructive: string;
1025
+ "destructive-foreground": string;
1026
+ border: string;
1027
+ input: string;
1028
+ ring: string;
1029
+ "chart-1": string;
1030
+ "chart-2": string;
1031
+ "chart-3": string;
1032
+ "chart-4": string;
1033
+ "chart-5": string;
1034
+ sidebar: string;
1035
+ "sidebar-foreground": string;
1036
+ "sidebar-primary": string;
1037
+ "sidebar-primary-foreground": string;
1038
+ "sidebar-accent": string;
1039
+ "sidebar-accent-foreground": string;
1040
+ "sidebar-border": string;
1041
+ "sidebar-ring": string;
1042
+ "font-sans": string;
1043
+ "font-serif": string;
1044
+ "font-mono": string;
1045
+ radius: string;
1046
+ "shadow-color": string;
1047
+ "shadow-x": string;
1048
+ "shadow-y": string;
1049
+ "shadow-blur": string;
1050
+ "shadow-spread": string;
1051
+ "shadow-opacity": string;
1052
+ "shadow-2xs": string;
1053
+ "shadow-xs": string;
1054
+ "shadow-sm": string;
1055
+ shadow: string;
1056
+ "shadow-md": string;
1057
+ "shadow-lg": string;
1058
+ "shadow-xl": string;
1059
+ "shadow-2xl": string;
1060
+ "tracking-normal": string;
1061
+ spacing: string;
1062
+ };
1063
+ };
1064
+ };
1065
+ };
1066
+
1067
+ export declare type ThemeMode = "light" | "dark";
1068
+
1069
+ export declare type ThemeRegistry = Record<string, ThemeConfig>;
1070
+
1071
+ export declare const useBaseUrl: () => string;
1072
+
1073
+ export declare const useThemeContext: () => ThemeContextType;
1074
+
75
1075
  export { }