@matteoaliano/forest-ui 0.1.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.
package/dist/index.js ADDED
@@ -0,0 +1,1592 @@
1
+ 'use strict';
2
+
3
+ var styles = require('@mui/material/styles');
4
+ var CssBaseline = require('@mui/material/CssBaseline');
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var MuiAutocomplete = require('@mui/material/Autocomplete');
7
+ var MuiButton = require('@mui/material/Button');
8
+ var MuiButtonGroup = require('@mui/material/ButtonGroup');
9
+ var MuiCheckbox = require('@mui/material/Checkbox');
10
+ var MuiFab = require('@mui/material/Fab');
11
+ var MuiRadioGroup = require('@mui/material/RadioGroup');
12
+ var MuiRadio = require('@mui/material/Radio');
13
+ var MuiSelect = require('@mui/material/Select');
14
+ var MuiMenuItem = require('@mui/material/MenuItem');
15
+ var MuiSwitch = require('@mui/material/Switch');
16
+ var MuiTextField = require('@mui/material/TextField');
17
+ var MuiToggleButton = require('@mui/material/ToggleButton');
18
+ var MuiToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
19
+ var MuiBadge = require('@mui/material/Badge');
20
+ var MuiChip = require('@mui/material/Chip');
21
+ var MuiDivider = require('@mui/material/Divider');
22
+ var MuiList = require('@mui/material/List');
23
+ var MuiListItem = require('@mui/material/ListItem');
24
+ var MuiListItemButton = require('@mui/material/ListItemButton');
25
+ var MuiListItemIcon = require('@mui/material/ListItemIcon');
26
+ var MuiListItemText = require('@mui/material/ListItemText');
27
+ var MuiListItemAvatar = require('@mui/material/ListItemAvatar');
28
+ var MuiListSubheader = require('@mui/material/ListSubheader');
29
+ var MuiTable = require('@mui/material/Table');
30
+ var MuiTableBody = require('@mui/material/TableBody');
31
+ var MuiTableCell = require('@mui/material/TableCell');
32
+ var MuiTableContainer = require('@mui/material/TableContainer');
33
+ var MuiTableHead = require('@mui/material/TableHead');
34
+ var MuiTableRow = require('@mui/material/TableRow');
35
+ var MuiTooltip = require('@mui/material/Tooltip');
36
+ var MuiTypography = require('@mui/material/Typography');
37
+ var MuiAlert = require('@mui/material/Alert');
38
+ var MuiAlertTitle = require('@mui/material/AlertTitle');
39
+ var MuiBackdrop = require('@mui/material/Backdrop');
40
+ var MuiDialog = require('@mui/material/Dialog');
41
+ var MuiDialogTitle = require('@mui/material/DialogTitle');
42
+ var MuiDialogContent = require('@mui/material/DialogContent');
43
+ var MuiDialogActions = require('@mui/material/DialogActions');
44
+ var MuiDialogContentText = require('@mui/material/DialogContentText');
45
+ var MuiLinearProgress = require('@mui/material/LinearProgress');
46
+ var MuiCircularProgress = require('@mui/material/CircularProgress');
47
+ var MuiSkeleton = require('@mui/material/Skeleton');
48
+ var MuiSnackbar = require('@mui/material/Snackbar');
49
+
50
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
51
+
52
+ var CssBaseline__default = /*#__PURE__*/_interopDefault(CssBaseline);
53
+ var MuiAutocomplete__default = /*#__PURE__*/_interopDefault(MuiAutocomplete);
54
+ var MuiButton__default = /*#__PURE__*/_interopDefault(MuiButton);
55
+ var MuiButtonGroup__default = /*#__PURE__*/_interopDefault(MuiButtonGroup);
56
+ var MuiCheckbox__default = /*#__PURE__*/_interopDefault(MuiCheckbox);
57
+ var MuiFab__default = /*#__PURE__*/_interopDefault(MuiFab);
58
+ var MuiRadioGroup__default = /*#__PURE__*/_interopDefault(MuiRadioGroup);
59
+ var MuiRadio__default = /*#__PURE__*/_interopDefault(MuiRadio);
60
+ var MuiSelect__default = /*#__PURE__*/_interopDefault(MuiSelect);
61
+ var MuiMenuItem__default = /*#__PURE__*/_interopDefault(MuiMenuItem);
62
+ var MuiSwitch__default = /*#__PURE__*/_interopDefault(MuiSwitch);
63
+ var MuiTextField__default = /*#__PURE__*/_interopDefault(MuiTextField);
64
+ var MuiToggleButton__default = /*#__PURE__*/_interopDefault(MuiToggleButton);
65
+ var MuiToggleButtonGroup__default = /*#__PURE__*/_interopDefault(MuiToggleButtonGroup);
66
+ var MuiBadge__default = /*#__PURE__*/_interopDefault(MuiBadge);
67
+ var MuiChip__default = /*#__PURE__*/_interopDefault(MuiChip);
68
+ var MuiDivider__default = /*#__PURE__*/_interopDefault(MuiDivider);
69
+ var MuiList__default = /*#__PURE__*/_interopDefault(MuiList);
70
+ var MuiListItem__default = /*#__PURE__*/_interopDefault(MuiListItem);
71
+ var MuiListItemButton__default = /*#__PURE__*/_interopDefault(MuiListItemButton);
72
+ var MuiListItemIcon__default = /*#__PURE__*/_interopDefault(MuiListItemIcon);
73
+ var MuiListItemText__default = /*#__PURE__*/_interopDefault(MuiListItemText);
74
+ var MuiListItemAvatar__default = /*#__PURE__*/_interopDefault(MuiListItemAvatar);
75
+ var MuiListSubheader__default = /*#__PURE__*/_interopDefault(MuiListSubheader);
76
+ var MuiTable__default = /*#__PURE__*/_interopDefault(MuiTable);
77
+ var MuiTableBody__default = /*#__PURE__*/_interopDefault(MuiTableBody);
78
+ var MuiTableCell__default = /*#__PURE__*/_interopDefault(MuiTableCell);
79
+ var MuiTableContainer__default = /*#__PURE__*/_interopDefault(MuiTableContainer);
80
+ var MuiTableHead__default = /*#__PURE__*/_interopDefault(MuiTableHead);
81
+ var MuiTableRow__default = /*#__PURE__*/_interopDefault(MuiTableRow);
82
+ var MuiTooltip__default = /*#__PURE__*/_interopDefault(MuiTooltip);
83
+ var MuiTypography__default = /*#__PURE__*/_interopDefault(MuiTypography);
84
+ var MuiAlert__default = /*#__PURE__*/_interopDefault(MuiAlert);
85
+ var MuiAlertTitle__default = /*#__PURE__*/_interopDefault(MuiAlertTitle);
86
+ var MuiBackdrop__default = /*#__PURE__*/_interopDefault(MuiBackdrop);
87
+ var MuiDialog__default = /*#__PURE__*/_interopDefault(MuiDialog);
88
+ var MuiDialogTitle__default = /*#__PURE__*/_interopDefault(MuiDialogTitle);
89
+ var MuiDialogContent__default = /*#__PURE__*/_interopDefault(MuiDialogContent);
90
+ var MuiDialogActions__default = /*#__PURE__*/_interopDefault(MuiDialogActions);
91
+ var MuiDialogContentText__default = /*#__PURE__*/_interopDefault(MuiDialogContentText);
92
+ var MuiLinearProgress__default = /*#__PURE__*/_interopDefault(MuiLinearProgress);
93
+ var MuiCircularProgress__default = /*#__PURE__*/_interopDefault(MuiCircularProgress);
94
+ var MuiSkeleton__default = /*#__PURE__*/_interopDefault(MuiSkeleton);
95
+ var MuiSnackbar__default = /*#__PURE__*/_interopDefault(MuiSnackbar);
96
+
97
+ // src/provider/ForestProvider.tsx
98
+
99
+ // src/theme/tokens.ts
100
+ var colors = {
101
+ base: {
102
+ white: "#ffffff",
103
+ black: "#000000",
104
+ transparent: "#ffffff00"
105
+ },
106
+ brand: {
107
+ 25: "#fcfaff",
108
+ 50: "#f9f5ff",
109
+ 100: "#f4ebff",
110
+ 200: "#e9d7fe",
111
+ 300: "#d6bbfb",
112
+ 400: "#b692f6",
113
+ 500: "#9e77ed",
114
+ 600: "#7f56d9",
115
+ 700: "#6941c6",
116
+ 800: "#53389e",
117
+ 900: "#42307d",
118
+ 950: "#2c1c5f"
119
+ },
120
+ gray: {
121
+ 25: "#fcfcfd",
122
+ 50: "#f9fafb",
123
+ 100: "#f2f4f7",
124
+ 200: "#eaecf0",
125
+ 300: "#d0d5dd",
126
+ 400: "#98a2b3",
127
+ 500: "#667085",
128
+ 600: "#475467",
129
+ 700: "#344054",
130
+ 800: "#182230",
131
+ 900: "#101828",
132
+ 950: "#0c111d"
133
+ },
134
+ error: {
135
+ 25: "#fffbfa",
136
+ 50: "#fef3f2",
137
+ 100: "#fee4e2",
138
+ 200: "#fecdca",
139
+ 300: "#fda29b",
140
+ 400: "#f97066",
141
+ 500: "#f04438",
142
+ 600: "#d92d20",
143
+ 700: "#b42318",
144
+ 800: "#912018",
145
+ 900: "#7a271a",
146
+ 950: "#55160c"
147
+ },
148
+ warning: {
149
+ 25: "#fffcf5",
150
+ 50: "#fffaeb",
151
+ 100: "#fef0c7",
152
+ 200: "#fedf89",
153
+ 300: "#fec84b",
154
+ 400: "#fdb022",
155
+ 500: "#f79009",
156
+ 600: "#dc6803",
157
+ 700: "#b54708",
158
+ 800: "#93370d",
159
+ 900: "#7a2e0e",
160
+ 950: "#4e1d09"
161
+ },
162
+ success: {
163
+ 25: "#f6fef9",
164
+ 50: "#ecfdf3",
165
+ 100: "#dcfae6",
166
+ 200: "#abefc6",
167
+ 300: "#75e0a7",
168
+ 400: "#47cd89",
169
+ 500: "#17b26a",
170
+ 600: "#079455",
171
+ 700: "#067647",
172
+ 800: "#085d3a",
173
+ 900: "#074d31",
174
+ 950: "#053321"
175
+ },
176
+ blue: {
177
+ 25: "#f5faff",
178
+ 50: "#eff8ff",
179
+ 100: "#d1e9ff",
180
+ 200: "#b2ddff",
181
+ 300: "#84caff",
182
+ 400: "#53b1fd",
183
+ 500: "#2e90fa",
184
+ 600: "#1570ef",
185
+ 700: "#175cd3",
186
+ 800: "#1849a9",
187
+ 900: "#194185",
188
+ 950: "#102a56"
189
+ }
190
+ };
191
+ var spacing = {
192
+ none: 0,
193
+ xxs: 2,
194
+ xs: 4,
195
+ sm: 6,
196
+ md: 8,
197
+ lg: 12,
198
+ xl: 16,
199
+ "2xl": 20,
200
+ "3xl": 24,
201
+ "4xl": 32,
202
+ "5xl": 40,
203
+ "6xl": 48,
204
+ "7xl": 64,
205
+ "8xl": 80,
206
+ "9xl": 96,
207
+ "10xl": 128,
208
+ "11xl": 160
209
+ };
210
+ var radius = {
211
+ none: 0,
212
+ xxs: 2,
213
+ xs: 4,
214
+ sm: 6,
215
+ md: 8,
216
+ lg: 10,
217
+ xl: 12,
218
+ "2xl": 16,
219
+ "3xl": 20,
220
+ "4xl": 24,
221
+ full: 9999
222
+ };
223
+ var shadows = {
224
+ xs: "0px 1px 2px 0px #1018280d",
225
+ sm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f",
226
+ md: "0px 4px 8px -2px #1018281a, 0px 2px 4px -2px #1018280f",
227
+ lg: "0px 12px 16px -4px #10182814, 0px 4px 6px -2px #10182808",
228
+ xl: "0px 20px 24px -4px #10182814, 0px 8px 8px -4px #10182808",
229
+ "2xl": "0px 24px 48px -12px #1018282e",
230
+ "3xl": "0px 32px 64px -12px #10182824"
231
+ };
232
+ var focusRings = {
233
+ brand: "0px 0px 0px 4px #9e77ed3d",
234
+ brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #9e77ed3d",
235
+ brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #9e77ed3d",
236
+ gray: "0px 0px 0px 4px #98a2b324",
237
+ grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #98a2b324",
238
+ grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #98a2b324",
239
+ error: "0px 0px 0px 4px #f044383d",
240
+ errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d"
241
+ };
242
+ var fontFamily = '"Poppins", sans-serif';
243
+ var fontSize = {
244
+ xxs: 11,
245
+ xs: 12,
246
+ sm: 14,
247
+ md: 16,
248
+ lg: 18,
249
+ xl: 20
250
+ };
251
+ var lineHeight = {
252
+ xxs: "16px",
253
+ xs: "18px",
254
+ sm: "20px",
255
+ md: "24px",
256
+ lg: "28px",
257
+ xl: "30px"
258
+ };
259
+ var fontWeight = {
260
+ regular: 400,
261
+ medium: 500,
262
+ semibold: 600,
263
+ bold: 700
264
+ };
265
+ var display = {
266
+ "2xl": { fontSize: 72, lineHeight: "90px", letterSpacing: "-0.02em" },
267
+ xl: { fontSize: 60, lineHeight: "72px", letterSpacing: "-0.02em" },
268
+ lg: { fontSize: 48, lineHeight: "60px", letterSpacing: "-0.02em" },
269
+ md: { fontSize: 36, lineHeight: "44px", letterSpacing: "-0.02em" },
270
+ sm: { fontSize: 30, lineHeight: "38px" },
271
+ xs: { fontSize: 24, lineHeight: "32px" }
272
+ };
273
+ var container = {
274
+ maxWidthDesktop: 1280,
275
+ paddingDesktop: 32,
276
+ paddingMobile: 16
277
+ };
278
+ var widths = {
279
+ xxs: 320,
280
+ xs: 384,
281
+ sm: 480,
282
+ md: 560,
283
+ lg: 640,
284
+ xl: 768,
285
+ "2xl": 1024,
286
+ "3xl": 1280,
287
+ "4xl": 1440,
288
+ "5xl": 1600,
289
+ "6xl": 1920
290
+ };
291
+
292
+ // src/theme/palette.ts
293
+ var palette = {
294
+ primary: {
295
+ main: colors.brand[600],
296
+ light: colors.brand[400],
297
+ dark: colors.brand[700],
298
+ contrastText: colors.base.white
299
+ },
300
+ secondary: {
301
+ main: colors.gray[600],
302
+ light: colors.gray[400],
303
+ dark: colors.gray[700],
304
+ contrastText: colors.base.white
305
+ },
306
+ error: {
307
+ main: colors.error[600],
308
+ light: colors.error[300],
309
+ dark: colors.error[700],
310
+ contrastText: colors.base.white
311
+ },
312
+ warning: {
313
+ main: colors.warning[600],
314
+ light: colors.warning[300],
315
+ dark: colors.warning[700],
316
+ contrastText: colors.base.white
317
+ },
318
+ success: {
319
+ main: colors.success[600],
320
+ light: colors.success[300],
321
+ dark: colors.success[700],
322
+ contrastText: colors.base.white
323
+ },
324
+ info: {
325
+ main: colors.blue[600],
326
+ light: colors.blue[300],
327
+ dark: colors.blue[700],
328
+ contrastText: colors.base.white
329
+ },
330
+ background: {
331
+ default: colors.base.white,
332
+ paper: colors.base.white
333
+ },
334
+ text: {
335
+ primary: colors.gray[900],
336
+ secondary: colors.gray[700],
337
+ disabled: colors.gray[500]
338
+ },
339
+ divider: colors.gray[200],
340
+ action: {
341
+ active: colors.gray[600],
342
+ hover: colors.gray[50],
343
+ selected: colors.brand[50],
344
+ disabled: colors.gray[400],
345
+ disabledBackground: colors.gray[100]
346
+ }
347
+ };
348
+
349
+ // src/theme/typography.ts
350
+ var typography = {
351
+ fontFamily,
352
+ fontWeightRegular: fontWeight.regular,
353
+ fontWeightMedium: fontWeight.medium,
354
+ fontWeightBold: fontWeight.bold,
355
+ // Display styles → MUI headings
356
+ h1: {
357
+ fontSize: display.xl.fontSize,
358
+ lineHeight: display.xl.lineHeight,
359
+ letterSpacing: display.xl.letterSpacing,
360
+ fontWeight: fontWeight.semibold
361
+ },
362
+ h2: {
363
+ fontSize: display.lg.fontSize,
364
+ lineHeight: display.lg.lineHeight,
365
+ letterSpacing: display.lg.letterSpacing,
366
+ fontWeight: fontWeight.semibold
367
+ },
368
+ h3: {
369
+ fontSize: display.md.fontSize,
370
+ lineHeight: display.md.lineHeight,
371
+ letterSpacing: display.md.letterSpacing,
372
+ fontWeight: fontWeight.semibold
373
+ },
374
+ h4: {
375
+ fontSize: display.sm.fontSize,
376
+ lineHeight: display.sm.lineHeight,
377
+ fontWeight: fontWeight.semibold
378
+ },
379
+ h5: {
380
+ fontSize: display.xs.fontSize,
381
+ lineHeight: display.xs.lineHeight,
382
+ fontWeight: fontWeight.semibold
383
+ },
384
+ h6: {
385
+ fontSize: fontSize.xl,
386
+ lineHeight: lineHeight.xl,
387
+ fontWeight: fontWeight.semibold
388
+ },
389
+ subtitle1: {
390
+ fontSize: fontSize.lg,
391
+ lineHeight: lineHeight.lg,
392
+ fontWeight: fontWeight.medium
393
+ },
394
+ subtitle2: {
395
+ fontSize: fontSize.md,
396
+ lineHeight: lineHeight.md,
397
+ fontWeight: fontWeight.medium
398
+ },
399
+ body1: {
400
+ fontSize: fontSize.md,
401
+ lineHeight: lineHeight.md,
402
+ fontWeight: fontWeight.regular
403
+ },
404
+ body2: {
405
+ fontSize: fontSize.sm,
406
+ lineHeight: lineHeight.sm,
407
+ fontWeight: fontWeight.regular
408
+ },
409
+ caption: {
410
+ fontSize: fontSize.xs,
411
+ lineHeight: lineHeight.xs,
412
+ fontWeight: fontWeight.regular
413
+ },
414
+ overline: {
415
+ fontSize: fontSize.xxs,
416
+ lineHeight: lineHeight.xxs,
417
+ fontWeight: fontWeight.medium,
418
+ textTransform: "uppercase",
419
+ letterSpacing: "0.08em"
420
+ },
421
+ button: {
422
+ fontSize: fontSize.sm,
423
+ lineHeight: lineHeight.sm,
424
+ fontWeight: fontWeight.semibold,
425
+ textTransform: "none"
426
+ }
427
+ };
428
+
429
+ // src/theme/components.ts
430
+ var components = {
431
+ // ─── Button ─────────────────────────────────────────────────────
432
+ MuiButton: {
433
+ defaultProps: {
434
+ disableElevation: true
435
+ },
436
+ styleOverrides: {
437
+ root: {
438
+ borderRadius: radius.md,
439
+ fontWeight: 600,
440
+ "&:focus-visible": {
441
+ boxShadow: focusRings.brandShadowXs
442
+ }
443
+ },
444
+ sizeLarge: {
445
+ padding: "12px 20px",
446
+ fontSize: 16,
447
+ lineHeight: "24px"
448
+ },
449
+ sizeMedium: {
450
+ padding: "10px 16px",
451
+ fontSize: 14,
452
+ lineHeight: "20px"
453
+ },
454
+ sizeSmall: {
455
+ padding: "8px 14px",
456
+ fontSize: 14,
457
+ lineHeight: "20px"
458
+ },
459
+ containedPrimary: {
460
+ backgroundColor: colors.brand[600],
461
+ "&:hover": {
462
+ backgroundColor: colors.brand[700]
463
+ }
464
+ },
465
+ outlinedPrimary: {
466
+ borderColor: colors.brand[300],
467
+ color: colors.brand[700],
468
+ "&:hover": {
469
+ backgroundColor: colors.brand[50],
470
+ borderColor: colors.brand[300]
471
+ }
472
+ },
473
+ textPrimary: {
474
+ color: colors.brand[700],
475
+ "&:hover": {
476
+ backgroundColor: colors.brand[50]
477
+ }
478
+ }
479
+ }
480
+ },
481
+ // ─── Button Group ───────────────────────────────────────────────
482
+ MuiButtonGroup: {
483
+ defaultProps: {
484
+ disableElevation: true
485
+ },
486
+ styleOverrides: {
487
+ root: {
488
+ borderRadius: radius.md
489
+ },
490
+ grouped: {
491
+ "&:not(:last-of-type)": {
492
+ borderRight: `1px solid ${colors.brand[700]}`
493
+ }
494
+ }
495
+ }
496
+ },
497
+ // ─── FAB ────────────────────────────────────────────────────────
498
+ MuiFab: {
499
+ styleOverrides: {
500
+ root: {
501
+ boxShadow: shadows.md,
502
+ "&:hover": {
503
+ boxShadow: shadows.lg
504
+ },
505
+ "&:focus-visible": {
506
+ boxShadow: focusRings.brandShadowSm
507
+ }
508
+ },
509
+ primary: {
510
+ backgroundColor: colors.brand[600],
511
+ "&:hover": {
512
+ backgroundColor: colors.brand[700]
513
+ }
514
+ }
515
+ }
516
+ },
517
+ // ─── TextField / Input ──────────────────────────────────────────
518
+ MuiTextField: {
519
+ defaultProps: {
520
+ variant: "outlined",
521
+ size: "small"
522
+ }
523
+ },
524
+ MuiOutlinedInput: {
525
+ styleOverrides: {
526
+ root: {
527
+ borderRadius: radius.md,
528
+ "&:hover .MuiOutlinedInput-notchedOutline": {
529
+ borderColor: colors.brand[300]
530
+ },
531
+ "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
532
+ borderColor: colors.brand[600],
533
+ borderWidth: 1,
534
+ boxShadow: focusRings.brand
535
+ },
536
+ "&.Mui-error .MuiOutlinedInput-notchedOutline": {
537
+ borderColor: colors.error[300]
538
+ },
539
+ "&.Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline": {
540
+ borderColor: colors.error[600],
541
+ boxShadow: focusRings.error
542
+ }
543
+ },
544
+ notchedOutline: {
545
+ borderColor: colors.gray[300]
546
+ },
547
+ input: {
548
+ padding: "10px 14px",
549
+ fontSize: 16,
550
+ lineHeight: "24px",
551
+ "&::placeholder": {
552
+ color: colors.gray[500],
553
+ opacity: 1
554
+ }
555
+ },
556
+ inputSizeSmall: {
557
+ padding: "8px 12px",
558
+ fontSize: 14,
559
+ lineHeight: "20px"
560
+ }
561
+ }
562
+ },
563
+ MuiInputLabel: {
564
+ styleOverrides: {
565
+ root: {
566
+ fontSize: 14,
567
+ fontWeight: 500,
568
+ color: colors.gray[700],
569
+ "&.Mui-focused": {
570
+ color: colors.gray[700]
571
+ },
572
+ "&.Mui-error": {
573
+ color: colors.error[600]
574
+ }
575
+ }
576
+ }
577
+ },
578
+ MuiFormHelperText: {
579
+ styleOverrides: {
580
+ root: {
581
+ fontSize: 14,
582
+ lineHeight: "20px",
583
+ marginTop: 6,
584
+ marginLeft: 0,
585
+ "&.Mui-error": {
586
+ color: colors.error[600]
587
+ }
588
+ }
589
+ }
590
+ },
591
+ // ─── Select ─────────────────────────────────────────────────────
592
+ MuiSelect: {
593
+ defaultProps: {
594
+ size: "small"
595
+ },
596
+ styleOverrides: {
597
+ icon: {
598
+ color: colors.gray[500]
599
+ }
600
+ }
601
+ },
602
+ // ─── Autocomplete ───────────────────────────────────────────────
603
+ MuiAutocomplete: {
604
+ styleOverrides: {
605
+ paper: {
606
+ borderRadius: radius.md,
607
+ boxShadow: shadows.lg,
608
+ border: `1px solid ${colors.gray[200]}`,
609
+ marginTop: 4
610
+ },
611
+ option: {
612
+ fontSize: 16,
613
+ lineHeight: "24px",
614
+ padding: "10px 14px",
615
+ "&.Mui-focused": {
616
+ backgroundColor: colors.gray[50]
617
+ },
618
+ '&[aria-selected="true"]': {
619
+ backgroundColor: colors.brand[50]
620
+ }
621
+ },
622
+ listbox: {
623
+ padding: 4
624
+ }
625
+ }
626
+ },
627
+ // ─── Checkbox ───────────────────────────────────────────────────
628
+ MuiCheckbox: {
629
+ defaultProps: {
630
+ disableRipple: true
631
+ },
632
+ styleOverrides: {
633
+ root: {
634
+ color: colors.gray[300],
635
+ borderRadius: radius.xs,
636
+ padding: 0,
637
+ width: 20,
638
+ height: 20,
639
+ "&:hover": {
640
+ backgroundColor: "transparent",
641
+ color: colors.brand[600]
642
+ },
643
+ "&.Mui-checked": {
644
+ color: colors.brand[600]
645
+ },
646
+ "&.Mui-checked:hover": {
647
+ color: colors.brand[700]
648
+ },
649
+ "&.Mui-focusVisible": {
650
+ outline: "none",
651
+ boxShadow: focusRings.brand,
652
+ borderRadius: radius.xs
653
+ },
654
+ "&.Mui-disabled": {
655
+ color: colors.gray[300]
656
+ }
657
+ }
658
+ }
659
+ },
660
+ // ─── Radio ──────────────────────────────────────────────────────
661
+ MuiRadio: {
662
+ defaultProps: {
663
+ disableRipple: true
664
+ },
665
+ styleOverrides: {
666
+ root: {
667
+ color: colors.gray[300],
668
+ padding: 0,
669
+ "&:hover": {
670
+ backgroundColor: "transparent",
671
+ color: colors.brand[600]
672
+ },
673
+ "&.Mui-checked": {
674
+ color: colors.brand[600]
675
+ },
676
+ "&.Mui-checked:hover": {
677
+ color: colors.brand[700]
678
+ },
679
+ "&.Mui-focusVisible": {
680
+ outline: "none",
681
+ boxShadow: focusRings.brand,
682
+ borderRadius: radius.full
683
+ },
684
+ "&.Mui-disabled": {
685
+ color: colors.gray[300]
686
+ }
687
+ }
688
+ }
689
+ },
690
+ // ─── Switch ─────────────────────────────────────────────────────
691
+ MuiSwitch: {
692
+ defaultProps: {
693
+ disableRipple: true
694
+ },
695
+ styleOverrides: {
696
+ root: {
697
+ width: 44,
698
+ height: 24,
699
+ padding: 0
700
+ },
701
+ switchBase: {
702
+ padding: 2,
703
+ "&.Mui-checked": {
704
+ transform: "translateX(20px)",
705
+ color: colors.base.white,
706
+ "& + .MuiSwitch-track": {
707
+ backgroundColor: colors.brand[600],
708
+ opacity: 1
709
+ }
710
+ },
711
+ "&.Mui-checked:hover + .MuiSwitch-track": {
712
+ backgroundColor: colors.brand[700]
713
+ },
714
+ "&.Mui-focusVisible .MuiSwitch-thumb": {
715
+ boxShadow: focusRings.brand
716
+ },
717
+ "&.Mui-disabled .MuiSwitch-thumb": {
718
+ color: colors.gray[100]
719
+ },
720
+ "&.Mui-disabled + .MuiSwitch-track": {
721
+ opacity: 0.5
722
+ }
723
+ },
724
+ thumb: {
725
+ width: 20,
726
+ height: 20,
727
+ boxShadow: "0px 1px 2px 0px #1018280d"
728
+ },
729
+ track: {
730
+ borderRadius: radius.full,
731
+ backgroundColor: colors.gray[200],
732
+ opacity: 1
733
+ }
734
+ }
735
+ },
736
+ // ─── Toggle Button ─────────────────────────────────────────────
737
+ MuiToggleButton: {
738
+ styleOverrides: {
739
+ root: {
740
+ borderRadius: radius.md,
741
+ borderColor: colors.gray[300],
742
+ color: colors.gray[700],
743
+ fontSize: 14,
744
+ fontWeight: 600,
745
+ lineHeight: "20px",
746
+ padding: "8px 14px",
747
+ textTransform: "none",
748
+ "&:hover": {
749
+ backgroundColor: colors.gray[50]
750
+ },
751
+ "&.Mui-selected": {
752
+ backgroundColor: colors.brand[50],
753
+ color: colors.brand[700],
754
+ borderColor: colors.brand[300],
755
+ "&:hover": {
756
+ backgroundColor: colors.brand[100]
757
+ }
758
+ },
759
+ "&:focus-visible": {
760
+ boxShadow: focusRings.brandShadowXs
761
+ }
762
+ }
763
+ }
764
+ },
765
+ MuiToggleButtonGroup: {
766
+ styleOverrides: {
767
+ root: {
768
+ borderRadius: radius.md
769
+ },
770
+ grouped: {
771
+ "&:not(:first-of-type)": {
772
+ borderRadius: radius.md,
773
+ marginLeft: -1
774
+ },
775
+ "&:first-of-type": {
776
+ borderRadius: radius.md
777
+ }
778
+ }
779
+ }
780
+ },
781
+ // ─── Card ───────────────────────────────────────────────────────
782
+ MuiCard: {
783
+ defaultProps: {
784
+ elevation: 0
785
+ },
786
+ styleOverrides: {
787
+ root: {
788
+ borderRadius: radius.xl,
789
+ border: `1px solid ${colors.gray[200]}`,
790
+ backgroundColor: colors.base.white,
791
+ overflow: "hidden"
792
+ }
793
+ }
794
+ },
795
+ MuiCardContent: {
796
+ styleOverrides: {
797
+ root: {
798
+ padding: "24px",
799
+ "&:last-child": {
800
+ paddingBottom: "24px"
801
+ }
802
+ }
803
+ }
804
+ },
805
+ MuiCardHeader: {
806
+ styleOverrides: {
807
+ root: {
808
+ padding: "24px 24px 0 24px"
809
+ },
810
+ title: {
811
+ fontSize: 18,
812
+ fontWeight: 600,
813
+ lineHeight: "28px"
814
+ },
815
+ subheader: {
816
+ fontSize: 14,
817
+ lineHeight: "20px",
818
+ marginTop: 4
819
+ },
820
+ action: {
821
+ marginTop: -4,
822
+ marginRight: -4
823
+ }
824
+ }
825
+ },
826
+ // ─── Paper ──────────────────────────────────────────────────────
827
+ MuiPaper: {
828
+ defaultProps: {
829
+ elevation: 0
830
+ },
831
+ styleOverrides: {
832
+ root: {
833
+ backgroundImage: "none"
834
+ },
835
+ rounded: {
836
+ borderRadius: radius.lg
837
+ },
838
+ elevation1: {
839
+ boxShadow: shadows.xs,
840
+ border: `1px solid ${colors.gray[200]}`
841
+ },
842
+ elevation2: {
843
+ boxShadow: shadows.sm,
844
+ border: `1px solid ${colors.gray[200]}`
845
+ },
846
+ elevation3: {
847
+ boxShadow: shadows.md,
848
+ border: `1px solid ${colors.gray[200]}`
849
+ },
850
+ elevation4: {
851
+ boxShadow: shadows.lg,
852
+ border: `1px solid ${colors.gray[200]}`
853
+ },
854
+ elevation8: {
855
+ boxShadow: shadows.xl,
856
+ border: `1px solid ${colors.gray[200]}`
857
+ },
858
+ elevation16: {
859
+ boxShadow: shadows["2xl"],
860
+ border: `1px solid ${colors.gray[200]}`
861
+ },
862
+ elevation24: {
863
+ boxShadow: shadows["3xl"],
864
+ border: `1px solid ${colors.gray[200]}`
865
+ }
866
+ }
867
+ },
868
+ // ─── Accordion ──────────────────────────────────────────────────
869
+ MuiAccordion: {
870
+ defaultProps: {
871
+ disableGutters: true,
872
+ elevation: 0
873
+ },
874
+ styleOverrides: {
875
+ root: {
876
+ border: `1px solid ${colors.gray[200]}`,
877
+ borderRadius: radius.lg,
878
+ "&:not(:last-child)": {
879
+ marginBottom: 8
880
+ },
881
+ "&:before": {
882
+ display: "none"
883
+ },
884
+ "&.Mui-expanded": {
885
+ margin: 0,
886
+ marginBottom: 8,
887
+ borderRadius: radius.lg
888
+ }
889
+ }
890
+ }
891
+ },
892
+ MuiAccordionSummary: {
893
+ styleOverrides: {
894
+ root: {
895
+ padding: "0 24px",
896
+ minHeight: 56,
897
+ "&.Mui-expanded": {
898
+ minHeight: 56,
899
+ borderBottom: `1px solid ${colors.gray[200]}`
900
+ }
901
+ },
902
+ content: {
903
+ margin: "12px 0",
904
+ "&.Mui-expanded": {
905
+ margin: "12px 0"
906
+ }
907
+ }
908
+ }
909
+ },
910
+ MuiAccordionDetails: {
911
+ styleOverrides: {
912
+ root: {
913
+ padding: "24px"
914
+ }
915
+ }
916
+ },
917
+ // ─── AppBar ─────────────────────────────────────────────────────
918
+ MuiAppBar: {
919
+ defaultProps: {
920
+ elevation: 0,
921
+ color: "transparent"
922
+ },
923
+ styleOverrides: {
924
+ root: {
925
+ borderBottom: `1px solid ${colors.gray[200]}`,
926
+ backgroundColor: colors.base.white
927
+ }
928
+ }
929
+ },
930
+ MuiToolbar: {
931
+ styleOverrides: {
932
+ root: {
933
+ minHeight: 64,
934
+ "@media (min-width: 600px)": {
935
+ minHeight: 64
936
+ }
937
+ },
938
+ dense: {
939
+ minHeight: 48,
940
+ "@media (min-width: 600px)": {
941
+ minHeight: 48
942
+ }
943
+ }
944
+ }
945
+ },
946
+ // ─── Chip ───────────────────────────────────────────────────────
947
+ MuiChip: {
948
+ styleOverrides: {
949
+ root: {
950
+ borderRadius: radius.md,
951
+ fontWeight: 500,
952
+ fontSize: 14
953
+ }
954
+ }
955
+ },
956
+ // ─── Form Control / Label ───────────────────────────────────────
957
+ MuiFormControlLabel: {
958
+ styleOverrides: {
959
+ root: {
960
+ marginLeft: 0,
961
+ gap: 8
962
+ },
963
+ label: {
964
+ fontSize: 14,
965
+ lineHeight: "20px",
966
+ fontWeight: 500,
967
+ color: colors.gray[700]
968
+ }
969
+ }
970
+ },
971
+ // ─── Table ───────────────────────────────────────────────────────
972
+ MuiTable: {
973
+ styleOverrides: {
974
+ root: {
975
+ borderCollapse: "separate",
976
+ borderSpacing: 0
977
+ }
978
+ }
979
+ },
980
+ MuiTableCell: {
981
+ styleOverrides: {
982
+ root: {
983
+ borderBottom: `1px solid ${colors.gray[200]}`,
984
+ padding: "16px 24px",
985
+ fontSize: 14,
986
+ lineHeight: "20px",
987
+ color: colors.gray[600]
988
+ },
989
+ head: {
990
+ backgroundColor: colors.gray[50],
991
+ color: colors.gray[600],
992
+ fontWeight: 500,
993
+ fontSize: 12,
994
+ lineHeight: "18px"
995
+ },
996
+ body: {
997
+ color: colors.gray[600]
998
+ }
999
+ }
1000
+ },
1001
+ MuiTableHead: {
1002
+ styleOverrides: {
1003
+ root: {
1004
+ backgroundColor: colors.gray[50],
1005
+ borderBottom: `1px solid ${colors.gray[200]}`
1006
+ }
1007
+ }
1008
+ },
1009
+ MuiTableRow: {
1010
+ styleOverrides: {
1011
+ root: {
1012
+ "&:last-child td, &:last-child th": {
1013
+ border: 0
1014
+ },
1015
+ "&:hover": {
1016
+ backgroundColor: colors.gray[50]
1017
+ },
1018
+ "&.Mui-selected": {
1019
+ backgroundColor: colors.brand[50],
1020
+ "&:hover": {
1021
+ backgroundColor: colors.brand[50]
1022
+ }
1023
+ }
1024
+ }
1025
+ }
1026
+ },
1027
+ MuiTableContainer: {
1028
+ styleOverrides: {
1029
+ root: {
1030
+ borderRadius: radius.xl,
1031
+ border: `1px solid ${colors.gray[200]}`,
1032
+ boxShadow: "none"
1033
+ }
1034
+ }
1035
+ },
1036
+ // ─── Badge ──────────────────────────────────────────────────────
1037
+ MuiBadge: {
1038
+ styleOverrides: {
1039
+ standard: {
1040
+ fontWeight: 500,
1041
+ fontSize: 12,
1042
+ lineHeight: "18px",
1043
+ minWidth: 20,
1044
+ height: 20,
1045
+ borderRadius: radius.full
1046
+ },
1047
+ colorPrimary: {
1048
+ backgroundColor: colors.brand[600]
1049
+ },
1050
+ colorError: {
1051
+ backgroundColor: colors.error[600]
1052
+ },
1053
+ colorSuccess: {
1054
+ backgroundColor: colors.success[600]
1055
+ },
1056
+ colorWarning: {
1057
+ backgroundColor: colors.warning[600]
1058
+ },
1059
+ dot: {
1060
+ minWidth: 8,
1061
+ height: 8,
1062
+ borderRadius: radius.full
1063
+ }
1064
+ }
1065
+ },
1066
+ // ─── Divider ────────────────────────────────────────────────────
1067
+ MuiDivider: {
1068
+ styleOverrides: {
1069
+ root: {
1070
+ borderColor: colors.gray[200]
1071
+ }
1072
+ }
1073
+ },
1074
+ // ─── List ───────────────────────────────────────────────────────
1075
+ MuiList: {
1076
+ styleOverrides: {
1077
+ root: {
1078
+ padding: 4
1079
+ }
1080
+ }
1081
+ },
1082
+ MuiListItemButton: {
1083
+ styleOverrides: {
1084
+ root: {
1085
+ borderRadius: radius.sm,
1086
+ padding: "8px 12px",
1087
+ "&:hover": {
1088
+ backgroundColor: colors.gray[50]
1089
+ },
1090
+ "&.Mui-selected": {
1091
+ backgroundColor: colors.brand[50],
1092
+ color: colors.brand[700],
1093
+ "&:hover": {
1094
+ backgroundColor: colors.brand[100]
1095
+ }
1096
+ }
1097
+ }
1098
+ }
1099
+ },
1100
+ MuiListItemIcon: {
1101
+ styleOverrides: {
1102
+ root: {
1103
+ minWidth: 36,
1104
+ color: colors.gray[500]
1105
+ }
1106
+ }
1107
+ },
1108
+ MuiListItemText: {
1109
+ styleOverrides: {
1110
+ primary: {
1111
+ fontSize: 14,
1112
+ lineHeight: "20px",
1113
+ fontWeight: 500,
1114
+ color: colors.gray[700]
1115
+ },
1116
+ secondary: {
1117
+ fontSize: 14,
1118
+ lineHeight: "20px",
1119
+ color: colors.gray[500]
1120
+ }
1121
+ }
1122
+ },
1123
+ // ─── Tooltip ────────────────────────────────────────────────────
1124
+ MuiTooltip: {
1125
+ styleOverrides: {
1126
+ tooltip: {
1127
+ backgroundColor: colors.gray[900],
1128
+ color: colors.base.white,
1129
+ fontSize: 12,
1130
+ lineHeight: "18px",
1131
+ fontWeight: 600,
1132
+ padding: "8px 12px",
1133
+ borderRadius: radius.md,
1134
+ boxShadow: shadows.lg
1135
+ },
1136
+ arrow: {
1137
+ color: colors.gray[900]
1138
+ }
1139
+ }
1140
+ },
1141
+ // ─── Alert ──────────────────────────────────────────────────────
1142
+ MuiAlert: {
1143
+ defaultProps: {
1144
+ variant: "standard"
1145
+ },
1146
+ styleOverrides: {
1147
+ root: {
1148
+ borderRadius: radius.xl,
1149
+ fontSize: 14,
1150
+ lineHeight: "20px",
1151
+ padding: "12px 16px"
1152
+ },
1153
+ standardError: {
1154
+ backgroundColor: colors.error[50],
1155
+ color: colors.error[700],
1156
+ border: `1px solid ${colors.error[300]}`,
1157
+ "& .MuiAlert-icon": {
1158
+ color: colors.error[600]
1159
+ }
1160
+ },
1161
+ standardWarning: {
1162
+ backgroundColor: colors.warning[50],
1163
+ color: colors.warning[700],
1164
+ border: `1px solid ${colors.warning[300]}`,
1165
+ "& .MuiAlert-icon": {
1166
+ color: colors.warning[600]
1167
+ }
1168
+ },
1169
+ standardSuccess: {
1170
+ backgroundColor: colors.success[50],
1171
+ color: colors.success[700],
1172
+ border: `1px solid ${colors.success[300]}`,
1173
+ "& .MuiAlert-icon": {
1174
+ color: colors.success[600]
1175
+ }
1176
+ },
1177
+ standardInfo: {
1178
+ backgroundColor: colors.blue[50],
1179
+ color: colors.blue[700],
1180
+ border: `1px solid ${colors.blue[300]}`,
1181
+ "& .MuiAlert-icon": {
1182
+ color: colors.blue[600]
1183
+ }
1184
+ },
1185
+ icon: {
1186
+ padding: "2px 0"
1187
+ }
1188
+ }
1189
+ },
1190
+ MuiAlertTitle: {
1191
+ styleOverrides: {
1192
+ root: {
1193
+ fontWeight: 600,
1194
+ fontSize: 14,
1195
+ lineHeight: "20px",
1196
+ marginBottom: 4
1197
+ }
1198
+ }
1199
+ },
1200
+ // ─── Backdrop ───────────────────────────────────────────────────
1201
+ MuiBackdrop: {
1202
+ styleOverrides: {
1203
+ root: {
1204
+ backgroundColor: "rgba(16, 24, 40, 0.7)"
1205
+ }
1206
+ }
1207
+ },
1208
+ // ─── Dialog ─────────────────────────────────────────────────────
1209
+ MuiDialog: {
1210
+ styleOverrides: {
1211
+ paper: {
1212
+ borderRadius: radius.xl,
1213
+ boxShadow: shadows.xl,
1214
+ padding: 0
1215
+ }
1216
+ }
1217
+ },
1218
+ MuiDialogTitle: {
1219
+ styleOverrides: {
1220
+ root: {
1221
+ fontSize: 18,
1222
+ lineHeight: "28px",
1223
+ fontWeight: 600,
1224
+ color: colors.gray[900],
1225
+ padding: "24px 24px 0"
1226
+ }
1227
+ }
1228
+ },
1229
+ MuiDialogContent: {
1230
+ styleOverrides: {
1231
+ root: {
1232
+ padding: "20px 24px",
1233
+ fontSize: 14,
1234
+ lineHeight: "20px",
1235
+ color: colors.gray[600]
1236
+ }
1237
+ }
1238
+ },
1239
+ MuiDialogActions: {
1240
+ styleOverrides: {
1241
+ root: {
1242
+ padding: "0 24px 24px",
1243
+ gap: 12
1244
+ }
1245
+ }
1246
+ },
1247
+ // ─── Progress ───────────────────────────────────────────────────
1248
+ MuiLinearProgress: {
1249
+ styleOverrides: {
1250
+ root: {
1251
+ borderRadius: radius.full,
1252
+ height: 8,
1253
+ backgroundColor: colors.gray[200]
1254
+ },
1255
+ barColorPrimary: {
1256
+ backgroundColor: colors.brand[600],
1257
+ borderRadius: radius.full
1258
+ },
1259
+ barColorSecondary: {
1260
+ backgroundColor: colors.gray[600],
1261
+ borderRadius: radius.full
1262
+ }
1263
+ }
1264
+ },
1265
+ MuiCircularProgress: {
1266
+ styleOverrides: {
1267
+ colorPrimary: {
1268
+ color: colors.brand[600]
1269
+ },
1270
+ colorSecondary: {
1271
+ color: colors.gray[600]
1272
+ }
1273
+ }
1274
+ },
1275
+ // ─── Skeleton ───────────────────────────────────────────────────
1276
+ MuiSkeleton: {
1277
+ defaultProps: {
1278
+ animation: "wave"
1279
+ },
1280
+ styleOverrides: {
1281
+ root: {
1282
+ backgroundColor: colors.gray[100]
1283
+ },
1284
+ rounded: {
1285
+ borderRadius: radius.md
1286
+ },
1287
+ circular: {
1288
+ borderRadius: radius.full
1289
+ }
1290
+ }
1291
+ },
1292
+ // ─── Snackbar ───────────────────────────────────────────────────
1293
+ MuiSnackbarContent: {
1294
+ styleOverrides: {
1295
+ root: {
1296
+ backgroundColor: colors.gray[900],
1297
+ color: colors.base.white,
1298
+ borderRadius: radius.xl,
1299
+ boxShadow: shadows.lg,
1300
+ fontSize: 14,
1301
+ lineHeight: "20px",
1302
+ fontWeight: 500,
1303
+ padding: "6px 16px"
1304
+ }
1305
+ }
1306
+ },
1307
+ // ─── Typography ─────────────────────────────────────────────────
1308
+ MuiTypography: {
1309
+ defaultProps: {
1310
+ variantMapping: {
1311
+ h1: "h1",
1312
+ h2: "h2",
1313
+ h3: "h3",
1314
+ h4: "h4",
1315
+ h5: "h5",
1316
+ h6: "h6",
1317
+ subtitle1: "p",
1318
+ subtitle2: "p",
1319
+ body1: "p",
1320
+ body2: "p",
1321
+ caption: "span",
1322
+ overline: "span"
1323
+ }
1324
+ }
1325
+ }
1326
+ };
1327
+
1328
+ // src/theme/shadows.ts
1329
+ var shadows2 = [
1330
+ "none",
1331
+ // 0
1332
+ shadows.xs,
1333
+ // 1
1334
+ shadows.sm,
1335
+ // 2
1336
+ shadows.sm,
1337
+ // 3
1338
+ shadows.md,
1339
+ // 4
1340
+ shadows.md,
1341
+ // 5
1342
+ shadows.md,
1343
+ // 6
1344
+ shadows.lg,
1345
+ // 7
1346
+ shadows.lg,
1347
+ // 8
1348
+ shadows.lg,
1349
+ // 9
1350
+ shadows.xl,
1351
+ // 10
1352
+ shadows.xl,
1353
+ // 11
1354
+ shadows.xl,
1355
+ // 12
1356
+ shadows["2xl"],
1357
+ // 13
1358
+ shadows["2xl"],
1359
+ // 14
1360
+ shadows["2xl"],
1361
+ // 15
1362
+ shadows["3xl"],
1363
+ // 16
1364
+ shadows["3xl"],
1365
+ // 17
1366
+ shadows["3xl"],
1367
+ // 18
1368
+ shadows["3xl"],
1369
+ // 19
1370
+ shadows["3xl"],
1371
+ // 20
1372
+ shadows["3xl"],
1373
+ // 21
1374
+ shadows["3xl"],
1375
+ // 22
1376
+ shadows["3xl"],
1377
+ // 23
1378
+ shadows["3xl"]
1379
+ // 24
1380
+ ];
1381
+
1382
+ // src/theme/index.ts
1383
+ var forestThemeOptions = {
1384
+ palette,
1385
+ typography,
1386
+ components,
1387
+ shadows: shadows2,
1388
+ shape: {
1389
+ borderRadius: 8
1390
+ }
1391
+ };
1392
+ var forestTheme = styles.createTheme(forestThemeOptions);
1393
+ function ForestProvider({
1394
+ children,
1395
+ theme = forestTheme,
1396
+ disableCssBaseline = false
1397
+ }) {
1398
+ return /* @__PURE__ */ jsxRuntime.jsxs(styles.ThemeProvider, { theme, children: [
1399
+ !disableCssBaseline && /* @__PURE__ */ jsxRuntime.jsx(CssBaseline__default.default, {}),
1400
+ children
1401
+ ] });
1402
+ }
1403
+ function Autocomplete(props) {
1404
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiAutocomplete__default.default, { ...props });
1405
+ }
1406
+ function Button(props) {
1407
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiButton__default.default, { variant: "contained", ...props });
1408
+ }
1409
+ function ButtonGroup(props) {
1410
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiButtonGroup__default.default, { variant: "contained", ...props });
1411
+ }
1412
+ function Checkbox(props) {
1413
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiCheckbox__default.default, { ...props });
1414
+ }
1415
+ function Fab(props) {
1416
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiFab__default.default, { color: "primary", ...props });
1417
+ }
1418
+ function RadioGroup(props) {
1419
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiRadioGroup__default.default, { ...props });
1420
+ }
1421
+ function Radio(props) {
1422
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiRadio__default.default, { ...props });
1423
+ }
1424
+ function Select(props) {
1425
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiSelect__default.default, { ...props });
1426
+ }
1427
+ function MenuItem(props) {
1428
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiMenuItem__default.default, { ...props });
1429
+ }
1430
+ function Switch(props) {
1431
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiSwitch__default.default, { ...props });
1432
+ }
1433
+ function TextField(props) {
1434
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTextField__default.default, { ...props });
1435
+ }
1436
+ function ToggleButton(props) {
1437
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiToggleButton__default.default, { ...props });
1438
+ }
1439
+ function ToggleButtonGroup(props) {
1440
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiToggleButtonGroup__default.default, { ...props });
1441
+ }
1442
+ function Badge(props) {
1443
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiBadge__default.default, { ...props });
1444
+ }
1445
+ function Chip(props) {
1446
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiChip__default.default, { ...props });
1447
+ }
1448
+ function Divider(props) {
1449
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiDivider__default.default, { ...props });
1450
+ }
1451
+ function List(props) {
1452
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiList__default.default, { ...props });
1453
+ }
1454
+ function ListItem(props) {
1455
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiListItem__default.default, { ...props });
1456
+ }
1457
+ function ListItemButton(props) {
1458
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiListItemButton__default.default, { ...props });
1459
+ }
1460
+ function ListItemIcon(props) {
1461
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiListItemIcon__default.default, { ...props });
1462
+ }
1463
+ function ListItemText(props) {
1464
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiListItemText__default.default, { ...props });
1465
+ }
1466
+ function ListItemAvatar(props) {
1467
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiListItemAvatar__default.default, { ...props });
1468
+ }
1469
+ function ListSubheader(props) {
1470
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiListSubheader__default.default, { ...props });
1471
+ }
1472
+ function Table(props) {
1473
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTable__default.default, { ...props });
1474
+ }
1475
+ function TableBody(props) {
1476
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTableBody__default.default, { ...props });
1477
+ }
1478
+ function TableCell(props) {
1479
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTableCell__default.default, { ...props });
1480
+ }
1481
+ function TableContainer(props) {
1482
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTableContainer__default.default, { ...props });
1483
+ }
1484
+ function TableHead(props) {
1485
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTableHead__default.default, { ...props });
1486
+ }
1487
+ function TableRow(props) {
1488
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTableRow__default.default, { ...props });
1489
+ }
1490
+ function Tooltip(props) {
1491
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTooltip__default.default, { arrow: true, ...props });
1492
+ }
1493
+ function Typography(props) {
1494
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiTypography__default.default, { ...props });
1495
+ }
1496
+ function Alert(props) {
1497
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiAlert__default.default, { ...props });
1498
+ }
1499
+ function AlertTitle(props) {
1500
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiAlertTitle__default.default, { ...props });
1501
+ }
1502
+ function Backdrop(props) {
1503
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiBackdrop__default.default, { ...props });
1504
+ }
1505
+ function Dialog(props) {
1506
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiDialog__default.default, { ...props });
1507
+ }
1508
+ function DialogTitle(props) {
1509
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiDialogTitle__default.default, { ...props });
1510
+ }
1511
+ function DialogContent(props) {
1512
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiDialogContent__default.default, { ...props });
1513
+ }
1514
+ function DialogActions(props) {
1515
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiDialogActions__default.default, { ...props });
1516
+ }
1517
+ function DialogContentText(props) {
1518
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiDialogContentText__default.default, { ...props });
1519
+ }
1520
+ function LinearProgress(props) {
1521
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiLinearProgress__default.default, { ...props });
1522
+ }
1523
+ function CircularProgress(props) {
1524
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiCircularProgress__default.default, { ...props });
1525
+ }
1526
+ function Skeleton(props) {
1527
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiSkeleton__default.default, { ...props });
1528
+ }
1529
+ function Snackbar(props) {
1530
+ return /* @__PURE__ */ jsxRuntime.jsx(MuiSnackbar__default.default, { ...props });
1531
+ }
1532
+
1533
+ exports.Alert = Alert;
1534
+ exports.AlertTitle = AlertTitle;
1535
+ exports.Autocomplete = Autocomplete;
1536
+ exports.Backdrop = Backdrop;
1537
+ exports.Badge = Badge;
1538
+ exports.Button = Button;
1539
+ exports.ButtonGroup = ButtonGroup;
1540
+ exports.Checkbox = Checkbox;
1541
+ exports.Chip = Chip;
1542
+ exports.CircularProgress = CircularProgress;
1543
+ exports.Dialog = Dialog;
1544
+ exports.DialogActions = DialogActions;
1545
+ exports.DialogContent = DialogContent;
1546
+ exports.DialogContentText = DialogContentText;
1547
+ exports.DialogTitle = DialogTitle;
1548
+ exports.Divider = Divider;
1549
+ exports.Fab = Fab;
1550
+ exports.ForestProvider = ForestProvider;
1551
+ exports.LinearProgress = LinearProgress;
1552
+ exports.List = List;
1553
+ exports.ListItem = ListItem;
1554
+ exports.ListItemAvatar = ListItemAvatar;
1555
+ exports.ListItemButton = ListItemButton;
1556
+ exports.ListItemIcon = ListItemIcon;
1557
+ exports.ListItemText = ListItemText;
1558
+ exports.ListSubheader = ListSubheader;
1559
+ exports.MenuItem = MenuItem;
1560
+ exports.Radio = Radio;
1561
+ exports.RadioGroup = RadioGroup;
1562
+ exports.Select = Select;
1563
+ exports.Skeleton = Skeleton;
1564
+ exports.Snackbar = Snackbar;
1565
+ exports.Switch = Switch;
1566
+ exports.Table = Table;
1567
+ exports.TableBody = TableBody;
1568
+ exports.TableCell = TableCell;
1569
+ exports.TableContainer = TableContainer;
1570
+ exports.TableHead = TableHead;
1571
+ exports.TableRow = TableRow;
1572
+ exports.TextField = TextField;
1573
+ exports.ToggleButton = ToggleButton;
1574
+ exports.ToggleButtonGroup = ToggleButtonGroup;
1575
+ exports.Tooltip = Tooltip;
1576
+ exports.Typography = Typography;
1577
+ exports.colors = colors;
1578
+ exports.container = container;
1579
+ exports.display = display;
1580
+ exports.focusRings = focusRings;
1581
+ exports.fontFamily = fontFamily;
1582
+ exports.fontSize = fontSize;
1583
+ exports.fontWeight = fontWeight;
1584
+ exports.forestTheme = forestTheme;
1585
+ exports.forestThemeOptions = forestThemeOptions;
1586
+ exports.lineHeight = lineHeight;
1587
+ exports.radius = radius;
1588
+ exports.spacing = spacing;
1589
+ exports.tokenShadows = shadows;
1590
+ exports.widths = widths;
1591
+ //# sourceMappingURL=index.js.map
1592
+ //# sourceMappingURL=index.js.map