@mantine/core 7.0.0-alpha.21 → 7.0.0-alpha.22

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 (182) hide show
  1. package/cjs/components/Affix/Affix.js.map +1 -1
  2. package/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js +1 -1
  3. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  4. package/cjs/components/Dialog/Dialog.js +137 -0
  5. package/cjs/components/Dialog/Dialog.js.map +1 -0
  6. package/cjs/components/Dialog/Dialog.module.css.js +8 -0
  7. package/cjs/components/Dialog/Dialog.module.css.js.map +1 -0
  8. package/cjs/components/Flex/Flex.js +121 -0
  9. package/cjs/components/Flex/Flex.js.map +1 -0
  10. package/cjs/components/Flex/Flex.module.css.js +8 -0
  11. package/cjs/components/Flex/Flex.module.css.js.map +1 -0
  12. package/cjs/components/Flex/flex-props.js +16 -0
  13. package/cjs/components/Flex/flex-props.js.map +1 -0
  14. package/cjs/components/Grid/GridCol/GridCol.js +1 -1
  15. package/cjs/components/Grid/GridCol/GridColVariables.js +1 -1
  16. package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js +13 -3
  17. package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
  18. package/cjs/components/List/List.context.js +13 -0
  19. package/cjs/components/List/List.context.js.map +1 -0
  20. package/cjs/components/List/List.js +121 -0
  21. package/cjs/components/List/List.js.map +1 -0
  22. package/cjs/components/List/List.module.css.js +8 -0
  23. package/cjs/components/List/List.module.css.js.map +1 -0
  24. package/cjs/components/List/ListItem/ListItem.js +68 -0
  25. package/cjs/components/List/ListItem/ListItem.js.map +1 -0
  26. package/cjs/components/Paper/Paper.js.map +1 -1
  27. package/cjs/components/Radio/Radio.js +168 -0
  28. package/cjs/components/Radio/Radio.js.map +1 -0
  29. package/cjs/components/Radio/Radio.module.css.js +8 -0
  30. package/cjs/components/Radio/Radio.module.css.js.map +1 -0
  31. package/cjs/components/Radio/RadioGroup/RadioGroup.js +78 -0
  32. package/cjs/components/Radio/RadioGroup/RadioGroup.js.map +1 -0
  33. package/cjs/components/Radio/RadioGroup.context.js +11 -0
  34. package/cjs/components/Radio/RadioGroup.context.js.map +1 -0
  35. package/cjs/components/Radio/RadioIcon.js +55 -0
  36. package/cjs/components/Radio/RadioIcon.js.map +1 -0
  37. package/cjs/components/Timeline/Timeline.context.js +13 -0
  38. package/cjs/components/Timeline/Timeline.context.js.map +1 -0
  39. package/cjs/components/Timeline/Timeline.js +135 -0
  40. package/cjs/components/Timeline/Timeline.js.map +1 -0
  41. package/cjs/components/Timeline/Timeline.module.css.js +8 -0
  42. package/cjs/components/Timeline/Timeline.module.css.js.map +1 -0
  43. package/cjs/components/Timeline/TimelineItem/TimelineItem.js +116 -0
  44. package/cjs/components/Timeline/TimelineItem/TimelineItem.js.map +1 -0
  45. package/cjs/components/Title/Title.js.map +1 -1
  46. package/cjs/components/Transition/Transition.js +1 -1
  47. package/cjs/components/Transition/Transition.js.map +1 -1
  48. package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
  49. package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +7 -4
  50. package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
  51. package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +1 -1
  52. package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
  53. package/cjs/core/factory/factory.js.map +1 -1
  54. package/cjs/core/utils/create-use-external-events/create-use-external-events.js +34 -0
  55. package/cjs/core/utils/create-use-external-events/create-use-external-events.js.map +1 -0
  56. package/cjs/index.css +430 -14
  57. package/cjs/index.js +22 -0
  58. package/cjs/index.js.map +1 -1
  59. package/esm/components/Affix/Affix.js.map +1 -1
  60. package/esm/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js +1 -1
  61. package/esm/components/Checkbox/Checkbox.js.map +1 -1
  62. package/esm/components/Dialog/Dialog.js +129 -0
  63. package/esm/components/Dialog/Dialog.js.map +1 -0
  64. package/esm/components/Dialog/Dialog.module.css.js +4 -0
  65. package/esm/components/Dialog/Dialog.module.css.js.map +1 -0
  66. package/esm/components/Flex/Flex.js +113 -0
  67. package/esm/components/Flex/Flex.js.map +1 -0
  68. package/esm/components/Flex/Flex.module.css.js +4 -0
  69. package/esm/components/Flex/Flex.module.css.js.map +1 -0
  70. package/esm/components/Flex/flex-props.js +12 -0
  71. package/esm/components/Flex/flex-props.js.map +1 -0
  72. package/esm/components/Grid/GridCol/GridCol.js +1 -1
  73. package/esm/components/Grid/GridCol/GridColVariables.js +1 -1
  74. package/esm/components/Input/InputPlaceholder/InputPlaceholder.js +13 -3
  75. package/esm/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
  76. package/esm/components/List/List.context.js +8 -0
  77. package/esm/components/List/List.context.js.map +1 -0
  78. package/esm/components/List/List.js +113 -0
  79. package/esm/components/List/List.js.map +1 -0
  80. package/esm/components/List/List.module.css.js +4 -0
  81. package/esm/components/List/List.module.css.js.map +1 -0
  82. package/esm/components/List/ListItem/ListItem.js +60 -0
  83. package/esm/components/List/ListItem/ListItem.js.map +1 -0
  84. package/esm/components/Paper/Paper.js.map +1 -1
  85. package/esm/components/Radio/Radio.js +160 -0
  86. package/esm/components/Radio/Radio.js.map +1 -0
  87. package/esm/components/Radio/Radio.module.css.js +4 -0
  88. package/esm/components/Radio/Radio.module.css.js.map +1 -0
  89. package/esm/components/Radio/RadioGroup/RadioGroup.js +70 -0
  90. package/esm/components/Radio/RadioGroup/RadioGroup.js.map +1 -0
  91. package/esm/components/Radio/RadioGroup.context.js +6 -0
  92. package/esm/components/Radio/RadioGroup.context.js.map +1 -0
  93. package/esm/components/Radio/RadioIcon.js +47 -0
  94. package/esm/components/Radio/RadioIcon.js.map +1 -0
  95. package/esm/components/Timeline/Timeline.context.js +8 -0
  96. package/esm/components/Timeline/Timeline.context.js.map +1 -0
  97. package/esm/components/Timeline/Timeline.js +127 -0
  98. package/esm/components/Timeline/Timeline.js.map +1 -0
  99. package/esm/components/Timeline/Timeline.module.css.js +4 -0
  100. package/esm/components/Timeline/Timeline.module.css.js.map +1 -0
  101. package/esm/components/Timeline/TimelineItem/TimelineItem.js +108 -0
  102. package/esm/components/Timeline/TimelineItem/TimelineItem.js.map +1 -0
  103. package/esm/components/Title/Title.js.map +1 -1
  104. package/esm/components/Transition/Transition.js +1 -1
  105. package/esm/components/Transition/Transition.js.map +1 -1
  106. package/esm/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
  107. package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +7 -4
  108. package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
  109. package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +1 -1
  110. package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
  111. package/esm/core/factory/factory.js.map +1 -1
  112. package/esm/core/utils/create-use-external-events/create-use-external-events.js +30 -0
  113. package/esm/core/utils/create-use-external-events/create-use-external-events.js.map +1 -0
  114. package/esm/index.css +430 -14
  115. package/esm/index.js +11 -0
  116. package/esm/index.js.map +1 -1
  117. package/esm/styles/ActionIcon.css +1 -1
  118. package/esm/styles/Chip.css +1 -1
  119. package/esm/styles/Combobox.css +1 -1
  120. package/esm/styles/Dialog.css +1 -0
  121. package/esm/styles/Flex.css +1 -0
  122. package/esm/styles/Input.css +1 -1
  123. package/esm/styles/List.css +1 -0
  124. package/esm/styles/Radio.css +1 -0
  125. package/esm/styles/Rating.css +1 -1
  126. package/esm/styles/Switch.css +1 -1
  127. package/esm/styles/Timeline.css +1 -0
  128. package/esm/styles/global.css +1 -1
  129. package/lib/components/Affix/Affix.d.ts +3 -1
  130. package/lib/components/Affix/index.d.ts +1 -1
  131. package/lib/components/Checkbox/Checkbox.d.ts +1 -1
  132. package/lib/components/Dialog/Dialog.d.ts +37 -0
  133. package/lib/components/Dialog/index.d.ts +2 -0
  134. package/lib/components/Flex/Flex.d.ts +29 -0
  135. package/lib/components/Flex/flex-props.d.ts +2 -0
  136. package/lib/components/Flex/index.d.ts +3 -0
  137. package/lib/components/Input/InputPlaceholder/InputPlaceholder.d.ts +3 -0
  138. package/lib/components/Input/use-input-props.d.ts +31 -31
  139. package/lib/components/List/List.context.d.ts +13 -0
  140. package/lib/components/List/List.d.ts +43 -0
  141. package/lib/components/List/ListItem/ListItem.d.ts +21 -0
  142. package/lib/components/List/index.d.ts +4 -0
  143. package/lib/components/Paper/Paper.d.ts +3 -1
  144. package/lib/components/Paper/index.d.ts +1 -1
  145. package/lib/components/Radio/Radio.d.ts +47 -0
  146. package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +30 -0
  147. package/lib/components/Radio/RadioGroup.context.d.ts +13 -0
  148. package/lib/components/Radio/RadioIcon.d.ts +5 -0
  149. package/lib/components/Radio/index.d.ts +6 -0
  150. package/lib/components/Timeline/Timeline.context.d.ts +11 -0
  151. package/lib/components/Timeline/Timeline.d.ts +43 -0
  152. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +35 -0
  153. package/lib/components/Timeline/index.d.ts +4 -0
  154. package/lib/components/Title/Title.d.ts +1 -1
  155. package/lib/components/Transition/Transition.d.ts +1 -1
  156. package/lib/components/index.d.ts +5 -0
  157. package/lib/core/Box/style-props/index.d.ts +1 -0
  158. package/lib/core/Box/style-props/parse-style-props/parse-style-props.d.ts +2 -2
  159. package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
  160. package/lib/core/factory/factory.d.ts +2 -1
  161. package/lib/core/factory/index.d.ts +1 -1
  162. package/lib/core/utils/create-use-external-events/create-use-external-events.d.ts +1 -0
  163. package/lib/core/utils/index.d.ts +1 -0
  164. package/package.json +2 -2
  165. package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js +0 -19
  166. package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js.map +0 -1
  167. package/cjs/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js +0 -17
  168. package/cjs/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js.map +0 -1
  169. package/esm/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js +0 -15
  170. package/esm/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js.map +0 -1
  171. package/esm/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js +0 -13
  172. package/esm/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js.map +0 -1
  173. package/lib/components/AppShell/AppShellMediaStyles/assign-header-variables.d.ts +0 -12
  174. package/lib/components/AppShell/AppShellMediaStyles/assign-navbar-variables.d.ts +0 -12
  175. package/lib/components/AppShell/AppShellMediaStyles/get-base-size.d.ts +0 -2
  176. package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.d.ts +0 -2
  177. package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value.d.ts +0 -2
  178. package/lib/components/AppShell/AppShellMediaStyles/get-padding-value.d.ts +0 -1
  179. package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +0 -5
  180. package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints.d.ts +0 -5
  181. package/lib/components/AppShell/AppShellMediaStyles/is-primitive-size.d.ts +0 -2
  182. package/lib/components/AppShell/AppShellMediaStyles/is-responsive-size.d.ts +0 -2
