@m4l/styles 0.0.31 → 0.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.b25c825e.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -81
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +636 -475
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +42 -52
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +14 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -87
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  19. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  21. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  22. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  23. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  24. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  25. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +142 -1
  26. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -42
  28. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  32. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  33. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  34. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  35. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.15f2650a.js} +1112 -826
  36. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  37. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  38. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +5 -3
  39. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  40. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  41. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.e6262889.js} +252 -37
  42. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  43. package/theme/overrides/index.158187f3.js +105 -0
  44. package/theme/{palette.76ca123c.js → palette.31d770bc.js} +84 -42
  45. package/theme/palette.d.ts +16 -6
  46. package/theme/{shadows.1c46a94e.js → shadows.9800d84c.js} +24 -24
  47. package/theme/typography.b14a8e35.js +122 -0
  48. package/theme/typography.d.ts +19 -13
  49. package/types/augmentations.d.ts +1 -1
  50. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.9fec9cc2.js} +1 -1
  51. package/utils/getColorState.4350ccb4.js +239 -0
  52. package/utils/getColorState.d.ts +5 -0
  53. package/theme/defaultThemeOptions.85da8657.js +0 -30
  54. package/theme/index.4dffae0a.js +0 -7
  55. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  56. package/theme/overrides/index.a465322b.js +0 -104
  57. package/theme/typography.89adddae.js +0 -124
  58. package/utils/getColorState.42ed5268.js +0 -208
package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
15
15
  display?: undefined;
16
16
  justifyContent?: undefined;
17
17
  alignItems?: undefined;
18
+ padding?: undefined;
18
19
  '&.M4LAreasAdmin-isFocus'?: undefined;
19
20
  '*::-webkit-scrollbar'?: undefined;
20
21
  '*::-webkit-scrollbar-thumb'?: undefined;
@@ -39,7 +40,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
39
40
  display?: undefined;
40
41
  flexDirection?: undefined;
41
42
  overflow?: undefined;
42
- borderRight?: undefined;
43
43
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
44
44
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
45
45
  borderLeft?: undefined;
@@ -59,7 +59,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
59
59
  display?: undefined;
60
60
  flexDirection?: undefined;
61
61
  overflow?: undefined;
62
- borderRight?: undefined;
63
62
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
64
63
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
65
64
  borderLeft?: undefined;
@@ -79,7 +78,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
79
78
  display?: undefined;
80
79
  flexDirection?: undefined;
81
80
  overflow?: undefined;
82
- borderRight?: undefined;
83
81
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
84
82
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
85
83
  borderLeft?: undefined;
@@ -99,7 +97,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
99
97
  display?: undefined;
100
98
  flexDirection?: undefined;
101
99
  overflow?: undefined;
102
- borderRight?: undefined;
103
100
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
104
101
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
105
102
  borderLeft?: undefined;
@@ -119,7 +116,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
119
116
  display?: undefined;
120
117
  flexDirection?: undefined;
121
118
  overflow?: undefined;
122
- borderRight?: undefined;
123
119
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
124
120
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
125
121
  borderLeft?: undefined;
@@ -188,6 +184,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
188
184
  flexDirection?: undefined;
189
185
  height?: undefined;
190
186
  justifyContent?: undefined;
187
+ '& .simplebar-mask .simplebar-offset '?: undefined;
191
188
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
192
189
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
193
190
  maxWidth?: undefined;
@@ -201,7 +198,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
201
198
  '&:hover'?: undefined;
202
199
  '& .M4LAreasAdmin-selected .'?: undefined;
203
200
  alignItems?: undefined;
204
- marginRight?: undefined;
205
201
  minHeight?: undefined;
206
202
  gap?: undefined;
207
203
  paddingLeft?: undefined;
@@ -214,10 +210,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
214
210
  width: string;
215
211
  background: string;
216
212
  display?: undefined;
217
- height?: undefined;
218
213
  alignItems?: undefined;
214
+ height?: undefined;
215
+ gap?: undefined;
216
+ paddingRight?: undefined;
217
+ border?: undefined;
218
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
219
+ } | {
220
+ display: string;
221
+ alignItems: string;
222
+ width?: undefined;
223
+ background?: undefined;
224
+ height?: undefined;
219
225
  gap?: undefined;
220
226
  paddingRight?: undefined;
227
+ border?: undefined;
221
228
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
222
229
  } | {
223
230
  [x: string]: string | {
@@ -230,9 +237,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
230
237
  gap: string;
231
238
  paddingRight: string;
232
239
  background?: undefined;
240
+ border?: undefined;
233
241
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
234
242
  } | {
235
243
  width: string;
244
+ border: string;
245
+ background: string;
236
246
  '& .M4LAreasAdmin-areaChipRoot': {
237
247
  width: string;
238
248
  paddingLeft: string;
@@ -241,14 +251,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
241
251
  whiteSpace: string;
242
252
  overflow: string;
243
253
  textOverflow: string;
254
+ gap: string;
255
+ background: string;
244
256
  '& .M4LAreasAdmin-areaChipRoot': {
245
257
  width: string;
246
258
  };
247
259
  };
248
- background?: undefined;
249
260
  display?: undefined;
250
- height?: undefined;
251
261
  alignItems?: undefined;
262
+ height?: undefined;
252
263
  gap?: undefined;
253
264
  paddingRight?: undefined;
254
265
  };
@@ -257,6 +268,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
257
268
  width: string;
258
269
  height: string;
259
270
  justifyContent: string;
271
+ '& .simplebar-mask .simplebar-offset ': {
272
+ display: string;
273
+ alignItems: string;
274
+ };
260
275
  '& .M4LAreasAdmin-areaContentChips': {
261
276
  [x: string]: string | {
262
277
  height: string;
@@ -270,6 +285,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
270
285
  };
271
286
  '& .M4LAreasAdmin-areaChipMobileRoot': {
272
287
  width: string;
288
+ border: string;
289
+ background: string;
273
290
  '& .M4LAreasAdmin-areaChipRoot': {
274
291
  width: string;
275
292
  paddingLeft: string;
@@ -278,6 +295,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
278
295
  whiteSpace: string;
279
296
  overflow: string;
280
297
  textOverflow: string;
298
+ gap: string;
299
+ background: string;
281
300
  '& .M4LAreasAdmin-areaChipRoot': {
282
301
  width: string;
283
302
  };
@@ -296,7 +315,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
296
315
  '&:hover'?: undefined;
297
316
  '& .M4LAreasAdmin-selected .'?: undefined;
298
317
  alignItems?: undefined;
299
- marginRight?: undefined;
300
318
  minHeight?: undefined;
301
319
  gap?: undefined;
302
320
  paddingLeft?: undefined;
@@ -316,6 +334,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
316
334
  flexDirection?: undefined;
317
335
  height?: undefined;
318
336
  justifyContent?: undefined;
337
+ '& .simplebar-mask .simplebar-offset '?: undefined;
319
338
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
320
339
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
321
340
  '& .simplebar-offset'?: undefined;
@@ -328,7 +347,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
328
347
  '&:hover'?: undefined;
329
348
  '& .M4LAreasAdmin-selected .'?: undefined;
330
349
  alignItems?: undefined;
331
- marginRight?: undefined;
332
350
  minHeight?: undefined;
333
351
  gap?: undefined;
334
352
  paddingLeft?: undefined;
@@ -345,6 +363,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
345
363
  flexDirection?: undefined;
346
364
  height?: undefined;
347
365
  justifyContent?: undefined;
366
+ '& .simplebar-mask .simplebar-offset '?: undefined;
348
367
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
349
368
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
350
369
  '& .simplebar-offset'?: undefined;
@@ -357,7 +376,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
357
376
  '&:hover'?: undefined;
358
377
  '& .M4LAreasAdmin-selected .'?: undefined;
359
378
  alignItems?: undefined;
360
- marginRight?: undefined;
361
379
  minHeight?: undefined;
362
380
  gap?: undefined;
363
381
  paddingLeft?: undefined;
@@ -384,6 +402,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
384
402
  flexDirection?: undefined;
385
403
  height?: undefined;
386
404
  justifyContent?: undefined;
405
+ '& .simplebar-mask .simplebar-offset '?: undefined;
387
406
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
388
407
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
389
408
  maxWidth?: undefined;
@@ -396,7 +415,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
396
415
  '&:hover'?: undefined;
397
416
  '& .M4LAreasAdmin-selected .'?: undefined;
398
417
  alignItems?: undefined;
399
- marginRight?: undefined;
400
418
  minHeight?: undefined;
401
419
  gap?: undefined;
402
420
  paddingLeft?: undefined;
@@ -412,29 +430,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
412
430
  border: string;
413
431
  boxShadow: string;
414
432
  width: string;
415
- transition?: undefined;
416
- opacity?: undefined;
417
- } | {
418
- transition: string;
419
- opacity: string;
420
- background?: undefined;
421
- border?: undefined;
422
- boxShadow?: undefined;
423
- width?: undefined;
424
433
  };
425
434
  margin: string;
426
435
  borderRadius: string;
427
436
  overflow: string;
428
437
  width: string;
429
438
  cursor: string;
430
- '& .M4LAreasAdmin-areaChipEditButton': {
431
- transition: string;
432
- opacity: string;
433
- };
434
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
435
- transition: string;
436
- opacity: string;
437
- };
438
439
  position?: undefined;
439
440
  };
440
441
  background?: undefined;
@@ -443,6 +444,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
443
444
  flexDirection?: undefined;
444
445
  height?: undefined;
445
446
  justifyContent?: undefined;
447
+ '& .simplebar-mask .simplebar-offset '?: undefined;
446
448
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
447
449
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
448
450
  maxWidth?: undefined;
@@ -455,7 +457,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
455
457
  '&:hover'?: undefined;
456
458
  '& .M4LAreasAdmin-selected .'?: undefined;
457
459
  alignItems?: undefined;
458
- marginRight?: undefined;
459
460
  minHeight?: undefined;
460
461
  gap?: undefined;
461
462
  paddingLeft?: undefined;
@@ -532,8 +533,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
532
533
  width: string;
533
534
  position: string;
534
535
  cursor?: undefined;
535
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
536
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
537
536
  };
