bluconndesign 1.0.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.
@@ -0,0 +1,2262 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/theme/index.ts
31
+ var theme_exports = {};
32
+ __export(theme_exports, {
33
+ AccessTimeIcon: () => import_AccessTime.default,
34
+ AddIcon: () => import_Add.default,
35
+ AlarmIcon: () => import_Alarm.default,
36
+ ArticleOutlinedIcon: () => import_ArticleOutlined.default,
37
+ AssessmentOutlinedIcon: () => import_AssessmentOutlined.default,
38
+ AssignmentOutlinedIcon: () => import_AssignmentOutlined.default,
39
+ AttachFileIcon: () => import_AttachFile.default,
40
+ AutoAwesomeIcon: () => import_AutoAwesome.default,
41
+ BarChartIcon: () => import_BarChart.default,
42
+ BarChartOutlinedIcon: () => import_BarChartOutlined.default,
43
+ BoltIcon: () => import_Bolt.default,
44
+ BookmarkBorderIcon: () => import_BookmarkBorder.default,
45
+ CalendarTodayIcon: () => import_CalendarToday.default,
46
+ CalendarTodayOutlinedIcon: () => import_CalendarTodayOutlined.default,
47
+ CancelOutlinedIcon: () => import_CancelOutlined.default,
48
+ ChatBubbleOutlineIcon: () => import_ChatBubbleOutline.default,
49
+ CheckCircleIcon: () => import_CheckCircle.default,
50
+ CheckCircleOutlineIcon: () => import_CheckCircleOutline.default,
51
+ CheckCircleOutlinedIcon: () => import_CheckCircleOutlined.default,
52
+ CheckIcon: () => import_Check.default,
53
+ ChevronLeftIcon: () => import_ChevronLeft.default,
54
+ ChevronRightIcon: () => import_ChevronRight.default,
55
+ CircleIcon: () => import_Circle.default,
56
+ CloseIcon: () => import_Close.default,
57
+ CloudDownloadIcon: () => import_CloudDownload.default,
58
+ CloudUploadIcon: () => import_CloudUpload.default,
59
+ CloudUploadOutlinedIcon: () => import_CloudUploadOutlined.default,
60
+ ContentCopyIcon: () => import_ContentCopy.default,
61
+ CreateIcon: () => import_Create.default,
62
+ CreditCardIcon: () => import_CreditCard.default,
63
+ DashboardOutlinedIcon: () => import_DashboardOutlined.default,
64
+ DeleteIcon: () => import_Delete.default,
65
+ DeleteOutlineIcon: () => import_DeleteOutline.default,
66
+ DescriptionIcon: () => import_DescriptionOutlined.default,
67
+ DescriptionOutlinedIcon: () => import_DescriptionOutlined2.default,
68
+ DoneAllIcon: () => import_DoneAll.default,
69
+ DownloadIcon: () => import_Download.default,
70
+ EditIcon: () => import_Edit.default,
71
+ EmailIcon: () => import_Email.default,
72
+ ErrorOutlineIcon: () => import_ErrorOutline.default,
73
+ ErrorOutlinedIcon: () => import_ErrorOutlined.default,
74
+ FlashOnIcon: () => import_FlashOn.default,
75
+ FolderIcon: () => import_FolderOutlined.default,
76
+ FolderOutlinedIcon: () => import_FolderOutlined2.default,
77
+ FullscreenIcon: () => import_Fullscreen.default,
78
+ GitHubIcon: () => import_GitHub.default,
79
+ GroupAddOutlinedIcon: () => import_GroupAddOutlined.default,
80
+ HelpOutlineIcon: () => import_HelpOutline.default,
81
+ HomeOutlinedIcon: () => import_HomeOutlined.default,
82
+ ImageIcon: () => import_Image.default,
83
+ InfoOutlinedIcon: () => import_InfoOutlined.default,
84
+ InsertDriveFileOutlinedIcon: () => import_InsertDriveFileOutlined.default,
85
+ IntegrationInstructionsIcon: () => import_IntegrationInstructions.default,
86
+ KeyboardArrowDownIcon: () => import_KeyboardArrowDown.default,
87
+ KeyboardArrowRightIcon: () => import_KeyboardArrowRight.default,
88
+ KeyboardArrowUpIcon: () => import_KeyboardArrowUp.default,
89
+ LinkIcon: () => import_Link.default,
90
+ LinkedInIcon: () => import_LinkedIn.default,
91
+ LogoutOutlinedIcon: () => import_LogoutOutlined.default,
92
+ MailIcon: () => import_Mail.default,
93
+ MailOutlineIcon: () => import_MailOutline.default,
94
+ MenuIcon: () => import_Menu.default,
95
+ MicIcon: () => import_Mic.default,
96
+ MoreVertIcon: () => import_MoreVert.default,
97
+ NotificationsIcon: () => import_Notifications.default,
98
+ NotificationsOutlinedIcon: () => import_NotificationsOutlined.default,
99
+ OpenInNewIcon: () => import_OpenInNew.default,
100
+ PauseIcon: () => import_Pause.default,
101
+ PeopleOutlinedIcon: () => import_PeopleOutlined.default,
102
+ PersonIcon: () => import_Person.default,
103
+ PersonOutlineIcon: () => import_PersonOutline.default,
104
+ PlayArrowIcon: () => import_PlayArrow.default,
105
+ PublicIcon: () => import_Public.default,
106
+ RefreshIcon: () => import_Refresh.default,
107
+ SearchIcon: () => import_Search.default,
108
+ SendIcon: () => import_Send.default,
109
+ SettingsIcon: () => import_Settings.default,
110
+ SettingsOutlinedIcon: () => import_SettingsOutlined.default,
111
+ StarOutlineIcon: () => import_StarOutline.default,
112
+ TwitterIcon: () => import_Twitter.default,
113
+ UploadFileIcon: () => import_UploadFile.default,
114
+ VerifiedIcon: () => import_Verified.default,
115
+ VolumeUpIcon: () => import_VolumeUp.default,
116
+ WarningAmberIcon: () => import_WarningAmber.default,
117
+ WarningAmberOutlinedIcon: () => import_WarningAmberOutlined.default,
118
+ theme: () => theme,
119
+ tokens: () => tokens
120
+ });
121
+ module.exports = __toCommonJS(theme_exports);
122
+
123
+ // src/theme/theme.ts
124
+ var import_styles2 = require("@mui/material/styles");
125
+
126
+ // src/theme/types.ts
127
+ var import_styles = require("@mui/material/styles");
128
+
129
+ // src/tokens/tokens.json
130
+ var tokens_default = {
131
+ color: {
132
+ primary: {
133
+ "25": "#F2FDF6",
134
+ "50": "#D4F7E1",
135
+ "100": "#B5F2CC",
136
+ "200": "#97EDB8",
137
+ "300": "#78E8A1",
138
+ "400": "#5AE28C",
139
+ "500": "#3BDD77",
140
+ "600": "#1EAB52",
141
+ "700": "#1A9849",
142
+ "800": "#176B34",
143
+ "900": "#134C25",
144
+ "950": "#102D16"
145
+ },
146
+ base: {
147
+ white: "#FFFFFF",
148
+ black: "#000000",
149
+ transparent: "#FFFFFF 10%"
150
+ },
151
+ gray: {
152
+ "25": "#FDFDFD",
153
+ "50": "#FAFAFA",
154
+ "100": "#F5F5F5",
155
+ "200": "#E9EAEB",
156
+ "300": "#D5D7DA",
157
+ "400": "#A4A7AE",
158
+ "500": "#717680",
159
+ "600": "#535862",
160
+ "700": "#414651",
161
+ "800": "#252B37",
162
+ "900": "#181D27",
163
+ "950": "#0A0D12"
164
+ },
165
+ "gray-dark": {
166
+ "25": "#FAFAFA",
167
+ "50": "#F7F7F7",
168
+ "100": "#F0F0F1",
169
+ "200": "#ECECED",
170
+ "300": "#CECFD2",
171
+ "400": "#94979C",
172
+ "500": "#85888E",
173
+ "600": "#61656C",
174
+ "700": "#52565D",
175
+ "800": "#3E4248",
176
+ "900": "#24272C",
177
+ "950": "#1A1C1F"
178
+ },
179
+ error: {
180
+ "25": "#FFFBFA",
181
+ "50": "#FEF3F2",
182
+ "100": "#FEE4E2",
183
+ "200": "#FECDCA",
184
+ "300": "#FDA29B",
185
+ "400": "#F97066",
186
+ "500": "#F04438",
187
+ "600": "#D92D20",
188
+ "700": "#B42318",
189
+ "800": "#912018",
190
+ "900": "#7A271A",
191
+ "950": "#55160C"
192
+ },
193
+ success: {
194
+ "25": "#F6FEF9",
195
+ "50": "#ECFDF3",
196
+ "100": "#DCFAE6",
197
+ "200": "#ABEFC6",
198
+ "300": "#75E0A7",
199
+ "400": "#47CD89",
200
+ "500": "#17B26A",
201
+ "600": "#079455",
202
+ "700": "#067647",
203
+ "800": "#085D3A",
204
+ "900": "#074D31",
205
+ "950": "#053321"
206
+ },
207
+ warning: {
208
+ "25": "#FFFCF5",
209
+ "50": "#FFFAEB",
210
+ "100": "#FEF0C7",
211
+ "200": "#FEDF89",
212
+ "300": "#FEC84B",
213
+ "400": "#FDB022",
214
+ "500": "#F79009",
215
+ "600": "#DC6803",
216
+ "700": "#B54708",
217
+ "800": "#93370D",
218
+ "900": "#7A2E0E",
219
+ "950": "#4E1D09"
220
+ },
221
+ secondary: {
222
+ "25": "#FDFDFD",
223
+ "50": "#F4F4F4",
224
+ "100": "#F1F1F1",
225
+ "200": "#E9EAEE",
226
+ "300": "#D5D7DA",
227
+ "400": "#A4A7AE",
228
+ "500": "#717680",
229
+ "600": "#535862",
230
+ "700": "#414651",
231
+ "800": "#252B37",
232
+ "900": "#181D27",
233
+ "950": "#0A0D12"
234
+ }
235
+ },
236
+ spacing: {
237
+ xxs: "2px",
238
+ xs: "4px",
239
+ sm: "6px",
240
+ md: "8px",
241
+ lg: "12px",
242
+ xl: "16px",
243
+ "2xl": "20px",
244
+ "3xl": "24px",
245
+ "4xl": "32px",
246
+ "5xl": "40px",
247
+ "6xl": "48px",
248
+ "7xl": "64px",
249
+ "8xl": "80px",
250
+ "9xl": "96px"
251
+ },
252
+ typography: {
253
+ fontFamily: {
254
+ display: "DM Sans, sans-serif",
255
+ body: "DM Sans, sans-serif"
256
+ },
257
+ fontWeight: {
258
+ regular: "400",
259
+ medium: "500",
260
+ semibold: "600",
261
+ bold: "700"
262
+ },
263
+ fontSize: {
264
+ "display-2xl": "72px",
265
+ "display-xl": "60px",
266
+ "display-lg": "48px",
267
+ "display-md": "36px",
268
+ "display-sm": "30px",
269
+ "display-xs": "24px",
270
+ "text-xl": "20px",
271
+ "text-lg": "18px",
272
+ "text-md": "16px",
273
+ "text-sm": "14px",
274
+ "text-xs": "12px"
275
+ },
276
+ lineHeight: {
277
+ "display-2xl": "90px",
278
+ "display-xl": "72px",
279
+ "display-lg": "60px",
280
+ "display-md": "44px",
281
+ "display-sm": "38px",
282
+ "display-xs": "32px",
283
+ "text-xl": "30px",
284
+ "text-lg": "28px",
285
+ "text-md": "24px",
286
+ "text-sm": "20px",
287
+ "text-xs": "18px"
288
+ },
289
+ letterSpacing: {
290
+ "display-2xl": "-2%",
291
+ "display-xl": "-2%",
292
+ "display-lg": "-2%",
293
+ "display-md": "-2%",
294
+ "display-sm": "0",
295
+ "display-xs": "0",
296
+ "text-xl": "0",
297
+ "text-lg": "0",
298
+ "text-md": "0",
299
+ "text-sm": "0",
300
+ "text-xs": "0"
301
+ }
302
+ },
303
+ borderRadius: {
304
+ sm: 6,
305
+ md: 8,
306
+ lg: 10,
307
+ xl: 12,
308
+ full: 9999
309
+ },
310
+ shadows: {
311
+ xs: "0px 1px 2px 0px rgba(10, 13, 18, 0.05)",
312
+ sm: "0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(10, 13, 18, 0.1)",
313
+ md: "0px 2px 4px -2px rgba(10, 13, 18, 0.06), 0px 4px 8px -2px rgba(10, 13, 18, 0.1)",
314
+ lg: "0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08)",
315
+ xl: "0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 20px 24px -4px rgba(10, 13, 18, 0.08)",
316
+ "2xl": "0px 24px 48px -12px rgba(10, 13, 18, 0.18)",
317
+ "3xl": "0px 32px 64px -12px rgba(10, 13, 18, 0.14)",
318
+ "skeumorphic-inner": "inset 0px -2px 0px 0px rgba(10, 13, 18, 0.05)",
319
+ "skeumorphic-inner-border": "inset 0px 0px 0px 1px rgba(10, 13, 18, 0.06)"
320
+ },
321
+ effects: {
322
+ focusRings: {
323
+ "focus-ring": "#3BDD77",
324
+ "focus-ring-error": "#F04438"
325
+ }
326
+ }
327
+ };
328
+
329
+ // src/theme/colour.ts
330
+ var colorTokens = tokens_default.color;
331
+ var palette = {
332
+ primary: {
333
+ main: colorTokens.primary["500"],
334
+ light: colorTokens.primary["100"],
335
+ dark: colorTokens.primary["900"]
336
+ },
337
+ secondary: {
338
+ main: colorTokens.secondary["500"],
339
+ light: colorTokens.secondary["100"],
340
+ dark: colorTokens.secondary["900"]
341
+ },
342
+ error: {
343
+ main: colorTokens.error["500"],
344
+ light: colorTokens.error["100"],
345
+ dark: colorTokens.error["900"]
346
+ },
347
+ success: {
348
+ main: colorTokens.success["500"],
349
+ light: colorTokens.success["100"],
350
+ dark: colorTokens.success["900"]
351
+ },
352
+ warning: {
353
+ main: colorTokens.warning["500"],
354
+ light: colorTokens.warning["100"],
355
+ dark: colorTokens.warning["900"]
356
+ }
357
+ };
358
+
359
+ // src/theme/typography.ts
360
+ var { fontFamily, fontWeight, fontSize, lineHeight, letterSpacing } = tokens_default.typography;
361
+ var typography = {
362
+ fontFamily: fontFamily.body,
363
+ h1: {
364
+ fontFamily: fontFamily.display,
365
+ fontSize: fontSize["display-2xl"],
366
+ fontWeight: parseInt(fontWeight.bold),
367
+ lineHeight: lineHeight["display-2xl"],
368
+ letterSpacing: letterSpacing["display-2xl"]
369
+ },
370
+ h2: {
371
+ fontFamily: fontFamily.display,
372
+ fontSize: fontSize["display-xl"],
373
+ fontWeight: parseInt(fontWeight.bold),
374
+ lineHeight: lineHeight["display-xl"],
375
+ letterSpacing: letterSpacing["display-xl"]
376
+ },
377
+ h3: {
378
+ fontFamily: fontFamily.display,
379
+ fontSize: fontSize["display-lg"],
380
+ fontWeight: parseInt(fontWeight.semibold),
381
+ lineHeight: lineHeight["display-lg"],
382
+ letterSpacing: letterSpacing["display-lg"]
383
+ },
384
+ h4: {
385
+ fontFamily: fontFamily.display,
386
+ fontSize: fontSize["display-md"],
387
+ fontWeight: parseInt(fontWeight.semibold),
388
+ lineHeight: lineHeight["display-md"],
389
+ letterSpacing: letterSpacing["display-md"]
390
+ },
391
+ h5: {
392
+ fontFamily: fontFamily.display,
393
+ fontSize: fontSize["display-sm"],
394
+ fontWeight: parseInt(fontWeight.medium),
395
+ lineHeight: lineHeight["display-sm"],
396
+ letterSpacing: letterSpacing["display-sm"]
397
+ },
398
+ h6: {
399
+ fontFamily: fontFamily.display,
400
+ fontSize: fontSize["display-xs"],
401
+ fontWeight: parseInt(fontWeight.medium),
402
+ lineHeight: lineHeight["display-xs"],
403
+ letterSpacing: letterSpacing["display-xs"]
404
+ },
405
+ subtitle1: {
406
+ fontFamily: fontFamily.body,
407
+ fontSize: fontSize["text-lg"],
408
+ fontWeight: parseInt(fontWeight.medium),
409
+ lineHeight: lineHeight["text-lg"],
410
+ letterSpacing: letterSpacing["text-lg"]
411
+ },
412
+ subtitle2: {
413
+ fontFamily: fontFamily.body,
414
+ fontSize: fontSize["text-md"],
415
+ fontWeight: parseInt(fontWeight.medium),
416
+ lineHeight: lineHeight["text-md"],
417
+ letterSpacing: letterSpacing["text-md"]
418
+ },
419
+ body1: {
420
+ fontFamily: fontFamily.body,
421
+ fontSize: fontSize["text-md"],
422
+ fontWeight: parseInt(fontWeight.regular),
423
+ lineHeight: lineHeight["text-md"],
424
+ letterSpacing: letterSpacing["text-md"]
425
+ },
426
+ body2: {
427
+ fontFamily: fontFamily.body,
428
+ fontSize: fontSize["text-sm"],
429
+ fontWeight: parseInt(fontWeight.regular),
430
+ lineHeight: lineHeight["text-sm"],
431
+ letterSpacing: letterSpacing["text-sm"]
432
+ },
433
+ caption: {
434
+ fontFamily: fontFamily.body,
435
+ fontSize: fontSize["text-xs"],
436
+ fontWeight: parseInt(fontWeight.regular),
437
+ lineHeight: lineHeight["text-xs"],
438
+ letterSpacing: letterSpacing["text-xs"]
439
+ },
440
+ overline: {
441
+ fontFamily: fontFamily.body,
442
+ fontSize: fontSize["text-xs"],
443
+ fontWeight: parseInt(fontWeight.medium),
444
+ lineHeight: lineHeight["text-xs"],
445
+ letterSpacing: letterSpacing["text-xs"],
446
+ textTransform: "uppercase"
447
+ }
448
+ };
449
+
450
+ // src/theme/components/button.ts
451
+ var borderRadiusTokens = tokens_default.borderRadius;
452
+ var buttonOverrides = {
453
+ styleOverrides: {
454
+ root: {
455
+ textTransform: "none",
456
+ borderRadius: borderRadiusTokens.md,
457
+ fontWeight: tokens_default.typography.fontWeight.semibold,
458
+ boxShadow: "none",
459
+ transition: "all 0.2s ease-in-out",
460
+ "&:hover": {
461
+ boxShadow: "none"
462
+ }
463
+ },
464
+ // Size variants
465
+ sizeSmall: {
466
+ padding: "8px 14px",
467
+ fontSize: tokens_default.typography.fontSize["text-sm"],
468
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
469
+ height: "36px"
470
+ },
471
+ sizeMedium: {
472
+ padding: "10px 16px",
473
+ fontSize: tokens_default.typography.fontSize["text-sm"],
474
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
475
+ height: "40px"
476
+ },
477
+ sizeLarge: {
478
+ padding: "10px 18px",
479
+ fontSize: tokens_default.typography.fontSize["text-md"],
480
+ lineHeight: tokens_default.typography.lineHeight["text-md"],
481
+ height: "44px"
482
+ },
483
+ // Contained variant styles
484
+ containedPrimary: {
485
+ backgroundColor: tokens_default.color.primary[600],
486
+ color: tokens_default.color.base.white,
487
+ "&:hover": {
488
+ backgroundColor: tokens_default.color.primary[700]
489
+ },
490
+ "&:active": {
491
+ backgroundColor: tokens_default.color.primary[700]
492
+ },
493
+ "&.Mui-disabled": {
494
+ backgroundColor: tokens_default.color.secondary[100],
495
+ color: tokens_default.color.secondary[400]
496
+ }
497
+ },
498
+ containedSecondary: {
499
+ backgroundColor: tokens_default.color.secondary[600],
500
+ color: tokens_default.color.base.white,
501
+ "&:hover": {
502
+ backgroundColor: tokens_default.color.secondary[700]
503
+ },
504
+ "&:active": {
505
+ backgroundColor: tokens_default.color.secondary[700]
506
+ },
507
+ "&.Mui-disabled": {
508
+ backgroundColor: tokens_default.color.secondary[100],
509
+ color: tokens_default.color.secondary[400]
510
+ }
511
+ },
512
+ containedError: {
513
+ backgroundColor: tokens_default.color.error[600],
514
+ color: tokens_default.color.base.white,
515
+ "&:hover": {
516
+ backgroundColor: tokens_default.color.error[700]
517
+ },
518
+ "&:active": {
519
+ backgroundColor: tokens_default.color.error[700]
520
+ },
521
+ "&.Mui-disabled": {
522
+ backgroundColor: tokens_default.color.secondary[100],
523
+ color: tokens_default.color.secondary[400]
524
+ }
525
+ },
526
+ containedWarning: {
527
+ backgroundColor: tokens_default.color.warning[600],
528
+ color: tokens_default.color.base.white,
529
+ "&:hover": {
530
+ backgroundColor: tokens_default.color.warning[700]
531
+ },
532
+ "&:active": {
533
+ backgroundColor: tokens_default.color.warning[700]
534
+ },
535
+ "&.Mui-disabled": {
536
+ backgroundColor: tokens_default.color.secondary[100],
537
+ color: tokens_default.color.secondary[400]
538
+ }
539
+ },
540
+ containedSuccess: {
541
+ backgroundColor: tokens_default.color.success[600],
542
+ color: tokens_default.color.base.white,
543
+ "&:hover": {
544
+ backgroundColor: tokens_default.color.success[700]
545
+ },
546
+ "&:active": {
547
+ backgroundColor: tokens_default.color.success[700]
548
+ },
549
+ "&.Mui-disabled": {
550
+ backgroundColor: tokens_default.color.secondary[100],
551
+ color: tokens_default.color.secondary[400]
552
+ }
553
+ },
554
+ // Outlined variant styles
555
+ outlinedPrimary: {
556
+ backgroundColor: tokens_default.color.base.white,
557
+ color: tokens_default.color.primary[700],
558
+ borderColor: tokens_default.color.primary[300],
559
+ "&:hover": {
560
+ backgroundColor: tokens_default.color.primary[50],
561
+ borderColor: tokens_default.color.primary[300]
562
+ },
563
+ "&:active": {
564
+ backgroundColor: tokens_default.color.primary[50]
565
+ },
566
+ "&.Mui-disabled": {
567
+ backgroundColor: tokens_default.color.base.white,
568
+ color: tokens_default.color.secondary[300],
569
+ borderColor: tokens_default.color.secondary[200]
570
+ }
571
+ },
572
+ outlinedSecondary: {
573
+ backgroundColor: tokens_default.color.base.white,
574
+ color: tokens_default.color.secondary[700],
575
+ borderColor: tokens_default.color.secondary[300],
576
+ "&:hover": {
577
+ backgroundColor: tokens_default.color.secondary[50],
578
+ borderColor: tokens_default.color.secondary[300]
579
+ },
580
+ "&:active": {
581
+ backgroundColor: tokens_default.color.secondary[50]
582
+ },
583
+ "&.Mui-disabled": {
584
+ backgroundColor: tokens_default.color.base.white,
585
+ color: tokens_default.color.secondary[300],
586
+ borderColor: tokens_default.color.secondary[200]
587
+ }
588
+ },
589
+ outlinedError: {
590
+ backgroundColor: tokens_default.color.base.white,
591
+ color: tokens_default.color.error[700],
592
+ borderColor: tokens_default.color.error[300],
593
+ "&:hover": {
594
+ backgroundColor: tokens_default.color.error[50],
595
+ borderColor: tokens_default.color.error[300]
596
+ },
597
+ "&:active": {
598
+ backgroundColor: tokens_default.color.error[50]
599
+ },
600
+ "&.Mui-disabled": {
601
+ backgroundColor: tokens_default.color.base.white,
602
+ color: tokens_default.color.secondary[300],
603
+ borderColor: tokens_default.color.secondary[200]
604
+ }
605
+ },
606
+ outlinedWarning: {
607
+ backgroundColor: tokens_default.color.base.white,
608
+ color: tokens_default.color.warning[700],
609
+ borderColor: tokens_default.color.warning[300],
610
+ "&:hover": {
611
+ backgroundColor: tokens_default.color.warning[50],
612
+ borderColor: tokens_default.color.warning[300]
613
+ },
614
+ "&:active": {
615
+ backgroundColor: tokens_default.color.warning[50]
616
+ },
617
+ "&.Mui-disabled": {
618
+ backgroundColor: tokens_default.color.base.white,
619
+ color: tokens_default.color.secondary[300],
620
+ borderColor: tokens_default.color.secondary[200]
621
+ }
622
+ },
623
+ outlinedSuccess: {
624
+ backgroundColor: tokens_default.color.base.white,
625
+ color: tokens_default.color.success[700],
626
+ borderColor: tokens_default.color.success[300],
627
+ "&:hover": {
628
+ backgroundColor: tokens_default.color.success[50],
629
+ borderColor: tokens_default.color.success[300]
630
+ },
631
+ "&:active": {
632
+ backgroundColor: tokens_default.color.success[50]
633
+ },
634
+ "&.Mui-disabled": {
635
+ backgroundColor: tokens_default.color.base.white,
636
+ color: tokens_default.color.secondary[300],
637
+ borderColor: tokens_default.color.secondary[200]
638
+ }
639
+ },
640
+ // Text variant styles
641
+ textPrimary: {
642
+ color: tokens_default.color.primary[700],
643
+ "&:hover": {
644
+ backgroundColor: tokens_default.color.primary[50]
645
+ },
646
+ "&:active": {
647
+ backgroundColor: tokens_default.color.primary[50]
648
+ },
649
+ "&.Mui-disabled": {
650
+ color: tokens_default.color.secondary[300]
651
+ }
652
+ },
653
+ textSecondary: {
654
+ color: tokens_default.color.secondary[700],
655
+ "&:hover": {
656
+ backgroundColor: tokens_default.color.secondary[50]
657
+ },
658
+ "&:active": {
659
+ backgroundColor: tokens_default.color.secondary[50]
660
+ },
661
+ "&.Mui-disabled": {
662
+ color: tokens_default.color.secondary[300]
663
+ }
664
+ },
665
+ textError: {
666
+ color: tokens_default.color.error[700],
667
+ "&:hover": {
668
+ backgroundColor: tokens_default.color.error[50]
669
+ },
670
+ "&:active": {
671
+ backgroundColor: tokens_default.color.error[50]
672
+ },
673
+ "&.Mui-disabled": {
674
+ color: tokens_default.color.secondary[300]
675
+ }
676
+ },
677
+ textWarning: {
678
+ color: tokens_default.color.warning[700],
679
+ "&:hover": {
680
+ backgroundColor: tokens_default.color.warning[50]
681
+ },
682
+ "&:active": {
683
+ backgroundColor: tokens_default.color.warning[50]
684
+ },
685
+ "&.Mui-disabled": {
686
+ color: tokens_default.color.secondary[300]
687
+ }
688
+ },
689
+ textSuccess: {
690
+ color: tokens_default.color.success[700],
691
+ "&:hover": {
692
+ backgroundColor: tokens_default.color.success[50]
693
+ },
694
+ "&:active": {
695
+ backgroundColor: tokens_default.color.success[50]
696
+ },
697
+ "&.Mui-disabled": {
698
+ color: tokens_default.color.secondary[300]
699
+ }
700
+ }
701
+ }
702
+ };
703
+
704
+ // src/theme/components/buttonGroup.ts
705
+ var borderRadiusTokens2 = tokens_default.borderRadius;
706
+ var buttonGroupOverrides = {
707
+ styleOverrides: {
708
+ root: {
709
+ boxShadow: "none",
710
+ borderRadius: borderRadiusTokens2.md
711
+ },
712
+ grouped: {
713
+ "&:not(:last-of-type)": {
714
+ borderRight: `1px solid ${tokens_default.color.secondary[300]}`
715
+ },
716
+ "&:hover": {
717
+ backgroundColor: tokens_default.color.secondary[50]
718
+ }
719
+ },
720
+ // Outlined variant
721
+ groupedOutlined: {
722
+ borderColor: tokens_default.color.secondary[300],
723
+ "&:not(:last-of-type)": {
724
+ borderRightColor: tokens_default.color.secondary[300]
725
+ }
726
+ },
727
+ groupedOutlinedPrimary: {
728
+ borderColor: tokens_default.color.primary[300],
729
+ "&:not(:last-of-type)": {
730
+ borderRightColor: tokens_default.color.primary[300]
731
+ }
732
+ },
733
+ groupedOutlinedSecondary: {
734
+ borderColor: tokens_default.color.secondary[300],
735
+ "&:not(:last-of-type)": {
736
+ borderRightColor: tokens_default.color.secondary[300]
737
+ }
738
+ },
739
+ // Contained variant
740
+ groupedContained: {
741
+ "&:not(:last-of-type)": {
742
+ borderRight: `1px solid ${tokens_default.color.secondary[400]}`
743
+ }
744
+ },
745
+ groupedContainedPrimary: {
746
+ "&:not(:last-of-type)": {
747
+ borderRight: `1px solid ${tokens_default.color.primary[700]}`
748
+ }
749
+ },
750
+ // Text variant
751
+ groupedText: {
752
+ "&:not(:last-of-type)": {
753
+ borderRight: `1px solid ${tokens_default.color.secondary[300]}`
754
+ }
755
+ }
756
+ }
757
+ };
758
+
759
+ // src/theme/components/card.ts
760
+ var borderRadiusTokens3 = tokens_default.borderRadius;
761
+ var cardOverrides = {
762
+ styleOverrides: {
763
+ root: {
764
+ borderRadius: borderRadiusTokens3.lg,
765
+ boxShadow: tokens_default.shadows.md,
766
+ border: "1px solid rgba(0, 0, 0, 0.05)"
767
+ }
768
+ }
769
+ };
770
+
771
+ // src/theme/components/progress.ts
772
+ var colorTokens2 = tokens_default.color;
773
+ var progressOverrides = {
774
+ MuiCircularProgress: {
775
+ styleOverrides: {
776
+ root: {
777
+ color: colorTokens2.primary["500"]
778
+ }
779
+ }
780
+ },
781
+ MuiLinearProgress: {
782
+ styleOverrides: {
783
+ root: {
784
+ "& .MuiLinearProgress-bar": {
785
+ backgroundColor: colorTokens2.primary["500"]
786
+ }
787
+ }
788
+ }
789
+ }
790
+ };
791
+
792
+ // src/theme/components/chip.ts
793
+ var borderRadiusTokens4 = tokens_default.borderRadius;
794
+ var chipOverrides = {
795
+ styleOverrides: {
796
+ root: {
797
+ fontWeight: tokens_default.typography.fontWeight.medium,
798
+ fontSize: tokens_default.typography.fontSize["text-sm"],
799
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
800
+ borderRadius: borderRadiusTokens4.md,
801
+ height: "28px",
802
+ // Adjusted to match design
803
+ transition: "all 0.2s ease-in-out",
804
+ border: "1px solid transparent"
805
+ },
806
+ // Size variants
807
+ sizeSmall: {
808
+ height: "24px",
809
+ fontSize: tokens_default.typography.fontSize["text-xs"],
810
+ lineHeight: tokens_default.typography.lineHeight["text-xs"],
811
+ "& .MuiChip-label": {
812
+ paddingLeft: "8px",
813
+ paddingRight: "8px"
814
+ },
815
+ "& .MuiChip-icon": {
816
+ fontSize: "12px",
817
+ marginLeft: "6px",
818
+ marginRight: "-4px"
819
+ },
820
+ "& .MuiChip-avatar": {
821
+ width: "16px",
822
+ height: "16px",
823
+ marginLeft: "4px",
824
+ marginRight: "-4px"
825
+ },
826
+ "& .MuiChip-deleteIcon": {
827
+ fontSize: "12px",
828
+ marginRight: "4px",
829
+ marginLeft: "-4px"
830
+ }
831
+ },
832
+ sizeMedium: {
833
+ height: "28px",
834
+ fontSize: tokens_default.typography.fontSize["text-sm"],
835
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
836
+ "& .MuiChip-label": {
837
+ paddingLeft: "10px",
838
+ paddingRight: "10px"
839
+ },
840
+ "& .MuiChip-icon": {
841
+ fontSize: "14px",
842
+ marginLeft: "8px",
843
+ marginRight: "-6px"
844
+ },
845
+ "& .MuiChip-avatar": {
846
+ width: "20px",
847
+ height: "20px",
848
+ marginLeft: "6px",
849
+ marginRight: "-6px"
850
+ },
851
+ "& .MuiChip-deleteIcon": {
852
+ fontSize: "14px",
853
+ marginRight: "6px",
854
+ marginLeft: "-6px"
855
+ }
856
+ },
857
+ deleteIcon: {
858
+ transition: "all 0.2s ease-in-out",
859
+ "&:hover": {
860
+ opacity: 0.8
861
+ }
862
+ },
863
+ clickable: {
864
+ cursor: "pointer",
865
+ "&:hover": {
866
+ opacity: 0.9
867
+ },
868
+ "&:active": {
869
+ boxShadow: "none"
870
+ }
871
+ }
872
+ },
873
+ variants: [
874
+ {
875
+ props: { size: "large" },
876
+ style: {
877
+ height: "32px",
878
+ fontSize: tokens_default.typography.fontSize["text-sm"],
879
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
880
+ "& .MuiChip-label": {
881
+ paddingLeft: "12px",
882
+ paddingRight: "12px"
883
+ },
884
+ "& .MuiChip-icon": {
885
+ fontSize: "16px",
886
+ marginLeft: "10px",
887
+ marginRight: "-8px"
888
+ },
889
+ "& .MuiChip-avatar": {
890
+ width: "24px",
891
+ height: "24px",
892
+ marginLeft: "8px",
893
+ marginRight: "-8px"
894
+ },
895
+ "& .MuiChip-deleteIcon": {
896
+ fontSize: "16px",
897
+ marginRight: "8px",
898
+ marginLeft: "-8px"
899
+ }
900
+ }
901
+ },
902
+ {
903
+ props: { variant: "filled", color: "primary" },
904
+ style: {
905
+ backgroundColor: tokens_default.color.primary[50],
906
+ color: tokens_default.color.secondary[700],
907
+ borderColor: tokens_default.color.primary[200],
908
+ "&:hover": {
909
+ backgroundColor: tokens_default.color.primary[100]
910
+ },
911
+ "& .MuiChip-icon": { color: tokens_default.color.primary[700] },
912
+ "& .MuiChip-deleteIcon": { color: tokens_default.color.primary[700] }
913
+ }
914
+ },
915
+ {
916
+ props: { variant: "filled", color: "secondary" },
917
+ style: {
918
+ backgroundColor: tokens_default.color.secondary[50],
919
+ color: tokens_default.color.secondary[700],
920
+ borderColor: tokens_default.color.secondary[200],
921
+ "&:hover": {
922
+ backgroundColor: tokens_default.color.secondary[100]
923
+ },
924
+ "& .MuiChip-icon": { color: tokens_default.color.secondary[700] },
925
+ "& .MuiChip-deleteIcon": { color: tokens_default.color.secondary[700] }
926
+ }
927
+ },
928
+ {
929
+ props: { variant: "filled", color: "error" },
930
+ style: {
931
+ backgroundColor: tokens_default.color.error[50],
932
+ color: tokens_default.color.secondary[700],
933
+ borderColor: tokens_default.color.error[200],
934
+ "&:hover": {
935
+ backgroundColor: tokens_default.color.error[100]
936
+ },
937
+ "& .MuiChip-icon": { color: tokens_default.color.error[700] },
938
+ "& .MuiChip-deleteIcon": { color: tokens_default.color.error[700] }
939
+ }
940
+ },
941
+ {
942
+ props: { variant: "filled", color: "success" },
943
+ style: {
944
+ backgroundColor: tokens_default.color.success[50],
945
+ color: tokens_default.color.secondary[700],
946
+ borderColor: tokens_default.color.success[200],
947
+ "&:hover": {
948
+ backgroundColor: tokens_default.color.success[100]
949
+ },
950
+ "& .MuiChip-icon": { color: tokens_default.color.success[700] },
951
+ "& .MuiChip-deleteIcon": { color: tokens_default.color.success[700] }
952
+ }
953
+ },
954
+ {
955
+ props: { variant: "outlined", color: "primary" },
956
+ style: {
957
+ backgroundColor: "transparent",
958
+ color: tokens_default.color.secondary[700],
959
+ borderColor: tokens_default.color.primary[300],
960
+ "&:hover": {
961
+ backgroundColor: tokens_default.color.primary[25]
962
+ }
963
+ }
964
+ },
965
+ {
966
+ props: { variant: "outlined", color: "secondary" },
967
+ style: {
968
+ backgroundColor: "transparent",
969
+ color: tokens_default.color.secondary[700],
970
+ borderColor: tokens_default.color.secondary[300],
971
+ "&:hover": {
972
+ backgroundColor: tokens_default.color.secondary[25]
973
+ }
974
+ }
975
+ },
976
+ {
977
+ props: { variant: "outlined", color: "error" },
978
+ style: {
979
+ backgroundColor: "transparent",
980
+ color: tokens_default.color.error[700],
981
+ borderColor: tokens_default.color.error[300],
982
+ "&:hover": {
983
+ backgroundColor: tokens_default.color.error[25]
984
+ }
985
+ }
986
+ },
987
+ {
988
+ props: { variant: "outlined", color: "success" },
989
+ style: {
990
+ backgroundColor: "transparent",
991
+ color: tokens_default.color.success[700],
992
+ borderColor: tokens_default.color.success[300],
993
+ "&:hover": {
994
+ backgroundColor: tokens_default.color.success[25]
995
+ }
996
+ }
997
+ }
998
+ ]
999
+ };
1000
+
1001
+ // src/theme/components/textField.ts
1002
+ var borderRadiusTokens5 = tokens_default.borderRadius;
1003
+ var textFieldOverrides = {
1004
+ MuiTextField: {
1005
+ defaultProps: {
1006
+ variant: "outlined",
1007
+ size: "medium",
1008
+ fullWidth: true
1009
+ }
1010
+ },
1011
+ MuiFormLabel: {
1012
+ styleOverrides: {
1013
+ asterisk: {
1014
+ color: tokens_default.color.primary[600],
1015
+ "&.Mui-error": {
1016
+ color: tokens_default.color.error[600]
1017
+ }
1018
+ }
1019
+ }
1020
+ },
1021
+ MuiInputLabel: {
1022
+ styleOverrides: {
1023
+ root: {
1024
+ position: "relative",
1025
+ transform: "none",
1026
+ marginBottom: "6px",
1027
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1028
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
1029
+ fontWeight: 500,
1030
+ color: tokens_default.color.secondary[700],
1031
+ "&.Mui-focused": {
1032
+ color: tokens_default.color.secondary[700]
1033
+ },
1034
+ "&.Mui-error": {
1035
+ color: tokens_default.color.secondary[700]
1036
+ },
1037
+ "&.Mui-disabled": {
1038
+ color: tokens_default.color.secondary[500]
1039
+ }
1040
+ },
1041
+ shrink: {
1042
+ transform: "none"
1043
+ }
1044
+ }
1045
+ },
1046
+ MuiOutlinedInput: {
1047
+ styleOverrides: {
1048
+ root: {
1049
+ borderRadius: borderRadiusTokens5.md,
1050
+ backgroundColor: tokens_default.color.base.white,
1051
+ boxShadow: tokens_default.shadows.xs,
1052
+ transition: "box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out",
1053
+ "& .MuiOutlinedInput-notchedOutline": {
1054
+ borderColor: tokens_default.color.secondary[300],
1055
+ borderWidth: "2px",
1056
+ transition: "border-color 0.2s ease-in-out",
1057
+ top: 0,
1058
+ "& legend": {
1059
+ display: "none"
1060
+ }
1061
+ },
1062
+ "&:hover:not(.Mui-focused):not(.Mui-disabled):not(.Mui-error)": {
1063
+ "& .MuiOutlinedInput-notchedOutline": {
1064
+ borderColor: tokens_default.color.gray[400]
1065
+ }
1066
+ },
1067
+ "&.Mui-focused": {
1068
+ boxShadow: tokens_default.shadows.xs,
1069
+ "& .MuiOutlinedInput-notchedOutline": {
1070
+ borderColor: tokens_default.color.primary[300],
1071
+ borderWidth: "3px"
1072
+ }
1073
+ },
1074
+ "&.Mui-error": {
1075
+ "& .MuiOutlinedInput-notchedOutline": {
1076
+ borderColor: tokens_default.color.error[300],
1077
+ borderWidth: "2px"
1078
+ },
1079
+ "&:hover:not(.Mui-focused)": {
1080
+ "& .MuiOutlinedInput-notchedOutline": {
1081
+ borderColor: tokens_default.color.error[400]
1082
+ }
1083
+ },
1084
+ "&.Mui-focused": {
1085
+ boxShadow: tokens_default.shadows.xs,
1086
+ "& .MuiOutlinedInput-notchedOutline": {
1087
+ borderColor: tokens_default.color.error[300],
1088
+ borderWidth: "3px"
1089
+ }
1090
+ }
1091
+ },
1092
+ "&.Mui-disabled": {
1093
+ backgroundColor: tokens_default.color.secondary[50],
1094
+ boxShadow: "none",
1095
+ "& .MuiOutlinedInput-notchedOutline": {
1096
+ borderColor: tokens_default.color.secondary[200],
1097
+ borderWidth: "2px"
1098
+ }
1099
+ },
1100
+ "&.MuiInputBase-multiline": {
1101
+ padding: 0
1102
+ }
1103
+ },
1104
+ input: {
1105
+ padding: "10px 14px",
1106
+ height: "24px",
1107
+ fontSize: tokens_default.typography.fontSize["text-md"],
1108
+ lineHeight: tokens_default.typography.lineHeight["text-md"],
1109
+ fontWeight: 400,
1110
+ color: tokens_default.color.secondary[900],
1111
+ "&::placeholder": {
1112
+ color: tokens_default.color.secondary[500],
1113
+ opacity: 1
1114
+ },
1115
+ "&.Mui-disabled": {
1116
+ color: tokens_default.color.secondary[500],
1117
+ WebkitTextFillColor: tokens_default.color.secondary[500]
1118
+ }
1119
+ },
1120
+ inputSizeSmall: {
1121
+ padding: "8px 12px",
1122
+ height: "20px"
1123
+ },
1124
+ multiline: {
1125
+ padding: 0,
1126
+ alignItems: "flex-start"
1127
+ },
1128
+ inputMultiline: {
1129
+ padding: "12px 14px",
1130
+ height: "auto",
1131
+ minHeight: "80px",
1132
+ resize: "vertical",
1133
+ lineHeight: tokens_default.typography.lineHeight["text-md"]
1134
+ },
1135
+ adornedStart: {
1136
+ paddingLeft: "14px",
1137
+ "& .MuiOutlinedInput-input": {
1138
+ paddingLeft: "8px"
1139
+ }
1140
+ },
1141
+ adornedEnd: {
1142
+ paddingRight: "14px",
1143
+ "& .MuiOutlinedInput-input": {
1144
+ paddingRight: "8px"
1145
+ }
1146
+ }
1147
+ }
1148
+ },
1149
+ MuiInputAdornment: {
1150
+ styleOverrides: {
1151
+ root: {
1152
+ color: tokens_default.color.secondary[400],
1153
+ "& .MuiTypography-root": {
1154
+ color: "inherit",
1155
+ fontSize: tokens_default.typography.fontSize["text-md"]
1156
+ },
1157
+ "& .MuiSvgIcon-root": {
1158
+ fontSize: "20px",
1159
+ color: tokens_default.color.secondary[400]
1160
+ }
1161
+ },
1162
+ positionStart: {
1163
+ marginRight: "0px"
1164
+ },
1165
+ positionEnd: {
1166
+ marginLeft: "0px"
1167
+ }
1168
+ }
1169
+ },
1170
+ MuiFormHelperText: {
1171
+ styleOverrides: {
1172
+ root: {
1173
+ marginLeft: 0,
1174
+ marginTop: "6px",
1175
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1176
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
1177
+ fontWeight: 400,
1178
+ color: tokens_default.color.secondary[600],
1179
+ "&.Mui-error": {
1180
+ color: tokens_default.color.error[600]
1181
+ }
1182
+ }
1183
+ }
1184
+ }
1185
+ };
1186
+
1187
+ // src/theme/components/select.ts
1188
+ var selectOverrides = {
1189
+ defaultProps: {
1190
+ variant: "outlined",
1191
+ size: "medium",
1192
+ fullWidth: true
1193
+ },
1194
+ styleOverrides: {
1195
+ select: {
1196
+ padding: "10px 14px",
1197
+ "&:focus": {
1198
+ backgroundColor: "transparent"
1199
+ },
1200
+ display: "flex",
1201
+ alignItems: "center",
1202
+ gap: "8px"
1203
+ },
1204
+ icon: {
1205
+ color: tokens_default.color.secondary[500],
1206
+ right: "12px"
1207
+ }
1208
+ }
1209
+ };
1210
+
1211
+ // src/theme/components/menu.ts
1212
+ var menuOverrides = {
1213
+ MuiMenu: {
1214
+ defaultProps: {
1215
+ elevation: 0,
1216
+ anchorOrigin: {
1217
+ vertical: "bottom",
1218
+ horizontal: "right"
1219
+ },
1220
+ transformOrigin: {
1221
+ vertical: "top",
1222
+ horizontal: "right"
1223
+ }
1224
+ },
1225
+ styleOverrides: {
1226
+ paper: {
1227
+ borderRadius: tokens_default.borderRadius.lg,
1228
+ marginTop: "8px",
1229
+ minWidth: 180,
1230
+ border: `1px solid ${tokens_default.color.secondary[200]}`,
1231
+ boxShadow: tokens_default.shadows.lg
1232
+ },
1233
+ list: {
1234
+ padding: "4px"
1235
+ }
1236
+ }
1237
+ },
1238
+ MuiMenuItem: {
1239
+ styleOverrides: {
1240
+ root: {
1241
+ borderRadius: tokens_default.borderRadius.sm,
1242
+ margin: "2px 4px",
1243
+ padding: "10px 12px",
1244
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1245
+ fontWeight: tokens_default.typography.fontWeight.medium,
1246
+ color: tokens_default.color.secondary[700],
1247
+ transition: "all 0.2s ease-in-out",
1248
+ "&:hover": {
1249
+ backgroundColor: tokens_default.color.secondary[50],
1250
+ color: tokens_default.color.secondary[900]
1251
+ },
1252
+ "&.Mui-selected": {
1253
+ backgroundColor: tokens_default.color.primary[50],
1254
+ color: tokens_default.color.primary[700],
1255
+ "&:hover": {
1256
+ backgroundColor: tokens_default.color.primary[100]
1257
+ }
1258
+ },
1259
+ "& .MuiListItemIcon-root": {
1260
+ minWidth: "auto",
1261
+ marginRight: "12px",
1262
+ color: tokens_default.color.secondary[500],
1263
+ fontSize: "18px"
1264
+ }
1265
+ }
1266
+ }
1267
+ },
1268
+ MuiDivider: {
1269
+ styleOverrides: {
1270
+ root: {
1271
+ margin: "4px 0",
1272
+ borderColor: tokens_default.color.secondary[100]
1273
+ }
1274
+ }
1275
+ }
1276
+ };
1277
+
1278
+ // src/theme/components/autocomplete.ts
1279
+ var autocompleteOverrides = {
1280
+ styleOverrides: {
1281
+ root: {
1282
+ "& .MuiOutlinedInput-root": {
1283
+ backgroundColor: tokens_default.color.base.white,
1284
+ borderRadius: tokens_default.borderRadius.md,
1285
+ boxShadow: tokens_default.shadows.xs,
1286
+ "& fieldset": {
1287
+ borderColor: tokens_default.color.secondary[300],
1288
+ borderWidth: "1px"
1289
+ },
1290
+ "&:hover fieldset": {
1291
+ borderColor: tokens_default.color.secondary[400]
1292
+ },
1293
+ "&.Mui-focused fieldset": {
1294
+ borderColor: tokens_default.color.primary[500],
1295
+ borderWidth: "2px"
1296
+ },
1297
+ "&.Mui-disabled": {
1298
+ backgroundColor: tokens_default.color.secondary[50],
1299
+ "& fieldset": {
1300
+ borderColor: tokens_default.color.secondary[200]
1301
+ }
1302
+ }
1303
+ },
1304
+ // Size variants
1305
+ "&.MuiAutocomplete-sizeSmall .MuiOutlinedInput-root": {
1306
+ padding: "4px 12px",
1307
+ "& .MuiAutocomplete-input": {
1308
+ padding: "4px 0",
1309
+ fontSize: tokens_default.typography.fontSize["text-md"],
1310
+ lineHeight: tokens_default.typography.lineHeight["text-md"]
1311
+ }
1312
+ },
1313
+ "& .MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
1314
+ padding: "4px 12px"
1315
+ }
1316
+ },
1317
+ input: {
1318
+ fontSize: tokens_default.typography.fontSize["text-md"],
1319
+ lineHeight: tokens_default.typography.lineHeight["text-md"],
1320
+ fontWeight: tokens_default.typography.fontWeight.regular,
1321
+ color: tokens_default.color.secondary[900],
1322
+ "&::placeholder": {
1323
+ color: tokens_default.color.secondary[500],
1324
+ opacity: 1
1325
+ }
1326
+ },
1327
+ inputRoot: {
1328
+ padding: "6px 14px !important",
1329
+ gap: "8px",
1330
+ "&.MuiInputBase-sizeSmall": {
1331
+ padding: "4px 12px !important"
1332
+ }
1333
+ },
1334
+ paper: {
1335
+ borderRadius: tokens_default.borderRadius.md,
1336
+ border: `1px solid ${tokens_default.color.secondary[200]}`,
1337
+ marginTop: "4px",
1338
+ boxShadow: tokens_default.shadows.lg
1339
+ },
1340
+ listbox: {
1341
+ padding: "4px",
1342
+ "& .MuiAutocomplete-option": {
1343
+ borderRadius: tokens_default.borderRadius.sm,
1344
+ margin: "2px 0",
1345
+ padding: "10px 12px",
1346
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1347
+ fontWeight: tokens_default.typography.fontWeight.medium,
1348
+ color: tokens_default.color.secondary[700],
1349
+ minHeight: "auto",
1350
+ '&[aria-selected="true"]': {
1351
+ backgroundColor: tokens_default.color.primary[50],
1352
+ color: tokens_default.color.primary[700],
1353
+ "&.Mui-focused": {
1354
+ backgroundColor: tokens_default.color.primary[100]
1355
+ }
1356
+ },
1357
+ "&.Mui-focused": {
1358
+ backgroundColor: tokens_default.color.secondary[50]
1359
+ },
1360
+ "&:hover": {
1361
+ backgroundColor: tokens_default.color.secondary[50]
1362
+ }
1363
+ }
1364
+ },
1365
+ tag: {
1366
+ margin: "2px",
1367
+ height: "24px",
1368
+ backgroundColor: "#FFFFFF",
1369
+ border: `1px solid ${tokens_default.color.secondary[300]}`,
1370
+ borderRadius: tokens_default.borderRadius.sm,
1371
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1372
+ fontWeight: tokens_default.typography.fontWeight.medium,
1373
+ color: tokens_default.color.secondary[700],
1374
+ "& .MuiChip-deleteIcon": {
1375
+ color: tokens_default.color.secondary[400],
1376
+ fontSize: "12px",
1377
+ "&:hover": {
1378
+ color: tokens_default.color.secondary[600]
1379
+ }
1380
+ }
1381
+ },
1382
+ endAdornment: {
1383
+ right: "12px",
1384
+ "& .MuiIconButton-root": {
1385
+ padding: "4px"
1386
+ },
1387
+ "& .MuiSvgIcon-root": {
1388
+ fontSize: "20px",
1389
+ color: tokens_default.color.secondary[400]
1390
+ }
1391
+ },
1392
+ clearIndicator: {
1393
+ padding: "4px",
1394
+ "& .MuiSvgIcon-root": {
1395
+ fontSize: "16px",
1396
+ color: tokens_default.color.secondary[400]
1397
+ }
1398
+ },
1399
+ popupIndicator: {
1400
+ padding: "4px",
1401
+ "& .MuiSvgIcon-root": {
1402
+ fontSize: "20px",
1403
+ color: tokens_default.color.secondary[400]
1404
+ }
1405
+ },
1406
+ noOptions: {
1407
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1408
+ color: tokens_default.color.secondary[500],
1409
+ padding: "10px 12px"
1410
+ },
1411
+ loading: {
1412
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1413
+ color: tokens_default.color.secondary[500],
1414
+ padding: "10px 12px"
1415
+ }
1416
+ }
1417
+ };
1418
+
1419
+ // src/theme/components/avatar.ts
1420
+ var avatarOverrides = {
1421
+ styleOverrides: {
1422
+ root: {
1423
+ fontSize: "14px",
1424
+ fontWeight: 500
1425
+ }
1426
+ }
1427
+ };
1428
+
1429
+ // src/theme/components/switch.ts
1430
+ var switchOverrides = {
1431
+ defaultProps: {
1432
+ disableRipple: true
1433
+ },
1434
+ styleOverrides: {
1435
+ root: {
1436
+ width: 44,
1437
+ height: 24,
1438
+ padding: 0,
1439
+ "& .MuiSwitch-switchBase": {
1440
+ padding: 2,
1441
+ transitionDuration: "200ms",
1442
+ "&.Mui-checked": {
1443
+ transform: "translateX(20px)",
1444
+ "& + .MuiSwitch-track": {
1445
+ backgroundColor: tokens_default.color.primary[600],
1446
+ opacity: 1,
1447
+ border: 0
1448
+ },
1449
+ "& .MuiSwitch-thumb": {
1450
+ backgroundColor: tokens_default.color.base.white
1451
+ },
1452
+ "&:hover + .MuiSwitch-track": {
1453
+ backgroundColor: tokens_default.color.primary[700]
1454
+ },
1455
+ "&.Mui-disabled + .MuiSwitch-track": {
1456
+ backgroundColor: tokens_default.color.secondary[50],
1457
+ opacity: 1
1458
+ },
1459
+ "&.Mui-disabled .MuiSwitch-thumb": {
1460
+ backgroundColor: tokens_default.color.gray[50]
1461
+ }
1462
+ },
1463
+ "&.Mui-focusVisible + .MuiSwitch-track": {
1464
+ boxShadow: `0px 0px 0px 2px ${tokens_default.color.base.white}, 0px 0px 0px 4px ${tokens_default.effects.focusRings["focus-ring"]}`
1465
+ },
1466
+ "&.Mui-disabled": {
1467
+ "& + .MuiSwitch-track": {
1468
+ backgroundColor: tokens_default.color.secondary[50],
1469
+ opacity: 1
1470
+ },
1471
+ "& .MuiSwitch-thumb": {
1472
+ backgroundColor: tokens_default.color.gray[50]
1473
+ }
1474
+ }
1475
+ }
1476
+ },
1477
+ switchBase: {
1478
+ padding: 2,
1479
+ "&.Mui-checked": {
1480
+ transform: "translateX(20px)"
1481
+ }
1482
+ },
1483
+ thumb: {
1484
+ boxSizing: "border-box",
1485
+ width: 20,
1486
+ height: 20,
1487
+ backgroundColor: tokens_default.color.base.white,
1488
+ boxShadow: tokens_default.shadows.sm
1489
+ },
1490
+ track: {
1491
+ borderRadius: 9999,
1492
+ backgroundColor: tokens_default.color.secondary[50],
1493
+ opacity: 1,
1494
+ transition: "background-color 200ms, box-shadow 200ms"
1495
+ },
1496
+ sizeSmall: {
1497
+ width: 36,
1498
+ height: 20,
1499
+ "& .MuiSwitch-switchBase": {
1500
+ padding: 2,
1501
+ "&.Mui-checked": {
1502
+ transform: "translateX(16px)"
1503
+ }
1504
+ },
1505
+ "& .MuiSwitch-thumb": {
1506
+ width: 16,
1507
+ height: 16
1508
+ }
1509
+ }
1510
+ }
1511
+ };
1512
+
1513
+ // src/theme/components/checkbox.ts
1514
+ var checkboxOverrides = {
1515
+ defaultProps: {
1516
+ disableRipple: true
1517
+ },
1518
+ styleOverrides: {
1519
+ root: {
1520
+ padding: 0,
1521
+ transition: "all 200ms ease-in-out",
1522
+ "&:hover": {
1523
+ backgroundColor: "transparent",
1524
+ "& rect[stroke]": {
1525
+ stroke: tokens_default.color.primary[600],
1526
+ fill: tokens_default.color.primary[50]
1527
+ }
1528
+ },
1529
+ "&.Mui-checked:hover, &.MuiCheckbox-indeterminate:hover": {
1530
+ "& rect:first-of-type": {
1531
+ fill: tokens_default.color.primary[700]
1532
+ }
1533
+ },
1534
+ "&.Mui-focusVisible": {
1535
+ "& .MuiSvgIcon-root": {
1536
+ boxShadow: `0px 0px 0px 2px ${tokens_default.color.base.white}, 0px 0px 0px 4px ${tokens_default.effects.focusRings["focus-ring"]}`,
1537
+ borderRadius: tokens_default.borderRadius.md
1538
+ }
1539
+ },
1540
+ "&.Mui-disabled": {
1541
+ "& rect[stroke]": {
1542
+ fill: tokens_default.color.secondary[50],
1543
+ stroke: tokens_default.color.secondary[300]
1544
+ },
1545
+ "& rect:first-of-type": {
1546
+ fill: tokens_default.color.secondary[50]
1547
+ },
1548
+ "& path, & rect:not(:first-of-type)": {
1549
+ fill: tokens_default.color.secondary[300]
1550
+ }
1551
+ }
1552
+ },
1553
+ sizeSmall: {
1554
+ "&.Mui-focusVisible": {
1555
+ "& .MuiSvgIcon-root": {
1556
+ borderRadius: tokens_default.borderRadius.sm
1557
+ }
1558
+ }
1559
+ }
1560
+ }
1561
+ };
1562
+
1563
+ // src/theme/components/radio.ts
1564
+ var radioOverrides = {
1565
+ defaultProps: {
1566
+ disableRipple: true
1567
+ },
1568
+ styleOverrides: {
1569
+ root: {
1570
+ padding: 0,
1571
+ transition: "all 200ms ease-in-out",
1572
+ "& svg": {
1573
+ transition: "all 200ms ease-in-out"
1574
+ },
1575
+ "& svg circle": {
1576
+ transition: "all 200ms ease-in-out"
1577
+ },
1578
+ "&:hover:not(.Mui-checked):not(.Mui-disabled)": {
1579
+ "& svg circle": {
1580
+ stroke: tokens_default.color.primary[600]
1581
+ }
1582
+ },
1583
+ "&.Mui-checked:hover:not(.Mui-disabled)": {
1584
+ "& svg circle:first-of-type": {
1585
+ stroke: " tokens.color.primary[700]"
1586
+ },
1587
+ "& svg circle:last-of-type": {
1588
+ fill: " tokens.color.primary[700]"
1589
+ }
1590
+ },
1591
+ "&.Mui-focusVisible": {
1592
+ "& > span": {
1593
+ boxShadow: `0px 0px 0px 2px ${tokens_default.color.base.white}, 0px 0px 0px 4px ${tokens_default.effects.focusRings["focus-ring"]}`,
1594
+ borderRadius: "50%"
1595
+ }
1596
+ },
1597
+ // Disabled state unchecked
1598
+ "&.Mui-disabled:not(.Mui-checked)": {
1599
+ "& svg circle": {
1600
+ fill: tokens_default.color.secondary[50],
1601
+ stroke: tokens_default.color.secondary[300]
1602
+ }
1603
+ },
1604
+ // Disabled state checked
1605
+ "&.Mui-disabled.Mui-checked": {
1606
+ "& svg circle:first-of-type": {
1607
+ fill: tokens_default.color.secondary[50],
1608
+ stroke: tokens_default.color.secondary[300]
1609
+ },
1610
+ "& svg circle:last-of-type": {
1611
+ fill: tokens_default.color.secondary[300]
1612
+ }
1613
+ }
1614
+ }
1615
+ }
1616
+ };
1617
+
1618
+ // src/theme/components/datePicker.ts
1619
+ var datePickerOverrides = {
1620
+ MuiPickersDay: {
1621
+ styleOverrides: {
1622
+ root: {
1623
+ width: "40px",
1624
+ height: "40px",
1625
+ margin: 0,
1626
+ borderRadius: tokens_default.borderRadius.full,
1627
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1628
+ fontWeight: tokens_default.typography.fontWeight.regular,
1629
+ fontFamily: tokens_default.typography.fontFamily.body,
1630
+ color: tokens_default.color.gray[900],
1631
+ "&:hover": {
1632
+ backgroundColor: tokens_default.color.gray[50]
1633
+ },
1634
+ "&.Mui-selected": {
1635
+ backgroundColor: `${tokens_default.color.primary[600]} !important`,
1636
+ color: `${tokens_default.color.base.white} !important`,
1637
+ fontWeight: tokens_default.typography.fontWeight.medium,
1638
+ "&:hover": {
1639
+ backgroundColor: `${tokens_default.color.primary[700]} !important`
1640
+ }
1641
+ },
1642
+ "&.MuiPickersDay-today": {
1643
+ border: `1px solid ${tokens_default.color.primary[600]}`,
1644
+ backgroundColor: "transparent",
1645
+ "&:not(.Mui-selected)": {
1646
+ color: tokens_default.color.gray[900],
1647
+ borderColor: tokens_default.color.gray[300]
1648
+ }
1649
+ },
1650
+ "&.Mui-disabled": {
1651
+ color: tokens_default.color.gray[400]
1652
+ }
1653
+ }
1654
+ }
1655
+ },
1656
+ MuiDateCalendar: {
1657
+ styleOverrides: {
1658
+ root: {
1659
+ width: "100%",
1660
+ maxWidth: "328px",
1661
+ maxHeight: "none",
1662
+ fontFamily: tokens_default.typography.fontFamily.body
1663
+ }
1664
+ }
1665
+ },
1666
+ MuiPickersCalendarHeader: {
1667
+ styleOverrides: {
1668
+ root: {
1669
+ paddingLeft: 0,
1670
+ paddingRight: 0,
1671
+ marginTop: 0,
1672
+ marginBottom: `${tokens_default.borderRadius.md}px`,
1673
+ display: "flex",
1674
+ alignItems: "center",
1675
+ justifyContent: "space-between"
1676
+ },
1677
+ label: {
1678
+ fontSize: tokens_default.typography.fontSize["text-md"],
1679
+ fontWeight: tokens_default.typography.fontWeight.semibold,
1680
+ fontFamily: tokens_default.typography.fontFamily.body,
1681
+ color: tokens_default.color.gray[900]
1682
+ }
1683
+ }
1684
+ },
1685
+ MuiPickersArrowSwitcher: {
1686
+ styleOverrides: {
1687
+ root: {
1688
+ display: "inline-flex",
1689
+ gap: `${tokens_default.borderRadius.sm}px`
1690
+ },
1691
+ button: {
1692
+ padding: `${tokens_default.borderRadius.sm}px`,
1693
+ width: "32px",
1694
+ height: "32px",
1695
+ borderRadius: `${tokens_default.borderRadius.sm}px`,
1696
+ color: tokens_default.color.gray[500],
1697
+ "&:hover": {
1698
+ backgroundColor: tokens_default.color.gray[50]
1699
+ }
1700
+ }
1701
+ }
1702
+ },
1703
+ MuiDayCalendar: {
1704
+ styleOverrides: {
1705
+ header: {
1706
+ gap: 0,
1707
+ justifyContent: "space-between",
1708
+ paddingLeft: 0,
1709
+ paddingRight: 0
1710
+ },
1711
+ weekContainer: {
1712
+ margin: 0,
1713
+ justifyContent: "space-between"
1714
+ },
1715
+ weekDayLabel: {
1716
+ width: "40px",
1717
+ height: "40px",
1718
+ fontSize: tokens_default.typography.fontSize["text-xs"],
1719
+ fontWeight: tokens_default.typography.fontWeight.medium,
1720
+ fontFamily: tokens_default.typography.fontFamily.body,
1721
+ color: tokens_default.color.gray[600],
1722
+ margin: 0
1723
+ }
1724
+ }
1725
+ },
1726
+ MuiPickersLayout: {
1727
+ styleOverrides: {
1728
+ root: {
1729
+ backgroundColor: tokens_default.color.base.white,
1730
+ borderRadius: `${tokens_default.borderRadius.xl}px`,
1731
+ boxShadow: tokens_default.shadows.lg,
1732
+ overflow: "hidden"
1733
+ },
1734
+ contentWrapper: {
1735
+ padding: `${tokens_default.borderRadius.xl * 1.5}px ${tokens_default.borderRadius.xl * 2}px`
1736
+ }
1737
+ }
1738
+ },
1739
+ MuiPickerPopper: {
1740
+ styleOverrides: {
1741
+ paper: {
1742
+ borderRadius: `${tokens_default.borderRadius.xl}px`,
1743
+ boxShadow: tokens_default.shadows.lg,
1744
+ overflow: "hidden"
1745
+ }
1746
+ }
1747
+ },
1748
+ MuiDialogActions: {
1749
+ styleOverrides: {
1750
+ root: {
1751
+ padding: `${tokens_default.borderRadius.md * 2}px`,
1752
+ borderTop: `1px solid ${tokens_default.color.gray[200]}`,
1753
+ gap: `${tokens_default.borderRadius.lg}px`,
1754
+ "& .MuiButton-root": {
1755
+ flex: 1,
1756
+ minWidth: "auto",
1757
+ fontFamily: tokens_default.typography.fontFamily.body
1758
+ }
1759
+ }
1760
+ }
1761
+ },
1762
+ MuiPickersToolbar: {
1763
+ styleOverrides: {
1764
+ root: {
1765
+ padding: `${tokens_default.borderRadius.md * 2}px`,
1766
+ borderTop: `1px solid ${tokens_default.color.gray[200]}`,
1767
+ gap: `${tokens_default.borderRadius.lg}px`,
1768
+ display: "flex",
1769
+ "& .MuiButton-root": {
1770
+ flex: 1,
1771
+ minWidth: "auto",
1772
+ textTransform: "none",
1773
+ fontSize: tokens_default.typography.fontSize["text-md"],
1774
+ fontWeight: tokens_default.typography.fontWeight.semibold,
1775
+ fontFamily: tokens_default.typography.fontFamily.body,
1776
+ padding: "10px 16px",
1777
+ borderRadius: `${tokens_default.borderRadius.md}px`,
1778
+ lineHeight: tokens_default.typography.lineHeight["text-md"],
1779
+ boxShadow: "none",
1780
+ "&:hover": {
1781
+ boxShadow: "none"
1782
+ }
1783
+ },
1784
+ "& .MuiButton-root:first-of-type": {
1785
+ backgroundColor: tokens_default.color.base.white,
1786
+ border: `1px solid ${tokens_default.color.gray[300]}`,
1787
+ color: tokens_default.color.gray[700],
1788
+ "&:hover": {
1789
+ backgroundColor: tokens_default.color.gray[50],
1790
+ border: `1px solid ${tokens_default.color.gray[300]}`
1791
+ }
1792
+ },
1793
+ "& .MuiButton-root:last-of-type": {
1794
+ backgroundColor: `${tokens_default.color.primary[600]} !important`,
1795
+ color: `${tokens_default.color.base.white} !important`,
1796
+ border: "none !important",
1797
+ "&:hover": {
1798
+ backgroundColor: `${tokens_default.color.primary[700]} !important`
1799
+ }
1800
+ }
1801
+ }
1802
+ }
1803
+ }
1804
+ };
1805
+
1806
+ // src/theme/components/table.ts
1807
+ var tableOverrides = {
1808
+ MuiTable: {
1809
+ styleOverrides: {
1810
+ root: {
1811
+ borderCollapse: "separate",
1812
+ borderSpacing: 0
1813
+ }
1814
+ }
1815
+ },
1816
+ MuiTableHead: {
1817
+ styleOverrides: {
1818
+ root: {
1819
+ "& .MuiTableCell-root": {
1820
+ backgroundColor: tokens_default.color.gray[50],
1821
+ borderBottom: `1px solid ${tokens_default.color.gray[200]}`,
1822
+ fontFamily: tokens_default.typography.fontFamily.body,
1823
+ fontSize: tokens_default.typography.fontSize["text-xs"],
1824
+ fontWeight: tokens_default.typography.fontWeight.medium,
1825
+ lineHeight: tokens_default.typography.lineHeight["text-xs"],
1826
+ color: tokens_default.color.gray[600],
1827
+ textTransform: "uppercase",
1828
+ padding: "12px 24px"
1829
+ }
1830
+ }
1831
+ }
1832
+ },
1833
+ MuiTableBody: {
1834
+ styleOverrides: {
1835
+ root: {
1836
+ "& .MuiTableRow-root": {
1837
+ "&:hover": {
1838
+ backgroundColor: tokens_default.color.gray[25]
1839
+ },
1840
+ "&:last-child .MuiTableCell-root": {
1841
+ borderBottom: 0
1842
+ }
1843
+ }
1844
+ }
1845
+ }
1846
+ },
1847
+ MuiTableCell: {
1848
+ styleOverrides: {
1849
+ root: {
1850
+ fontFamily: tokens_default.typography.fontFamily.body,
1851
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1852
+ fontWeight: tokens_default.typography.fontWeight.regular,
1853
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
1854
+ color: tokens_default.color.gray[900],
1855
+ padding: "16px 24px",
1856
+ borderBottom: `1px solid ${tokens_default.color.gray[200]}`
1857
+ },
1858
+ head: {
1859
+ backgroundColor: tokens_default.color.gray[50],
1860
+ fontWeight: tokens_default.typography.fontWeight.medium,
1861
+ color: tokens_default.color.gray[600],
1862
+ fontSize: tokens_default.typography.fontSize["text-xs"],
1863
+ lineHeight: tokens_default.typography.lineHeight["text-xs"],
1864
+ textTransform: "uppercase",
1865
+ padding: "12px 24px"
1866
+ }
1867
+ }
1868
+ },
1869
+ MuiTablePagination: {
1870
+ styleOverrides: {
1871
+ root: {
1872
+ borderTop: `1px solid ${tokens_default.color.gray[200]}`,
1873
+ padding: "12px 24px 16px",
1874
+ display: "flex",
1875
+ alignItems: "center",
1876
+ justifyContent: "center",
1877
+ gap: "12px",
1878
+ color: tokens_default.color.gray[700],
1879
+ fontFamily: tokens_default.typography.fontFamily.body
1880
+ },
1881
+ toolbar: {
1882
+ padding: 0,
1883
+ minHeight: "unset",
1884
+ gap: "12px",
1885
+ justifyContent: "center",
1886
+ width: "100%"
1887
+ },
1888
+ spacer: {
1889
+ display: "none"
1890
+ },
1891
+ selectLabel: {
1892
+ display: "none"
1893
+ },
1894
+ select: {
1895
+ display: "none"
1896
+ },
1897
+ displayedRows: {
1898
+ margin: 0,
1899
+ fontFamily: tokens_default.typography.fontFamily.body,
1900
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1901
+ fontWeight: tokens_default.typography.fontWeight.medium,
1902
+ color: tokens_default.color.gray[700],
1903
+ order: 1
1904
+ },
1905
+ actions: {
1906
+ display: "flex",
1907
+ gap: "2px",
1908
+ alignItems: "center",
1909
+ order: 2,
1910
+ marginLeft: 0,
1911
+ "& .MuiIconButton-root": {
1912
+ backgroundColor: tokens_default.color.base.white,
1913
+ border: `1px solid ${tokens_default.color.gray[300]}`,
1914
+ borderRadius: tokens_default.borderRadius.md,
1915
+ padding: "8px 12px",
1916
+ margin: 0,
1917
+ boxShadow: tokens_default.shadows.xs,
1918
+ fontFamily: tokens_default.typography.fontFamily.body,
1919
+ fontSize: tokens_default.typography.fontSize["text-sm"],
1920
+ fontWeight: tokens_default.typography.fontWeight.semibold,
1921
+ color: tokens_default.color.gray[700],
1922
+ gap: "4px",
1923
+ minWidth: "40px",
1924
+ height: "36px",
1925
+ "&:hover": {
1926
+ backgroundColor: tokens_default.color.gray[50],
1927
+ borderColor: tokens_default.color.gray[300]
1928
+ },
1929
+ "&.Mui-disabled": {
1930
+ backgroundColor: tokens_default.color.base.white,
1931
+ borderColor: tokens_default.color.gray[200],
1932
+ color: tokens_default.color.gray[400],
1933
+ opacity: 0.6
1934
+ },
1935
+ "&:first-of-type": {
1936
+ "&::after": {
1937
+ content: '"Previous"',
1938
+ marginLeft: "4px"
1939
+ }
1940
+ },
1941
+ "&:last-of-type": {
1942
+ "&::before": {
1943
+ content: '"Next"',
1944
+ marginRight: "4px"
1945
+ }
1946
+ }
1947
+ }
1948
+ }
1949
+ }
1950
+ }
1951
+ };
1952
+
1953
+ // src/theme/components/sectionHeader.ts
1954
+ var sectionHeaderOverrides = {
1955
+ // Future: Add any SectionHeader-specific MUI component overrides here if needed
1956
+ };
1957
+
1958
+ // src/theme/components/modal.ts
1959
+ var modalOverrides = {
1960
+ MuiModal: {
1961
+ styleOverrides: {
1962
+ root: {
1963
+ display: "flex",
1964
+ alignItems: "center",
1965
+ justifyContent: "center"
1966
+ },
1967
+ backdrop: {
1968
+ backgroundColor: tokens_default.color.gray[950],
1969
+ opacity: "0.5 !important",
1970
+ backdropFilter: "blur(8px)"
1971
+ }
1972
+ }
1973
+ },
1974
+ MuiDialog: {
1975
+ styleOverrides: {
1976
+ root: {
1977
+ "& .MuiBackdrop-root": {
1978
+ backgroundColor: tokens_default.color.gray[950],
1979
+ opacity: "0.5 !important",
1980
+ backdropFilter: "blur(8px)"
1981
+ }
1982
+ },
1983
+ paper: {
1984
+ backgroundColor: tokens_default.color.base.white,
1985
+ borderRadius: tokens_default.borderRadius["2xl"],
1986
+ boxShadow: `0px 20px 24px -4px rgba(10,13,18,0.08), 0px 8px 8px -4px rgba(10,13,18,0.03), 0px 3px 3px -1.5px rgba(10,13,18,0.02)`,
1987
+ overflow: "hidden"
1988
+ }
1989
+ }
1990
+ },
1991
+ MuiDialogTitle: {
1992
+ styleOverrides: {
1993
+ root: {
1994
+ fontFamily: tokens_default.typography.fontFamily.body,
1995
+ fontSize: tokens_default.typography.fontSize["text-lg"],
1996
+ fontWeight: tokens_default.typography.fontWeight.semibold,
1997
+ lineHeight: tokens_default.typography.lineHeight["text-lg"],
1998
+ color: tokens_default.color.gray[900],
1999
+ padding: `${tokens_default.spacing["3xl"]} ${tokens_default.spacing["3xl"]} ${tokens_default.spacing.lg}`
2000
+ }
2001
+ }
2002
+ },
2003
+ MuiDialogContent: {
2004
+ styleOverrides: {
2005
+ root: {
2006
+ fontFamily: tokens_default.typography.fontFamily.body,
2007
+ fontSize: tokens_default.typography.fontSize["text-sm"],
2008
+ fontWeight: tokens_default.typography.fontWeight.regular,
2009
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
2010
+ color: tokens_default.color.gray[600],
2011
+ padding: `0 ${tokens_default.spacing["3xl"]}`
2012
+ }
2013
+ }
2014
+ },
2015
+ MuiDialogContentText: {
2016
+ styleOverrides: {
2017
+ root: {
2018
+ fontFamily: tokens_default.typography.fontFamily.body,
2019
+ fontSize: tokens_default.typography.fontSize["text-sm"],
2020
+ fontWeight: tokens_default.typography.fontWeight.regular,
2021
+ lineHeight: tokens_default.typography.lineHeight["text-sm"],
2022
+ color: tokens_default.color.gray[600]
2023
+ }
2024
+ }
2025
+ },
2026
+ MuiDialogActions: {
2027
+ styleOverrides: {
2028
+ root: {
2029
+ padding: `${tokens_default.spacing["4xl"]} ${tokens_default.spacing["3xl"]} ${tokens_default.spacing["3xl"]}`,
2030
+ gap: tokens_default.spacing.lg,
2031
+ "& > :not(:first-of-type)": {
2032
+ marginLeft: 0
2033
+ }
2034
+ }
2035
+ }
2036
+ }
2037
+ };
2038
+
2039
+ // src/theme/components/index.ts
2040
+ var components = {
2041
+ MuiButton: buttonOverrides,
2042
+ MuiButtonGroup: buttonGroupOverrides,
2043
+ MuiCard: cardOverrides,
2044
+ MuiChip: chipOverrides,
2045
+ MuiSelect: selectOverrides,
2046
+ MuiAutocomplete: autocompleteOverrides,
2047
+ MuiAvatar: avatarOverrides,
2048
+ MuiSwitch: switchOverrides,
2049
+ MuiCheckbox: checkboxOverrides,
2050
+ MuiRadio: radioOverrides,
2051
+ ...datePickerOverrides,
2052
+ ...textFieldOverrides,
2053
+ ...menuOverrides,
2054
+ ...progressOverrides,
2055
+ ...tableOverrides,
2056
+ ...sectionHeaderOverrides,
2057
+ ...modalOverrides
2058
+ };
2059
+
2060
+ // src/theme/theme.ts
2061
+ var colorTokens3 = tokens_default.color;
2062
+ var typographyTokens = tokens_default.typography;
2063
+ var borderRadiusTokens6 = tokens_default.borderRadius;
2064
+ var shadowTokens = tokens_default.shadows;
2065
+ var themeOptions = {
2066
+ palette,
2067
+ typography,
2068
+ spacing: 8,
2069
+ // Base unit for theme.spacing() function
2070
+ shape: {
2071
+ borderRadiusSm: borderRadiusTokens6.sm,
2072
+ borderRadiusMd: borderRadiusTokens6.md,
2073
+ borderRadiusLg: borderRadiusTokens6.lg,
2074
+ borderRadiusXl: borderRadiusTokens6.xl
2075
+ },
2076
+ components
2077
+ };
2078
+ var theme = (0, import_styles2.createTheme)(themeOptions);
2079
+ var tokens = {
2080
+ color: colorTokens3,
2081
+ typography: typographyTokens,
2082
+ borderRadius: borderRadiusTokens6,
2083
+ shadows: shadowTokens
2084
+ };
2085
+
2086
+ // src/theme/icons.ts
2087
+ var import_Close = __toESM(require("@mui/icons-material/Close"));
2088
+ var import_Menu = __toESM(require("@mui/icons-material/Menu"));
2089
+ var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"));
2090
+ var import_ChevronRight = __toESM(require("@mui/icons-material/ChevronRight"));
2091
+ var import_KeyboardArrowDown = __toESM(require("@mui/icons-material/KeyboardArrowDown"));
2092
+ var import_KeyboardArrowUp = __toESM(require("@mui/icons-material/KeyboardArrowUp"));
2093
+ var import_KeyboardArrowRight = __toESM(require("@mui/icons-material/KeyboardArrowRight"));
2094
+ var import_OpenInNew = __toESM(require("@mui/icons-material/OpenInNew"));
2095
+ var import_LogoutOutlined = __toESM(require("@mui/icons-material/LogoutOutlined"));
2096
+ var import_Add = __toESM(require("@mui/icons-material/Add"));
2097
+ var import_Edit = __toESM(require("@mui/icons-material/Edit"));
2098
+ var import_Delete = __toESM(require("@mui/icons-material/Delete"));
2099
+ var import_DeleteOutline = __toESM(require("@mui/icons-material/DeleteOutline"));
2100
+ var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
2101
+ var import_Send = __toESM(require("@mui/icons-material/Send"));
2102
+ var import_Search = __toESM(require("@mui/icons-material/Search"));
2103
+ var import_CloudUpload = __toESM(require("@mui/icons-material/CloudUpload"));
2104
+ var import_CloudUploadOutlined = __toESM(require("@mui/icons-material/CloudUploadOutlined"));
2105
+ var import_CloudDownload = __toESM(require("@mui/icons-material/CloudDownload"));
2106
+ var import_Download = __toESM(require("@mui/icons-material/Download"));
2107
+ var import_AttachFile = __toESM(require("@mui/icons-material/AttachFile"));
2108
+ var import_Create = __toESM(require("@mui/icons-material/Create"));
2109
+ var import_PlayArrow = __toESM(require("@mui/icons-material/PlayArrow"));
2110
+ var import_UploadFile = __toESM(require("@mui/icons-material/UploadFile"));
2111
+ var import_Pause = __toESM(require("@mui/icons-material/Pause"));
2112
+ var import_VolumeUp = __toESM(require("@mui/icons-material/VolumeUp"));
2113
+ var import_Fullscreen = __toESM(require("@mui/icons-material/Fullscreen"));
2114
+ var import_Check = __toESM(require("@mui/icons-material/Check"));
2115
+ var import_CheckCircle = __toESM(require("@mui/icons-material/CheckCircle"));
2116
+ var import_CheckCircleOutline = __toESM(require("@mui/icons-material/CheckCircleOutline"));
2117
+ var import_CheckCircleOutlined = __toESM(require("@mui/icons-material/CheckCircleOutlined"));
2118
+ var import_ErrorOutline = __toESM(require("@mui/icons-material/ErrorOutline"));
2119
+ var import_ErrorOutlined = __toESM(require("@mui/icons-material/ErrorOutlined"));
2120
+ var import_WarningAmber = __toESM(require("@mui/icons-material/WarningAmber"));
2121
+ var import_WarningAmberOutlined = __toESM(require("@mui/icons-material/WarningAmberOutlined"));
2122
+ var import_InfoOutlined = __toESM(require("@mui/icons-material/InfoOutlined"));
2123
+ var import_Verified = __toESM(require("@mui/icons-material/Verified"));
2124
+ var import_CancelOutlined = __toESM(require("@mui/icons-material/CancelOutlined"));
2125
+ var import_GitHub = __toESM(require("@mui/icons-material/GitHub"));
2126
+ var import_Twitter = __toESM(require("@mui/icons-material/Twitter"));
2127
+ var import_LinkedIn = __toESM(require("@mui/icons-material/LinkedIn"));
2128
+ var import_Public = __toESM(require("@mui/icons-material/Public"));
2129
+ var import_Email = __toESM(require("@mui/icons-material/Email"));
2130
+ var import_Mail = __toESM(require("@mui/icons-material/Mail"));
2131
+ var import_FolderOutlined = __toESM(require("@mui/icons-material/FolderOutlined"));
2132
+ var import_FolderOutlined2 = __toESM(require("@mui/icons-material/FolderOutlined"));
2133
+ var import_DescriptionOutlined = __toESM(require("@mui/icons-material/DescriptionOutlined"));
2134
+ var import_DescriptionOutlined2 = __toESM(require("@mui/icons-material/DescriptionOutlined"));
2135
+ var import_ArticleOutlined = __toESM(require("@mui/icons-material/ArticleOutlined"));
2136
+ var import_InsertDriveFileOutlined = __toESM(require("@mui/icons-material/InsertDriveFileOutlined"));
2137
+ var import_Image = __toESM(require("@mui/icons-material/Image"));
2138
+ var import_Person = __toESM(require("@mui/icons-material/Person"));
2139
+ var import_PersonOutline = __toESM(require("@mui/icons-material/PersonOutline"));
2140
+ var import_PeopleOutlined = __toESM(require("@mui/icons-material/PeopleOutlined"));
2141
+ var import_GroupAddOutlined = __toESM(require("@mui/icons-material/GroupAddOutlined"));
2142
+ var import_Settings = __toESM(require("@mui/icons-material/Settings"));
2143
+ var import_SettingsOutlined = __toESM(require("@mui/icons-material/SettingsOutlined"));
2144
+ var import_Notifications = __toESM(require("@mui/icons-material/Notifications"));
2145
+ var import_NotificationsOutlined = __toESM(require("@mui/icons-material/NotificationsOutlined"));
2146
+ var import_HelpOutline = __toESM(require("@mui/icons-material/HelpOutline"));
2147
+ var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"));
2148
+ var import_DashboardOutlined = __toESM(require("@mui/icons-material/DashboardOutlined"));
2149
+ var import_BarChart = __toESM(require("@mui/icons-material/BarChart"));
2150
+ var import_BarChartOutlined = __toESM(require("@mui/icons-material/BarChartOutlined"));
2151
+ var import_AssessmentOutlined = __toESM(require("@mui/icons-material/AssessmentOutlined"));
2152
+ var import_Circle = __toESM(require("@mui/icons-material/Circle"));
2153
+ var import_HomeOutlined = __toESM(require("@mui/icons-material/HomeOutlined"));
2154
+ var import_AssignmentOutlined = __toESM(require("@mui/icons-material/AssignmentOutlined"));
2155
+ var import_AccessTime = __toESM(require("@mui/icons-material/AccessTime"));
2156
+ var import_CalendarToday = __toESM(require("@mui/icons-material/CalendarToday"));
2157
+ var import_CalendarTodayOutlined = __toESM(require("@mui/icons-material/CalendarTodayOutlined"));
2158
+ var import_Alarm = __toESM(require("@mui/icons-material/Alarm"));
2159
+ var import_FlashOn = __toESM(require("@mui/icons-material/FlashOn"));
2160
+ var import_Bolt = __toESM(require("@mui/icons-material/Bolt"));
2161
+ var import_AutoAwesome = __toESM(require("@mui/icons-material/AutoAwesome"));
2162
+ var import_Mic = __toESM(require("@mui/icons-material/Mic"));
2163
+ var import_Link = __toESM(require("@mui/icons-material/Link"));
2164
+ var import_BookmarkBorder = __toESM(require("@mui/icons-material/BookmarkBorder"));
2165
+ var import_CreditCard = __toESM(require("@mui/icons-material/CreditCard"));
2166
+ var import_IntegrationInstructions = __toESM(require("@mui/icons-material/IntegrationInstructions"));
2167
+ var import_ChatBubbleOutline = __toESM(require("@mui/icons-material/ChatBubbleOutline"));
2168
+ var import_MailOutline = __toESM(require("@mui/icons-material/MailOutline"));
2169
+ var import_StarOutline = __toESM(require("@mui/icons-material/StarOutline"));
2170
+ var import_Refresh = __toESM(require("@mui/icons-material/Refresh"));
2171
+ var import_DoneAll = __toESM(require("@mui/icons-material/DoneAll"));
2172
+ // Annotate the CommonJS export names for ESM import in node:
2173
+ 0 && (module.exports = {
2174
+ AccessTimeIcon,
2175
+ AddIcon,
2176
+ AlarmIcon,
2177
+ ArticleOutlinedIcon,
2178
+ AssessmentOutlinedIcon,
2179
+ AssignmentOutlinedIcon,
2180
+ AttachFileIcon,
2181
+ AutoAwesomeIcon,
2182
+ BarChartIcon,
2183
+ BarChartOutlinedIcon,
2184
+ BoltIcon,
2185
+ BookmarkBorderIcon,
2186
+ CalendarTodayIcon,
2187
+ CalendarTodayOutlinedIcon,
2188
+ CancelOutlinedIcon,
2189
+ ChatBubbleOutlineIcon,
2190
+ CheckCircleIcon,
2191
+ CheckCircleOutlineIcon,
2192
+ CheckCircleOutlinedIcon,
2193
+ CheckIcon,
2194
+ ChevronLeftIcon,
2195
+ ChevronRightIcon,
2196
+ CircleIcon,
2197
+ CloseIcon,
2198
+ CloudDownloadIcon,
2199
+ CloudUploadIcon,
2200
+ CloudUploadOutlinedIcon,
2201
+ ContentCopyIcon,
2202
+ CreateIcon,
2203
+ CreditCardIcon,
2204
+ DashboardOutlinedIcon,
2205
+ DeleteIcon,
2206
+ DeleteOutlineIcon,
2207
+ DescriptionIcon,
2208
+ DescriptionOutlinedIcon,
2209
+ DoneAllIcon,
2210
+ DownloadIcon,
2211
+ EditIcon,
2212
+ EmailIcon,
2213
+ ErrorOutlineIcon,
2214
+ ErrorOutlinedIcon,
2215
+ FlashOnIcon,
2216
+ FolderIcon,
2217
+ FolderOutlinedIcon,
2218
+ FullscreenIcon,
2219
+ GitHubIcon,
2220
+ GroupAddOutlinedIcon,
2221
+ HelpOutlineIcon,
2222
+ HomeOutlinedIcon,
2223
+ ImageIcon,
2224
+ InfoOutlinedIcon,
2225
+ InsertDriveFileOutlinedIcon,
2226
+ IntegrationInstructionsIcon,
2227
+ KeyboardArrowDownIcon,
2228
+ KeyboardArrowRightIcon,
2229
+ KeyboardArrowUpIcon,
2230
+ LinkIcon,
2231
+ LinkedInIcon,
2232
+ LogoutOutlinedIcon,
2233
+ MailIcon,
2234
+ MailOutlineIcon,
2235
+ MenuIcon,
2236
+ MicIcon,
2237
+ MoreVertIcon,
2238
+ NotificationsIcon,
2239
+ NotificationsOutlinedIcon,
2240
+ OpenInNewIcon,
2241
+ PauseIcon,
2242
+ PeopleOutlinedIcon,
2243
+ PersonIcon,
2244
+ PersonOutlineIcon,
2245
+ PlayArrowIcon,
2246
+ PublicIcon,
2247
+ RefreshIcon,
2248
+ SearchIcon,
2249
+ SendIcon,
2250
+ SettingsIcon,
2251
+ SettingsOutlinedIcon,
2252
+ StarOutlineIcon,
2253
+ TwitterIcon,
2254
+ UploadFileIcon,
2255
+ VerifiedIcon,
2256
+ VolumeUpIcon,
2257
+ WarningAmberIcon,
2258
+ WarningAmberOutlinedIcon,
2259
+ theme,
2260
+ tokens
2261
+ });
2262
+ //# sourceMappingURL=index.js.map