package/esm/index.css CHANGED
@@ -48,12 +48,12 @@ body {
48
48
  }
49
49
 
50
50
  .mantine-focus-auto:focus-visible {
51
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
51
+ outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
52
52
  outline-offset: calc(0.125rem * var(--mantine-scale));
53
53
  }
54
54
 
55
55
  .mantine-focus-always:focus {
56
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
56
+ outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
57
57
  outline-offset: calc(0.125rem * var(--mantine-scale));
58
58
  }
59
59
 
@@ -81,7 +81,11 @@ body {
81
81
  --mantine-moz-font-smoothing: grayscale;
82
82
  --mantine-color-white: #fff;
83
83
  --mantine-color-black: #000;
84
- --mantine-color-primary: var(--mantine-color-blue-filled);
84
+ --mantine-primary-color-filled: var(--mantine-color-blue-filled);
85
+ --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
86
+ --mantine-primary-color-light: var(--mantine-color-blue-light);
87
+ --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
88
+ --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
85
89
  --mantine-line-height: 1.55;
86
90
  --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
87
91
  sans-serif, Apple Color Emoji, Segoe UI Emoji;
@@ -315,7 +319,6 @@ body {
315
319
  --mantine-color-default-hover: #2c2e33;
316
320
  --mantine-color-default-color: #fff;
317
321
  --mantine-color-default-border: #373a40;
318
- --mantine-color-primary: #1971c2;
319
322
  --mantine-color-dimmed: var(--mantine-color-dark-2);
320
323
  --mantine-color-dark-filled: #141517;
321
324
  --mantine-color-dark-filled-hover: #101113;
@@ -428,7 +431,6 @@ body {
428
431
  --mantine-color-default-hover: #f8f9fa;
429
432
  --mantine-color-default-color: #000;
430
433
  --mantine-color-default-border: #ced4da;
431
- --mantine-color-primary: #228be6;
432
434
  --mantine-color-dimmed: var(--mantine-color-gray-6);
433
435
  --mantine-color-dark-filled: #25262b;
434
436
  --mantine-color-dark-filled-hover: #1a1b1e;
@@ -920,6 +922,12 @@ body {
920
922
  --ai-size-lg: calc(2.125rem * var(--mantine-scale));
921
923
  --ai-size-xl: calc(2.75rem * var(--mantine-scale));
922
924
 
925
+ --ai-size-input-xs: calc(1.875rem * var(--mantine-scale));
926
+ --ai-size-input-sm: calc(2.25rem * var(--mantine-scale));
927
+ --ai-size-input-md: calc(2.625rem * var(--mantine-scale));
928
+ --ai-size-input-lg: calc(3.125rem * var(--mantine-scale));
929
+ --ai-size-input-xl: calc(3.75rem * var(--mantine-scale));
930
+
923
931
  line-height: 1;
924
932
  display: inline-flex;
925
933
  align-items: center;
@@ -1219,13 +1227,13 @@ body {
1219
1227
  [data-mantine-color-scheme='light'] .m-6c018570[data-variant='default'] {
1220
1228
  --_input-bd: var(--mantine-color-gray-4);
1221
1229
  --_input-bg: var(--mantine-color-white);
1222
- --_input-bd-focus: var(--mantine-color-primary);
1230
+ --_input-bd-focus: var(--mantine-primary-color-filled);
1223
1231
  }
1224
1232
 
1225
1233
  [data-mantine-color-scheme='light'] .m-6c018570[data-variant='filled'] {
1226
1234
  --_input-bd: transparent;
1227
1235
  --_input-bg: var(--mantine-color-gray-1);
1228
- --_input-bd-focus: var(--mantine-color-primary);
1236
+ --_input-bd-focus: var(--mantine-primary-color-filled);
1229
1237
  }
1230
1238
 
1231
1239
  [data-mantine-color-scheme='light'] .m-6c018570[data-variant='unstyled'] {
@@ -1242,13 +1250,13 @@ body {
1242
1250
  [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='default'] {
1243
1251
  --_input-bd: var(--mantine-color-dark-4);
1244
1252
  --_input-bg: var(--mantine-color-dark-6);
1245
- --_input-bd-focus: var(--mantine-color-primary);
1253
+ --_input-bd-focus: var(--mantine-primary-color-filled);
1246
1254
  }
1247
1255
 
1248
1256
  [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='filled'] {
1249
1257
  --_input-bd: transparent;
1250
1258
  --_input-bg: var(--mantine-color-dark-5);
1251
- --_input-bd-focus: var(--mantine-color-primary);
1259
+ --_input-bd-focus: var(--mantine-primary-color-filled);
1252
1260
  }
1253
1261
 
1254
1262
  [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='unstyled'] {
@@ -1428,6 +1436,10 @@ body {
1428
1436
  font-size: var(--input-description-size);
1429
1437
  }
1430
1438
 
1439
+ .m-8bffd616 {
1440
+ display: flex;
1441
+ }
1442
+
1431
1443
  .m-df78851f {
1432
1444
  word-break: break-word;
1433
1445
  }
@@ -2049,7 +2061,7 @@ body {
2049
2061
  }
2050
2062
 
2051
2063
  .m-92253aa5[data-combobox-selected] {
2052
- --_option-bg: var(--mantine-color-primary);
2064
+ --_option-bg: var(--mantine-primary-color-filled);
2053
2065
  --_option-color: var(--mantine-color-white);
2054
2066
  }
2055
2067
 
@@ -3225,7 +3237,7 @@ body {
3225
3237
  }
3226
3238
 
3227
3239
  .m-bde07329:focus-visible + .m-be049a53 {
3228
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
3240
+ outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
3229
3241
  outline-offset: calc(0.125rem * var(--mantine-scale));
3230
3242
  }
3231
3243
 
@@ -3484,6 +3496,31 @@ body {
3484
3496
  margin-right: auto;
3485
3497
  }
3486
3498
 
3499
+ .m-e2125a27 {
3500
+ --dialog-size-xs: calc(10rem * var(--mantine-scale));
3501
+ --dialog-size-sm: calc(12.5rem * var(--mantine-scale));
3502
+ --dialog-size-md: calc(21.25rem * var(--mantine-scale));
3503
+ --dialog-size-lg: calc(25rem * var(--mantine-scale));
3504
+ --dialog-size-xl: calc(31.25rem * var(--mantine-scale));
3505
+
3506
+ position: relative;
3507
+ width: var(--dialog-size);
3508
+ max-width: calc(100vw - var(--mantine-spacing-xl) * 2);
3509
+ min-height: calc(3.125rem * var(--mantine-scale));
3510
+ }
3511
+
3512
+ .m-5abab665 {
3513
+ position: absolute;
3514
+ top: calc(var(--mantine-spacing-md) / 2);
3515
+ right: var(--_close-button-right, calc(var(--mantine-spacing-md) / 2));
3516
+ left: var(--_close-button-left, auto);
3517
+ }
3518
+
3519
+ [dir="rtl"] .m-5abab665 {
3520
+ --_close-button-right: auto;
3521
+ --_close-button-left: calc(var(--mantine-spacing-md) / 2);
3522
+ }
3523
+
3487
3524
  .m-3eebeb36 {
3488
3525
  --divider-size-xs: calc(0.0625rem * var(--mantine-scale));
3489
3526
  --divider-size-sm: calc(0.125rem * var(--mantine-scale));
@@ -3791,6 +3828,68 @@ body {
3791
3828
  --_kbd-bg: var(--mantine-color-dark-5);
3792
3829
  }
3793
3830
 
3831
+ .m-abbac491 {
3832
+ list-style-position: inside;
3833
+ font-size: var(--list-fz);
3834
+ line-height: var(--list-lh);
3835
+ margin: 0;
3836
+ padding: 0;
3837
+ padding-left: var(--_list-pl, 0);
3838
+ padding-right: var(--_list-pr, 0);
3839
+ }
3840
+
3841
+ .m-abbac491[data-with-padding] {
3842
+ --_list-pl: var(--mantine-spacing-md);
3843
+ }
3844
+
3845
+ [dir="rtl"] .m-abbac491[data-with-padding] {
3846
+ --_list-pl: 0;
3847
+ --_list-pr: var(--mantine-spacing-md);
3848
+ }
3849
+
3850
+ .m-abb6bec2 {
3851
+ white-space: nowrap;
3852
+ line-height: var(--_item-lh, var(--list-lh));
3853
+ margin-top: var(--_item-mt, 0);
3854
+ list-style: var(--_item-list-style);
3855
+ }
3856
+
3857
+ .m-abb6bec2[data-with-icon] {
3858
+ --_item-list-style: none;
3859
+ }
3860
+
3861
+ .m-abb6bec2[data-with-icon] .m-75cd9f71 {
3862
+ --_item-wrapper-direction: row;
3863
+ --_item-wrapper-align: center;
3864
+ }
3865
+
3866
+ .m-abb6bec2:not(:first-of-type) {
3867
+ --_item-mt: var(--list-spacing);
3868
+ }
3869
+
3870
+ .m-abb6bec2[data-centered] {
3871
+ --_item-lh: 1;
3872
+ }
3873
+
3874
+ .m-75cd9f71 {
3875
+ display: inline-flex;
3876
+ flex-direction: var(--_item-wrapper-direction, column);
3877
+ align-items: var(--_item-wrapper-align, flex-start);
3878
+ white-space: normal;
3879
+ }
3880
+
3881
+ .m-60f83e5b {
3882
+ display: inline-block;
3883
+ vertical-align: middle;
3884
+ margin-right: var(--_item-icon-mr, var(--mantine-spacing-sm));
3885
+ margin-left: var(--_item-icon-ml, 0);
3886
+ }
3887
+
3888
+ [dir="rtl"] .m-60f83e5b {
3889
+ --_item-icon-mr: 0;
3890
+ --_item-icon-ml: var(--mantine-spacing-sm);
3891
+ }
3892
+
3794
3893
  .m-6e45937b {
3795
3894
  position: absolute;
3796
3895
  inset: 0;
@@ -4599,6 +4698,106 @@ body {
4599
4698
  padding-right: calc(0.25rem * var(--mantine-scale));
4600
4699
  }
4601
4700
 
4701
+ .m-f3f1af94 {
4702
+ --radio-size-xs: calc(1rem * var(--mantine-scale));
4703
+ --radio-size-sm: calc(1.25rem * var(--mantine-scale));
4704
+ --radio-size-md: calc(1.5rem * var(--mantine-scale));
4705
+ --radio-size-lg: calc(1.875rem * var(--mantine-scale));
4706
+ --radio-size-xl: calc(2.25rem * var(--mantine-scale));
4707
+
4708
+ --radio-icon-size: calc(var(--radio-size) / 2.25);
4709
+ }
4710
+
4711
+ .m-89c4f5e4 {
4712
+ position: relative;
4713
+ width: var(--radio-size);
4714
+ height: var(--radio-size);
4715
+ order: var(--_radio-order, 1);
4716
+ }
4717
+
4718
+ .m-89c4f5e4[data-label-position='left'] {
4719
+ --_radio-order: 2;
4720
+ }
4721
+
4722
+ .m-f3ed6b2b {
4723
+ color: var(--_radio-icon-color, var(--mantine-color-white));
4724
+ opacity: var(--_radio-icon-opacity, 0);
4725
+ transform: var(--_radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
4726
+ transition:
4727
+ opacity 100ms ease,
4728
+ transform 200ms ease;
4729
+ pointer-events: none;
4730
+ width: var(--radio-icon-size);
4731
+ height: var(--radio-icon-size);
4732
+ position: absolute;
4733
+ top: calc(50% - var(--radio-icon-size) / 2);
4734
+ left: calc(50% - var(--radio-icon-size) / 2);
4735
+ }
4736
+
4737
+ .m-8a3dbb89 {
4738
+ background-color: var(--_radio-bg);
4739
+ border: calc(0.0625rem * var(--mantine-scale)) solid var(--_radio-bd-color);
4740
+ position: relative;
4741
+ appearance: none;
4742
+ width: var(--radio-size);
4743
+ height: var(--radio-size);
4744
+ border-radius: var(--radio-radius);
4745
+ margin: 0;
4746
+ display: flex;
4747
+ align-items: center;
4748
+ justify-content: center;
4749
+ transition-property: background-color, border-color;
4750
+ transition-timing-function: ease;
4751
+ transition-duration: 100ms;
4752
+ cursor: var(--_cursor, var(--mantine-cursor-type));
4753
+ }
4754
+
4755
+ [data-mantine-color-scheme='light'] .m-8a3dbb89 {
4756
+ --_radio-bg: var(--mantine-color-white);
4757
+ --_radio-bd-color: var(--mantine-color-gray-4);
4758
+ }
4759
+
4760
+ [data-mantine-color-scheme='dark'] .m-8a3dbb89 {
4761
+ --_radio-bg: var(--mantine-color-dark-6);
4762
+ --_radio-bd-color: var(--mantine-color-dark-4);
4763
+ }
4764
+
4765
+ .m-8a3dbb89:checked {
4766
+ --_radio-bg: var(--radio-color);
4767
+ --_radio-bd-color: var(--radio-color);
4768
+ }
4769
+
4770
+ .m-8a3dbb89:checked + .m-f3ed6b2b {
4771
+ --_radio-icon-opacity: 1;
4772
+ --_radio-icon-transform: scale(1);
4773
+ }
4774
+
4775
+ .m-8a3dbb89:disabled {
4776
+ --_cursor: not-allowed;
4777
+ }
4778
+
4779
+ [data-mantine-color-scheme='light'] .m-8a3dbb89:disabled {
4780
+ --_radio-bg: var(--mantine-color-gray-1);
4781
+ --_radio-bd-color: var(--mantine-color-gray-2);
4782
+ }
4783
+
4784
+ [data-mantine-color-scheme='light'] .m-8a3dbb89:disabled + .m-f3ed6b2b {
4785
+ --_radio-icon-color: var(--mantine-color-gray-3);
4786
+ }
4787
+
4788
+ [data-mantine-color-scheme='dark'] .m-8a3dbb89:disabled {
4789
+ --_radio-bg: var(--mantine-color-dark-5);
4790
+ --_radio-bd-color: var(--mantine-color-dark-4);
4791
+ }
4792
+
4793
+ [data-mantine-color-scheme='dark'] .m-8a3dbb89:disabled + .m-f3ed6b2b {
4794
+ --_radio-icon-color: var(--mantine-color-dark-7);
4795
+ }
4796
+
4797
+ .m-8a3dbb89[data-error] {
4798
+ --_radio-bd-color: var(--mantine-color-error);
4799
+ }
4800
+
4602
4801
  .m-f8d312f2 {
4603
4802
  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
4604
4803
  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
@@ -4657,7 +4856,7 @@ body {
4657
4856
  }
4658
4857
 
4659
4858
  .m-211007ba:focus-visible + label {
4660
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
4859
+ outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
4661
4860
  outline-offset: calc(0.125rem * var(--mantine-scale));
4662
4861
  }
4663
4862
 
@@ -5582,7 +5781,9 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
5582
5781
  height: var(--switch-height);
5583
5782
  min-width: var(--switch-width);
5584
5783
  margin: 0;
5585
- transition: background-color 150ms ease, border-color 150ms ease;
5784
+ transition:
5785
+ background-color 150ms ease,
5786
+ border-color 150ms ease;
5586
5787
  appearance: none;
5587
5788
  display: flex;
5588
5789
  align-items: center;
@@ -5596,7 +5797,7 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
5596
5797
  }
5597
5798
 
5598
5799
  .m-926b4011:focus-visible + .m-9307d992 {
5599
- outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-primary);
5800
+ outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
5600
5801
  outline-offset: calc(0.125rem * var(--mantine-scale));
5601
5802
  }
5602
5803
 
@@ -6174,6 +6375,221 @@ fieldset:disabled .m-38aeed47:not([data-inverted]),
6174
6375
  border: var(--ti-bd);
6175
6376
  }
6176
6377
 
6378
+ .m-43657ece {
6379
+ --offset: calc(var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2);
6380
+
6381
+ padding-left: var(--_tl-pl, 0);
6382
+ padding-right: var(--_tl-pr, 0);
6383
+ }
6384
+
6385
+ .m-43657ece[data-align='left'] {
6386
+ --_tl-pl: var(--offset);
6387
+ }
6388
+
6389
+ [dir="rtl"] .m-43657ece[data-align='left'] {
6390
+ --_tl-pl: 0;
6391
+ --_tl-pr: var(--offset);
6392
+ }
6393
+
6394
+ .m-43657ece[data-align='right'] {
6395
+ --_tl-pr: var(--offset);
6396
+ }
6397
+
6398
+ [dir="rtl"] .m-43657ece[data-align='right'] {
6399
+ --_tl-pl: var(--offset);
6400
+ --_tl-pr: 0;
6401
+ }
6402
+
6403
+ .m-2ebe8099 {
6404
+ font-weight: 500;
6405
+ line-height: 1;
6406
+ margin-bottom: calc(var(--mantine-spacing-xs) / 2);
6407
+ }
6408
+
6409
+ .m-436178ff {
6410
+ --item-border: var(--tl-line-width) var(--tli-border-style, solid) var(--_item-border-color);
6411
+
6412
+ position: relative;
6413
+ color: var(--mantine-color-text);
6414
+ padding-left: var(--_item-pl, 0);
6415
+ padding-right: var(--_item-pr, 0);
6416
+ text-align: var(--_item-ta);
6417
+ margin-top: var(--_item-mt);
6418
+ }
6419
+
6420
+ .m-436178ff::before {
6421
+ content: '';
6422
+ pointer-events: none;
6423
+ position: absolute;
6424
+ top: 0;
6425
+ left: var(--_line-left, 0);
6426
+ right: var(--_line-right, 0);
6427
+ bottom: calc(var(--mantine-spacing-xl) * -1);
6428
+ border-left: var(--_line-border-left, var(--item-border));
6429
+ border-right: var(--_line-border-right, 0);
6430
+ display: var(--_line-display, none);
6431
+ }
6432
+
6433
+ [dir="rtl"] .m-436178ff::before {
6434
+ --_line-border-left: 0;
6435
+ --_line-border-right: var(--item-border);
6436
+ }
6437
+
6438
+ .m-43657ece[data-align='left'] .m-436178ff::before {
6439
+ --_line-left: calc(var(--tl-line-width) * -1);
6440
+ --_line-right: auto;
6441
+ }
6442
+
6443
+ [dir="rtl"] .m-43657ece[data-align='left'] .m-436178ff::before {
6444
+ --_line-left: auto;
6445
+ --_line-right: calc(var(--tl-line-width) * -1);
6446
+ }
6447
+
6448
+ .m-43657ece[data-align='right'] .m-436178ff::before {
6449
+ --_line-left: auto;
6450
+ --_line-right: calc(var(--tl-line-width) * -1);
6451
+ }
6452
+
6453
+ [dir="rtl"] .m-43657ece[data-align='right'] .m-436178ff::before {
6454
+ --_line-left: calc(var(--tl-line-width) * -1);
6455
+ --_line-right: auto;
6456
+ }
6457
+
6458
+ .m-43657ece[data-align='left'] .m-436178ff {
6459
+ --_item-pl: var(--offset);
6460
+ --_item-ta: left;
6461
+ }
6462
+
6463
+ [dir="rtl"] .m-43657ece[data-align='left'] .m-436178ff {
6464
+ --_item-pl: 0;
6465
+ --_item-pr: var(--offset);
6466
+ }
6467
+
6468
+ .m-43657ece[data-align='right'] .m-436178ff {
6469
+ --_item-pr: var(--offset);
6470
+ --_item-ta: right;
6471
+ }
6472
+
6473
+ [dir="rtl"] .m-43657ece[data-align='right'] .m-436178ff {
6474
+ --_item-pl: var(--offset);
6475
+ --_item-pr: 0;
6476
+ }
6477
+
6478
+ [data-mantine-color-scheme='light'] .m-436178ff {
6479
+ --_item-border-color: var(--mantine-color-gray-3);
6480
+ }
6481
+
6482
+ [data-mantine-color-scheme='dark'] .m-436178ff {
6483
+ --_item-border-color: var(--mantine-color-dark-4);
6484
+ }
6485
+
6486
+ [data-mantine-color-scheme] .m-436178ff[data-line-active]::before {
6487
+ border-color: var(--tli-color, var(--tl-color));
6488
+ }
6489
+
6490
+ .m-436178ff:not(:last-of-type) {
6491
+ --_line-display: block;
6492
+ }
6493
+
6494
+ .m-436178ff:not(:first-of-type) {
6495
+ --_item-mt: var(--mantine-spacing-xl);
6496
+ }
6497
+
6498
+ .m-8affcee1 {
6499
+ width: var(--tl-bullet-size);
6500
+ height: var(--tl-bullet-size);
6501
+ border-radius: var(--tli-radius, var(--tl-radius));
6502
+ border: var(--_bullet-border-width, var(--tl-line-width)) solid var(--_bullet-border-color);
6503
+ background-color: var(--_bullet-bg-color, var(--mantine-color-body));
6504
+ position: absolute;
6505
+ top: 0;
6506
+ left: var(--_bullet-left, 0);
6507
+ right: var(--_bullet-right, 0);
6508
+ display: flex;
6509
+ align-items: center;
6510
+ justify-content: center;
6511
+ color: var(--_bullet-color, var(--mantine-color-text));
6512
+ }
6513
+
6514
+ [data-mantine-color-scheme='light'] .m-8affcee1 {
6515
+ --_bullet-border-color: var(--mantine-color-gray-3);
6516
+ }
6517
+
6518
+ [data-mantine-color-scheme='dark'] .m-8affcee1 {
6519
+ --_bullet-border-color: var(--mantine-color-dark-4);
6520
+ }
6521
+
6522
+ .m-43657ece[data-align='left'] .m-8affcee1 {
6523
+ --_bullet-left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
6524
+ --_bullet-right: auto;
6525
+ }
6526
+
6527
+ [dir="rtl"] .m-43657ece[data-align='left'] .m-8affcee1 {
6528
+ --_bullet-left: auto;
6529
+ --_bullet-right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
6530
+ }
6531
+
6532
+ .m-43657ece[data-align='right'] .m-8affcee1 {
6533
+ --_bullet-left: auto;
6534
+ --_bullet-right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
6535
+ }
6536
+
6537
+ [dir="rtl"] .m-43657ece[data-align='right'] .m-8affcee1 {
6538
+ --_bullet-left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
6539
+ --_bullet-right: auto;
6540
+ }
6541
+
6542
+ .m-8affcee1[data-with-child] {
6543
+ --_bullet-border-width: var(--tl-line-width);
6544
+ }
6545
+
6546
+ [data-mantine-color-scheme='light'] .m-8affcee1[data-with-child] {
6547
+ --_bullet-bg-color: var(--mantine-color-gray-3);
6548
+ }
6549
+
6550
+ [data-mantine-color-scheme='dark'] .m-8affcee1[data-with-child] {
6551
+ --_bullet-bg-color: var(--mantine-color-dark-4);
6552
+ }
6553
+
6554
+ .m-8affcee1[data-active] {
6555
+ --_bullet-border-color: var(--tli-color, var(--tl-color));
6556
+ --_bullet-bg-color: var(--mantine-color-white);
6557
+ --_bullet-color: var(--mantine-color-white);
6558
+ }
6559
+
6560
+ .m-8affcee1[data-active][data-with-child] {
6561
+ --_bullet-bg-color: var(--tli-color, var(--tl-color));
6562
+ --_bullet-color: var(--mantine-color-white);
6563
+ }
6564
+
6565
+ .m-540e8f41 {
6566
+ padding-left: var(--_body-pl, 0);
6567
+ padding-right: var(--_body-pr, 0);
6568
+ text-align: var(--_body-ta);
6569
+ }
6570
+
6571
+ .m-43657ece[data-align='left'] .m-540e8f41 {
6572
+ --_body-pl: var(--offset);
6573
+ --_body-ta: left;
6574
+ }
6575
+
6576
+ [dir="rtl"] .m-43657ece[data-align='left'] .m-540e8f41 {
6577
+ --_body-pl: 0;
6578
+ --_body-pr: var(--offset);
6579
+ --_body-ta: right;
6580
+ }
6581
+
6582
+ .m-43657ece[data-align='right'] .m-540e8f41 {
6583
+ --_body-pr: var(--offset);
6584
+ --_body-ta: right;
6585
+ }
6586
+
6587
+ [dir="rtl"] .m-43657ece[data-align='right'] .m-540e8f41 {
6588
+ --_body-pl: var(--offset);
6589
+ --_body-pr: 0;
6590
+ --_body-ta: left;
6591
+ }
6592
+
6177
6593
  .m-8a5d1357 {
6178
6594
  margin: 0;
6179
6595
  font-weight: var(--title-fw);
package/esm/index.js CHANGED
@@ -23,6 +23,7 @@ export { getSortedBreakpoints } from './core/utils/get-sorted-breakpoints/get-so
23
23
  export { getBaseValue } from './core/utils/get-base-value/get-base-value.js';
24
24
  export { getContextItemIndex } from './core/utils/get-context-item-index/get-context-item-index.js';
25
25
  export { useHovered } from './core/utils/use-hovered/use-hovered.js';
26
+ export { createUseExternalEvents } from './core/utils/create-use-external-events/create-use-external-events.js';
26
27
  export { createVarsResolver } from './core/styles-api/create-vars-resolver/create-vars-resolver.js';
27
28
  export { resolveClassNames } from './core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js';
28
29
  export { resolveStyles } from './core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js';
@@ -99,6 +100,8 @@ export { InputPlaceholder } from './components/Input/InputPlaceholder/InputPlace
99
100
  export { useInputProps } from './components/Input/use-input-props.js';
100
101
  export { useInputWrapperContext } from './components/Input/InputWrapper.context.js';
101
102
  export { InputBase } from './components/InputBase/InputBase.js';
103
+ export { FLEX_STYLE_PROPS_DATA } from './components/Flex/flex-props.js';
104
+ export { Flex } from './components/Flex/Flex.js';
102
105
  export { Accordion } from './components/Accordion/Accordion.js';
103
106
  export { AccordionChevron } from './components/Accordion/AccordionChevron.js';
104
107
  export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.js';
@@ -162,6 +165,7 @@ export { isOptionsGroup } from './components/Combobox/OptionsDropdown/is-options
162
165
  export { defaultOptionsFilter } from './components/Combobox/OptionsDropdown/default-options-filter.js';
163
166
  export { Container } from './components/Container/Container.js';
164
167
  export { CopyButton } from './components/CopyButton/CopyButton.js';
168
+ export { Dialog } from './components/Dialog/Dialog.js';
165
169
  export { Divider } from './components/Divider/Divider.js';
166
170
  export { Drawer } from './components/Drawer/Drawer.js';
167
171
  export { DrawerRoot } from './components/Drawer/DrawerRoot.js';
@@ -189,6 +193,8 @@ export { Image } from './components/Image/Image.js';
189
193
  export { Indicator } from './components/Indicator/Indicator.js';
190
194
  export { JsonInput } from './components/JsonInput/JsonInput.js';
191
195
  export { Kbd } from './components/Kbd/Kbd.js';
196
+ export { List } from './components/List/List.js';
197
+ export { ListItem } from './components/List/ListItem/ListItem.js';
192
198
  export { LoadingOverlay } from './components/LoadingOverlay/LoadingOverlay.js';
193
199
  export { Mark } from './components/Mark/Mark.js';
194
200
  export { Menu } from './components/Menu/Menu.js';
@@ -227,6 +233,9 @@ export { Progress } from './components/Progress/Progress.js';
227
233
  export { ProgressLabel } from './components/Progress/ProgressLabel/ProgressLabel.js';
228
234
  export { ProgressRoot } from './components/Progress/ProgressRoot/ProgressRoot.js';
229
235
  export { ProgressSection } from './components/Progress/ProgressSection/ProgressSection.js';
236
+ export { Radio } from './components/Radio/Radio.js';
237
+ export { RadioGroup } from './components/Radio/RadioGroup/RadioGroup.js';
238
+ export { RadioIcon } from './components/Radio/RadioIcon.js';
230
239
  export { Rating } from './components/Rating/Rating.js';
231
240
  export { RingProgress } from './components/RingProgress/RingProgress.js';
232
241
  export { SegmentedControl } from './components/SegmentedControl/SegmentedControl.js';
@@ -254,6 +263,8 @@ export { Text } from './components/Text/Text.js';
254
263
  export { Textarea } from './components/Textarea/Textarea.js';
255
264
  export { TextInput } from './components/TextInput/TextInput.js';
256
265
  export { ThemeIcon } from './components/ThemeIcon/ThemeIcon.js';
266
+ export { Timeline } from './components/Timeline/Timeline.js';
267
+ export { TimelineItem } from './components/Timeline/TimelineItem/TimelineItem.js';
257
268
  export { Title } from './components/Title/Title.js';
258
269
  export { Tooltip } from './components/Tooltip/Tooltip.js';
259
270
  export { TooltipGroup } from './components/Tooltip/TooltipGroup/TooltipGroup.js';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- .m-8d3f4000{--ai-size-xs:calc(1.125rem*var(--mantine-scale));--ai-size-sm:calc(1.375rem*var(--mantine-scale));--ai-size-md:calc(1.75rem*var(--mantine-scale));--ai-size-lg:calc(2.125rem*var(--mantine-scale));--ai-size-xl:calc(2.75rem*var(--mantine-scale));align-items:center;background:var(--_ai-bg,var(--ai-bg));border:var(--ai-bd);border-radius:var(--ai-radius);color:var(--_ai-color,var(--ai-color));cursor:var(--_ai-cursor,pointer);display:inline-flex;height:var(--ai-size);justify-content:center;line-height:1;min-height:var(--ai-size);min-width:var(--ai-size);position:relative;user-select:none;width:var(--ai-size)}@media (hover:hover){.m-8d3f4000:hover:not([data-loading]):not(:disabled):not([data-disabled]){--_ai-bg:var(--ai-hover)}}@media (hover:none){.m-8d3f4000:active:not([data-loading]):not(:disabled):not([data-disabled]){--_ai-bg:var(--ai-hover)}}[data-mantine-color-scheme=light] .m-8d3f4000{--_ai-loading-overlay-bg:hsla(0,0%,100%,.35);--_ai-disabled-bg:var(--mantine-color-gray-1);--_ai-disabled-color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .m-8d3f4000{--_ai-loading-overlay-bg:rgba(0,0,0,.35);--_ai-disabled-bg:var(--mantine-color-dark-6);--_ai-disabled-color:var(--mantine-color-dark-3)}.m-8d3f4000[data-loading]{--_ai-cursor:not-allowed}.m-8d3f4000[data-loading]:before{background-color:var(--_ai-loading-overlay-bg);border-radius:var(--ai-radius);content:"";inset:calc(-.0625rem*var(--mantine-scale));position:absolute}.m-8d3f4000:disabled:not([data-loading]),.m-8d3f4000[data-disabled]:not([data-loading]){--_ai-cursor:not-allowed;--_ai-bg:var(--_ai-disabled-bg);--_ai-color:var(--_ai-disabled-color)}.m-8d3f4000:disabled:not([data-loading]):active,.m-8d3f4000[data-disabled]:not([data-loading]):active{transform:none}.m-302b9fb1{z-index:1}.m-1a0f1b21{display:flex}.m-1a0f1b21[data-orientation=horizontal]{flex-direction:row}.m-1a0f1b21[data-orientation=horizontal] .m-8d3f4000:not(:only-child):first-child{border-bottom-right-radius:0;border-right-width:calc(var(--ai-border-width)/2);border-top-right-radius:0}.m-1a0f1b21[data-orientation=horizontal] .m-8d3f4000:not(:only-child):last-child{border-bottom-left-radius:0;border-left-width:calc(var(--ai-border-width)/2);border-top-left-radius:0}.m-1a0f1b21[data-orientation=horizontal] .m-8d3f4000:not(:only-child):not(:first-child):not(:last-child){border-left-width:calc(var(--ai-border-width)/2);border-radius:0;border-right-width:calc(var(--ai-border-width)/2)}.m-1a0f1b21[data-orientation=vertical]{flex-direction:column}.m-1a0f1b21[data-orientation=vertical] .m-8d3f4000:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:calc(var(--ai-border-width)/2)}.m-1a0f1b21[data-orientation=vertical] .m-8d3f4000:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;border-top-width:calc(var(--ai-border-width)/2)}.m-1a0f1b21[data-orientation=vertical] .m-8d3f4000:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--ai-border-width)/2);border-radius:0;border-top-width:calc(var(--ai-border-width)/2)}
1
+ .m-8d3f4000{--ai-size-xs:calc(1.125rem*var(--mantine-scale));--ai-size-sm:calc(1.375rem*var(--mantine-scale));--ai-size-md:calc(1.75rem*var(--mantine-scale));--ai-size-lg:calc(2.125rem*var(--mantine-scale));--ai-size-xl:calc(2.75rem*var(--mantine-scale));--ai-size-input-xs:calc(1.875rem*var(--mantine-scale));--ai-size-input-sm:calc(2.25rem*var(--mantine-scale));--ai-size-input-md:calc(2.625rem*var(--mantine-scale));--ai-size-input-lg:calc(3.125rem*var(--mantine-scale));--ai-size-input-xl:calc(3.75rem*var(--mantine-scale));align-items:center;background:var(--_ai-bg,var(--ai-bg));border:var(--ai-bd);border-radius:var(--ai-radius);color:var(--_ai-color,var(--ai-color));cursor:var(--_ai-cursor,pointer);display:inline-flex;height:var(--ai-size);justify-content:center;line-height:1;min-height:var(--ai-size);min-width:var(--ai-size);position:relative;user-select:none;width:var(--ai-size)}@media (hover:hover){.m-8d3f4000:hover:not([data-loading]):not(:disabled):not([data-disabled]){--_ai-bg:var(--ai-hover)}}@media (hover:none){.m-8d3f4000:active:not([data-loading]):not(:disabled):not([data-disabled]){--_ai-bg:var(--ai-hover)}}[data-mantine-color-scheme=light] .m-8d3f4000{--_ai-loading-overlay-bg:hsla(0,0%,100%,.35);--_ai-disabled-bg:var(--mantine-color-gray-1);--_ai-disabled-color:var(--mantine-color-gray-5)}[data-mantine-color-scheme=dark] .m-8d3f4000{--_ai-loading-overlay-bg:rgba(0,0,0,.35);--_ai-disabled-bg:var(--mantine-color-dark-6);--_ai-disabled-color:var(--mantine-color-dark-3)}.m-8d3f4000[data-loading]{--_ai-cursor:not-allowed}.m-8d3f4000[data-loading]:before{background-color:var(--_ai-loading-overlay-bg);border-radius:var(--ai-radius);content:"";inset:calc(-.0625rem*var(--mantine-scale));position:absolute}.m-8d3f4000:disabled:not([data-loading]),.m-8d3f4000[data-disabled]:not([data-loading]){--_ai-cursor:not-allowed;--_ai-bg:var(--_ai-disabled-bg);--_ai-color:var(--_ai-disabled-color)}.m-8d3f4000:disabled:not([data-loading]):active,.m-8d3f4000[data-disabled]:not([data-loading]):active{transform:none}.m-302b9fb1{z-index:1}.m-1a0f1b21{display:flex}.m-1a0f1b21[data-orientation=horizontal]{flex-direction:row}.m-1a0f1b21[data-orientation=horizontal] .m-8d3f4000:not(:only-child):first-child{border-bottom-right-radius:0;border-right-width:calc(var(--ai-border-width)/2);border-top-right-radius:0}.m-1a0f1b21[data-orientation=horizontal] .m-8d3f4000:not(:only-child):last-child{border-bottom-left-radius:0;border-left-width:calc(var(--ai-border-width)/2);border-top-left-radius:0}.m-1a0f1b21[data-orientation=horizontal] .m-8d3f4000:not(:only-child):not(:first-child):not(:last-child){border-left-width:calc(var(--ai-border-width)/2);border-radius:0;border-right-width:calc(var(--ai-border-width)/2)}.m-1a0f1b21[data-orientation=vertical]{flex-direction:column}.m-1a0f1b21[data-orientation=vertical] .m-8d3f4000:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:calc(var(--ai-border-width)/2)}.m-1a0f1b21[data-orientation=vertical] .m-8d3f4000:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;border-top-width:calc(var(--ai-border-width)/2)}.m-1a0f1b21[data-orientation=vertical] .m-8d3f4000:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--ai-border-width)/2);border-radius:0;border-top-width:calc(var(--ai-border-width)/2)}
@@ -1 +1 @@
1
- .m-f59ffda3{--chip-size-xs:calc(1.4375rem*var(--mantine-scale));--chip-size-sm:calc(1.75rem*var(--mantine-scale));--chip-size-md:calc(2rem*var(--mantine-scale));--chip-size-lg:calc(2.25rem*var(--mantine-scale));--chip-size-xl:calc(2.5rem*var(--mantine-scale));--chip-icon-size-xs:calc(0.625rem*var(--mantine-scale));--chip-icon-size-sm:calc(0.75rem*var(--mantine-scale));--chip-icon-size-md:calc(0.875rem*var(--mantine-scale));--chip-icon-size-lg:calc(1rem*var(--mantine-scale));--chip-icon-size-xl:calc(1.125rem*var(--mantine-scale));--chip-padding-xs:calc(1rem*var(--mantine-scale));--chip-padding-sm:calc(1.25rem*var(--mantine-scale));--chip-padding-md:calc(1.5rem*var(--mantine-scale));--chip-padding-lg:calc(1.75rem*var(--mantine-scale));--chip-padding-xl:calc(2rem*var(--mantine-scale));--chip-checked-padding-xs:calc(0.46875rem*var(--mantine-scale));--chip-checked-padding-sm:calc(0.625rem*var(--mantine-scale));--chip-checked-padding-md:calc(0.73125rem*var(--mantine-scale));--chip-checked-padding-lg:calc(0.84375rem*var(--mantine-scale));--chip-checked-padding-xl:calc(0.78125rem*var(--mantine-scale));--chip-spacing-xs:calc(0.625rem*var(--mantine-scale));--chip-spacing-sm:calc(0.75rem*var(--mantine-scale));--chip-spacing-md:calc(1rem*var(--mantine-scale));--chip-spacing-lg:calc(1.25rem*var(--mantine-scale));--chip-spacing-xl:calc(1.375rem*var(--mantine-scale))}.m-be049a53{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--_chip-bg);border:calc(.0625rem*var(--mantine-scale)) solid transparent;border-radius:var(--chip-radius);color:var(--_chip-color,var(--mantine-color-text));cursor:var(--_chip-cursor,pointer);display:inline-flex;font-size:var(--chip-fz);height:var(--chip-size);line-height:calc(var(--chip-size) - .125rem*var(--mantine-scale));padding-left:var(--_chip-padding,var(--chip-padding));padding-right:var(--_chip-padding,var(--chip-padding));user-select:none;white-space:nowrap}.m-be049a53[data-checked]{--_chip-padding:var(--chip-checked-padding)}.m-be049a53[data-disabled]{--_chip-bg:var(--mantine-color-gray-2);--_chip-color:var(--mantine-color-gray-5);--_chip-cursor:not-allowed}.m-3904c1af:not([data-disabled]){background-color:var(--_chip-bg);border:var(--_chip-bd)}@media (hover:hover){[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]):active{--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]):active{--_chip-bg:var(--mantine-color-dark-5)}}[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]){--_chip-bg:var(--mantine-color-white);--_chip-bd:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]){--_chip-bg:var(--mantine-color-dark-6);--_chip-bd:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]{--_chip-bd:var(--chip-bd);--_chip-icon-color:var(--chip-color)}@media (hover:hover){[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]:hover{--_chip-bg:var(--chip-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]:active{--_chip-bg:var(--chip-hover)}}.m-f7e165c3:not([data-disabled]),.m-fa109255:not([data-disabled]){background-color:var(--_chip-bg);border:calc(.0625rem*var(--mantine-scale)) solid transparent;color:var(--_chip-color,var(--mantine-color-text))}@media (hover:hover){[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]):hover,[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]):hover,[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]):active,[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]):active{--_chip-bg:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]):active,[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]):active{--_chip-bg:var(--mantine-color-dark-5)}}[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]),[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]){--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]),[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]){--_chip-bg:var(--mantine-color-dark-6)}[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked],[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]{--_chip-icon-color:var(--chip-color);--_chip-color:var(--chip-color);--_chip-bg:var(--chip-bg)}@media (hover:hover){[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked]:hover,[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]:hover{--_chip-bg:var(--chip-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked]:active,[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]:active{--_chip-bg:var(--chip-hover)}}.m-9ac86df9{align-items:center;display:flex;max-width:calc(var(--chip-icon-size) + var(--chip-spacing)/1.5);overflow:hidden;width:calc(var(--chip-icon-size) + var(--chip-spacing)/1.5)}.m-9ac86df9,.m-d6d72580{height:var(--chip-icon-size)}.m-d6d72580{color:var(--_chip-icon-color,inherit);display:block;width:var(--chip-icon-size)}.m-bde07329{height:0;margin:0;opacity:0;padding:0;width:0}.m-bde07329:focus-visible+.m-be049a53{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-color-primary);outline-offset:calc(.125rem*var(--mantine-scale))}
1
+ .m-f59ffda3{--chip-size-xs:calc(1.4375rem*var(--mantine-scale));--chip-size-sm:calc(1.75rem*var(--mantine-scale));--chip-size-md:calc(2rem*var(--mantine-scale));--chip-size-lg:calc(2.25rem*var(--mantine-scale));--chip-size-xl:calc(2.5rem*var(--mantine-scale));--chip-icon-size-xs:calc(0.625rem*var(--mantine-scale));--chip-icon-size-sm:calc(0.75rem*var(--mantine-scale));--chip-icon-size-md:calc(0.875rem*var(--mantine-scale));--chip-icon-size-lg:calc(1rem*var(--mantine-scale));--chip-icon-size-xl:calc(1.125rem*var(--mantine-scale));--chip-padding-xs:calc(1rem*var(--mantine-scale));--chip-padding-sm:calc(1.25rem*var(--mantine-scale));--chip-padding-md:calc(1.5rem*var(--mantine-scale));--chip-padding-lg:calc(1.75rem*var(--mantine-scale));--chip-padding-xl:calc(2rem*var(--mantine-scale));--chip-checked-padding-xs:calc(0.46875rem*var(--mantine-scale));--chip-checked-padding-sm:calc(0.625rem*var(--mantine-scale));--chip-checked-padding-md:calc(0.73125rem*var(--mantine-scale));--chip-checked-padding-lg:calc(0.84375rem*var(--mantine-scale));--chip-checked-padding-xl:calc(0.78125rem*var(--mantine-scale));--chip-spacing-xs:calc(0.625rem*var(--mantine-scale));--chip-spacing-sm:calc(0.75rem*var(--mantine-scale));--chip-spacing-md:calc(1rem*var(--mantine-scale));--chip-spacing-lg:calc(1.25rem*var(--mantine-scale));--chip-spacing-xl:calc(1.375rem*var(--mantine-scale))}.m-be049a53{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--_chip-bg);border:calc(.0625rem*var(--mantine-scale)) solid transparent;border-radius:var(--chip-radius);color:var(--_chip-color,var(--mantine-color-text));cursor:var(--_chip-cursor,pointer);display:inline-flex;font-size:var(--chip-fz);height:var(--chip-size);line-height:calc(var(--chip-size) - .125rem*var(--mantine-scale));padding-left:var(--_chip-padding,var(--chip-padding));padding-right:var(--_chip-padding,var(--chip-padding));user-select:none;white-space:nowrap}.m-be049a53[data-checked]{--_chip-padding:var(--chip-checked-padding)}.m-be049a53[data-disabled]{--_chip-bg:var(--mantine-color-gray-2);--_chip-color:var(--mantine-color-gray-5);--_chip-cursor:not-allowed}.m-3904c1af:not([data-disabled]){background-color:var(--_chip-bg);border:var(--_chip-bd)}@media (hover:hover){[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]):active{--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]):active{--_chip-bg:var(--mantine-color-dark-5)}}[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]){--_chip-bg:var(--mantine-color-white);--_chip-bd:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]){--_chip-bg:var(--mantine-color-dark-6);--_chip-bd:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]{--_chip-bd:var(--chip-bd);--_chip-icon-color:var(--chip-color)}@media (hover:hover){[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]:hover{--_chip-bg:var(--chip-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]:active{--_chip-bg:var(--chip-hover)}}.m-f7e165c3:not([data-disabled]),.m-fa109255:not([data-disabled]){background-color:var(--_chip-bg);border:calc(.0625rem*var(--mantine-scale)) solid transparent;color:var(--_chip-color,var(--mantine-color-text))}@media (hover:hover){[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]):hover,[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]):hover,[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]):active,[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]):active{--_chip-bg:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]):active,[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]):active{--_chip-bg:var(--mantine-color-dark-5)}}[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]),[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]){--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]),[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]){--_chip-bg:var(--mantine-color-dark-6)}[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked],[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]{--_chip-icon-color:var(--chip-color);--_chip-color:var(--chip-color);--_chip-bg:var(--chip-bg)}@media (hover:hover){[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked]:hover,[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]:hover{--_chip-bg:var(--chip-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked]:active,[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]:active{--_chip-bg:var(--chip-hover)}}.m-9ac86df9{align-items:center;display:flex;max-width:calc(var(--chip-icon-size) + var(--chip-spacing)/1.5);overflow:hidden;width:calc(var(--chip-icon-size) + var(--chip-spacing)/1.5)}.m-9ac86df9,.m-d6d72580{height:var(--chip-icon-size)}.m-d6d72580{color:var(--_chip-icon-color,inherit);display:block;width:var(--chip-icon-size)}.m-bde07329{height:0;margin:0;opacity:0;padding:0;width:0}.m-bde07329:focus-visible+.m-be049a53{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}