538
537
  '& .M4LAreasAdmin-selected .': {
539
538
  [x: string]: {
@@ -544,12 +543,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
544
543
  flexDirection?: undefined;
545
544
  height?: undefined;
546
545
  justifyContent?: undefined;
546
+ '& .simplebar-mask .simplebar-offset '?: undefined;
547
547
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
548
548
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
549
549
  maxWidth?: undefined;
550
550
  '& .simplebar-offset'?: undefined;
551
551
  alignItems?: undefined;
552
- marginRight?: undefined;
553
552
  minHeight?: undefined;
554
553
  gap?: undefined;
555
554
  paddingLeft?: undefined;
@@ -580,6 +579,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
580
579
  flexDirection?: undefined;
581
580
  height?: undefined;
582
581
  justifyContent?: undefined;
582
+ '& .simplebar-mask .simplebar-offset '?: undefined;
583
583
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
584
584
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
585
585
  maxWidth?: undefined;
@@ -590,7 +590,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
590
590
  '&:hover'?: undefined;
591
591
  '& .M4LAreasAdmin-selected .'?: undefined;
592
592
  alignItems?: undefined;
593
- marginRight?: undefined;
594
593
  minHeight?: undefined;
595
594
  gap?: undefined;
596
595
  paddingLeft?: undefined;
@@ -606,6 +605,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
606
605
  width?: undefined;
607
606
  flexDirection?: undefined;
608
607
  justifyContent?: undefined;
608
+ '& .simplebar-mask .simplebar-offset '?: undefined;
609
609
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
610
610
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
611
611
  maxWidth?: undefined;
@@ -618,7 +618,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
618
618
  borderRadius?: undefined;
619
619
  '&:hover'?: undefined;
620
620
  '& .M4LAreasAdmin-selected .'?: undefined;
621
- marginRight?: undefined;
622
621
  minHeight?: undefined;
623
622
  gap?: undefined;
624
623
  paddingLeft?: undefined;
@@ -635,6 +634,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
635
634
  flexDirection?: undefined;
636
635
  height?: undefined;
637
636
  justifyContent?: undefined;
637
+ '& .simplebar-mask .simplebar-offset '?: undefined;
638
638
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
639
639
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
640
640
  maxWidth?: undefined;
@@ -647,7 +647,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
647
647
  borderRadius?: undefined;
648
648
  '&:hover'?: undefined;
649
649
  '& .M4LAreasAdmin-selected .'?: undefined;
650
- marginRight?: undefined;
651
650
  minHeight?: undefined;
652
651
  gap?: undefined;
653
652
  paddingLeft?: undefined;
@@ -674,6 +673,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
674
673
  border: string;
675
674
  textWrap: string;
676
675
  width: string;
676
+ minWidth: string;
677
+ justifyContent: string;
677
678
  display: string;
678
679
  alignItems: string;
679
680
  color: string | undefined;
@@ -709,13 +710,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
709
710
  border: string;
710
711
  textWrap: string;
711
712
  width: string;
713
+ minWidth: string;
714
+ justifyContent: string;
712
715
  display: string;
713
716
  alignItems: string;
714
717
  color: string;
715
718
  background?: undefined;
716
719
  borderColor?: undefined;
717
720
  boxShadow?: undefined;
718
- justifyContent?: undefined;
719
721
  height?: undefined;
720
722
  '&.M4LIconButton-variantPrimary'?: undefined;
721
723
  } | {
@@ -757,7 +759,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
757
759
  display: string;
758
760
  background: string;
759
761
  borderRadius: string;
760
- marginRight: string;
761
762
  minHeight: string;
762
763
  width: string;
763
764
  gap: string;
@@ -771,6 +772,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
771
772
  border: string;
772
773
  textWrap: string;
773
774
  width: string;
775
+ minWidth: string;
776
+ justifyContent: string;
774
777
  display: string;
775
778
  alignItems: string;
776
779
  color: string | undefined;
@@ -800,6 +803,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
800
803
  border: string;
801
804
  textWrap: string;
802
805
  width: string;
806
+ minWidth: string;
807
+ justifyContent: string;
803
808
  display: string;
804
809
  alignItems: string;
805
810
  color: string;
@@ -837,6 +842,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
837
842
  flexDirection?: undefined;
838
843
  height?: undefined;
839
844
  justifyContent?: undefined;
845
+ '& .simplebar-mask .simplebar-offset '?: undefined;
840
846
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
841
847
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
842
848
  maxWidth?: undefined;
@@ -862,10 +868,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
862
868
  width: string;
863
869
  background: string;
864
870
  display?: undefined;
865
- height?: undefined;
866
871
  alignItems?: undefined;
872
+ height?: undefined;
867
873
  gap?: undefined;
868
874
  paddingRight?: undefined;
875
+ border?: undefined;
876
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
877
+ } | {
878
+ display: string;
879
+ alignItems: string;
880
+ width?: undefined;
881
+ background?: undefined;
882
+ height?: undefined;
883
+ gap?: undefined;
884
+ paddingRight?: undefined;
885
+ border?: undefined;
869
886
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
870
887
  } | {
871
888
  [x: string]: string | {
@@ -878,9 +895,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
878
895
  gap: string;
879
896
  paddingRight: string;
880
897
  background?: undefined;
898
+ border?: undefined;
881
899
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
882
900
  } | {
883
901
  width: string;
902
+ border: string;
903
+ background: string;
884
904
  '& .M4LAreasAdmin-areaChipRoot': {
885
905
  width: string;
886
906
  paddingLeft: string;
@@ -889,14 +909,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
889
909
  whiteSpace: string;
890
910
  overflow: string;
891
911
  textOverflow: string;
912
+ gap: string;
913
+ background: string;
892
914
  '& .M4LAreasAdmin-areaChipRoot': {
893
915
  width: string;
894
916
  };
895
917
  };
896
- background?: undefined;
897
918
  display?: undefined;
898
- height?: undefined;
899
919
  alignItems?: undefined;
920
+ height?: undefined;
900
921
  gap?: undefined;
901
922
  paddingRight?: undefined;
902
923
  };
@@ -905,6 +926,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
905
926
  width: string;
906
927
  height: string;
907
928
  justifyContent: string;
929
+ '& .simplebar-mask .simplebar-offset ': {
930
+ display: string;
931
+ alignItems: string;
932
+ };
908
933
  '& .M4LAreasAdmin-areaContentChips': {
909
934
  [x: string]: string | {
910
935
  height: string;
@@ -918,6 +943,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
918
943
  };
919
944
  '& .M4LAreasAdmin-areaChipMobileRoot': {
920
945
  width: string;
946
+ border: string;
947
+ background: string;
921
948
  '& .M4LAreasAdmin-areaChipRoot': {
922
949
  width: string;
923
950
  paddingLeft: string;
@@ -926,6 +953,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
926
953
  whiteSpace: string;
927
954
  overflow: string;
928
955
  textOverflow: string;
956
+ gap: string;
957
+ background: string;
929
958
  '& .M4LAreasAdmin-areaChipRoot': {
930
959
  width: string;
931
960
  };
@@ -965,29 +994,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
965
994
  border: string;
966
995
  boxShadow: string;
967
996
  width: string;
968
- transition?: undefined;
969
- opacity?: undefined;
970
- } | {
971
- transition: string;
972
- opacity: string;
973
- background?: undefined;
974
- border?: undefined;
975
- boxShadow?: undefined;
976
- width?: undefined;
977
997
  };
978
998
  margin: string;
979
999
  borderRadius: string;
980
1000
  overflow: string;
981
1001
  width: string;
982
1002
  cursor: string;
983
- '& .M4LAreasAdmin-areaChipEditButton': {
984
- transition: string;
985
- opacity: string;
986
- };
987
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
988
- transition: string;
989
- opacity: string;
990
- };
991
1003
  };
992
1004
  };
993
1005
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -1107,6 +1119,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1107
1119
  border: string;
1108
1120
  textWrap: string;
1109
1121
  width: string;
1122
+ minWidth: string;
1123
+ justifyContent: string;
1110
1124
  display: string;
1111
1125
  alignItems: string;
1112
1126
  color: string | undefined;
@@ -1142,13 +1156,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1142
1156
  border: string;
1143
1157
  textWrap: string;
1144
1158
  width: string;
1159
+ minWidth: string;
1160
+ justifyContent: string;
1145
1161
  display: string;
1146
1162
  alignItems: string;
1147
1163
  color: string;
1148
1164
  background?: undefined;
1149
1165
  borderColor?: undefined;
1150
1166
  boxShadow?: undefined;
1151
- justifyContent?: undefined;
1152
1167
  height?: undefined;
1153
1168
  '&.M4LIconButton-variantPrimary'?: undefined;
1154
1169
  } | {
@@ -1190,7 +1205,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1190
1205
  display: string;
1191
1206
  background: string;
1192
1207
  borderRadius: string;
1193
- marginRight: string;
1194
1208
  minHeight: string;
1195
1209
  width: string;
1196
1210
  gap: string;
@@ -1204,6 +1218,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1204
1218
  border: string;
1205
1219
  textWrap: string;
1206
1220
  width: string;
1221
+ minWidth: string;
1222
+ justifyContent: string;
1207
1223
  display: string;
1208
1224
  alignItems: string;
1209
1225
  color: string | undefined;
@@ -1233,6 +1249,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1233
1249
  border: string;
1234
1250
  textWrap: string;
1235
1251
  width: string;
1252
+ minWidth: string;
1253
+ justifyContent: string;
1236
1254
  display: string;
1237
1255
  alignItems: string;
1238
1256
  color: string;
@@ -1275,7 +1293,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1275
1293
  width: string;
1276
1294
  overflow: string;
1277
1295
  height: string;
1278
- borderRight: string;
1279
1296
  borderColor: string;
1280
1297
  '& .M4LAreasAdmin-areaIconLayer': {
1281
1298
  [x: string]: string | {
@@ -1302,6 +1319,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1302
1319
  flexDirection?: undefined;
1303
1320
  height?: undefined;
1304
1321
  justifyContent?: undefined;
1322
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1305
1323
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1306
1324
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1307
1325
  maxWidth?: undefined;
@@ -1315,7 +1333,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1315
1333
  '&:hover'?: undefined;
1316
1334
  '& .M4LAreasAdmin-selected .'?: undefined;
1317
1335
  alignItems?: undefined;
1318
- marginRight?: undefined;
1319
1336
  minHeight?: undefined;
1320
1337
  gap?: undefined;
1321
1338
  paddingLeft?: undefined;
@@ -1328,10 +1345,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1328
1345
  width: string;
1329
1346
  background: string;
1330
1347
  display?: undefined;
1331
- height?: undefined;
1332
1348
  alignItems?: undefined;
1349
+ height?: undefined;
1333
1350
  gap?: undefined;
1334
1351
  paddingRight?: undefined;
1352
+ border?: undefined;
1353
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
1354
+ } | {
1355
+ display: string;
1356
+ alignItems: string;
1357
+ width?: undefined;
1358
+ background?: undefined;
1359
+ height?: undefined;
1360
+ gap?: undefined;
1361
+ paddingRight?: undefined;
1362
+ border?: undefined;
1335
1363
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
1336
1364
  } | {
1337
1365
  [x: string]: string | {
@@ -1344,9 +1372,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1344
1372
  gap: string;
1345
1373
  paddingRight: string;
1346
1374
  background?: undefined;
1375
+ border?: undefined;
1347
1376
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
1348
1377
  } | {
1349
1378
  width: string;
1379
+ border: string;
1380
+ background: string;
1350
1381
  '& .M4LAreasAdmin-areaChipRoot': {
1351
1382
  width: string;
1352
1383
  paddingLeft: string;
@@ -1355,14 +1386,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1355
1386
  whiteSpace: string;
1356
1387
  overflow: string;
1357
1388
  textOverflow: string;
1389
+ gap: string;
1390
+ background: string;
1358
1391
  '& .M4LAreasAdmin-areaChipRoot': {
1359
1392
  width: string;
1360
1393
  };
1361
1394
  };
1362
- background?: undefined;
1363
1395
  display?: undefined;
1364
- height?: undefined;
1365
1396
  alignItems?: undefined;
1397
+ height?: undefined;
1366
1398
  gap?: undefined;
1367
1399
  paddingRight?: undefined;
1368
1400
  };
@@ -1371,6 +1403,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1371
1403
  width: string;
1372
1404
  height: string;
1373
1405
  justifyContent: string;
1406
+ '& .simplebar-mask .simplebar-offset ': {
1407
+ display: string;
1408
+ alignItems: string;
1409
+ };
1374
1410
  '& .M4LAreasAdmin-areaContentChips': {
1375
1411
  [x: string]: string | {
1376
1412
  height: string;
@@ -1384,6 +1420,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1384
1420
  };
1385
1421
  '& .M4LAreasAdmin-areaChipMobileRoot': {
1386
1422
  width: string;
1423
+ border: string;
1424
+ background: string;
1387
1425
  '& .M4LAreasAdmin-areaChipRoot': {
1388
1426
  width: string;
1389
1427
  paddingLeft: string;
@@ -1392,6 +1430,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1392
1430
  whiteSpace: string;
1393
1431
  overflow: string;
1394
1432
  textOverflow: string;
1433
+ gap: string;
1434
+ background: string;
1395
1435
  '& .M4LAreasAdmin-areaChipRoot': {
1396
1436
  width: string;
1397
1437
  };
@@ -1410,7 +1450,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1410
1450
  '&:hover'?: undefined;
1411
1451
  '& .M4LAreasAdmin-selected .'?: undefined;
1412
1452
  alignItems?: undefined;
1413
- marginRight?: undefined;
1414
1453
  minHeight?: undefined;
1415
1454
  gap?: undefined;
1416
1455
  paddingLeft?: undefined;
@@ -1430,6 +1469,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1430
1469
  flexDirection?: undefined;
1431
1470
  height?: undefined;
1432
1471
  justifyContent?: undefined;
1472
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1433
1473
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1434
1474
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1435
1475
  '& .simplebar-offset'?: undefined;
@@ -1442,7 +1482,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1442
1482
  '&:hover'?: undefined;
1443
1483
  '& .M4LAreasAdmin-selected .'?: undefined;
1444
1484
  alignItems?: undefined;
1445
- marginRight?: undefined;
1446
1485
  minHeight?: undefined;
1447
1486
  gap?: undefined;
1448
1487
  paddingLeft?: undefined;
@@ -1459,6 +1498,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1459
1498
  flexDirection?: undefined;
1460
1499
  height?: undefined;
1461
1500
  justifyContent?: undefined;
1501
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1462
1502
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1463
1503
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1464
1504
  '& .simplebar-offset'?: undefined;
@@ -1471,7 +1511,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1471
1511
  '&:hover'?: undefined;
1472
1512
  '& .M4LAreasAdmin-selected .'?: undefined;
1473
1513
  alignItems?: undefined;
1474
- marginRight?: undefined;
1475
1514
  minHeight?: undefined;
1476
1515
  gap?: undefined;
1477
1516
  paddingLeft?: undefined;
@@ -1498,6 +1537,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1498
1537
  flexDirection?: undefined;
1499
1538
  height?: undefined;
1500
1539
  justifyContent?: undefined;
1540
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1501
1541
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1502
1542
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1503
1543
  maxWidth?: undefined;
@@ -1510,7 +1550,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1510
1550
  '&:hover'?: undefined;
1511
1551
  '& .M4LAreasAdmin-selected .'?: undefined;
1512
1552
  alignItems?: undefined;
1513
- marginRight?: undefined;
1514
1553
  minHeight?: undefined;
1515
1554
  gap?: undefined;
1516
1555
  paddingLeft?: undefined;
@@ -1526,29 +1565,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1526
1565
  border: string;
1527
1566
  boxShadow: string;
1528
1567
  width: string;
1529
- transition?: undefined;
1530
- opacity?: undefined;
1531
- } | {
1532
- transition: string;
1533
- opacity: string;
1534
- background?: undefined;
1535
- border?: undefined;
1536
- boxShadow?: undefined;
1537
- width?: undefined;
1538
1568
  };
1539
1569
  margin: string;
1540
1570
  borderRadius: string;
1541
1571
  overflow: string;
1542
1572
  width: string;
1543
1573
  cursor: string;
1544
- '& .M4LAreasAdmin-areaChipEditButton': {
1545
- transition: string;
1546
- opacity: string;
1547
- };
1548
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
1549
- transition: string;
1550
- opacity: string;
1551
- };
1552
1574
  position?: undefined;
1553
1575
  };
1554
1576
  background?: undefined;
@@ -1557,6 +1579,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1557
1579
  flexDirection?: undefined;
1558
1580
  height?: undefined;
1559
1581
  justifyContent?: undefined;
1582
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1560
1583
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1561
1584
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1562
1585
  maxWidth?: undefined;
@@ -1569,7 +1592,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1569
1592
  '&:hover'?: undefined;
1570
1593
  '& .M4LAreasAdmin-selected .'?: undefined;
1571
1594
  alignItems?: undefined;
1572
- marginRight?: undefined;
1573
1595
  minHeight?: undefined;
1574
1596
  gap?: undefined;
1575
1597
  paddingLeft?: undefined;
@@ -1646,8 +1668,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1646
1668
  width: string;
1647
1669
  position: string;
1648
1670
  cursor?: undefined;
1649
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
1650
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
1651
1671
  };
1652
1672
  '& .M4LAreasAdmin-selected .': {
1653
1673
  [x: string]: {
@@ -1658,12 +1678,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1658
1678
  flexDirection?: undefined;
1659
1679
  height?: undefined;
1660
1680
  justifyContent?: undefined;
1681
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1661
1682
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1662
1683
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1663
1684
  maxWidth?: undefined;
1664
1685
  '& .simplebar-offset'?: undefined;
1665
1686
  alignItems?: undefined;
1666
- marginRight?: undefined;
1667
1687
  minHeight?: undefined;
1668
1688
  gap?: undefined;
1669
1689
  paddingLeft?: undefined;
@@ -1694,6 +1714,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1694
1714
  flexDirection?: undefined;
1695
1715
  height?: undefined;
1696
1716
  justifyContent?: undefined;
1717
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1697
1718
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1698
1719
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1699
1720
  maxWidth?: undefined;
@@ -1704,7 +1725,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1704
1725
  '&:hover'?: undefined;
1705
1726
  '& .M4LAreasAdmin-selected .'?: undefined;
1706
1727
  alignItems?: undefined;
1707
- marginRight?: undefined;
1708
1728
  minHeight?: undefined;
1709
1729
  gap?: undefined;
1710
1730
  paddingLeft?: undefined;
@@ -1720,6 +1740,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1720
1740
  width?: undefined;
1721
1741
  flexDirection?: undefined;
1722
1742
  justifyContent?: undefined;
1743
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1723
1744
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1724
1745
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1725
1746
  maxWidth?: undefined;
@@ -1732,7 +1753,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1732
1753
  borderRadius?: undefined;
1733
1754
  '&:hover'?: undefined;
1734
1755
  '& .M4LAreasAdmin-selected .'?: undefined;
1735
- marginRight?: undefined;
1736
1756
  minHeight?: undefined;
1737
1757
  gap?: undefined;
1738
1758
  paddingLeft?: undefined;
@@ -1749,6 +1769,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1749
1769
  flexDirection?: undefined;
1750
1770
  height?: undefined;
1751
1771
  justifyContent?: undefined;
1772
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1752
1773
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1753
1774
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1754
1775
  maxWidth?: undefined;
@@ -1761,7 +1782,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1761
1782
  borderRadius?: undefined;
1762
1783
  '&:hover'?: undefined;
1763
1784
  '& .M4LAreasAdmin-selected .'?: undefined;
1764
- marginRight?: undefined;
1765
1785
  minHeight?: undefined;
1766
1786
  gap?: undefined;
1767
1787
  paddingLeft?: undefined;
@@ -1788,6 +1808,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1788
1808
  border: string;
1789
1809
  textWrap: string;
1790
1810
  width: string;
1811
+ minWidth: string;
1812
+ justifyContent: string;
1791
1813
  display: string;
1792
1814
  alignItems: string;
1793
1815
  color: string | undefined;
@@ -1823,13 +1845,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1823
1845
  border: string;
1824
1846
  textWrap: string;
1825
1847
  width: string;
1848
+ minWidth: string;
1849
+ justifyContent: string;
1826
1850
  display: string;
1827
1851
  alignItems: string;
1828
1852
  color: string;
1829
1853
  background?: undefined;
1830
1854
  borderColor?: undefined;
1831
1855
  boxShadow?: undefined;
1832
- justifyContent?: undefined;
1833
1856
  height?: undefined;
1834
1857
  '&.M4LIconButton-variantPrimary'?: undefined;
1835
1858
  } | {
@@ -1871,7 +1894,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1871
1894
  display: string;
1872
1895
  background: string;
1873
1896
  borderRadius: string;
1874
- marginRight: string;
1875
1897
  minHeight: string;
1876
1898
  width: string;
1877
1899
  gap: string;
@@ -1885,6 +1907,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1885
1907
  border: string;
1886
1908
  textWrap: string;
1887
1909
  width: string;
1910
+ minWidth: string;
1911
+ justifyContent: string;
1888
1912
  display: string;
1889
1913
  alignItems: string;
1890
1914
  color: string | undefined;
@@ -1914,6 +1938,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1914
1938
  border: string;
1915
1939
  textWrap: string;
1916
1940
  width: string;
1941
+ minWidth: string;
1942
+ justifyContent: string;
1917
1943
  display: string;
1918
1944
  alignItems: string;
1919
1945
  color: string;
@@ -1951,6 +1977,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1951
1977
  flexDirection?: undefined;
1952
1978
  height?: undefined;
1953
1979
  justifyContent?: undefined;
1980
+ '& .simplebar-mask .simplebar-offset '?: undefined;
1954
1981
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
1955
1982
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
1956
1983
  maxWidth?: undefined;
@@ -1976,10 +2003,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1976
2003
  width: string;
1977
2004
  background: string;
1978
2005
  display?: undefined;
1979
- height?: undefined;
1980
2006
  alignItems?: undefined;
2007
+ height?: undefined;
2008
+ gap?: undefined;
2009
+ paddingRight?: undefined;
2010
+ border?: undefined;
2011
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
2012
+ } | {
2013
+ display: string;
2014
+ alignItems: string;
2015
+ width?: undefined;
2016
+ background?: undefined;
2017
+ height?: undefined;
1981
2018
  gap?: undefined;
1982
2019
  paddingRight?: undefined;
2020
+ border?: undefined;
1983
2021
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
1984
2022
  } | {
1985
2023
  [x: string]: string | {
@@ -1992,9 +2030,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
1992
2030
  gap: string;
1993
2031
  paddingRight: string;
1994
2032
  background?: undefined;
2033
+ border?: undefined;
1995
2034
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
1996
2035
  } | {
1997
2036
  width: string;
2037
+ border: string;
2038
+ background: string;
1998
2039
  '& .M4LAreasAdmin-areaChipRoot': {
1999
2040
  width: string;
2000
2041
  paddingLeft: string;
@@ -2003,14 +2044,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2003
2044
  whiteSpace: string;
2004
2045
  overflow: string;
2005
2046
  textOverflow: string;
2047
+ gap: string;
2048
+ background: string;
2006
2049
  '& .M4LAreasAdmin-areaChipRoot': {
2007
2050
  width: string;
2008
2051
  };
2009
2052
  };
2010
- background?: undefined;
2011
2053
  display?: undefined;
2012
- height?: undefined;
2013
2054
  alignItems?: undefined;
2055
+ height?: undefined;
2014
2056
  gap?: undefined;
2015
2057
  paddingRight?: undefined;
2016
2058
  };
@@ -2019,6 +2061,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2019
2061
  width: string;
2020
2062
  height: string;
2021
2063
  justifyContent: string;
2064
+ '& .simplebar-mask .simplebar-offset ': {
2065
+ display: string;
2066
+ alignItems: string;
2067
+ };
2022
2068
  '& .M4LAreasAdmin-areaContentChips': {
2023
2069
  [x: string]: string | {
2024
2070
  height: string;
@@ -2032,6 +2078,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2032
2078
  };
2033
2079
  '& .M4LAreasAdmin-areaChipMobileRoot': {
2034
2080
  width: string;
2081
+ border: string;
2082
+ background: string;
2035
2083
  '& .M4LAreasAdmin-areaChipRoot': {
2036
2084
  width: string;
2037
2085
  paddingLeft: string;
@@ -2040,6 +2088,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2040
2088
  whiteSpace: string;
2041
2089
  overflow: string;
2042
2090
  textOverflow: string;
2091
+ gap: string;
2092
+ background: string;
2043
2093
  '& .M4LAreasAdmin-areaChipRoot': {
2044
2094
  width: string;
2045
2095
  };
@@ -2079,29 +2129,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2079
2129
  border: string;
2080
2130
  boxShadow: string;
2081
2131
  width: string;
2082
- transition?: undefined;
2083
- opacity?: undefined;
2084
- } | {
2085
- transition: string;
2086
- opacity: string;
2087
- background?: undefined;
2088
- border?: undefined;
2089
- boxShadow?: undefined;
2090
- width?: undefined;
2091
2132
  };
2092
2133
  margin: string;
2093
2134
  borderRadius: string;
2094
2135
  overflow: string;
2095
2136
  width: string;
2096
2137
  cursor: string;
2097
- '& .M4LAreasAdmin-areaChipEditButton': {
2098
- transition: string;
2099
- opacity: string;
2100
- };
2101
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
2102
- transition: string;
2103
- opacity: string;
2104
- };
2105
2138
  };
2106
2139
  };
2107
2140
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -2221,6 +2254,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2221
2254
  border: string;
2222
2255
  textWrap: string;
2223
2256
  width: string;
2257
+ minWidth: string;
2258
+ justifyContent: string;
2224
2259
  display: string;
2225
2260
  alignItems: string;
2226
2261
  color: string | undefined;
@@ -2256,13 +2291,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2256
2291
  border: string;
2257
2292
  textWrap: string;
2258
2293
  width: string;
2294
+ minWidth: string;
2295
+ justifyContent: string;
2259
2296
  display: string;
2260
2297
  alignItems: string;
2261
2298
  color: string;
2262
2299
  background?: undefined;
2263
2300
  borderColor?: undefined;
2264
2301
  boxShadow?: undefined;
2265
- justifyContent?: undefined;
2266
2302
  height?: undefined;
2267
2303
  '&.M4LIconButton-variantPrimary'?: undefined;
2268
2304
  } | {
@@ -2304,7 +2340,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2304
2340
  display: string;
2305
2341
  background: string;
2306
2342
  borderRadius: string;
2307
- marginRight: string;
2308
2343
  minHeight: string;
2309
2344
  width: string;
2310
2345
  gap: string;
@@ -2318,6 +2353,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2318
2353
  border: string;
2319
2354
  textWrap: string;
2320
2355
  width: string;
2356
+ minWidth: string;
2357
+ justifyContent: string;
2321
2358
  display: string;
2322
2359
  alignItems: string;
2323
2360
  color: string | undefined;
@@ -2347,6 +2384,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2347
2384
  border: string;
2348
2385
  textWrap: string;
2349
2386
  width: string;
2387
+ minWidth: string;
2388
+ justifyContent: string;
2350
2389
  display: string;
2351
2390
  alignItems: string;
2352
2391
  color: string;
@@ -2408,16 +2447,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2408
2447
  display?: undefined;
2409
2448
  flexDirection?: undefined;
2410
2449
  overflow?: undefined;
2411
- borderRight?: undefined;
2412
2450
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
2413
2451
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
2414
2452
  } | {
2453
+ background: string;
2415
2454
  gap?: undefined;
2416
2455
  borderRadius?: undefined;
2417
2456
  border?: undefined;
2418
2457
  borderColor?: undefined;
2419
2458
  height?: undefined;
2420
- background?: undefined;
2421
2459
  boxShadow?: undefined;
2422
2460
  width?: undefined;
2423
2461
  maxWidth?: undefined;
@@ -2427,7 +2465,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2427
2465
  display?: undefined;
2428
2466
  flexDirection?: undefined;
2429
2467
  overflow?: undefined;
2430
- borderRight?: undefined;
2431
2468
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
2432
2469
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
2433
2470
  borderLeft?: undefined;
@@ -2469,7 +2506,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2469
2506
  zIndex?: undefined;
2470
2507
  display?: undefined;
2471
2508
  flexDirection?: undefined;
2472
- borderRight?: undefined;
2473
2509
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
2474
2510
  borderLeft?: undefined;
2475
2511
  };
@@ -2480,6 +2516,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2480
2516
  justifyContent: string;
2481
2517
  alignItems: string;
2482
2518
  gap: string;
2519
+ padding: string;
2483
2520
  '&.M4LAreasAdmin-isFocus': {
2484
2521
  border: string;
2485
2522
  borderColor: string;
@@ -2564,6 +2601,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2564
2601
  flexDirection?: undefined;
2565
2602
  height?: undefined;
2566
2603
  justifyContent?: undefined;
2604
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2567
2605
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2568
2606
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2569
2607
  maxWidth?: undefined;
@@ -2577,7 +2615,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2577
2615
  '&:hover'?: undefined;
2578
2616
  '& .M4LAreasAdmin-selected .'?: undefined;
2579
2617
  alignItems?: undefined;
2580
- marginRight?: undefined;
2581
2618
  minHeight?: undefined;
2582
2619
  gap?: undefined;
2583
2620
  paddingLeft?: undefined;
@@ -2590,10 +2627,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2590
2627
  width: string;
2591
2628
  background: string;
2592
2629
  display?: undefined;
2593
- height?: undefined;
2594
2630
  alignItems?: undefined;
2631
+ height?: undefined;
2595
2632
  gap?: undefined;
2596
2633
  paddingRight?: undefined;
2634
+ border?: undefined;
2635
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
2636
+ } | {
2637
+ display: string;
2638
+ alignItems: string;
2639
+ width?: undefined;
2640
+ background?: undefined;
2641
+ height?: undefined;
2642
+ gap?: undefined;
2643
+ paddingRight?: undefined;
2644
+ border?: undefined;
2597
2645
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
2598
2646
  } | {
2599
2647
  [x: string]: string | {
@@ -2606,9 +2654,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2606
2654
  gap: string;
2607
2655
  paddingRight: string;
2608
2656
  background?: undefined;
2657
+ border?: undefined;
2609
2658
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
2610
2659
  } | {
2611
2660
  width: string;
2661
+ border: string;
2662
+ background: string;
2612
2663
  '& .M4LAreasAdmin-areaChipRoot': {
2613
2664
  width: string;
2614
2665
  paddingLeft: string;
@@ -2617,14 +2668,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2617
2668
  whiteSpace: string;
2618
2669
  overflow: string;
2619
2670
  textOverflow: string;
2671
+ gap: string;
2672
+ background: string;
2620
2673
  '& .M4LAreasAdmin-areaChipRoot': {
2621
2674
  width: string;
2622
2675
  };
2623
2676
  };
2624
- background?: undefined;
2625
2677
  display?: undefined;
2626
- height?: undefined;
2627
2678
  alignItems?: undefined;
2679
+ height?: undefined;
2628
2680
  gap?: undefined;
2629
2681
  paddingRight?: undefined;
2630
2682
  };
@@ -2633,6 +2685,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2633
2685
  width: string;
2634
2686
  height: string;
2635
2687
  justifyContent: string;
2688
+ '& .simplebar-mask .simplebar-offset ': {
2689
+ display: string;
2690
+ alignItems: string;
2691
+ };
2636
2692
  '& .M4LAreasAdmin-areaContentChips': {
2637
2693
  [x: string]: string | {
2638
2694
  height: string;
@@ -2646,6 +2702,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2646
2702
  };
2647
2703
  '& .M4LAreasAdmin-areaChipMobileRoot': {
2648
2704
  width: string;
2705
+ border: string;
2706
+ background: string;
2649
2707
  '& .M4LAreasAdmin-areaChipRoot': {
2650
2708
  width: string;
2651
2709
  paddingLeft: string;
@@ -2654,6 +2712,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2654
2712
  whiteSpace: string;
2655
2713
  overflow: string;
2656
2714
  textOverflow: string;
2715
+ gap: string;
2716
+ background: string;
2657
2717
  '& .M4LAreasAdmin-areaChipRoot': {
2658
2718
  width: string;
2659
2719
  };
@@ -2672,7 +2732,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2672
2732
  '&:hover'?: undefined;
2673
2733
  '& .M4LAreasAdmin-selected .'?: undefined;
2674
2734
  alignItems?: undefined;
2675
- marginRight?: undefined;
2676
2735
  minHeight?: undefined;
2677
2736
  gap?: undefined;
2678
2737
  paddingLeft?: undefined;
@@ -2692,6 +2751,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2692
2751
  flexDirection?: undefined;
2693
2752
  height?: undefined;
2694
2753
  justifyContent?: undefined;
2754
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2695
2755
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2696
2756
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2697
2757
  '& .simplebar-offset'?: undefined;
@@ -2704,7 +2764,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2704
2764
  '&:hover'?: undefined;
2705
2765
  '& .M4LAreasAdmin-selected .'?: undefined;
2706
2766
  alignItems?: undefined;
2707
- marginRight?: undefined;
2708
2767
  minHeight?: undefined;
2709
2768
  gap?: undefined;
2710
2769
  paddingLeft?: undefined;
@@ -2721,6 +2780,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2721
2780
  flexDirection?: undefined;
2722
2781
  height?: undefined;
2723
2782
  justifyContent?: undefined;
2783
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2724
2784
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2725
2785
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2726
2786
  '& .simplebar-offset'?: undefined;
@@ -2733,7 +2793,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2733
2793
  '&:hover'?: undefined;
2734
2794
  '& .M4LAreasAdmin-selected .'?: undefined;
2735
2795
  alignItems?: undefined;
2736
- marginRight?: undefined;
2737
2796
  minHeight?: undefined;
2738
2797
  gap?: undefined;
2739
2798
  paddingLeft?: undefined;
@@ -2760,6 +2819,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2760
2819
  flexDirection?: undefined;
2761
2820
  height?: undefined;
2762
2821
  justifyContent?: undefined;
2822
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2763
2823
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2764
2824
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2765
2825
  maxWidth?: undefined;
@@ -2772,7 +2832,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2772
2832
  '&:hover'?: undefined;
2773
2833
  '& .M4LAreasAdmin-selected .'?: undefined;
2774
2834
  alignItems?: undefined;
2775
- marginRight?: undefined;
2776
2835
  minHeight?: undefined;
2777
2836
  gap?: undefined;
2778
2837
  paddingLeft?: undefined;
@@ -2788,29 +2847,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2788
2847
  border: string;
2789
2848
  boxShadow: string;
2790
2849
  width: string;
2791
- transition?: undefined;
2792
- opacity?: undefined;
2793
- } | {
2794
- transition: string;
2795
- opacity: string;
2796
- background?: undefined;
2797
- border?: undefined;
2798
- boxShadow?: undefined;
2799
- width?: undefined;
2800
2850
  };
2801
2851
  margin: string;
2802
2852
  borderRadius: string;
2803
2853
  overflow: string;
2804
2854
  width: string;
2805
2855
  cursor: string;
2806
- '& .M4LAreasAdmin-areaChipEditButton': {
2807
- transition: string;
2808
- opacity: string;
2809
- };
2810
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
2811
- transition: string;
2812
- opacity: string;
2813
- };
2814
2856
  position?: undefined;
2815
2857
  };
2816
2858
  background?: undefined;
@@ -2819,6 +2861,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2819
2861
  flexDirection?: undefined;
2820
2862
  height?: undefined;
2821
2863
  justifyContent?: undefined;
2864
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2822
2865
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2823
2866
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2824
2867
  maxWidth?: undefined;
@@ -2831,7 +2874,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2831
2874
  '&:hover'?: undefined;
2832
2875
  '& .M4LAreasAdmin-selected .'?: undefined;
2833
2876
  alignItems?: undefined;
2834
- marginRight?: undefined;
2835
2877
  minHeight?: undefined;
2836
2878
  gap?: undefined;
2837
2879
  paddingLeft?: undefined;
@@ -2908,8 +2950,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2908
2950
  width: string;
2909
2951
  position: string;
2910
2952
  cursor?: undefined;
2911
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
2912
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
2913
2953
  };
2914
2954
  '& .M4LAreasAdmin-selected .': {
2915
2955
  [x: string]: {
@@ -2920,12 +2960,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2920
2960
  flexDirection?: undefined;
2921
2961
  height?: undefined;
2922
2962
  justifyContent?: undefined;
2963
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2923
2964
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2924
2965
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2925
2966
  maxWidth?: undefined;
2926
2967
  '& .simplebar-offset'?: undefined;
2927
2968
  alignItems?: undefined;
2928
- marginRight?: undefined;
2929
2969
  minHeight?: undefined;
2930
2970
  gap?: undefined;
2931
2971
  paddingLeft?: undefined;
@@ -2956,6 +2996,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2956
2996
  flexDirection?: undefined;
2957
2997
  height?: undefined;
2958
2998
  justifyContent?: undefined;
2999
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2959
3000
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2960
3001
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2961
3002
  maxWidth?: undefined;
@@ -2966,7 +3007,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2966
3007
  '&:hover'?: undefined;
2967
3008
  '& .M4LAreasAdmin-selected .'?: undefined;
2968
3009
  alignItems?: undefined;
2969
- marginRight?: undefined;
2970
3010
  minHeight?: undefined;
2971
3011
  gap?: undefined;
2972
3012
  paddingLeft?: undefined;
@@ -2982,6 +3022,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2982
3022
  width?: undefined;
2983
3023
  flexDirection?: undefined;
2984
3024
  justifyContent?: undefined;
3025
+ '& .simplebar-mask .simplebar-offset '?: undefined;
2985
3026
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
2986
3027
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
2987
3028
  maxWidth?: undefined;
@@ -2994,7 +3035,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
2994
3035
  borderRadius?: undefined;
2995
3036
  '&:hover'?: undefined;
2996
3037
  '& .M4LAreasAdmin-selected .'?: undefined;
2997
- marginRight?: undefined;
2998
3038
  minHeight?: undefined;
2999
3039
  gap?: undefined;
3000
3040
  paddingLeft?: undefined;
@@ -3011,6 +3051,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3011
3051
  flexDirection?: undefined;
3012
3052
  height?: undefined;
3013
3053
  justifyContent?: undefined;
3054
+ '& .simplebar-mask .simplebar-offset '?: undefined;
3014
3055
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
3015
3056
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
3016
3057
  maxWidth?: undefined;
@@ -3023,7 +3064,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3023
3064
  borderRadius?: undefined;
3024
3065
  '&:hover'?: undefined;
3025
3066
  '& .M4LAreasAdmin-selected .'?: undefined;
3026
- marginRight?: undefined;
3027
3067
  minHeight?: undefined;
3028
3068
  gap?: undefined;
3029
3069
  paddingLeft?: undefined;
@@ -3050,6 +3090,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3050
3090
  border: string;
3051
3091
  textWrap: string;
3052
3092
  width: string;
3093
+ minWidth: string;
3094
+ justifyContent: string;
3053
3095
  display: string;
3054
3096
  alignItems: string;
3055
3097
  color: string | undefined;
@@ -3085,13 +3127,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3085
3127
  border: string;
3086
3128
  textWrap: string;
3087
3129
  width: string;
3130
+ minWidth: string;
3131
+ justifyContent: string;
3088
3132
  display: string;
3089
3133
  alignItems: string;
3090
3134
  color: string;
3091
3135
  background?: undefined;
3092
3136
  borderColor?: undefined;
3093
3137
  boxShadow?: undefined;
3094
- justifyContent?: undefined;
3095
3138
  height?: undefined;
3096
3139
  '&.M4LIconButton-variantPrimary'?: undefined;
3097
3140
  } | {
@@ -3133,7 +3176,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3133
3176
  display: string;
3134
3177
  background: string;
3135
3178
  borderRadius: string;
3136
- marginRight: string;
3137
3179
  minHeight: string;
3138
3180
  width: string;
3139
3181
  gap: string;
@@ -3147,6 +3189,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3147
3189
  border: string;
3148
3190
  textWrap: string;
3149
3191
  width: string;
3192
+ minWidth: string;
3193
+ justifyContent: string;
3150
3194
  display: string;
3151
3195
  alignItems: string;
3152
3196
  color: string | undefined;
@@ -3176,6 +3220,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3176
3220
  border: string;
3177
3221
  textWrap: string;
3178
3222
  width: string;
3223
+ minWidth: string;
3224
+ justifyContent: string;
3179
3225
  display: string;
3180
3226
  alignItems: string;
3181
3227
  color: string;
@@ -3213,6 +3259,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3213
3259
  flexDirection?: undefined;
3214
3260
  height?: undefined;
3215
3261
  justifyContent?: undefined;
3262
+ '& .simplebar-mask .simplebar-offset '?: undefined;
3216
3263
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
3217
3264
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
3218
3265
  maxWidth?: undefined;
@@ -3238,10 +3285,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3238
3285
  width: string;
3239
3286
  background: string;
3240
3287
  display?: undefined;
3241
- height?: undefined;
3242
3288
  alignItems?: undefined;
3289
+ height?: undefined;
3290
+ gap?: undefined;
3291
+ paddingRight?: undefined;
3292
+ border?: undefined;
3293
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
3294
+ } | {
3295
+ display: string;
3296
+ alignItems: string;
3297
+ width?: undefined;
3298
+ background?: undefined;
3299
+ height?: undefined;
3243
3300
  gap?: undefined;
3244
3301
  paddingRight?: undefined;
3302
+ border?: undefined;
3245
3303
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
3246
3304
  } | {
3247
3305
  [x: string]: string | {
@@ -3254,9 +3312,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3254
3312
  gap: string;
3255
3313
  paddingRight: string;
3256
3314
  background?: undefined;
3315
+ border?: undefined;
3257
3316
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
3258
3317
  } | {
3259
3318
  width: string;
3319
+ border: string;
3320
+ background: string;
3260
3321
  '& .M4LAreasAdmin-areaChipRoot': {
3261
3322
  width: string;
3262
3323
  paddingLeft: string;
@@ -3265,14 +3326,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3265
3326
  whiteSpace: string;
3266
3327
  overflow: string;
3267
3328
  textOverflow: string;
3329
+ gap: string;
3330
+ background: string;
3268
3331
  '& .M4LAreasAdmin-areaChipRoot': {
3269
3332
  width: string;
3270
3333
  };
3271
3334
  };
3272
- background?: undefined;
3273
3335
  display?: undefined;
3274
- height?: undefined;
3275
3336
  alignItems?: undefined;
3337
+ height?: undefined;
3276
3338
  gap?: undefined;
3277
3339
  paddingRight?: undefined;
3278
3340
  };
@@ -3281,6 +3343,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3281
3343
  width: string;
3282
3344
  height: string;
3283
3345
  justifyContent: string;
3346
+ '& .simplebar-mask .simplebar-offset ': {
3347
+ display: string;
3348
+ alignItems: string;
3349
+ };
3284
3350
  '& .M4LAreasAdmin-areaContentChips': {
3285
3351
  [x: string]: string | {
3286
3352
  height: string;
@@ -3294,6 +3360,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3294
3360
  };
3295
3361
  '& .M4LAreasAdmin-areaChipMobileRoot': {
3296
3362
  width: string;
3363
+ border: string;
3364
+ background: string;
3297
3365
  '& .M4LAreasAdmin-areaChipRoot': {
3298
3366
  width: string;
3299
3367
  paddingLeft: string;
@@ -3302,6 +3370,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3302
3370
  whiteSpace: string;
3303
3371
  overflow: string;
3304
3372
  textOverflow: string;
3373
+ gap: string;
3374
+ background: string;
3305
3375
  '& .M4LAreasAdmin-areaChipRoot': {
3306
3376
  width: string;
3307
3377
  };
@@ -3341,29 +3411,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3341
3411
  border: string;
3342
3412
  boxShadow: string;
3343
3413
  width: string;
3344
- transition?: undefined;
3345
- opacity?: undefined;
3346
- } | {
3347
- transition: string;
3348
- opacity: string;
3349
- background?: undefined;
3350
- border?: undefined;
3351
- boxShadow?: undefined;
3352
- width?: undefined;
3353
3414
  };
3354
3415
  margin: string;
3355
3416
  borderRadius: string;
3356
3417
  overflow: string;
3357
3418
  width: string;
3358
3419
  cursor: string;
3359
- '& .M4LAreasAdmin-areaChipEditButton': {
3360
- transition: string;
3361
- opacity: string;
3362
- };
3363
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
3364
- transition: string;
3365
- opacity: string;
3366
- };
3367
3420
  };
3368
3421
  };
3369
3422
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -3483,6 +3536,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3483
3536
  border: string;
3484
3537
  textWrap: string;
3485
3538
  width: string;
3539
+ minWidth: string;
3540
+ justifyContent: string;
3486
3541
  display: string;
3487
3542
  alignItems: string;
3488
3543
  color: string | undefined;
@@ -3518,13 +3573,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3518
3573
  border: string;
3519
3574
  textWrap: string;
3520
3575
  width: string;
3576
+ minWidth: string;
3577
+ justifyContent: string;
3521
3578
  display: string;
3522
3579
  alignItems: string;
3523
3580
  color: string;
3524
3581
  background?: undefined;
3525
3582
  borderColor?: undefined;
3526
3583
  boxShadow?: undefined;
3527
- justifyContent?: undefined;
3528
3584
  height?: undefined;
3529
3585
  '&.M4LIconButton-variantPrimary'?: undefined;
3530
3586
  } | {
@@ -3566,7 +3622,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3566
3622
  display: string;
3567
3623
  background: string;
3568
3624
  borderRadius: string;
3569
- marginRight: string;
3570
3625
  minHeight: string;
3571
3626
  width: string;
3572
3627
  gap: string;
@@ -3580,6 +3635,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3580
3635
  border: string;
3581
3636
  textWrap: string;
3582
3637
  width: string;
3638
+ minWidth: string;
3639
+ justifyContent: string;
3583
3640
  display: string;
3584
3641
  alignItems: string;
3585
3642
  color: string | undefined;
@@ -3609,6 +3666,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3609
3666
  border: string;
3610
3667
  textWrap: string;
3611
3668
  width: string;
3669
+ minWidth: string;
3670
+ justifyContent: string;
3612
3671
  display: string;
3613
3672
  alignItems: string;
3614
3673
  color: string;
@@ -3651,7 +3710,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3651
3710
  width: string;
3652
3711
  overflow: string;
3653
3712
  height: string;
3654
- borderRight: string;
3655
3713
  borderColor: string;
3656
3714
  '& .M4LAreasAdmin-areaIconLayer': {
3657
3715
  [x: string]: string | {
@@ -3678,6 +3736,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3678
3736
  flexDirection?: undefined;
3679
3737
  height?: undefined;
3680
3738
  justifyContent?: undefined;
3739
+ '& .simplebar-mask .simplebar-offset '?: undefined;
3681
3740
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
3682
3741
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
3683
3742
  maxWidth?: undefined;
@@ -3691,7 +3750,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3691
3750
  '&:hover'?: undefined;
3692
3751
  '& .M4LAreasAdmin-selected .'?: undefined;
3693
3752
  alignItems?: undefined;
3694
- marginRight?: undefined;
3695
3753
  minHeight?: undefined;
3696
3754
  gap?: undefined;
3697
3755
  paddingLeft?: undefined;
@@ -3704,10 +3762,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3704
3762
  width: string;
3705
3763
  background: string;
3706
3764
  display?: undefined;
3707
- height?: undefined;
3708
3765
  alignItems?: undefined;
3766
+ height?: undefined;
3767
+ gap?: undefined;
3768
+ paddingRight?: undefined;
3769
+ border?: undefined;
3770
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
3771
+ } | {
3772
+ display: string;
3773
+ alignItems: string;
3774
+ width?: undefined;
3775
+ background?: undefined;
3776
+ height?: undefined;
3709
3777
  gap?: undefined;
3710
3778
  paddingRight?: undefined;
3779
+ border?: undefined;
3711
3780
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
3712
3781
  } | {
3713
3782
  [x: string]: string | {
@@ -3720,9 +3789,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3720
3789
  gap: string;
3721
3790
  paddingRight: string;
3722
3791
  background?: undefined;
3792
+ border?: undefined;
3723
3793
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
3724
3794
  } | {
3725
3795
  width: string;
3796
+ border: string;
3797
+ background: string;
3726
3798
  '& .M4LAreasAdmin-areaChipRoot': {
3727
3799
  width: string;
3728
3800
  paddingLeft: string;
@@ -3731,14 +3803,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3731
3803
  whiteSpace: string;
3732
3804
  overflow: string;
3733
3805
  textOverflow: string;
3806
+ gap: string;
3807
+ background: string;
3734
3808
  '& .M4LAreasAdmin-areaChipRoot': {
3735
3809
  width: string;
3736
3810
  };
3737
3811
  };
3738
- background?: undefined;
3739
3812
  display?: undefined;
3740
- height?: undefined;
3741
3813
  alignItems?: undefined;
3814
+ height?: undefined;
3742
3815
  gap?: undefined;
3743
3816
  paddingRight?: undefined;
3744
3817
  };
@@ -3747,6 +3820,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3747
3820
  width: string;
3748
3821
  height: string;
3749
3822
  justifyContent: string;
3823
+ '& .simplebar-mask .simplebar-offset ': {
3824
+ display: string;
3825
+ alignItems: string;
3826
+ };
3750
3827
  '& .M4LAreasAdmin-areaContentChips': {
3751
3828
  [x: string]: string | {
3752
3829
  height: string;
@@ -3760,6 +3837,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3760
3837
  };
3761
3838
  '& .M4LAreasAdmin-areaChipMobileRoot': {
3762
3839
  width: string;
3840
+ border: string;
3841
+ background: string;
3763
3842
  '& .M4LAreasAdmin-areaChipRoot': {
3764
3843
  width: string;
3765
3844
  paddingLeft: string;
@@ -3768,6 +3847,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3768
3847
  whiteSpace: string;
3769
3848
  overflow: string;
3770
3849
  textOverflow: string;
3850
+ gap: string;
3851
+ background: string;
3771
3852
  '& .M4LAreasAdmin-areaChipRoot': {
3772
3853
  width: string;
3773
3854
  };
@@ -3786,7 +3867,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3786
3867
  '&:hover'?: undefined;
3787
3868
  '& .M4LAreasAdmin-selected .'?: undefined;
3788
3869
  alignItems?: undefined;
3789
- marginRight?: undefined;
3790
3870
  minHeight?: undefined;
3791
3871
  gap?: undefined;
3792
3872
  paddingLeft?: undefined;
@@ -3806,6 +3886,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3806
3886
  flexDirection?: undefined;
3807
3887
  height?: undefined;
3808
3888
  justifyContent?: undefined;
3889
+ '& .simplebar-mask .simplebar-offset '?: undefined;
3809
3890
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
3810
3891
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
3811
3892
  '& .simplebar-offset'?: undefined;
@@ -3818,7 +3899,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3818
3899
  '&:hover'?: undefined;
3819
3900
  '& .M4LAreasAdmin-selected .'?: undefined;
3820
3901
  alignItems?: undefined;
3821
- marginRight?: undefined;
3822
3902
  minHeight?: undefined;
3823
3903
  gap?: undefined;
3824
3904
  paddingLeft?: undefined;
@@ -3835,6 +3915,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3835
3915
  flexDirection?: undefined;
3836
3916
  height?: undefined;
3837
3917
  justifyContent?: undefined;
3918
+ '& .simplebar-mask .simplebar-offset '?: undefined;
3838
3919
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
3839
3920
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
3840
3921
  '& .simplebar-offset'?: undefined;
@@ -3847,7 +3928,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3847
3928
  '&:hover'?: undefined;
3848
3929
  '& .M4LAreasAdmin-selected .'?: undefined;
3849
3930
  alignItems?: undefined;
3850
- marginRight?: undefined;
3851
3931
  minHeight?: undefined;
3852
3932
  gap?: undefined;
3853
3933
  paddingLeft?: undefined;
@@ -3874,6 +3954,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3874
3954
  flexDirection?: undefined;
3875
3955
  height?: undefined;
3876
3956
  justifyContent?: undefined;
3957
+ '& .simplebar-mask .simplebar-offset '?: undefined;
3877
3958
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
3878
3959
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
3879
3960
  maxWidth?: undefined;
@@ -3886,7 +3967,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3886
3967
  '&:hover'?: undefined;
3887
3968
  '& .M4LAreasAdmin-selected .'?: undefined;
3888
3969
  alignItems?: undefined;
3889
- marginRight?: undefined;
3890
3970
  minHeight?: undefined;
3891
3971
  gap?: undefined;
3892
3972
  paddingLeft?: undefined;
@@ -3902,29 +3982,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3902
3982
  border: string;
3903
3983
  boxShadow: string;
3904
3984
  width: string;
3905
- transition?: undefined;
3906
- opacity?: undefined;
3907
- } | {
3908
- transition: string;
3909
- opacity: string;
3910
- background?: undefined;
3911
- border?: undefined;
3912
- boxShadow?: undefined;
3913
- width?: undefined;
3914
3985
  };
3915
3986
  margin: string;
3916
3987
  borderRadius: string;
3917
3988
  overflow: string;
3918
3989
  width: string;
3919
3990
  cursor: string;
3920
- '& .M4LAreasAdmin-areaChipEditButton': {
3921
- transition: string;
3922
- opacity: string;
3923
- };
3924
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
3925
- transition: string;
3926
- opacity: string;
3927
- };
3928
3991
  position?: undefined;
3929
3992
  };
3930
3993
  background?: undefined;
@@ -3933,6 +3996,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3933
3996
  flexDirection?: undefined;
3934
3997
  height?: undefined;
3935
3998
  justifyContent?: undefined;
3999
+ '& .simplebar-mask .simplebar-offset '?: undefined;
3936
4000
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
3937
4001
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
3938
4002
  maxWidth?: undefined;
@@ -3945,7 +4009,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
3945
4009
  '&:hover'?: undefined;
3946
4010
  '& .M4LAreasAdmin-selected .'?: undefined;
3947
4011
  alignItems?: undefined;
3948
- marginRight?: undefined;
3949
4012
  minHeight?: undefined;
3950
4013
  gap?: undefined;
3951
4014
  paddingLeft?: undefined;
@@ -4022,8 +4085,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4022
4085
  width: string;
4023
4086
  position: string;
4024
4087
  cursor?: undefined;
4025
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
4026
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
4027
4088
  };
4028
4089
  '& .M4LAreasAdmin-selected .': {
4029
4090
  [x: string]: {
@@ -4034,12 +4095,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4034
4095
  flexDirection?: undefined;
4035
4096
  height?: undefined;
4036
4097
  justifyContent?: undefined;
4098
+ '& .simplebar-mask .simplebar-offset '?: undefined;
4037
4099
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
4038
4100
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
4039
4101
  maxWidth?: undefined;
4040
4102
  '& .simplebar-offset'?: undefined;
4041
4103
  alignItems?: undefined;
4042
- marginRight?: undefined;
4043
4104
  minHeight?: undefined;
4044
4105
  gap?: undefined;
4045
4106
  paddingLeft?: undefined;
@@ -4070,6 +4131,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4070
4131
  flexDirection?: undefined;
4071
4132
  height?: undefined;
4072
4133
  justifyContent?: undefined;
4134
+ '& .simplebar-mask .simplebar-offset '?: undefined;
4073
4135
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
4074
4136
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
4075
4137
  maxWidth?: undefined;
@@ -4080,7 +4142,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4080
4142
  '&:hover'?: undefined;
4081
4143
  '& .M4LAreasAdmin-selected .'?: undefined;
4082
4144
  alignItems?: undefined;
4083
- marginRight?: undefined;
4084
4145
  minHeight?: undefined;
4085
4146
  gap?: undefined;
4086
4147
  paddingLeft?: undefined;
@@ -4096,6 +4157,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4096
4157
  width?: undefined;
4097
4158
  flexDirection?: undefined;
4098
4159
  justifyContent?: undefined;
4160
+ '& .simplebar-mask .simplebar-offset '?: undefined;
4099
4161
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
4100
4162
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
4101
4163
  maxWidth?: undefined;
@@ -4108,7 +4170,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4108
4170
  borderRadius?: undefined;
4109
4171
  '&:hover'?: undefined;
4110
4172
  '& .M4LAreasAdmin-selected .'?: undefined;
4111
- marginRight?: undefined;
4112
4173
  minHeight?: undefined;
4113
4174
  gap?: undefined;
4114
4175
  paddingLeft?: undefined;
@@ -4125,6 +4186,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4125
4186
  flexDirection?: undefined;
4126
4187
  height?: undefined;
4127
4188
  justifyContent?: undefined;
4189
+ '& .simplebar-mask .simplebar-offset '?: undefined;
4128
4190
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
4129
4191
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
4130
4192
  maxWidth?: undefined;
@@ -4137,7 +4199,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4137
4199
  borderRadius?: undefined;
4138
4200
  '&:hover'?: undefined;
4139
4201
  '& .M4LAreasAdmin-selected .'?: undefined;
4140
- marginRight?: undefined;
4141
4202
  minHeight?: undefined;
4142
4203
  gap?: undefined;
4143
4204
  paddingLeft?: undefined;
@@ -4164,6 +4225,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4164
4225
  border: string;
4165
4226
  textWrap: string;
4166
4227
  width: string;
4228
+ minWidth: string;
4229
+ justifyContent: string;
4167
4230
  display: string;
4168
4231
  alignItems: string;
4169
4232
  color: string | undefined;
@@ -4199,13 +4262,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4199
4262
  border: string;
4200
4263
  textWrap: string;
4201
4264
  width: string;
4265
+ minWidth: string;
4266
+ justifyContent: string;
4202
4267
  display: string;
4203
4268
  alignItems: string;
4204
4269
  color: string;
4205
4270
  background?: undefined;
4206
4271
  borderColor?: undefined;
4207
4272
  boxShadow?: undefined;
4208
- justifyContent?: undefined;
4209
4273
  height?: undefined;
4210
4274
  '&.M4LIconButton-variantPrimary'?: undefined;
4211
4275
  } | {
@@ -4247,7 +4311,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4247
4311
  display: string;
4248
4312
  background: string;
4249
4313
  borderRadius: string;
4250
- marginRight: string;
4251
4314
  minHeight: string;
4252
4315
  width: string;
4253
4316
  gap: string;
@@ -4261,6 +4324,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4261
4324
  border: string;
4262
4325
  textWrap: string;
4263
4326
  width: string;
4327
+ minWidth: string;
4328
+ justifyContent: string;
4264
4329
  display: string;
4265
4330
  alignItems: string;
4266
4331
  color: string | undefined;
@@ -4290,6 +4355,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4290
4355
  border: string;
4291
4356
  textWrap: string;
4292
4357
  width: string;
4358
+ minWidth: string;
4359
+ justifyContent: string;
4293
4360
  display: string;
4294
4361
  alignItems: string;
4295
4362
  color: string;
@@ -4327,6 +4394,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4327
4394
  flexDirection?: undefined;
4328
4395
  height?: undefined;
4329
4396
  justifyContent?: undefined;
4397
+ '& .simplebar-mask .simplebar-offset '?: undefined;
4330
4398
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
4331
4399
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
4332
4400
  maxWidth?: undefined;
@@ -4352,10 +4420,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4352
4420
  width: string;
4353
4421
  background: string;
4354
4422
  display?: undefined;
4355
- height?: undefined;
4356
4423
  alignItems?: undefined;
4424
+ height?: undefined;
4357
4425
  gap?: undefined;
4358
4426
  paddingRight?: undefined;
4427
+ border?: undefined;
4428
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
4429
+ } | {
4430
+ display: string;
4431
+ alignItems: string;
4432
+ width?: undefined;
4433
+ background?: undefined;
4434
+ height?: undefined;
4435
+ gap?: undefined;
4436
+ paddingRight?: undefined;
4437
+ border?: undefined;
4359
4438
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
4360
4439
  } | {
4361
4440
  [x: string]: string | {
@@ -4368,9 +4447,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4368
4447
  gap: string;
4369
4448
  paddingRight: string;
4370
4449
  background?: undefined;
4450
+ border?: undefined;
4371
4451
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
4372
4452
  } | {
4373
4453
  width: string;
4454
+ border: string;
4455
+ background: string;
4374
4456
  '& .M4LAreasAdmin-areaChipRoot': {
4375
4457
  width: string;
4376
4458
  paddingLeft: string;
@@ -4379,14 +4461,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4379
4461
  whiteSpace: string;
4380
4462
  overflow: string;
4381
4463
  textOverflow: string;
4464
+ gap: string;
4465
+ background: string;
4382
4466
  '& .M4LAreasAdmin-areaChipRoot': {
4383
4467
  width: string;
4384
4468
  };
4385
4469
  };
4386
- background?: undefined;
4387
4470
  display?: undefined;
4388
- height?: undefined;
4389
4471
  alignItems?: undefined;
4472
+ height?: undefined;
4390
4473
  gap?: undefined;
4391
4474
  paddingRight?: undefined;
4392
4475
  };
@@ -4395,6 +4478,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4395
4478
  width: string;
4396
4479
  height: string;
4397
4480
  justifyContent: string;
4481
+ '& .simplebar-mask .simplebar-offset ': {
4482
+ display: string;
4483
+ alignItems: string;
4484
+ };
4398
4485
  '& .M4LAreasAdmin-areaContentChips': {
4399
4486
  [x: string]: string | {
4400
4487
  height: string;
@@ -4408,6 +4495,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4408
4495
  };
4409
4496
  '& .M4LAreasAdmin-areaChipMobileRoot': {
4410
4497
  width: string;
4498
+ border: string;
4499
+ background: string;
4411
4500
  '& .M4LAreasAdmin-areaChipRoot': {
4412
4501
  width: string;
4413
4502
  paddingLeft: string;
@@ -4416,6 +4505,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4416
4505
  whiteSpace: string;
4417
4506
  overflow: string;
4418
4507
  textOverflow: string;
4508
+ gap: string;
4509
+ background: string;
4419
4510
  '& .M4LAreasAdmin-areaChipRoot': {
4420
4511
  width: string;
4421
4512
  };
@@ -4455,29 +4546,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4455
4546
  border: string;
4456
4547
  boxShadow: string;
4457
4548
  width: string;
4458
- transition?: undefined;
4459
- opacity?: undefined;
4460
- } | {
4461
- transition: string;
4462
- opacity: string;
4463
- background?: undefined;
4464
- border?: undefined;
4465
- boxShadow?: undefined;
4466
- width?: undefined;
4467
4549
  };
4468
4550
  margin: string;
4469
4551
  borderRadius: string;
4470
4552
  overflow: string;
4471
4553
  width: string;
4472
4554
  cursor: string;
4473
- '& .M4LAreasAdmin-areaChipEditButton': {
4474
- transition: string;
4475
- opacity: string;
4476
- };
4477
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
4478
- transition: string;
4479
- opacity: string;
4480
- };
4481
4555
  };
4482
4556
  };
4483
4557
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -4597,6 +4671,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4597
4671
  border: string;
4598
4672
  textWrap: string;
4599
4673
  width: string;
4674
+ minWidth: string;
4675
+ justifyContent: string;
4600
4676
  display: string;
4601
4677
  alignItems: string;
4602
4678
  color: string | undefined;
@@ -4632,13 +4708,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4632
4708
  border: string;
4633
4709
  textWrap: string;
4634
4710
  width: string;
4711
+ minWidth: string;
4712
+ justifyContent: string;
4635
4713
  display: string;
4636
4714
  alignItems: string;
4637
4715
  color: string;
4638
4716
  background?: undefined;
4639
4717
  borderColor?: undefined;
4640
4718
  boxShadow?: undefined;
4641
- justifyContent?: undefined;
4642
4719
  height?: undefined;
4643
4720
  '&.M4LIconButton-variantPrimary'?: undefined;
4644
4721
  } | {
@@ -4680,7 +4757,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4680
4757
  display: string;
4681
4758
  background: string;
4682
4759
  borderRadius: string;
4683
- marginRight: string;
4684
4760
  minHeight: string;
4685
4761
  width: string;
4686
4762
  gap: string;
@@ -4694,6 +4770,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4694
4770
  border: string;
4695
4771
  textWrap: string;
4696
4772
  width: string;
4773
+ minWidth: string;
4774
+ justifyContent: string;
4697
4775
  display: string;
4698
4776
  alignItems: string;
4699
4777
  color: string | undefined;
@@ -4723,6 +4801,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4723
4801
  border: string;
4724
4802
  textWrap: string;
4725
4803
  width: string;
4804
+ minWidth: string;
4805
+ justifyContent: string;
4726
4806
  display: string;
4727
4807
  alignItems: string;
4728
4808
  color: string;
@@ -4762,7 +4842,9 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4762
4842
  borderRadius: string;
4763
4843
  borderColor: string;
4764
4844
  };
4765
- '& .M4LAreasAdmin-areasAddButton': {};
4845
+ '& .M4LAreasAdmin-areasAddButton': {
4846
+ background: string;
4847
+ };
4766
4848
  '&.M4LAreasAdmin-isMobile': {
4767
4849
  overflow: string;
4768
4850
  boxShadow: string;
@@ -4810,7 +4892,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4810
4892
  display?: undefined;
4811
4893
  flexDirection?: undefined;
4812
4894
  overflow?: undefined;
4813
- borderRight?: undefined;
4814
4895
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4815
4896
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4816
4897
  borderLeft?: undefined;
@@ -4830,7 +4911,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4830
4911
  display?: undefined;
4831
4912
  flexDirection?: undefined;
4832
4913
  overflow?: undefined;
4833
- borderRight?: undefined;
4834
4914
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4835
4915
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4836
4916
  borderLeft?: undefined;
@@ -4850,7 +4930,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4850
4930
  display?: undefined;
4851
4931
  flexDirection?: undefined;
4852
4932
  overflow?: undefined;
4853
- borderRight?: undefined;
4854
4933
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4855
4934
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4856
4935
  borderLeft?: undefined;
@@ -4870,7 +4949,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4870
4949
  display?: undefined;
4871
4950
  flexDirection?: undefined;
4872
4951
  overflow?: undefined;
4873
- borderRight?: undefined;
4874
4952
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4875
4953
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4876
4954
  borderLeft?: undefined;
@@ -4890,7 +4968,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4890
4968
  display?: undefined;
4891
4969
  flexDirection?: undefined;
4892
4970
  overflow?: undefined;
4893
- borderRight?: undefined;
4894
4971
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
4895
4972
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
4896
4973
  borderLeft?: undefined;
@@ -4959,6 +5036,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4959
5036
  flexDirection?: undefined;
4960
5037
  height?: undefined;
4961
5038
  justifyContent?: undefined;
5039
+ '& .simplebar-mask .simplebar-offset '?: undefined;
4962
5040
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
4963
5041
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
4964
5042
  maxWidth?: undefined;
@@ -4972,7 +5050,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4972
5050
  '&:hover'?: undefined;
4973
5051
  '& .M4LAreasAdmin-selected .'?: undefined;
4974
5052
  alignItems?: undefined;
4975
- marginRight?: undefined;
4976
5053
  minHeight?: undefined;
4977
5054
  gap?: undefined;
4978
5055
  paddingLeft?: undefined;
@@ -4985,10 +5062,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
4985
5062
  width: string;
4986
5063
  background: string;
4987
5064
  display?: undefined;
4988
- height?: undefined;
4989
5065
  alignItems?: undefined;
5066
+ height?: undefined;
4990
5067
  gap?: undefined;
4991
5068
  paddingRight?: undefined;
5069
+ border?: undefined;
5070
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
5071
+ } | {
5072
+ display: string;
5073
+ alignItems: string;
5074
+ width?: undefined;
5075
+ background?: undefined;
5076
+ height?: undefined;
5077
+ gap?: undefined;
5078
+ paddingRight?: undefined;
5079
+ border?: undefined;
4992
5080
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
4993
5081
  } | {
4994
5082
  [x: string]: string | {
@@ -5001,9 +5089,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5001
5089
  gap: string;
5002
5090
  paddingRight: string;
5003
5091
  background?: undefined;
5092
+ border?: undefined;
5004
5093
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
5005
5094
  } | {
5006
5095
  width: string;
5096
+ border: string;
5097
+ background: string;
5007
5098
  '& .M4LAreasAdmin-areaChipRoot': {
5008
5099
  width: string;
5009
5100
  paddingLeft: string;
@@ -5012,14 +5103,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5012
5103
  whiteSpace: string;
5013
5104
  overflow: string;
5014
5105
  textOverflow: string;
5106
+ gap: string;
5107
+ background: string;
5015
5108
  '& .M4LAreasAdmin-areaChipRoot': {
5016
5109
  width: string;
5017
5110
  };
5018
5111
  };
5019
- background?: undefined;
5020
5112
  display?: undefined;
5021
- height?: undefined;
5022
5113
  alignItems?: undefined;
5114
+ height?: undefined;
5023
5115
  gap?: undefined;
5024
5116
  paddingRight?: undefined;
5025
5117
  };
@@ -5028,6 +5120,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5028
5120
  width: string;
5029
5121
  height: string;
5030
5122
  justifyContent: string;
5123
+ '& .simplebar-mask .simplebar-offset ': {
5124
+ display: string;
5125
+ alignItems: string;
5126
+ };
5031
5127
  '& .M4LAreasAdmin-areaContentChips': {
5032
5128
  [x: string]: string | {
5033
5129
  height: string;
@@ -5041,6 +5137,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5041
5137
  };
5042
5138
  '& .M4LAreasAdmin-areaChipMobileRoot': {
5043
5139
  width: string;
5140
+ border: string;
5141
+ background: string;
5044
5142
  '& .M4LAreasAdmin-areaChipRoot': {
5045
5143
  width: string;
5046
5144
  paddingLeft: string;
@@ -5049,6 +5147,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5049
5147
  whiteSpace: string;
5050
5148
  overflow: string;
5051
5149
  textOverflow: string;
5150
+ gap: string;
5151
+ background: string;
5052
5152
  '& .M4LAreasAdmin-areaChipRoot': {
5053
5153
  width: string;
5054
5154
  };
@@ -5067,7 +5167,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5067
5167
  '&:hover'?: undefined;
5068
5168
  '& .M4LAreasAdmin-selected .'?: undefined;
5069
5169
  alignItems?: undefined;
5070
- marginRight?: undefined;
5071
5170
  minHeight?: undefined;
5072
5171
  gap?: undefined;
5073
5172
  paddingLeft?: undefined;
@@ -5087,6 +5186,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5087
5186
  flexDirection?: undefined;
5088
5187
  height?: undefined;
5089
5188
  justifyContent?: undefined;
5189
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5090
5190
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5091
5191
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5092
5192
  '& .simplebar-offset'?: undefined;
@@ -5099,7 +5199,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5099
5199
  '&:hover'?: undefined;
5100
5200
  '& .M4LAreasAdmin-selected .'?: undefined;
5101
5201
  alignItems?: undefined;
5102
- marginRight?: undefined;
5103
5202
  minHeight?: undefined;
5104
5203
  gap?: undefined;
5105
5204
  paddingLeft?: undefined;
@@ -5116,6 +5215,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5116
5215
  flexDirection?: undefined;
5117
5216
  height?: undefined;
5118
5217
  justifyContent?: undefined;
5218
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5119
5219
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5120
5220
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5121
5221
  '& .simplebar-offset'?: undefined;
@@ -5128,7 +5228,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5128
5228
  '&:hover'?: undefined;
5129
5229
  '& .M4LAreasAdmin-selected .'?: undefined;
5130
5230
  alignItems?: undefined;
5131
- marginRight?: undefined;
5132
5231
  minHeight?: undefined;
5133
5232
  gap?: undefined;
5134
5233
  paddingLeft?: undefined;
@@ -5155,6 +5254,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5155
5254
  flexDirection?: undefined;
5156
5255
  height?: undefined;
5157
5256
  justifyContent?: undefined;
5257
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5158
5258
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5159
5259
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5160
5260
  maxWidth?: undefined;
@@ -5167,7 +5267,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5167
5267
  '&:hover'?: undefined;
5168
5268
  '& .M4LAreasAdmin-selected .'?: undefined;
5169
5269
  alignItems?: undefined;
5170
- marginRight?: undefined;
5171
5270
  minHeight?: undefined;
5172
5271
  gap?: undefined;
5173
5272
  paddingLeft?: undefined;
@@ -5183,29 +5282,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5183
5282
  border: string;
5184
5283
  boxShadow: string;
5185
5284
  width: string;
5186
- transition?: undefined;
5187
- opacity?: undefined;
5188
- } | {
5189
- transition: string;
5190
- opacity: string;
5191
- background?: undefined;
5192
- border?: undefined;
5193
- boxShadow?: undefined;
5194
- width?: undefined;
5195
5285
  };
5196
5286
  margin: string;
5197
5287
  borderRadius: string;
5198
5288
  overflow: string;
5199
5289
  width: string;
5200
5290
  cursor: string;
5201
- '& .M4LAreasAdmin-areaChipEditButton': {
5202
- transition: string;
5203
- opacity: string;
5204
- };
5205
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
5206
- transition: string;
5207
- opacity: string;
5208
- };
5209
5291
  position?: undefined;
5210
5292
  };
5211
5293
  background?: undefined;
@@ -5214,6 +5296,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5214
5296
  flexDirection?: undefined;
5215
5297
  height?: undefined;
5216
5298
  justifyContent?: undefined;
5299
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5217
5300
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5218
5301
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5219
5302
  maxWidth?: undefined;
@@ -5226,7 +5309,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5226
5309
  '&:hover'?: undefined;
5227
5310
  '& .M4LAreasAdmin-selected .'?: undefined;
5228
5311
  alignItems?: undefined;
5229
- marginRight?: undefined;
5230
5312
  minHeight?: undefined;
5231
5313
  gap?: undefined;
5232
5314
  paddingLeft?: undefined;
@@ -5303,8 +5385,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5303
5385
  width: string;
5304
5386
  position: string;
5305
5387
  cursor?: undefined;
5306
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
5307
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
5308
5388
  };
5309
5389
  '& .M4LAreasAdmin-selected .': {
5310
5390
  [x: string]: {
@@ -5315,12 +5395,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5315
5395
  flexDirection?: undefined;
5316
5396
  height?: undefined;
5317
5397
  justifyContent?: undefined;
5398
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5318
5399
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5319
5400
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5320
5401
  maxWidth?: undefined;
5321
5402
  '& .simplebar-offset'?: undefined;
5322
5403
  alignItems?: undefined;
5323
- marginRight?: undefined;
5324
5404
  minHeight?: undefined;
5325
5405
  gap?: undefined;
5326
5406
  paddingLeft?: undefined;
@@ -5351,6 +5431,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5351
5431
  flexDirection?: undefined;
5352
5432
  height?: undefined;
5353
5433
  justifyContent?: undefined;
5434
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5354
5435
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5355
5436
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5356
5437
  maxWidth?: undefined;
@@ -5361,7 +5442,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5361
5442
  '&:hover'?: undefined;
5362
5443
  '& .M4LAreasAdmin-selected .'?: undefined;
5363
5444
  alignItems?: undefined;
5364
- marginRight?: undefined;
5365
5445
  minHeight?: undefined;
5366
5446
  gap?: undefined;
5367
5447
  paddingLeft?: undefined;
@@ -5377,6 +5457,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5377
5457
  width?: undefined;
5378
5458
  flexDirection?: undefined;
5379
5459
  justifyContent?: undefined;
5460
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5380
5461
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5381
5462
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5382
5463
  maxWidth?: undefined;
@@ -5389,7 +5470,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5389
5470
  borderRadius?: undefined;
5390
5471
  '&:hover'?: undefined;
5391
5472
  '& .M4LAreasAdmin-selected .'?: undefined;
5392
- marginRight?: undefined;
5393
5473
  minHeight?: undefined;
5394
5474
  gap?: undefined;
5395
5475
  paddingLeft?: undefined;
@@ -5406,6 +5486,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5406
5486
  flexDirection?: undefined;
5407
5487
  height?: undefined;
5408
5488
  justifyContent?: undefined;
5489
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5409
5490
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5410
5491
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5411
5492
  maxWidth?: undefined;
@@ -5418,7 +5499,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5418
5499
  borderRadius?: undefined;
5419
5500
  '&:hover'?: undefined;
5420
5501
  '& .M4LAreasAdmin-selected .'?: undefined;
5421
- marginRight?: undefined;
5422
5502
  minHeight?: undefined;
5423
5503
  gap?: undefined;
5424
5504
  paddingLeft?: undefined;
@@ -5445,6 +5525,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5445
5525
  border: string;
5446
5526
  textWrap: string;
5447
5527
  width: string;
5528
+ minWidth: string;
5529
+ justifyContent: string;
5448
5530
  display: string;
5449
5531
  alignItems: string;
5450
5532
  color: string | undefined;
@@ -5480,13 +5562,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5480
5562
  border: string;
5481
5563
  textWrap: string;
5482
5564
  width: string;
5565
+ minWidth: string;
5566
+ justifyContent: string;
5483
5567
  display: string;
5484
5568
  alignItems: string;
5485
5569
  color: string;
5486
5570
  background?: undefined;
5487
5571
  borderColor?: undefined;
5488
5572
  boxShadow?: undefined;
5489
- justifyContent?: undefined;
5490
5573
  height?: undefined;
5491
5574
  '&.M4LIconButton-variantPrimary'?: undefined;
5492
5575
  } | {
@@ -5528,7 +5611,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5528
5611
  display: string;
5529
5612
  background: string;
5530
5613
  borderRadius: string;
5531
- marginRight: string;
5532
5614
  minHeight: string;
5533
5615
  width: string;
5534
5616
  gap: string;
@@ -5542,6 +5624,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5542
5624
  border: string;
5543
5625
  textWrap: string;
5544
5626
  width: string;
5627
+ minWidth: string;
5628
+ justifyContent: string;
5545
5629
  display: string;
5546
5630
  alignItems: string;
5547
5631
  color: string | undefined;
@@ -5571,6 +5655,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5571
5655
  border: string;
5572
5656
  textWrap: string;
5573
5657
  width: string;
5658
+ minWidth: string;
5659
+ justifyContent: string;
5574
5660
  display: string;
5575
5661
  alignItems: string;
5576
5662
  color: string;
@@ -5608,6 +5694,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5608
5694
  flexDirection?: undefined;
5609
5695
  height?: undefined;
5610
5696
  justifyContent?: undefined;
5697
+ '& .simplebar-mask .simplebar-offset '?: undefined;
5611
5698
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
5612
5699
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
5613
5700
  maxWidth?: undefined;
@@ -5633,10 +5720,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5633
5720
  width: string;
5634
5721
  background: string;
5635
5722
  display?: undefined;
5636
- height?: undefined;
5637
5723
  alignItems?: undefined;
5724
+ height?: undefined;
5725
+ gap?: undefined;
5726
+ paddingRight?: undefined;
5727
+ border?: undefined;
5728
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
5729
+ } | {
5730
+ display: string;
5731
+ alignItems: string;
5732
+ width?: undefined;
5733
+ background?: undefined;
5734
+ height?: undefined;
5638
5735
  gap?: undefined;
5639
5736
  paddingRight?: undefined;
5737
+ border?: undefined;
5640
5738
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
5641
5739
  } | {
5642
5740
  [x: string]: string | {
@@ -5649,9 +5747,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5649
5747
  gap: string;
5650
5748
  paddingRight: string;
5651
5749
  background?: undefined;
5750
+ border?: undefined;
5652
5751
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
5653
5752
  } | {
5654
5753
  width: string;
5754
+ border: string;
5755
+ background: string;
5655
5756
  '& .M4LAreasAdmin-areaChipRoot': {
5656
5757
  width: string;
5657
5758
  paddingLeft: string;
@@ -5660,14 +5761,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5660
5761
  whiteSpace: string;
5661
5762
  overflow: string;
5662
5763
  textOverflow: string;
5764
+ gap: string;
5765
+ background: string;
5663
5766
  '& .M4LAreasAdmin-areaChipRoot': {
5664
5767
  width: string;
5665
5768
  };
5666
5769
  };
5667
- background?: undefined;
5668
5770
  display?: undefined;
5669
- height?: undefined;
5670
5771
  alignItems?: undefined;
5772
+ height?: undefined;
5671
5773
  gap?: undefined;
5672
5774
  paddingRight?: undefined;
5673
5775
  };
@@ -5676,6 +5778,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5676
5778
  width: string;
5677
5779
  height: string;
5678
5780
  justifyContent: string;
5781
+ '& .simplebar-mask .simplebar-offset ': {
5782
+ display: string;
5783
+ alignItems: string;
5784
+ };
5679
5785
  '& .M4LAreasAdmin-areaContentChips': {
5680
5786
  [x: string]: string | {
5681
5787
  height: string;
@@ -5689,6 +5795,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5689
5795
  };
5690
5796
  '& .M4LAreasAdmin-areaChipMobileRoot': {
5691
5797
  width: string;
5798
+ border: string;
5799
+ background: string;
5692
5800
  '& .M4LAreasAdmin-areaChipRoot': {
5693
5801
  width: string;
5694
5802
  paddingLeft: string;
@@ -5697,6 +5805,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5697
5805
  whiteSpace: string;
5698
5806
  overflow: string;
5699
5807
  textOverflow: string;
5808
+ gap: string;
5809
+ background: string;
5700
5810
  '& .M4LAreasAdmin-areaChipRoot': {
5701
5811
  width: string;
5702
5812
  };
@@ -5736,29 +5846,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5736
5846
  border: string;
5737
5847
  boxShadow: string;
5738
5848
  width: string;
5739
- transition?: undefined;
5740
- opacity?: undefined;
5741
- } | {
5742
- transition: string;
5743
- opacity: string;
5744
- background?: undefined;
5745
- border?: undefined;
5746
- boxShadow?: undefined;
5747
- width?: undefined;
5748
5849
  };
5749
5850
  margin: string;
5750
5851
  borderRadius: string;
5751
5852
  overflow: string;
5752
5853
  width: string;
5753
5854
  cursor: string;
5754
- '& .M4LAreasAdmin-areaChipEditButton': {
5755
- transition: string;
5756
- opacity: string;
5757
- };
5758
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
5759
- transition: string;
5760
- opacity: string;
5761
- };
5762
5855
  };
5763
5856
  };
5764
5857
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -5878,6 +5971,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5878
5971
  border: string;
5879
5972
  textWrap: string;
5880
5973
  width: string;
5974
+ minWidth: string;
5975
+ justifyContent: string;
5881
5976
  display: string;
5882
5977
  alignItems: string;
5883
5978
  color: string | undefined;
@@ -5913,13 +6008,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5913
6008
  border: string;
5914
6009
  textWrap: string;
5915
6010
  width: string;
6011
+ minWidth: string;
6012
+ justifyContent: string;
5916
6013
  display: string;
5917
6014
  alignItems: string;
5918
6015
  color: string;
5919
6016
  background?: undefined;
5920
6017
  borderColor?: undefined;
5921
6018
  boxShadow?: undefined;
5922
- justifyContent?: undefined;
5923
6019
  height?: undefined;
5924
6020
  '&.M4LIconButton-variantPrimary'?: undefined;
5925
6021
  } | {
@@ -5961,7 +6057,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5961
6057
  display: string;
5962
6058
  background: string;
5963
6059
  borderRadius: string;
5964
- marginRight: string;
5965
6060
  minHeight: string;
5966
6061
  width: string;
5967
6062
  gap: string;
@@ -5975,6 +6070,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
5975
6070
  border: string;
5976
6071
  textWrap: string;
5977
6072
  width: string;
6073
+ minWidth: string;
6074
+ justifyContent: string;
5978
6075
  display: string;
5979
6076
  alignItems: string;
5980
6077
  color: string | undefined;
@@ -6004,6 +6101,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6004
6101
  border: string;
6005
6102
  textWrap: string;
6006
6103
  width: string;
6104
+ minWidth: string;
6105
+ justifyContent: string;
6007
6106
  display: string;
6008
6107
  alignItems: string;
6009
6108
  color: string;
@@ -6046,7 +6145,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6046
6145
  width: string;
6047
6146
  overflow: string;
6048
6147
  height: string;
6049
- borderRight: string;
6050
6148
  borderColor: string;
6051
6149
  '& .M4LAreasAdmin-areaIconLayer': {
6052
6150
  [x: string]: string | {
@@ -6073,6 +6171,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6073
6171
  flexDirection?: undefined;
6074
6172
  height?: undefined;
6075
6173
  justifyContent?: undefined;
6174
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6076
6175
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6077
6176
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6078
6177
  maxWidth?: undefined;
@@ -6086,7 +6185,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6086
6185
  '&:hover'?: undefined;
6087
6186
  '& .M4LAreasAdmin-selected .'?: undefined;
6088
6187
  alignItems?: undefined;
6089
- marginRight?: undefined;
6090
6188
  minHeight?: undefined;
6091
6189
  gap?: undefined;
6092
6190
  paddingLeft?: undefined;
@@ -6099,10 +6197,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6099
6197
  width: string;
6100
6198
  background: string;
6101
6199
  display?: undefined;
6102
- height?: undefined;
6103
6200
  alignItems?: undefined;
6201
+ height?: undefined;
6202
+ gap?: undefined;
6203
+ paddingRight?: undefined;
6204
+ border?: undefined;
6205
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
6206
+ } | {
6207
+ display: string;
6208
+ alignItems: string;
6209
+ width?: undefined;
6210
+ background?: undefined;
6211
+ height?: undefined;
6104
6212
  gap?: undefined;
6105
6213
  paddingRight?: undefined;
6214
+ border?: undefined;
6106
6215
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
6107
6216
  } | {
6108
6217
  [x: string]: string | {
@@ -6115,9 +6224,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6115
6224
  gap: string;
6116
6225
  paddingRight: string;
6117
6226
  background?: undefined;
6227
+ border?: undefined;
6118
6228
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
6119
6229
  } | {
6120
6230
  width: string;
6231
+ border: string;
6232
+ background: string;
6121
6233
  '& .M4LAreasAdmin-areaChipRoot': {
6122
6234
  width: string;
6123
6235
  paddingLeft: string;
@@ -6126,14 +6238,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6126
6238
  whiteSpace: string;
6127
6239
  overflow: string;
6128
6240
  textOverflow: string;
6241
+ gap: string;
6242
+ background: string;
6129
6243
  '& .M4LAreasAdmin-areaChipRoot': {
6130
6244
  width: string;
6131
6245
  };
6132
6246
  };
6133
- background?: undefined;
6134
6247
  display?: undefined;
6135
- height?: undefined;
6136
6248
  alignItems?: undefined;
6249
+ height?: undefined;
6137
6250
  gap?: undefined;
6138
6251
  paddingRight?: undefined;
6139
6252
  };
@@ -6142,6 +6255,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6142
6255
  width: string;
6143
6256
  height: string;
6144
6257
  justifyContent: string;
6258
+ '& .simplebar-mask .simplebar-offset ': {
6259
+ display: string;
6260
+ alignItems: string;
6261
+ };
6145
6262
  '& .M4LAreasAdmin-areaContentChips': {
6146
6263
  [x: string]: string | {
6147
6264
  height: string;
@@ -6155,6 +6272,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6155
6272
  };
6156
6273
  '& .M4LAreasAdmin-areaChipMobileRoot': {
6157
6274
  width: string;
6275
+ border: string;
6276
+ background: string;
6158
6277
  '& .M4LAreasAdmin-areaChipRoot': {
6159
6278
  width: string;
6160
6279
  paddingLeft: string;
@@ -6163,6 +6282,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6163
6282
  whiteSpace: string;
6164
6283
  overflow: string;
6165
6284
  textOverflow: string;
6285
+ gap: string;
6286
+ background: string;
6166
6287
  '& .M4LAreasAdmin-areaChipRoot': {
6167
6288
  width: string;
6168
6289
  };
@@ -6181,7 +6302,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6181
6302
  '&:hover'?: undefined;
6182
6303
  '& .M4LAreasAdmin-selected .'?: undefined;
6183
6304
  alignItems?: undefined;
6184
- marginRight?: undefined;
6185
6305
  minHeight?: undefined;
6186
6306
  gap?: undefined;
6187
6307
  paddingLeft?: undefined;
@@ -6201,6 +6321,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6201
6321
  flexDirection?: undefined;
6202
6322
  height?: undefined;
6203
6323
  justifyContent?: undefined;
6324
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6204
6325
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6205
6326
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6206
6327
  '& .simplebar-offset'?: undefined;
@@ -6213,7 +6334,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6213
6334
  '&:hover'?: undefined;
6214
6335
  '& .M4LAreasAdmin-selected .'?: undefined;
6215
6336
  alignItems?: undefined;
6216
- marginRight?: undefined;
6217
6337
  minHeight?: undefined;
6218
6338
  gap?: undefined;
6219
6339
  paddingLeft?: undefined;
@@ -6230,6 +6350,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6230
6350
  flexDirection?: undefined;
6231
6351
  height?: undefined;
6232
6352
  justifyContent?: undefined;
6353
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6233
6354
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6234
6355
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6235
6356
  '& .simplebar-offset'?: undefined;
@@ -6242,7 +6363,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6242
6363
  '&:hover'?: undefined;
6243
6364
  '& .M4LAreasAdmin-selected .'?: undefined;
6244
6365
  alignItems?: undefined;
6245
- marginRight?: undefined;
6246
6366
  minHeight?: undefined;
6247
6367
  gap?: undefined;
6248
6368
  paddingLeft?: undefined;
@@ -6269,6 +6389,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6269
6389
  flexDirection?: undefined;
6270
6390
  height?: undefined;
6271
6391
  justifyContent?: undefined;
6392
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6272
6393
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6273
6394
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6274
6395
  maxWidth?: undefined;
@@ -6281,7 +6402,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6281
6402
  '&:hover'?: undefined;
6282
6403
  '& .M4LAreasAdmin-selected .'?: undefined;
6283
6404
  alignItems?: undefined;
6284
- marginRight?: undefined;
6285
6405
  minHeight?: undefined;
6286
6406
  gap?: undefined;
6287
6407
  paddingLeft?: undefined;
@@ -6297,29 +6417,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6297
6417
  border: string;
6298
6418
  boxShadow: string;
6299
6419
  width: string;
6300
- transition?: undefined;
6301
- opacity?: undefined;
6302
- } | {
6303
- transition: string;
6304
- opacity: string;
6305
- background?: undefined;
6306
- border?: undefined;
6307
- boxShadow?: undefined;
6308
- width?: undefined;
6309
6420
  };
6310
6421
  margin: string;
6311
6422
  borderRadius: string;
6312
6423
  overflow: string;
6313
6424
  width: string;
6314
6425
  cursor: string;
6315
- '& .M4LAreasAdmin-areaChipEditButton': {
6316
- transition: string;
6317
- opacity: string;
6318
- };
6319
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
6320
- transition: string;
6321
- opacity: string;
6322
- };
6323
6426
  position?: undefined;
6324
6427
  };
6325
6428
  background?: undefined;
@@ -6328,6 +6431,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6328
6431
  flexDirection?: undefined;
6329
6432
  height?: undefined;
6330
6433
  justifyContent?: undefined;
6434
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6331
6435
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6332
6436
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6333
6437
  maxWidth?: undefined;
@@ -6340,7 +6444,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6340
6444
  '&:hover'?: undefined;
6341
6445
  '& .M4LAreasAdmin-selected .'?: undefined;
6342
6446
  alignItems?: undefined;
6343
- marginRight?: undefined;
6344
6447
  minHeight?: undefined;
6345
6448
  gap?: undefined;
6346
6449
  paddingLeft?: undefined;
@@ -6417,8 +6520,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6417
6520
  width: string;
6418
6521
  position: string;
6419
6522
  cursor?: undefined;
6420
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
6421
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
6422
6523
  };
6423
6524
  '& .M4LAreasAdmin-selected .': {
6424
6525
  [x: string]: {
@@ -6429,12 +6530,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6429
6530
  flexDirection?: undefined;
6430
6531
  height?: undefined;
6431
6532
  justifyContent?: undefined;
6533
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6432
6534
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6433
6535
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6434
6536
  maxWidth?: undefined;
6435
6537
  '& .simplebar-offset'?: undefined;
6436
6538
  alignItems?: undefined;
6437
- marginRight?: undefined;
6438
6539
  minHeight?: undefined;
6439
6540
  gap?: undefined;
6440
6541
  paddingLeft?: undefined;
@@ -6465,6 +6566,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6465
6566
  flexDirection?: undefined;
6466
6567
  height?: undefined;
6467
6568
  justifyContent?: undefined;
6569
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6468
6570
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6469
6571
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6470
6572
  maxWidth?: undefined;
@@ -6475,7 +6577,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6475
6577
  '&:hover'?: undefined;
6476
6578
  '& .M4LAreasAdmin-selected .'?: undefined;
6477
6579
  alignItems?: undefined;
6478
- marginRight?: undefined;
6479
6580
  minHeight?: undefined;
6480
6581
  gap?: undefined;
6481
6582
  paddingLeft?: undefined;
@@ -6491,6 +6592,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6491
6592
  width?: undefined;
6492
6593
  flexDirection?: undefined;
6493
6594
  justifyContent?: undefined;
6595
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6494
6596
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6495
6597
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6496
6598
  maxWidth?: undefined;
@@ -6503,7 +6605,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6503
6605
  borderRadius?: undefined;
6504
6606
  '&:hover'?: undefined;
6505
6607
  '& .M4LAreasAdmin-selected .'?: undefined;
6506
- marginRight?: undefined;
6507
6608
  minHeight?: undefined;
6508
6609
  gap?: undefined;
6509
6610
  paddingLeft?: undefined;
@@ -6520,6 +6621,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6520
6621
  flexDirection?: undefined;
6521
6622
  height?: undefined;
6522
6623
  justifyContent?: undefined;
6624
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6523
6625
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6524
6626
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6525
6627
  maxWidth?: undefined;
@@ -6532,7 +6634,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6532
6634
  borderRadius?: undefined;
6533
6635
  '&:hover'?: undefined;
6534
6636
  '& .M4LAreasAdmin-selected .'?: undefined;
6535
- marginRight?: undefined;
6536
6637
  minHeight?: undefined;
6537
6638
  gap?: undefined;
6538
6639
  paddingLeft?: undefined;
@@ -6559,6 +6660,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6559
6660
  border: string;
6560
6661
  textWrap: string;
6561
6662
  width: string;
6663
+ minWidth: string;
6664
+ justifyContent: string;
6562
6665
  display: string;
6563
6666
  alignItems: string;
6564
6667
  color: string | undefined;
@@ -6594,13 +6697,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6594
6697
  border: string;
6595
6698
  textWrap: string;
6596
6699
  width: string;
6700
+ minWidth: string;
6701
+ justifyContent: string;
6597
6702
  display: string;
6598
6703
  alignItems: string;
6599
6704
  color: string;
6600
6705
  background?: undefined;
6601
6706
  borderColor?: undefined;
6602
6707
  boxShadow?: undefined;
6603
- justifyContent?: undefined;
6604
6708
  height?: undefined;
6605
6709
  '&.M4LIconButton-variantPrimary'?: undefined;
6606
6710
  } | {
@@ -6642,7 +6746,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6642
6746
  display: string;
6643
6747
  background: string;
6644
6748
  borderRadius: string;
6645
- marginRight: string;
6646
6749
  minHeight: string;
6647
6750
  width: string;
6648
6751
  gap: string;
@@ -6656,6 +6759,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6656
6759
  border: string;
6657
6760
  textWrap: string;
6658
6761
  width: string;
6762
+ minWidth: string;
6763
+ justifyContent: string;
6659
6764
  display: string;
6660
6765
  alignItems: string;
6661
6766
  color: string | undefined;
@@ -6685,6 +6790,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6685
6790
  border: string;
6686
6791
  textWrap: string;
6687
6792
  width: string;
6793
+ minWidth: string;
6794
+ justifyContent: string;
6688
6795
  display: string;
6689
6796
  alignItems: string;
6690
6797
  color: string;
@@ -6722,6 +6829,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6722
6829
  flexDirection?: undefined;
6723
6830
  height?: undefined;
6724
6831
  justifyContent?: undefined;
6832
+ '& .simplebar-mask .simplebar-offset '?: undefined;
6725
6833
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
6726
6834
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
6727
6835
  maxWidth?: undefined;
@@ -6747,10 +6855,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6747
6855
  width: string;
6748
6856
  background: string;
6749
6857
  display?: undefined;
6750
- height?: undefined;
6751
6858
  alignItems?: undefined;
6859
+ height?: undefined;
6860
+ gap?: undefined;
6861
+ paddingRight?: undefined;
6862
+ border?: undefined;
6863
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
6864
+ } | {
6865
+ display: string;
6866
+ alignItems: string;
6867
+ width?: undefined;
6868
+ background?: undefined;
6869
+ height?: undefined;
6752
6870
  gap?: undefined;
6753
6871
  paddingRight?: undefined;
6872
+ border?: undefined;
6754
6873
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
6755
6874
  } | {
6756
6875
  [x: string]: string | {
@@ -6763,9 +6882,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6763
6882
  gap: string;
6764
6883
  paddingRight: string;
6765
6884
  background?: undefined;
6885
+ border?: undefined;
6766
6886
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
6767
6887
  } | {
6768
6888
  width: string;
6889
+ border: string;
6890
+ background: string;
6769
6891
  '& .M4LAreasAdmin-areaChipRoot': {
6770
6892
  width: string;
6771
6893
  paddingLeft: string;
@@ -6774,14 +6896,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6774
6896
  whiteSpace: string;
6775
6897
  overflow: string;
6776
6898
  textOverflow: string;
6899
+ gap: string;
6900
+ background: string;
6777
6901
  '& .M4LAreasAdmin-areaChipRoot': {
6778
6902
  width: string;
6779
6903
  };
6780
6904
  };
6781
- background?: undefined;
6782
6905
  display?: undefined;
6783
- height?: undefined;
6784
6906
  alignItems?: undefined;
6907
+ height?: undefined;
6785
6908
  gap?: undefined;
6786
6909
  paddingRight?: undefined;
6787
6910
  };
@@ -6790,6 +6913,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6790
6913
  width: string;
6791
6914
  height: string;
6792
6915
  justifyContent: string;
6916
+ '& .simplebar-mask .simplebar-offset ': {
6917
+ display: string;
6918
+ alignItems: string;
6919
+ };
6793
6920
  '& .M4LAreasAdmin-areaContentChips': {
6794
6921
  [x: string]: string | {
6795
6922
  height: string;
@@ -6803,6 +6930,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6803
6930
  };
6804
6931
  '& .M4LAreasAdmin-areaChipMobileRoot': {
6805
6932
  width: string;
6933
+ border: string;
6934
+ background: string;
6806
6935
  '& .M4LAreasAdmin-areaChipRoot': {
6807
6936
  width: string;
6808
6937
  paddingLeft: string;
@@ -6811,6 +6940,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6811
6940
  whiteSpace: string;
6812
6941
  overflow: string;
6813
6942
  textOverflow: string;
6943
+ gap: string;
6944
+ background: string;
6814
6945
  '& .M4LAreasAdmin-areaChipRoot': {
6815
6946
  width: string;
6816
6947
  };
@@ -6850,29 +6981,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6850
6981
  border: string;
6851
6982
  boxShadow: string;
6852
6983
  width: string;
6853
- transition?: undefined;
6854
- opacity?: undefined;
6855
- } | {
6856
- transition: string;
6857
- opacity: string;
6858
- background?: undefined;
6859
- border?: undefined;
6860
- boxShadow?: undefined;
6861
- width?: undefined;
6862
6984
  };
6863
6985
  margin: string;
6864
6986
  borderRadius: string;
6865
6987
  overflow: string;
6866
6988
  width: string;
6867
6989
  cursor: string;
6868
- '& .M4LAreasAdmin-areaChipEditButton': {
6869
- transition: string;
6870
- opacity: string;
6871
- };
6872
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
6873
- transition: string;
6874
- opacity: string;
6875
- };
6876
6990
  };
6877
6991
  };
6878
6992
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -6992,6 +7106,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
6992
7106
  border: string;
6993
7107
  textWrap: string;
6994
7108
  width: string;
7109
+ minWidth: string;
7110
+ justifyContent: string;
6995
7111
  display: string;
6996
7112
  alignItems: string;
6997
7113
  color: string | undefined;
@@ -7027,13 +7143,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7027
7143
  border: string;
7028
7144
  textWrap: string;
7029
7145
  width: string;
7146
+ minWidth: string;
7147
+ justifyContent: string;
7030
7148
  display: string;
7031
7149
  alignItems: string;
7032
7150
  color: string;
7033
7151
  background?: undefined;
7034
7152
  borderColor?: undefined;
7035
7153
  boxShadow?: undefined;
7036
- justifyContent?: undefined;
7037
7154
  height?: undefined;
7038
7155
  '&.M4LIconButton-variantPrimary'?: undefined;
7039
7156
  } | {
@@ -7075,7 +7192,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7075
7192
  display: string;
7076
7193
  background: string;
7077
7194
  borderRadius: string;
7078
- marginRight: string;
7079
7195
  minHeight: string;
7080
7196
  width: string;
7081
7197
  gap: string;
@@ -7089,6 +7205,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7089
7205
  border: string;
7090
7206
  textWrap: string;
7091
7207
  width: string;
7208
+ minWidth: string;
7209
+ justifyContent: string;
7092
7210
  display: string;
7093
7211
  alignItems: string;
7094
7212
  color: string | undefined;
@@ -7118,6 +7236,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7118
7236
  border: string;
7119
7237
  textWrap: string;
7120
7238
  width: string;
7239
+ minWidth: string;
7240
+ justifyContent: string;
7121
7241
  display: string;
7122
7242
  alignItems: string;
7123
7243
  color: string;
@@ -7179,16 +7299,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7179
7299
  display?: undefined;
7180
7300
  flexDirection?: undefined;
7181
7301
  overflow?: undefined;
7182
- borderRight?: undefined;
7183
7302
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
7184
7303
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
7185
7304
  } | {
7305
+ background: string;
7186
7306
  gap?: undefined;
7187
7307
  borderRadius?: undefined;
7188
7308
  border?: undefined;
7189
7309
  borderColor?: undefined;
7190
7310
  height?: undefined;
7191
- background?: undefined;
7192
7311
  boxShadow?: undefined;
7193
7312
  width?: undefined;
7194
7313
  maxWidth?: undefined;
@@ -7198,7 +7317,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7198
7317
  display?: undefined;
7199
7318
  flexDirection?: undefined;
7200
7319
  overflow?: undefined;
7201
- borderRight?: undefined;
7202
7320
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
7203
7321
  '& .M4LAreasAdmin-areaContainerChips'?: undefined;
7204
7322
  borderLeft?: undefined;
@@ -7240,7 +7358,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7240
7358
  zIndex?: undefined;
7241
7359
  display?: undefined;
7242
7360
  flexDirection?: undefined;
7243
- borderRight?: undefined;
7244
7361
  '& .M4LAreasAdmin-areaIconLayer'?: undefined;
7245
7362
  borderLeft?: undefined;
7246
7363
  };
@@ -7251,6 +7368,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7251
7368
  justifyContent: string;
7252
7369
  alignItems: string;
7253
7370
  gap: string;
7371
+ padding: string;
7254
7372
  '&.M4LAreasAdmin-isFocus': {
7255
7373
  border: string;
7256
7374
  borderColor: string;
@@ -7335,6 +7453,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7335
7453
  flexDirection?: undefined;
7336
7454
  height?: undefined;
7337
7455
  justifyContent?: undefined;
7456
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7338
7457
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7339
7458
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7340
7459
  maxWidth?: undefined;
@@ -7348,7 +7467,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7348
7467
  '&:hover'?: undefined;
7349
7468
  '& .M4LAreasAdmin-selected .'?: undefined;
7350
7469
  alignItems?: undefined;
7351
- marginRight?: undefined;
7352
7470
  minHeight?: undefined;
7353
7471
  gap?: undefined;
7354
7472
  paddingLeft?: undefined;
@@ -7361,10 +7479,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7361
7479
  width: string;
7362
7480
  background: string;
7363
7481
  display?: undefined;
7364
- height?: undefined;
7365
7482
  alignItems?: undefined;
7483
+ height?: undefined;
7484
+ gap?: undefined;
7485
+ paddingRight?: undefined;
7486
+ border?: undefined;
7487
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
7488
+ } | {
7489
+ display: string;
7490
+ alignItems: string;
7491
+ width?: undefined;
7492
+ background?: undefined;
7493
+ height?: undefined;
7366
7494
  gap?: undefined;
7367
7495
  paddingRight?: undefined;
7496
+ border?: undefined;
7368
7497
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
7369
7498
  } | {
7370
7499
  [x: string]: string | {
@@ -7377,9 +7506,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7377
7506
  gap: string;
7378
7507
  paddingRight: string;
7379
7508
  background?: undefined;
7509
+ border?: undefined;
7380
7510
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
7381
7511
  } | {
7382
7512
  width: string;
7513
+ border: string;
7514
+ background: string;
7383
7515
  '& .M4LAreasAdmin-areaChipRoot': {
7384
7516
  width: string;
7385
7517
  paddingLeft: string;
@@ -7388,14 +7520,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7388
7520
  whiteSpace: string;
7389
7521
  overflow: string;
7390
7522
  textOverflow: string;
7523
+ gap: string;
7524
+ background: string;
7391
7525
  '& .M4LAreasAdmin-areaChipRoot': {
7392
7526
  width: string;
7393
7527
  };
7394
7528
  };
7395
- background?: undefined;
7396
7529
  display?: undefined;
7397
- height?: undefined;
7398
7530
  alignItems?: undefined;
7531
+ height?: undefined;
7399
7532
  gap?: undefined;
7400
7533
  paddingRight?: undefined;
7401
7534
  };
@@ -7404,6 +7537,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7404
7537
  width: string;
7405
7538
  height: string;
7406
7539
  justifyContent: string;
7540
+ '& .simplebar-mask .simplebar-offset ': {
7541
+ display: string;
7542
+ alignItems: string;
7543
+ };
7407
7544
  '& .M4LAreasAdmin-areaContentChips': {
7408
7545
  [x: string]: string | {
7409
7546
  height: string;
@@ -7417,6 +7554,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7417
7554
  };
7418
7555
  '& .M4LAreasAdmin-areaChipMobileRoot': {
7419
7556
  width: string;
7557
+ border: string;
7558
+ background: string;
7420
7559
  '& .M4LAreasAdmin-areaChipRoot': {
7421
7560
  width: string;
7422
7561
  paddingLeft: string;
@@ -7425,6 +7564,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7425
7564
  whiteSpace: string;
7426
7565
  overflow: string;
7427
7566
  textOverflow: string;
7567
+ gap: string;
7568
+ background: string;
7428
7569
  '& .M4LAreasAdmin-areaChipRoot': {
7429
7570
  width: string;
7430
7571
  };
@@ -7443,7 +7584,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7443
7584
  '&:hover'?: undefined;
7444
7585
  '& .M4LAreasAdmin-selected .'?: undefined;
7445
7586
  alignItems?: undefined;
7446
- marginRight?: undefined;
7447
7587
  minHeight?: undefined;
7448
7588
  gap?: undefined;
7449
7589
  paddingLeft?: undefined;
@@ -7463,6 +7603,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7463
7603
  flexDirection?: undefined;
7464
7604
  height?: undefined;
7465
7605
  justifyContent?: undefined;
7606
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7466
7607
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7467
7608
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7468
7609
  '& .simplebar-offset'?: undefined;
@@ -7475,7 +7616,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7475
7616
  '&:hover'?: undefined;
7476
7617
  '& .M4LAreasAdmin-selected .'?: undefined;
7477
7618
  alignItems?: undefined;
7478
- marginRight?: undefined;
7479
7619
  minHeight?: undefined;
7480
7620
  gap?: undefined;
7481
7621
  paddingLeft?: undefined;
@@ -7492,6 +7632,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7492
7632
  flexDirection?: undefined;
7493
7633
  height?: undefined;
7494
7634
  justifyContent?: undefined;
7635
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7495
7636
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7496
7637
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7497
7638
  '& .simplebar-offset'?: undefined;
@@ -7504,7 +7645,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7504
7645
  '&:hover'?: undefined;
7505
7646
  '& .M4LAreasAdmin-selected .'?: undefined;
7506
7647
  alignItems?: undefined;
7507
- marginRight?: undefined;
7508
7648
  minHeight?: undefined;
7509
7649
  gap?: undefined;
7510
7650
  paddingLeft?: undefined;
@@ -7531,6 +7671,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7531
7671
  flexDirection?: undefined;
7532
7672
  height?: undefined;
7533
7673
  justifyContent?: undefined;
7674
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7534
7675
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7535
7676
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7536
7677
  maxWidth?: undefined;
@@ -7543,7 +7684,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7543
7684
  '&:hover'?: undefined;
7544
7685
  '& .M4LAreasAdmin-selected .'?: undefined;
7545
7686
  alignItems?: undefined;
7546
- marginRight?: undefined;
7547
7687
  minHeight?: undefined;
7548
7688
  gap?: undefined;
7549
7689
  paddingLeft?: undefined;
@@ -7559,29 +7699,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7559
7699
  border: string;
7560
7700
  boxShadow: string;
7561
7701
  width: string;
7562
- transition?: undefined;
7563
- opacity?: undefined;
7564
- } | {
7565
- transition: string;
7566
- opacity: string;
7567
- background?: undefined;
7568
- border?: undefined;
7569
- boxShadow?: undefined;
7570
- width?: undefined;
7571
7702
  };
7572
7703
  margin: string;
7573
7704
  borderRadius: string;
7574
7705
  overflow: string;
7575
7706
  width: string;
7576
7707
  cursor: string;
7577
- '& .M4LAreasAdmin-areaChipEditButton': {
7578
- transition: string;
7579
- opacity: string;
7580
- };
7581
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
7582
- transition: string;
7583
- opacity: string;
7584
- };
7585
7708
  position?: undefined;
7586
7709
  };
7587
7710
  background?: undefined;
@@ -7590,6 +7713,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7590
7713
  flexDirection?: undefined;
7591
7714
  height?: undefined;
7592
7715
  justifyContent?: undefined;
7716
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7593
7717
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7594
7718
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7595
7719
  maxWidth?: undefined;
@@ -7602,7 +7726,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7602
7726
  '&:hover'?: undefined;
7603
7727
  '& .M4LAreasAdmin-selected .'?: undefined;
7604
7728
  alignItems?: undefined;
7605
- marginRight?: undefined;
7606
7729
  minHeight?: undefined;
7607
7730
  gap?: undefined;
7608
7731
  paddingLeft?: undefined;
@@ -7679,8 +7802,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7679
7802
  width: string;
7680
7803
  position: string;
7681
7804
  cursor?: undefined;
7682
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
7683
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
7684
7805
  };
7685
7806
  '& .M4LAreasAdmin-selected .': {
7686
7807
  [x: string]: {
@@ -7691,12 +7812,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7691
7812
  flexDirection?: undefined;
7692
7813
  height?: undefined;
7693
7814
  justifyContent?: undefined;
7815
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7694
7816
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7695
7817
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7696
7818
  maxWidth?: undefined;
7697
7819
  '& .simplebar-offset'?: undefined;
7698
7820
  alignItems?: undefined;
7699
- marginRight?: undefined;
7700
7821
  minHeight?: undefined;
7701
7822
  gap?: undefined;
7702
7823
  paddingLeft?: undefined;
@@ -7727,6 +7848,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7727
7848
  flexDirection?: undefined;
7728
7849
  height?: undefined;
7729
7850
  justifyContent?: undefined;
7851
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7730
7852
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7731
7853
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7732
7854
  maxWidth?: undefined;
@@ -7737,7 +7859,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7737
7859
  '&:hover'?: undefined;
7738
7860
  '& .M4LAreasAdmin-selected .'?: undefined;
7739
7861
  alignItems?: undefined;
7740
- marginRight?: undefined;
7741
7862
  minHeight?: undefined;
7742
7863
  gap?: undefined;
7743
7864
  paddingLeft?: undefined;
@@ -7753,6 +7874,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7753
7874
  width?: undefined;
7754
7875
  flexDirection?: undefined;
7755
7876
  justifyContent?: undefined;
7877
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7756
7878
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7757
7879
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7758
7880
  maxWidth?: undefined;
@@ -7765,7 +7887,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7765
7887
  borderRadius?: undefined;
7766
7888
  '&:hover'?: undefined;
7767
7889
  '& .M4LAreasAdmin-selected .'?: undefined;
7768
- marginRight?: undefined;
7769
7890
  minHeight?: undefined;
7770
7891
  gap?: undefined;
7771
7892
  paddingLeft?: undefined;
@@ -7782,6 +7903,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7782
7903
  flexDirection?: undefined;
7783
7904
  height?: undefined;
7784
7905
  justifyContent?: undefined;
7906
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7785
7907
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7786
7908
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7787
7909
  maxWidth?: undefined;
@@ -7794,7 +7916,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7794
7916
  borderRadius?: undefined;
7795
7917
  '&:hover'?: undefined;
7796
7918
  '& .M4LAreasAdmin-selected .'?: undefined;
7797
- marginRight?: undefined;
7798
7919
  minHeight?: undefined;
7799
7920
  gap?: undefined;
7800
7921
  paddingLeft?: undefined;
@@ -7821,6 +7942,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7821
7942
  border: string;
7822
7943
  textWrap: string;
7823
7944
  width: string;
7945
+ minWidth: string;
7946
+ justifyContent: string;
7824
7947
  display: string;
7825
7948
  alignItems: string;
7826
7949
  color: string | undefined;
@@ -7856,13 +7979,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7856
7979
  border: string;
7857
7980
  textWrap: string;
7858
7981
  width: string;
7982
+ minWidth: string;
7983
+ justifyContent: string;
7859
7984
  display: string;
7860
7985
  alignItems: string;
7861
7986
  color: string;
7862
7987
  background?: undefined;
7863
7988
  borderColor?: undefined;
7864
7989
  boxShadow?: undefined;
7865
- justifyContent?: undefined;
7866
7990
  height?: undefined;
7867
7991
  '&.M4LIconButton-variantPrimary'?: undefined;
7868
7992
  } | {
@@ -7904,7 +8028,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7904
8028
  display: string;
7905
8029
  background: string;
7906
8030
  borderRadius: string;
7907
- marginRight: string;
7908
8031
  minHeight: string;
7909
8032
  width: string;
7910
8033
  gap: string;
@@ -7918,6 +8041,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7918
8041
  border: string;
7919
8042
  textWrap: string;
7920
8043
  width: string;
8044
+ minWidth: string;
8045
+ justifyContent: string;
7921
8046
  display: string;
7922
8047
  alignItems: string;
7923
8048
  color: string | undefined;
@@ -7947,6 +8072,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7947
8072
  border: string;
7948
8073
  textWrap: string;
7949
8074
  width: string;
8075
+ minWidth: string;
8076
+ justifyContent: string;
7950
8077
  display: string;
7951
8078
  alignItems: string;
7952
8079
  color: string;
@@ -7984,6 +8111,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
7984
8111
  flexDirection?: undefined;
7985
8112
  height?: undefined;
7986
8113
  justifyContent?: undefined;
8114
+ '& .simplebar-mask .simplebar-offset '?: undefined;
7987
8115
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
7988
8116
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
7989
8117
  maxWidth?: undefined;
@@ -8009,10 +8137,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8009
8137
  width: string;
8010
8138
  background: string;
8011
8139
  display?: undefined;
8012
- height?: undefined;
8013
8140
  alignItems?: undefined;
8141
+ height?: undefined;
8142
+ gap?: undefined;
8143
+ paddingRight?: undefined;
8144
+ border?: undefined;
8145
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
8146
+ } | {
8147
+ display: string;
8148
+ alignItems: string;
8149
+ width?: undefined;
8150
+ background?: undefined;
8151
+ height?: undefined;
8014
8152
  gap?: undefined;
8015
8153
  paddingRight?: undefined;
8154
+ border?: undefined;
8016
8155
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
8017
8156
  } | {
8018
8157
  [x: string]: string | {
@@ -8025,9 +8164,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8025
8164
  gap: string;
8026
8165
  paddingRight: string;
8027
8166
  background?: undefined;
8167
+ border?: undefined;
8028
8168
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
8029
8169
  } | {
8030
8170
  width: string;
8171
+ border: string;
8172
+ background: string;
8031
8173
  '& .M4LAreasAdmin-areaChipRoot': {
8032
8174
  width: string;
8033
8175
  paddingLeft: string;
@@ -8036,14 +8178,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8036
8178
  whiteSpace: string;
8037
8179
  overflow: string;
8038
8180
  textOverflow: string;
8181
+ gap: string;
8182
+ background: string;
8039
8183
  '& .M4LAreasAdmin-areaChipRoot': {
8040
8184
  width: string;
8041
8185
  };
8042
8186
  };
8043
- background?: undefined;
8044
8187
  display?: undefined;
8045
- height?: undefined;
8046
8188
  alignItems?: undefined;
8189
+ height?: undefined;
8047
8190
  gap?: undefined;
8048
8191
  paddingRight?: undefined;
8049
8192
  };
@@ -8052,6 +8195,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8052
8195
  width: string;
8053
8196
  height: string;
8054
8197
  justifyContent: string;
8198
+ '& .simplebar-mask .simplebar-offset ': {
8199
+ display: string;
8200
+ alignItems: string;
8201
+ };
8055
8202
  '& .M4LAreasAdmin-areaContentChips': {
8056
8203
  [x: string]: string | {
8057
8204
  height: string;
@@ -8065,6 +8212,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8065
8212
  };
8066
8213
  '& .M4LAreasAdmin-areaChipMobileRoot': {
8067
8214
  width: string;
8215
+ border: string;
8216
+ background: string;
8068
8217
  '& .M4LAreasAdmin-areaChipRoot': {
8069
8218
  width: string;
8070
8219
  paddingLeft: string;
@@ -8073,6 +8222,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8073
8222
  whiteSpace: string;
8074
8223
  overflow: string;
8075
8224
  textOverflow: string;
8225
+ gap: string;
8226
+ background: string;
8076
8227
  '& .M4LAreasAdmin-areaChipRoot': {
8077
8228
  width: string;
8078
8229
  };
@@ -8112,29 +8263,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8112
8263
  border: string;
8113
8264
  boxShadow: string;
8114
8265
  width: string;
8115
- transition?: undefined;
8116
- opacity?: undefined;
8117
- } | {
8118
- transition: string;
8119
- opacity: string;
8120
- background?: undefined;
8121
- border?: undefined;
8122
- boxShadow?: undefined;
8123
- width?: undefined;
8124
8266
  };
8125
8267
  margin: string;
8126
8268
  borderRadius: string;
8127
8269
  overflow: string;
8128
8270
  width: string;
8129
8271
  cursor: string;
8130
- '& .M4LAreasAdmin-areaChipEditButton': {
8131
- transition: string;
8132
- opacity: string;
8133
- };
8134
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
8135
- transition: string;
8136
- opacity: string;
8137
- };
8138
8272
  };
8139
8273
  };
8140
8274
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -8254,6 +8388,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8254
8388
  border: string;
8255
8389
  textWrap: string;
8256
8390
  width: string;
8391
+ minWidth: string;
8392
+ justifyContent: string;
8257
8393
  display: string;
8258
8394
  alignItems: string;
8259
8395
  color: string | undefined;
@@ -8289,13 +8425,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8289
8425
  border: string;
8290
8426
  textWrap: string;
8291
8427
  width: string;
8428
+ minWidth: string;
8429
+ justifyContent: string;
8292
8430
  display: string;
8293
8431
  alignItems: string;
8294
8432
  color: string;
8295
8433
  background?: undefined;
8296
8434
  borderColor?: undefined;
8297
8435
  boxShadow?: undefined;
8298
- justifyContent?: undefined;
8299
8436
  height?: undefined;
8300
8437
  '&.M4LIconButton-variantPrimary'?: undefined;
8301
8438
  } | {
@@ -8337,7 +8474,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8337
8474
  display: string;
8338
8475
  background: string;
8339
8476
  borderRadius: string;
8340
- marginRight: string;
8341
8477
  minHeight: string;
8342
8478
  width: string;
8343
8479
  gap: string;
@@ -8351,6 +8487,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8351
8487
  border: string;
8352
8488
  textWrap: string;
8353
8489
  width: string;
8490
+ minWidth: string;
8491
+ justifyContent: string;
8354
8492
  display: string;
8355
8493
  alignItems: string;
8356
8494
  color: string | undefined;
@@ -8380,6 +8518,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8380
8518
  border: string;
8381
8519
  textWrap: string;
8382
8520
  width: string;
8521
+ minWidth: string;
8522
+ justifyContent: string;
8383
8523
  display: string;
8384
8524
  alignItems: string;
8385
8525
  color: string;
@@ -8422,7 +8562,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8422
8562
  width: string;
8423
8563
  overflow: string;
8424
8564
  height: string;
8425
- borderRight: string;
8426
8565
  borderColor: string;
8427
8566
  '& .M4LAreasAdmin-areaIconLayer': {
8428
8567
  [x: string]: string | {
@@ -8449,6 +8588,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8449
8588
  flexDirection?: undefined;
8450
8589
  height?: undefined;
8451
8590
  justifyContent?: undefined;
8591
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8452
8592
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8453
8593
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8454
8594
  maxWidth?: undefined;
@@ -8462,7 +8602,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8462
8602
  '&:hover'?: undefined;
8463
8603
  '& .M4LAreasAdmin-selected .'?: undefined;
8464
8604
  alignItems?: undefined;
8465
- marginRight?: undefined;
8466
8605
  minHeight?: undefined;
8467
8606
  gap?: undefined;
8468
8607
  paddingLeft?: undefined;
@@ -8475,10 +8614,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8475
8614
  width: string;
8476
8615
  background: string;
8477
8616
  display?: undefined;
8478
- height?: undefined;
8479
8617
  alignItems?: undefined;
8618
+ height?: undefined;
8619
+ gap?: undefined;
8620
+ paddingRight?: undefined;
8621
+ border?: undefined;
8622
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
8623
+ } | {
8624
+ display: string;
8625
+ alignItems: string;
8626
+ width?: undefined;
8627
+ background?: undefined;
8628
+ height?: undefined;
8480
8629
  gap?: undefined;
8481
8630
  paddingRight?: undefined;
8631
+ border?: undefined;
8482
8632
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
8483
8633
  } | {
8484
8634
  [x: string]: string | {
@@ -8491,9 +8641,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8491
8641
  gap: string;
8492
8642
  paddingRight: string;
8493
8643
  background?: undefined;
8644
+ border?: undefined;
8494
8645
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
8495
8646
  } | {
8496
8647
  width: string;
8648
+ border: string;
8649
+ background: string;
8497
8650
  '& .M4LAreasAdmin-areaChipRoot': {
8498
8651
  width: string;
8499
8652
  paddingLeft: string;
@@ -8502,14 +8655,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8502
8655
  whiteSpace: string;
8503
8656
  overflow: string;
8504
8657
  textOverflow: string;
8658
+ gap: string;
8659
+ background: string;
8505
8660
  '& .M4LAreasAdmin-areaChipRoot': {
8506
8661
  width: string;
8507
8662
  };
8508
8663
  };
8509
- background?: undefined;
8510
8664
  display?: undefined;
8511
- height?: undefined;
8512
8665
  alignItems?: undefined;
8666
+ height?: undefined;
8513
8667
  gap?: undefined;
8514
8668
  paddingRight?: undefined;
8515
8669
  };
@@ -8518,6 +8672,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8518
8672
  width: string;
8519
8673
  height: string;
8520
8674
  justifyContent: string;
8675
+ '& .simplebar-mask .simplebar-offset ': {
8676
+ display: string;
8677
+ alignItems: string;
8678
+ };
8521
8679
  '& .M4LAreasAdmin-areaContentChips': {
8522
8680
  [x: string]: string | {
8523
8681
  height: string;
@@ -8531,6 +8689,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8531
8689
  };
8532
8690
  '& .M4LAreasAdmin-areaChipMobileRoot': {
8533
8691
  width: string;
8692
+ border: string;
8693
+ background: string;
8534
8694
  '& .M4LAreasAdmin-areaChipRoot': {
8535
8695
  width: string;
8536
8696
  paddingLeft: string;
@@ -8539,6 +8699,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8539
8699
  whiteSpace: string;
8540
8700
  overflow: string;
8541
8701
  textOverflow: string;
8702
+ gap: string;
8703
+ background: string;
8542
8704
  '& .M4LAreasAdmin-areaChipRoot': {
8543
8705
  width: string;
8544
8706
  };
@@ -8557,7 +8719,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8557
8719
  '&:hover'?: undefined;
8558
8720
  '& .M4LAreasAdmin-selected .'?: undefined;
8559
8721
  alignItems?: undefined;
8560
- marginRight?: undefined;
8561
8722
  minHeight?: undefined;
8562
8723
  gap?: undefined;
8563
8724
  paddingLeft?: undefined;
@@ -8577,6 +8738,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8577
8738
  flexDirection?: undefined;
8578
8739
  height?: undefined;
8579
8740
  justifyContent?: undefined;
8741
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8580
8742
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8581
8743
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8582
8744
  '& .simplebar-offset'?: undefined;
@@ -8589,7 +8751,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8589
8751
  '&:hover'?: undefined;
8590
8752
  '& .M4LAreasAdmin-selected .'?: undefined;
8591
8753
  alignItems?: undefined;
8592
- marginRight?: undefined;
8593
8754
  minHeight?: undefined;
8594
8755
  gap?: undefined;
8595
8756
  paddingLeft?: undefined;
@@ -8606,6 +8767,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8606
8767
  flexDirection?: undefined;
8607
8768
  height?: undefined;
8608
8769
  justifyContent?: undefined;
8770
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8609
8771
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8610
8772
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8611
8773
  '& .simplebar-offset'?: undefined;
@@ -8618,7 +8780,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8618
8780
  '&:hover'?: undefined;
8619
8781
  '& .M4LAreasAdmin-selected .'?: undefined;
8620
8782
  alignItems?: undefined;
8621
- marginRight?: undefined;
8622
8783
  minHeight?: undefined;
8623
8784
  gap?: undefined;
8624
8785
  paddingLeft?: undefined;
@@ -8645,6 +8806,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8645
8806
  flexDirection?: undefined;
8646
8807
  height?: undefined;
8647
8808
  justifyContent?: undefined;
8809
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8648
8810
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8649
8811
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8650
8812
  maxWidth?: undefined;
@@ -8657,7 +8819,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8657
8819
  '&:hover'?: undefined;
8658
8820
  '& .M4LAreasAdmin-selected .'?: undefined;
8659
8821
  alignItems?: undefined;
8660
- marginRight?: undefined;
8661
8822
  minHeight?: undefined;
8662
8823
  gap?: undefined;
8663
8824
  paddingLeft?: undefined;
@@ -8673,29 +8834,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8673
8834
  border: string;
8674
8835
  boxShadow: string;
8675
8836
  width: string;
8676
- transition?: undefined;
8677
- opacity?: undefined;
8678
- } | {
8679
- transition: string;
8680
- opacity: string;
8681
- background?: undefined;
8682
- border?: undefined;
8683
- boxShadow?: undefined;
8684
- width?: undefined;
8685
8837
  };
8686
8838
  margin: string;
8687
8839
  borderRadius: string;
8688
8840
  overflow: string;
8689
8841
  width: string;
8690
8842
  cursor: string;
8691
- '& .M4LAreasAdmin-areaChipEditButton': {
8692
- transition: string;
8693
- opacity: string;
8694
- };
8695
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
8696
- transition: string;
8697
- opacity: string;
8698
- };
8699
8843
  position?: undefined;
8700
8844
  };
8701
8845
  background?: undefined;
@@ -8704,6 +8848,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8704
8848
  flexDirection?: undefined;
8705
8849
  height?: undefined;
8706
8850
  justifyContent?: undefined;
8851
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8707
8852
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8708
8853
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8709
8854
  maxWidth?: undefined;
@@ -8716,7 +8861,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8716
8861
  '&:hover'?: undefined;
8717
8862
  '& .M4LAreasAdmin-selected .'?: undefined;
8718
8863
  alignItems?: undefined;
8719
- marginRight?: undefined;
8720
8864
  minHeight?: undefined;
8721
8865
  gap?: undefined;
8722
8866
  paddingLeft?: undefined;
@@ -8793,8 +8937,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8793
8937
  width: string;
8794
8938
  position: string;
8795
8939
  cursor?: undefined;
8796
- '& .M4LAreasAdmin-areaChipEditButton'?: undefined;
8797
- '&:hover .M4LAreasAdmin-areaChipEditButton'?: undefined;
8798
8940
  };
8799
8941
  '& .M4LAreasAdmin-selected .': {
8800
8942
  [x: string]: {
@@ -8805,12 +8947,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8805
8947
  flexDirection?: undefined;
8806
8948
  height?: undefined;
8807
8949
  justifyContent?: undefined;
8950
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8808
8951
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8809
8952
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8810
8953
  maxWidth?: undefined;
8811
8954
  '& .simplebar-offset'?: undefined;
8812
8955
  alignItems?: undefined;
8813
- marginRight?: undefined;
8814
8956
  minHeight?: undefined;
8815
8957
  gap?: undefined;
8816
8958
  paddingLeft?: undefined;
@@ -8841,6 +8983,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8841
8983
  flexDirection?: undefined;
8842
8984
  height?: undefined;
8843
8985
  justifyContent?: undefined;
8986
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8844
8987
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8845
8988
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8846
8989
  maxWidth?: undefined;
@@ -8851,7 +8994,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8851
8994
  '&:hover'?: undefined;
8852
8995
  '& .M4LAreasAdmin-selected .'?: undefined;
8853
8996
  alignItems?: undefined;
8854
- marginRight?: undefined;
8855
8997
  minHeight?: undefined;
8856
8998
  gap?: undefined;
8857
8999
  paddingLeft?: undefined;
@@ -8867,6 +9009,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8867
9009
  width?: undefined;
8868
9010
  flexDirection?: undefined;
8869
9011
  justifyContent?: undefined;
9012
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8870
9013
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8871
9014
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8872
9015
  maxWidth?: undefined;
@@ -8879,7 +9022,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8879
9022
  borderRadius?: undefined;
8880
9023
  '&:hover'?: undefined;
8881
9024
  '& .M4LAreasAdmin-selected .'?: undefined;
8882
- marginRight?: undefined;
8883
9025
  minHeight?: undefined;
8884
9026
  gap?: undefined;
8885
9027
  paddingLeft?: undefined;
@@ -8896,6 +9038,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8896
9038
  flexDirection?: undefined;
8897
9039
  height?: undefined;
8898
9040
  justifyContent?: undefined;
9041
+ '& .simplebar-mask .simplebar-offset '?: undefined;
8899
9042
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
8900
9043
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
8901
9044
  maxWidth?: undefined;
@@ -8908,7 +9051,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8908
9051
  borderRadius?: undefined;
8909
9052
  '&:hover'?: undefined;
8910
9053
  '& .M4LAreasAdmin-selected .'?: undefined;
8911
- marginRight?: undefined;
8912
9054
  minHeight?: undefined;
8913
9055
  gap?: undefined;
8914
9056
  paddingLeft?: undefined;
@@ -8935,6 +9077,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8935
9077
  border: string;
8936
9078
  textWrap: string;
8937
9079
  width: string;
9080
+ minWidth: string;
9081
+ justifyContent: string;
8938
9082
  display: string;
8939
9083
  alignItems: string;
8940
9084
  color: string | undefined;
@@ -8970,13 +9114,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
8970
9114
  border: string;
8971
9115
  textWrap: string;
8972
9116
  width: string;
9117
+ minWidth: string;
9118
+ justifyContent: string;
8973
9119
  display: string;
8974
9120
  alignItems: string;
8975
9121
  color: string;
8976
9122
  background?: undefined;
8977
9123
  borderColor?: undefined;
8978
9124
  boxShadow?: undefined;
8979
- justifyContent?: undefined;
8980
9125
  height?: undefined;
8981
9126
  '&.M4LIconButton-variantPrimary'?: undefined;
8982
9127
  } | {
@@ -9018,7 +9163,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9018
9163
  display: string;
9019
9164
  background: string;
9020
9165
  borderRadius: string;
9021
- marginRight: string;
9022
9166
  minHeight: string;
9023
9167
  width: string;
9024
9168
  gap: string;
@@ -9032,6 +9176,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9032
9176
  border: string;
9033
9177
  textWrap: string;
9034
9178
  width: string;
9179
+ minWidth: string;
9180
+ justifyContent: string;
9035
9181
  display: string;
9036
9182
  alignItems: string;
9037
9183
  color: string | undefined;
@@ -9061,6 +9207,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9061
9207
  border: string;
9062
9208
  textWrap: string;
9063
9209
  width: string;
9210
+ minWidth: string;
9211
+ justifyContent: string;
9064
9212
  display: string;
9065
9213
  alignItems: string;
9066
9214
  color: string;
@@ -9098,6 +9246,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9098
9246
  flexDirection?: undefined;
9099
9247
  height?: undefined;
9100
9248
  justifyContent?: undefined;
9249
+ '& .simplebar-mask .simplebar-offset '?: undefined;
9101
9250
  '& .M4LAreasAdmin-areaContentChips'?: undefined;
9102
9251
  '& .M4LAreasAdmin-areaChipMobileRoot'?: undefined;
9103
9252
  maxWidth?: undefined;
@@ -9123,10 +9272,21 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9123
9272
  width: string;
9124
9273
  background: string;
9125
9274
  display?: undefined;
9126
- height?: undefined;
9127
9275
  alignItems?: undefined;
9276
+ height?: undefined;
9277
+ gap?: undefined;
9278
+ paddingRight?: undefined;
9279
+ border?: undefined;
9280
+ '& .M4LAreasAdmin-areaChipRoot'?: undefined;
9281
+ } | {
9282
+ display: string;
9283
+ alignItems: string;
9284
+ width?: undefined;
9285
+ background?: undefined;
9286
+ height?: undefined;
9128
9287
  gap?: undefined;
9129
9288
  paddingRight?: undefined;
9289
+ border?: undefined;
9130
9290
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
9131
9291
  } | {
9132
9292
  [x: string]: string | {
@@ -9139,9 +9299,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9139
9299
  gap: string;
9140
9300
  paddingRight: string;
9141
9301
  background?: undefined;
9302
+ border?: undefined;
9142
9303
  '& .M4LAreasAdmin-areaChipRoot'?: undefined;
9143
9304
  } | {
9144
9305
  width: string;
9306
+ border: string;
9307
+ background: string;
9145
9308
  '& .M4LAreasAdmin-areaChipRoot': {
9146
9309
  width: string;
9147
9310
  paddingLeft: string;
@@ -9150,14 +9313,15 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9150
9313
  whiteSpace: string;
9151
9314
  overflow: string;
9152
9315
  textOverflow: string;
9316
+ gap: string;
9317
+ background: string;
9153
9318
  '& .M4LAreasAdmin-areaChipRoot': {
9154
9319
  width: string;
9155
9320
  };
9156
9321
  };
9157
- background?: undefined;
9158
9322
  display?: undefined;
9159
- height?: undefined;
9160
9323
  alignItems?: undefined;
9324
+ height?: undefined;
9161
9325
  gap?: undefined;
9162
9326
  paddingRight?: undefined;
9163
9327
  };
@@ -9166,6 +9330,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9166
9330
  width: string;
9167
9331
  height: string;
9168
9332
  justifyContent: string;
9333
+ '& .simplebar-mask .simplebar-offset ': {
9334
+ display: string;
9335
+ alignItems: string;
9336
+ };
9169
9337
  '& .M4LAreasAdmin-areaContentChips': {
9170
9338
  [x: string]: string | {
9171
9339
  height: string;
@@ -9179,6 +9347,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9179
9347
  };
9180
9348
  '& .M4LAreasAdmin-areaChipMobileRoot': {
9181
9349
  width: string;
9350
+ border: string;
9351
+ background: string;
9182
9352
  '& .M4LAreasAdmin-areaChipRoot': {
9183
9353
  width: string;
9184
9354
  paddingLeft: string;
@@ -9187,6 +9357,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9187
9357
  whiteSpace: string;
9188
9358
  overflow: string;
9189
9359
  textOverflow: string;
9360
+ gap: string;
9361
+ background: string;
9190
9362
  '& .M4LAreasAdmin-areaChipRoot': {
9191
9363
  width: string;
9192
9364
  };
@@ -9226,29 +9398,12 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9226
9398
  border: string;
9227
9399
  boxShadow: string;
9228
9400
  width: string;
9229
- transition?: undefined;
9230
- opacity?: undefined;
9231
- } | {
9232
- transition: string;
9233
- opacity: string;
9234
- background?: undefined;
9235
- border?: undefined;
9236
- boxShadow?: undefined;
9237
- width?: undefined;
9238
9401
  };
9239
9402
  margin: string;
9240
9403
  borderRadius: string;
9241
9404
  overflow: string;
9242
9405
  width: string;
9243
9406
  cursor: string;
9244
- '& .M4LAreasAdmin-areaChipEditButton': {
9245
- transition: string;
9246
- opacity: string;
9247
- };
9248
- '&:hover .M4LAreasAdmin-areaChipEditButton': {
9249
- transition: string;
9250
- opacity: string;
9251
- };
9252
9407
  };
9253
9408
  };
9254
9409
  '& .M4LAreasAdmin-areaChipMobileRoot': {
@@ -9368,6 +9523,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9368
9523
  border: string;
9369
9524
  textWrap: string;
9370
9525
  width: string;
9526
+ minWidth: string;
9527
+ justifyContent: string;
9371
9528
  display: string;
9372
9529
  alignItems: string;
9373
9530
  color: string | undefined;
@@ -9403,13 +9560,14 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9403
9560
  border: string;
9404
9561
  textWrap: string;
9405
9562
  width: string;
9563
+ minWidth: string;
9564
+ justifyContent: string;
9406
9565
  display: string;
9407
9566
  alignItems: string;
9408
9567
  color: string;
9409
9568
  background?: undefined;
9410
9569
  borderColor?: undefined;
9411
9570
  boxShadow?: undefined;
9412
- justifyContent?: undefined;
9413
9571
  height?: undefined;
9414
9572
  '&.M4LIconButton-variantPrimary'?: undefined;
9415
9573
  } | {
@@ -9451,7 +9609,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9451
9609
  display: string;
9452
9610
  background: string;
9453
9611
  borderRadius: string;
9454
- marginRight: string;
9455
9612
  minHeight: string;
9456
9613
  width: string;
9457
9614
  gap: string;
@@ -9465,6 +9622,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9465
9622
  border: string;
9466
9623
  textWrap: string;
9467
9624
  width: string;
9625
+ minWidth: string;
9626
+ justifyContent: string;
9468
9627
  display: string;
9469
9628
  alignItems: string;
9470
9629
  color: string | undefined;
@@ -9494,6 +9653,8 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9494
9653
  border: string;
9495
9654
  textWrap: string;
9496
9655
  width: string;
9656
+ minWidth: string;
9657
+ justifyContent: string;
9497
9658
  display: string;
9498
9659
  alignItems: string;
9499
9660
  color: string;
@@ -9533,7 +9694,9 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9533
9694
  borderRadius: string;
9534
9695
  borderColor: string;
9535
9696
  };
9536
- '& .M4LAreasAdmin-areasAddButton': {};
9697
+ '& .M4LAreasAdmin-areasAddButton': {
9698
+ background: string;
9699
+ };
9537
9700
  '&.M4LAreasAdmin-isMobile': {
9538
9701
  overflow: string;
9539
9702
  boxShadow: string;
@@ -9555,9 +9718,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
9555
9718
  '& .MuiPaper-root': {
9556
9719
  width: string;
9557
9720
  '& .M4LRHFormProvider-root': {
9558
- '& .M4LRHFTextField-root': {
9559
- paddingBottom: string;
9560
- };
9721
+ '& .M4LRHFTextField-root': {};
9561
9722
  '& .M4LCommonActions-root': {
9562
9723
  padding: string;
9563
9724
  };