@max-ts/svelte 1.7.3 → 1.8.1

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 (158) hide show
  1. package/dist/assets/src/components/Accordion/Trigger/{styles.css.ts.vanilla-KRizoSBo.css → styles.css.ts.vanilla-Cy15wtKZ.css} +2 -2
  2. package/dist/assets/src/components/Alert/{styles.css.ts.vanilla-BhvPVm8S.css → styles.css.ts.vanilla-iD1pgdZ8.css} +1 -1
  3. package/dist/assets/src/components/Button/{styles.css.ts.vanilla-Dt8KZ_4Z.css → styles.css.ts.vanilla-Ct9mSifU.css} +5 -5
  4. package/dist/assets/src/components/ButtonGroup/Text/{styles.css.ts.vanilla-DmTiU6Ua.css → styles.css.ts.vanilla-IWUf3WT6.css} +1 -1
  5. package/dist/assets/src/components/ButtonGroup/{styles.css.ts.vanilla-BwE12Ho-.css → styles.css.ts.vanilla-C1HKTlBo.css} +2 -2
  6. package/dist/assets/src/components/Calendar/Cell/{styles.css.ts.vanilla-DyHDgqAD.css → styles.css.ts.vanilla-Cbks2GU9.css} +4 -4
  7. package/dist/assets/src/components/Calendar/HeadCell/{styles.css.ts.vanilla-BzEYwUAy.css → styles.css.ts.vanilla-uZVFT3sf.css} +1 -1
  8. package/dist/assets/src/components/Calendar/MonthSelect/{styles.css.ts.vanilla-CdayGli7.css → styles.css.ts.vanilla-CAhi6mgx.css} +2 -2
  9. package/dist/assets/src/components/Calendar/YearSelect/{styles.css.ts.vanilla-ChIh2YSF.css → styles.css.ts.vanilla-BMmaovdo.css} +2 -2
  10. package/dist/assets/src/components/Card/{styles.css.ts.vanilla-CmZufot2.css → styles.css.ts.vanilla-C1gWeVmb.css} +1 -1
  11. package/dist/assets/src/components/Checkbox/styles.css.ts.vanilla-BKlsXQk6.css +62 -0
  12. package/dist/assets/src/components/DataGrid/{styles.css.ts.vanilla-DvIhBl2T.css → styles.css.ts.vanilla-e28yFL_V.css} +1 -1
  13. package/dist/assets/src/components/Dialog/{styles.css.ts.vanilla-DiDNsPy7.css → styles.css.ts.vanilla-Bkz7TIeD.css} +2 -2
  14. package/dist/assets/src/components/Drawer/{styles.css.ts.vanilla-BblmUQZx.css → styles.css.ts.vanilla-cJ-WZT2j.css} +3 -3
  15. package/dist/assets/src/components/DropdownMenu/CheckboxItem/{styles.css.ts.vanilla-C89aGCrU.css → styles.css.ts.vanilla-Dl0yxRWI.css} +1 -1
  16. package/dist/assets/src/components/DropdownMenu/Content/{styles.css.ts.vanilla-BTWu9RUN.css → styles.css.ts.vanilla-r7oF9Kc9.css} +1 -1
  17. package/dist/assets/src/components/DropdownMenu/Item/{styles.css.ts.vanilla-BhQ75Azh.css → styles.css.ts.vanilla-CmdyolmW.css} +1 -1
  18. package/dist/assets/src/components/DropdownMenu/RadioItem/{styles.css.ts.vanilla-DJaPZmCW.css → styles.css.ts.vanilla-B0rQ4UF6.css} +1 -1
  19. package/dist/assets/src/components/DropdownMenu/SubContent/{styles.css.ts.vanilla-DbKb5Mk_.css → styles.css.ts.vanilla-WDOSQgkQ.css} +1 -1
  20. package/dist/assets/src/components/DropdownMenu/SubTrigger/{styles.css.ts.vanilla--2KRqxlh.css → styles.css.ts.vanilla-DXkXt8DK.css} +1 -1
  21. package/dist/assets/src/components/Empty/{styles.css.ts.vanilla-CryWmzed.css → styles.css.ts.vanilla-YAGWQaIZ.css} +2 -2
  22. package/dist/assets/src/components/Field/Label/{styles.css.ts.vanilla-D_EWCO3b.css → styles.css.ts.vanilla-Dg5c3RRL.css} +1 -1
  23. package/dist/assets/src/components/Input/{styles.css.ts.vanilla-1iD2bcUY.css → styles.css.ts.vanilla-OTgWCLQT.css} +2 -2
  24. package/dist/assets/src/components/InputGroup/Addon/{styles.css.ts.vanilla-CyiC_NQA.css → styles.css.ts.vanilla-BZlnHdwv.css} +1 -1
  25. package/dist/assets/src/components/InputGroup/Button/{styles.css.ts.vanilla-DPmQhx2j.css → styles.css.ts.vanilla-CyEiw7bW.css} +4 -4
  26. package/dist/assets/src/components/InputGroup/{styles.css.ts.vanilla-D7Moo4H4.css → styles.css.ts.vanilla-DNARUupj.css} +1 -1
  27. package/dist/assets/src/components/Item/{styles.css.ts.vanilla-DqNzx9T_.css → styles.css.ts.vanilla-CvQd4vT5.css} +3 -3
  28. package/dist/assets/src/components/Popover/{styles.css.ts.vanilla-CAA2wPSI.css → styles.css.ts.vanilla-Bx7MQlFx.css} +1 -1
  29. package/dist/assets/src/components/RangeInput/{styles.css.ts.vanilla-B14tcXWf.css → styles.css.ts.vanilla-CoGxbKI0.css} +4 -1
  30. package/dist/assets/src/components/ScalableContainer/styles.css.ts.vanilla-DW9CH1mT.css +51 -0
  31. package/dist/assets/src/components/Select/Content/{styles.css.ts.vanilla-BlGUxbo8.css → styles.css.ts.vanilla-D599WG_l.css} +1 -1
  32. package/dist/assets/src/components/Select/Item/{styles.css.ts.vanilla-L6cdrGWQ.css → styles.css.ts.vanilla-DNSfggBD.css} +1 -1
  33. package/dist/assets/src/components/Select/Trigger/{styles.css.ts.vanilla-DqYy9T2T.css → styles.css.ts.vanilla-BCDIWDu9.css} +1 -1
  34. package/dist/assets/src/components/Slider/{styles.css.ts.vanilla-DAEoeJIB.css → styles.css.ts.vanilla-BwosySl4.css} +12 -12
  35. package/dist/assets/src/components/Tabs/{styles.css.ts.vanilla-DONNicjp.css → styles.css.ts.vanilla-CZnsdQXL.css} +2 -2
  36. package/dist/assets/src/components/Tooltip/Content/{styles.css.ts.vanilla-D_b_jcxS.css → styles.css.ts.vanilla-TIsrH3sQ.css} +3 -3
  37. package/dist/assets/src/{theme.css.ts.vanilla-HT3RGHeI.css → theme.css.ts.vanilla-DlH7Hr_5.css} +3 -3
  38. package/dist/components/Accordion/Content/styles.css.js +1 -1
  39. package/dist/components/Accordion/Trigger/styles.css.js +2 -2
  40. package/dist/components/Alert/Description/styles.css.js +1 -1
  41. package/dist/components/Alert/Title/styles.css.js +1 -1
  42. package/dist/components/Alert/styles.css.js +2 -2
  43. package/dist/components/Badge/styles.css.js +1 -1
  44. package/dist/components/Button/Button.js +1 -2
  45. package/dist/components/Button/styles.css.js +2 -2
  46. package/dist/components/ButtonGroup/Separator/styles.css.js +1 -1
  47. package/dist/components/ButtonGroup/Text/styles.css.js +2 -2
  48. package/dist/components/ButtonGroup/styles.css.js +2 -2
  49. package/dist/components/Calendar/Cell/styles.css.js +2 -2
  50. package/dist/components/Calendar/Day/styles.css.js +1 -1
  51. package/dist/components/Calendar/Grid/styles.css.js +1 -1
  52. package/dist/components/Calendar/GridRow/styles.css.js +1 -1
  53. package/dist/components/Calendar/HeadCell/styles.css.js +2 -2
  54. package/dist/components/Calendar/Header/styles.css.js +1 -1
  55. package/dist/components/Calendar/MonthSelect/styles.css.js +2 -2
  56. package/dist/components/Calendar/Months/styles.css.js +1 -1
  57. package/dist/components/Calendar/Nav/styles.css.js +1 -1
  58. package/dist/components/Calendar/YearSelect/styles.css.js +2 -2
  59. package/dist/components/Calendar/styles.css.js +1 -1
  60. package/dist/components/Card/Content/styles.css.js +1 -1
  61. package/dist/components/Card/Description/styles.css.js +1 -1
  62. package/dist/components/Card/Footer/styles.css.js +1 -1
  63. package/dist/components/Card/Header/styles.css.js +1 -1
  64. package/dist/components/Card/Title/styles.css.js +1 -1
  65. package/dist/components/Card/styles.css.js +2 -2
  66. package/dist/components/Carousel/Arrows/Arrows.js +2 -0
  67. package/dist/components/Carousel/Arrows/styles.css.js +1 -1
  68. package/dist/components/Carousel/Content/styles.css.js +1 -1
  69. package/dist/components/Carousel/Dots/styles.css.js +1 -1
  70. package/dist/components/Carousel/Item/styles.css.js +1 -1
  71. package/dist/components/Checkbox/Checkbox.js +17 -8
  72. package/dist/components/Checkbox/styles.css.d.ts +1 -1
  73. package/dist/components/Checkbox/styles.css.js +4 -4
  74. package/dist/components/CircularProgress/CircularProgress.js +3 -2
  75. package/dist/components/CircularProgress/styles.css.js +1 -1
  76. package/dist/components/DataGrid/Cell/styles.css.js +1 -1
  77. package/dist/components/DataGrid/Footer/styles.css.js +1 -1
  78. package/dist/components/DataGrid/HeaderCell/styles.css.js +1 -1
  79. package/dist/components/DataGrid/Row/styles.css.js +1 -1
  80. package/dist/components/DataGrid/styles.css.js +2 -2
  81. package/dist/components/DataGridSortHeader/styles.css.js +1 -1
  82. package/dist/components/Dialog/styles.css.js +2 -2
  83. package/dist/components/Drawer/styles.css.js +2 -2
  84. package/dist/components/DropdownMenu/CheckboxItem/styles.css.js +2 -2
  85. package/dist/components/DropdownMenu/Content/styles.css.js +2 -2
  86. package/dist/components/DropdownMenu/GroupHeading/styles.css.js +1 -1
  87. package/dist/components/DropdownMenu/Item/styles.css.js +2 -2
  88. package/dist/components/DropdownMenu/Label/styles.css.js +1 -1
  89. package/dist/components/DropdownMenu/RadioItem/styles.css.js +2 -2
  90. package/dist/components/DropdownMenu/Separator/styles.css.js +1 -1
  91. package/dist/components/DropdownMenu/Shortcut/styles.css.js +1 -1
  92. package/dist/components/DropdownMenu/SubContent/styles.css.js +2 -2
  93. package/dist/components/DropdownMenu/SubTrigger/styles.css.js +2 -2
  94. package/dist/components/Empty/styles.css.js +2 -2
  95. package/dist/components/Field/Content/styles.css.js +1 -1
  96. package/dist/components/Field/Description/styles.css.js +1 -1
  97. package/dist/components/Field/FieldError/styles.css.js +1 -1
  98. package/dist/components/Field/FieldSet/styles.css.js +1 -1
  99. package/dist/components/Field/Group/styles.css.js +1 -1
  100. package/dist/components/Field/Label/styles.css.js +2 -2
  101. package/dist/components/Field/Legend/styles.css.js +1 -1
  102. package/dist/components/Field/Separator/styles.css.js +1 -1
  103. package/dist/components/Field/Title/styles.css.js +1 -1
  104. package/dist/components/Field/styles.css.js +1 -1
  105. package/dist/components/Input/styles.css.js +2 -2
  106. package/dist/components/InputGroup/Addon/styles.css.js +2 -2
  107. package/dist/components/InputGroup/Button/styles.css.js +2 -2
  108. package/dist/components/InputGroup/Input/styles.css.js +1 -1
  109. package/dist/components/InputGroup/Text/styles.css.js +1 -1
  110. package/dist/components/InputGroup/Textarea/styles.css.js +1 -1
  111. package/dist/components/InputGroup/styles.css.js +2 -2
  112. package/dist/components/Item/styles.css.js +2 -2
  113. package/dist/components/Label/styles.css.js +1 -1
  114. package/dist/components/Placeholder/Image/Image.js +4 -2
  115. package/dist/components/Placeholder/Image/styles.css.js +1 -1
  116. package/dist/components/Placeholder/styles.css.js +1 -1
  117. package/dist/components/Popover/styles.css.js +2 -2
  118. package/dist/components/RangeInput/RangeInput.js +3 -0
  119. package/dist/components/RangeInput/styles.css.d.ts +1 -0
  120. package/dist/components/RangeInput/styles.css.js +4 -3
  121. package/dist/components/ScalableContainer/ScalableContainer.js +183 -0
  122. package/dist/components/ScalableContainer/ScalableContainer.svelte.d.ts +4 -0
  123. package/dist/components/ScalableContainer/index.d.ts +2 -0
  124. package/dist/components/ScalableContainer/store.svelte.d.ts +34 -0
  125. package/dist/components/ScalableContainer/store.svelte.js +125 -0
  126. package/dist/components/ScalableContainer/styles.css.d.ts +7 -0
  127. package/dist/components/ScalableContainer/styles.css.js +13 -0
  128. package/dist/components/ScalableContainer/types.d.ts +12 -0
  129. package/dist/components/ScalableContainer/utils.d.ts +5 -0
  130. package/dist/components/Select/Content/styles.css.js +2 -2
  131. package/dist/components/Select/GroupHeading/styles.css.js +1 -1
  132. package/dist/components/Select/Item/styles.css.js +2 -2
  133. package/dist/components/Select/Label/styles.css.js +1 -1
  134. package/dist/components/Select/ScrollDownButton/styles.css.js +1 -1
  135. package/dist/components/Select/ScrollUpButton/styles.css.js +1 -1
  136. package/dist/components/Select/Separator/styles.css.js +1 -1
  137. package/dist/components/Select/Trigger/styles.css.js +2 -2
  138. package/dist/components/Separator/styles.css.js +1 -1
  139. package/dist/components/Slider/Slider.js +13 -3
  140. package/dist/components/Slider/styles.css.js +2 -2
  141. package/dist/components/Slider/types.d.ts +2 -0
  142. package/dist/components/Spinner/styles.css.js +1 -1
  143. package/dist/components/Tabs/styles.css.js +2 -2
  144. package/dist/components/Tooltip/Content/styles.css.js +2 -2
  145. package/dist/components/Tooltip/Tooltip.js +9 -3
  146. package/dist/components/Tooltip/types.d.ts +2 -1
  147. package/dist/components/Typography/styles.css.js +1 -1
  148. package/dist/components/Typography/types.d.ts +1 -0
  149. package/dist/components/index.d.ts +1 -0
  150. package/dist/components/index.js +2 -1
  151. package/dist/stories/ScalableContainer.stories.svelte.d.ts +19 -0
  152. package/dist/theme.css.d.ts +4 -4
  153. package/dist/theme.d.ts +4 -4
  154. package/dist/theme.js +5 -5
  155. package/dist/utils.d.ts +1 -0
  156. package/dist/utils.js +12 -1
  157. package/package.json +9 -11
  158. package/dist/assets/src/components/Checkbox/styles.css.ts.vanilla-BMDAMChP.css +0 -36
@@ -4,11 +4,11 @@
4
4
  .styles_trigger__11d5qg51 {
5
5
  display: flex;
6
6
  flex: 1;
7
- align-items: flex-start;
7
+ align-items: center;
8
8
  justify-content: space-between;
9
9
  gap: var(--spacing-4);
10
10
  padding: var(--spacing-2);
11
- border-radius: var(--borderRadius-sm);
11
+ border-radius: var(--radius-small);
12
12
  text-align: start;
13
13
  transition-property: all;
14
14
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -9,7 +9,7 @@
9
9
  ;
10
10
  align-items: center;
11
11
  gap: var(--spacing-1) var(--spacing-2);
12
- border-radius: var(--borderRadius-lg);
12
+ border-radius: var(--radius-large);
13
13
  border: 1px solid var(--colors-border);
14
14
  padding: var(--spacing-3) var(--spacing-4);
15
15
  font-size: var(--fontSize-sm);
@@ -11,7 +11,7 @@
11
11
  justify-content: center;
12
12
  align-items: center;
13
13
  white-space: nowrap;
14
- border-radius: var(--borderRadius-md);
14
+ border-radius: var(--radius-medium);
15
15
  border-width: 0;
16
16
  font-size: inherit;
17
17
  font-family: inherit;
@@ -105,18 +105,18 @@
105
105
  .styles_buttonSizes_small__16himha9 {
106
106
  height: var(--spacing-7);
107
107
  padding: var(--spacing-1) var(--spacing-2);
108
- border-radius: var(--borderRadius-sm);
108
+ border-radius: var(--radius-small);
109
109
  font-size: var(--fontSize-xs);
110
110
  }
111
111
  .styles_buttonSizes_medium__16himhaa {
112
112
  height: var(--spacing-9);
113
113
  padding: var(--spacing-2) var(--spacing-3);
114
- font-size: var(--fontSize-sm);
114
+ font-size: var(--fontSize-base);
115
115
  }
116
116
  .styles_buttonSizes_large__16himhab {
117
117
  height: var(--spacing-10);
118
118
  padding: var(--spacing-3) var(--spacing-4);
119
- font-size: var(--fontSize-base);
119
+ font-size: var(--fontSize-lg);
120
120
  }
121
121
  .styles_buttonSizes_icon__16himhac {
122
122
  height: var(--spacing-9);
@@ -194,7 +194,7 @@ img, picture, video, canvas {
194
194
  }
195
195
  *::-webkit-scrollbar-thumb {
196
196
  background-color: color-mix(in oklch, var(--colors-primary) 60%, transparent);
197
- border-radius: var(--borderRadius-sm);
197
+ border-radius: var(--radius-small);
198
198
  width: 6px;
199
199
  height: 6px;
200
200
  }
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  align-items: center;
5
5
  gap: var(--spacing-2);
6
- border-radius: var(--borderRadius-md);
6
+ border-radius: var(--radius-medium);
7
7
  border: 1px solid var(--colors-border);
8
8
  padding: var(--spacing-2) var(--spacing-4);
9
9
  font-size: var(--fontSize-sm);
@@ -43,6 +43,6 @@
43
43
  flex: 1;
44
44
  }
45
45
  .styles_orientation_horizontal__zn4w4x1:has(> select[aria-hidden=true]:last-child) > [data-slot=select-trigger]:last-of-type {
46
- border-top-right-radius: var(--borderRadius-md);
47
- border-bottom-right-radius: var(--borderRadius-md);
46
+ border-top-right-radius: var(--radius-medium);
47
+ border-bottom-right-radius: var(--radius-medium);
48
48
  }
@@ -10,10 +10,10 @@
10
10
  z-index: 20;
11
11
  }
12
12
  .styles_cell__k3waa00:first-child[data-selected] [data-bits-day] {
13
- border-top-left-radius: var(--borderRadius-md);
14
- border-bottom-left-radius: var(--borderRadius-md);
13
+ border-top-left-radius: var(--radius-medium);
14
+ border-bottom-left-radius: var(--radius-medium);
15
15
  }
16
16
  .styles_cell__k3waa00:last-child[data-selected] [data-bits-day] {
17
- border-top-right-radius: var(--borderRadius-md);
18
- border-bottom-right-radius: var(--borderRadius-md);
17
+ border-top-right-radius: var(--radius-medium);
18
+ border-bottom-right-radius: var(--radius-medium);
19
19
  }
@@ -1,7 +1,7 @@
1
1
  .styles_headCell__1nghnwh0 {
2
2
  color: var(--colors-text-secondary);
3
3
  width: var(--cell-size);
4
- border-radius: var(--borderRadius-md);
4
+ border-radius: var(--radius-medium);
5
5
  font-size: var(--fontSize-xs);
6
6
  font-weight: var(--fontWeight-normal);
7
7
  }
@@ -1,7 +1,7 @@
1
1
  .styles_wrapper__iaxiha0 {
2
2
  position: relative;
3
3
  display: flex;
4
- border-radius: var(--borderRadius-md);
4
+ border-radius: var(--radius-medium);
5
5
  border: 1px solid var(--colors-border);
6
6
  box-shadow: var(--shadow-1);
7
7
  }
@@ -21,7 +21,7 @@
21
21
  height: var(--spacing-8);
22
22
  align-items: center;
23
23
  gap: var(--spacing-1);
24
- border-radius: var(--borderRadius-md);
24
+ border-radius: var(--radius-medium);
25
25
  padding-left: var(--spacing-2);
26
26
  padding-right: var(--spacing-1);
27
27
  font-size: var(--fontSize-sm);
@@ -1,7 +1,7 @@
1
1
  .styles_wrapper__1q4zm20 {
2
2
  position: relative;
3
3
  display: flex;
4
- border-radius: var(--borderRadius-md);
4
+ border-radius: var(--radius-medium);
5
5
  border: 1px solid var(--colors-border);
6
6
  box-shadow: var(--shadow-1);
7
7
  }
@@ -21,7 +21,7 @@
21
21
  height: var(--spacing-8);
22
22
  align-items: center;
23
23
  gap: var(--spacing-1);
24
- border-radius: var(--borderRadius-md);
24
+ border-radius: var(--radius-medium);
25
25
  padding-left: var(--spacing-2);
26
26
  padding-right: var(--spacing-1);
27
27
  font-size: var(--fontSize-sm);
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: var(--spacing-6);
5
- border-radius: var(--borderRadius-lg);
5
+ border-radius: var(--radius-large);
6
6
  border: 1px solid var(--colors-border);
7
7
  padding: var(--spacing-6) 0;
8
8
  background-color: var(--colors-background-paper);
@@ -0,0 +1,62 @@
1
+ @keyframes styles_checked__1w94fa80 {
2
+ 0% {
3
+ scale: 0;
4
+ }
5
+ 60% {
6
+ scale: 1.15;
7
+ }
8
+ 100% {
9
+ scale: 1;
10
+ }
11
+ }
12
+ @keyframes styles_unchecked__1w94fa81 {
13
+ from {
14
+ scale: 1;
15
+ }
16
+ to {
17
+ scale: 0;
18
+ }
19
+ }
20
+ .styles_checkboxBase__1w94fa82 {
21
+ display: flex;
22
+ justify-content: center;
23
+ align-items: center;
24
+ width: var(--spacing-4);
25
+ height: var(--spacing-4);
26
+ flex-shrink: 0;
27
+ border-radius: var(--spacing-1);
28
+ border: 1px solid var(--colors-border);
29
+ background-color: transparent;
30
+ transition: background-color 200ms, border-color 200ms;
31
+ cursor: pointer;
32
+ outline: none;
33
+ color: var(--colors-foreground-primary);
34
+ }
35
+ .styles_checkboxBase__1w94fa82:focus-visible {
36
+ outline: none;
37
+ border-color: var(--colors-primary);
38
+ }
39
+ .styles_checkboxBase__1w94fa82:hover {
40
+ border-color: var(--colors-primary);
41
+ box-shadow: var(--shadow-2);
42
+ }
43
+ .styles_checkboxBase__1w94fa82:disabled {
44
+ cursor: not-allowed;
45
+ opacity: 0.5;
46
+ }
47
+ .styles_checkboxBase__1w94fa82[data-state="checked"] {
48
+ background-color: var(--colors-primary);
49
+ border-color: var(--colors-primary);
50
+ }
51
+ .styles_checkboxBase__1w94fa82[aria-invalid="true"] {
52
+ border-color: var(--colors-error);
53
+ }
54
+ .styles_indicator__1w94fa83 {
55
+ color: currentColor;
56
+ }
57
+ .styles_checkboxBase__1w94fa82[data-state="checked"] .styles_indicator__1w94fa83 {
58
+ animation: styles_checked__1w94fa80 400ms ease-in-out;
59
+ }
60
+ .styles_checkboxBase__1w94fa82[data-state="unchecked"] .styles_indicator__1w94fa83 {
61
+ animation: styles_unchecked__1w94fa81 400ms ease-in-out;
62
+ }
@@ -7,7 +7,7 @@
7
7
  height: 100%;
8
8
  overflow: hidden auto;
9
9
  border: 1px solid var(--colors-border);
10
- border-radius: var(--borderRadius-md);
10
+ border-radius: var(--radius-medium);
11
11
  }
12
12
  .styles_table__k8jzpb1 {
13
13
  width: 100%;
@@ -58,7 +58,7 @@
58
58
  max-height: min(90vh, 48rem);
59
59
  background-color: var(--colors-background-paper);
60
60
  color: var(--colors-text-primary);
61
- border-radius: var(--borderRadius-lg);
61
+ border-radius: var(--radius-large);
62
62
  border: 1px solid var(--colors-border);
63
63
  box-shadow: var(--shadow-4);
64
64
  padding: var(--spacing-6);
@@ -98,7 +98,7 @@
98
98
  align-items: center;
99
99
  justify-content: center;
100
100
  border: none;
101
- border-radius: var(--borderRadius-sm);
101
+ border-radius: var(--radius-small);
102
102
  background-color: transparent;
103
103
  color: var(--colors-text-secondary);
104
104
  opacity: 0.7;
@@ -47,7 +47,7 @@
47
47
  max-width: 100%;
48
48
  max-height: 100%;
49
49
  inset: auto 0 0 0;
50
- border-radius: var(--borderRadius-lg) var(--borderRadius-lg) 0 0;
50
+ border-radius: var(--radius-large) var(--radius-large) 0 0;
51
51
  }
52
52
  .styles_content__1rbt3ly4[data-state=open] {
53
53
  animation: styles_slideIn__1rbt3ly2 220ms ease-out;
@@ -91,7 +91,7 @@
91
91
  background-color: transparent;
92
92
  color: var(--colors-text-secondary);
93
93
  padding: var(--spacing-1);
94
- border-radius: var(--borderRadius-sm);
94
+ border-radius: var(--radius-small);
95
95
  cursor: pointer;
96
96
  opacity: 0.7;
97
97
  transition: opacity 0.2s ease;
@@ -114,7 +114,7 @@
114
114
  content: "";
115
115
  width: 100px;
116
116
  height: 8px;
117
- border-radius: var(--borderRadius-md);
117
+ border-radius: var(--radius-medium);
118
118
  background-color: var(--colors-background-element);
119
119
  }
120
120
  .styles_visuallyHidden__1rbt3lyc {
@@ -10,7 +10,7 @@
10
10
  padding-bottom: 0.375rem;
11
11
  padding-left: var(--spacing-8);
12
12
  padding-right: var(--spacing-2);
13
- border-radius: var(--borderRadius-sm);
13
+ border-radius: var(--radius-small);
14
14
  font-size: var(--fontSize-sm);
15
15
  cursor: default;
16
16
  user-select: none;
@@ -71,7 +71,7 @@
71
71
  transform-origin: var(--bits-dropdown-menu-content-transform-origin);
72
72
  overflow-x: hidden;
73
73
  overflow-y: auto;
74
- border-radius: var(--borderRadius-md);
74
+ border-radius: var(--radius-medium);
75
75
  border: 1px solid var(--colors-border);
76
76
  padding: var(--spacing-1);
77
77
  box-shadow: var(--shadow-4);
@@ -8,7 +8,7 @@
8
8
  padding-right: var(--spacing-2);
9
9
  padding-top: 0.375rem;
10
10
  padding-bottom: 0.375rem;
11
- border-radius: var(--borderRadius-sm);
11
+ border-radius: var(--radius-small);
12
12
  font-size: var(--fontSize-sm);
13
13
  user-select: none;
14
14
  outline: none;
@@ -4,7 +4,7 @@
4
4
  cursor: default;
5
5
  align-items: center;
6
6
  gap: var(--spacing-2);
7
- border-radius: var(--borderRadius-sm);
7
+ border-radius: var(--radius-small);
8
8
  padding-top: 0.375rem;
9
9
  padding-bottom: 0.375rem;
10
10
  padding-inline-start: var(--spacing-8);
@@ -72,7 +72,7 @@
72
72
  z-index: 50;
73
73
  min-width: 8rem;
74
74
  overflow: hidden;
75
- border-radius: var(--borderRadius-md);
75
+ border-radius: var(--radius-medium);
76
76
  border: 1px solid var(--colors-border);
77
77
  padding: var(--spacing-1);
78
78
  box-shadow: var(--shadow-3);
@@ -3,7 +3,7 @@
3
3
  cursor: default;
4
4
  align-items: center;
5
5
  gap: var(--spacing-2);
6
- border-radius: var(--borderRadius-sm);
6
+ border-radius: var(--radius-small);
7
7
  padding-left: var(--spacing-2);
8
8
  padding-right: var(--spacing-2);
9
9
  padding-top: 0.375rem;
@@ -6,7 +6,7 @@
6
6
  align-items: center;
7
7
  justify-content: center;
8
8
  gap: var(--spacing-6);
9
- border-radius: var(--borderRadius-lg);
9
+ border-radius: var(--radius-large);
10
10
  border: 2px dashed var(--colors-border);
11
11
  padding: var(--spacing-6);
12
12
  text-align: center;
@@ -71,7 +71,7 @@
71
71
  flex-shrink: 0;
72
72
  align-items: center;
73
73
  justify-content: center;
74
- border-radius: var(--borderRadius-lg);
74
+ border-radius: var(--radius-large);
75
75
  }
76
76
  .styles_mediaVariants_icon__13225ic7 svg:not([class*='size-']) {
77
77
  width: var(--spacing-6);
@@ -13,7 +13,7 @@
13
13
  .styles_root__10hsf2y0:has(>[data-slot=field]) {
14
14
  width: 100%;
15
15
  flex-direction: column;
16
- border-radius: var(--borderRadius-md);
16
+ border-radius: var(--radius-medium);
17
17
  border-width: 1px;
18
18
  border-style: solid;
19
19
  border-color: var(--colors-border);
@@ -1,7 +1,7 @@
1
1
  .styles_inputBase__1sj9q5k0 {
2
2
  background-color: var(--colors-background-paper);
3
3
  border: 1px solid var(--colors-border);
4
- border-radius: var(--borderRadius-md);
4
+ border-radius: var(--radius-medium);
5
5
  color: var(--colors-text-primary);
6
6
  font-size: var(--fontSize-base);
7
7
  font-weight: var(--fontWeight-normal);
@@ -56,7 +56,7 @@
56
56
  .styles_fileInput__1sj9q5k4 {
57
57
  background-color: var(--colors-background-paper);
58
58
  border: 1px solid var(--colors-border);
59
- border-radius: var(--borderRadius-md);
59
+ border-radius: var(--radius-medium);
60
60
  color: var(--colors-text-primary);
61
61
  font-size: var(--fontSize-base);
62
62
  font-weight: var(--fontWeight-medium);
@@ -48,7 +48,7 @@
48
48
  height: 1rem;
49
49
  }
50
50
  .styles_addon__12a78m00 > kbd {
51
- border-radius: calc(var(--borderRadius-md) - 4px);
51
+ border-radius: calc(var(--radius-medium) - 4px);
52
52
  }
53
53
  [data-slot="input-group"][data-disabled="true"] .styles_addon__12a78m00 {
54
54
  opacity: 0.6;
@@ -9,24 +9,24 @@
9
9
  .styles_sizes_xs__fq6481 {
10
10
  height: var(--spacing-6);
11
11
  padding-inline: var(--spacing-2);
12
- border-radius: var(--borderRadius-sm);
12
+ border-radius: var(--radius-small);
13
13
  }
14
14
  .styles_sizes_sm__fq6482 {
15
15
  height: var(--spacing-8);
16
16
  padding-inline: var(--spacing-3);
17
- border-radius: var(--borderRadius-md);
17
+ border-radius: var(--radius-medium);
18
18
  }
19
19
  .styles_sizes_icon-xs__fq6483 {
20
20
  height: var(--spacing-6);
21
21
  width: var(--spacing-6);
22
22
  padding: 0;
23
- border-radius: var(--borderRadius-sm);
23
+ border-radius: var(--radius-small);
24
24
  }
25
25
  .styles_sizes_icon-sm__fq6484 {
26
26
  height: var(--spacing-8);
27
27
  width: var(--spacing-8);
28
28
  padding: 0;
29
- border-radius: var(--borderRadius-md);
29
+ border-radius: var(--radius-medium);
30
30
  }
31
31
  .styles_base__fq6480 svg {
32
32
  pointer-events: none;
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  width: 100%;
5
5
  align-items: stretch;
6
- border-radius: var(--borderRadius-md);
6
+ border-radius: var(--radius-medium);
7
7
  border: 1px solid var(--colors-border);
8
8
  background-color: var(--colors-background-paper);
9
9
  box-shadow: var(--shadow-1);
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  flex-wrap: wrap;
4
4
  align-items: center;
5
- border-radius: var(--borderRadius-md);
5
+ border-radius: var(--radius-medium);
6
6
  border: 1px solid transparent;
7
7
  font-size: var(--fontSize-sm);
8
8
  transition: background-color 0.1s, border-color 0.1s, box-shadow 0.1s;
@@ -101,14 +101,14 @@
101
101
  background-color: var(--colors-background-element);
102
102
  width: var(--spacing-8);
103
103
  height: var(--spacing-8);
104
- border-radius: var(--borderRadius-sm);
104
+ border-radius: var(--radius-small);
105
105
  border: 1px solid var(--colors-border);
106
106
  }
107
107
  .styles_mediaVariants_image__b9ajagf {
108
108
  width: var(--spacing-10);
109
109
  height: var(--spacing-10);
110
110
  overflow: hidden;
111
- border-radius: var(--borderRadius-sm);
111
+ border-radius: var(--radius-small);
112
112
  }
113
113
  .styles_mediaVariants_icon__b9ajage svg:not([class*='size-']) {
114
114
  width: var(--spacing-4);
@@ -23,7 +23,7 @@
23
23
  color: var(--colors-text-primary);
24
24
  z-index: 50;
25
25
  width: 18rem;
26
- border-radius: var(--borderRadius-md);
26
+ border-radius: var(--radius-medium);
27
27
  border: 1px solid var(--colors-border);
28
28
  padding: var(--spacing-4);
29
29
  box-shadow: var(--shadow-2);
@@ -6,7 +6,7 @@
6
6
  column-gap: var(--spacing-1);
7
7
  background: var(--colors-background-paper);
8
8
  border: 1px solid var(--colors-border);
9
- border-radius: var(--borderRadius-md);
9
+ border-radius: var(--radius-medium);
10
10
  transition: border 0.2s;
11
11
  }
12
12
  .styles_fullWidth__14rk0zx1 {
@@ -56,6 +56,9 @@
56
56
  transform: translateX(-50%);
57
57
  width: calc(100% - 4px);
58
58
  }
59
+ .styles_track__14rk0zx9 {
60
+ background-color: transparent;
61
+ }
59
62
  @media (max-width: 600px) {
60
63
  .styles_container__14rk0zx0 {
61
64
  width: 100%;
@@ -0,0 +1,51 @@
1
+ .styles_toolbar__14ie7q10 {
2
+ position: absolute;
3
+ top: 0;
4
+ right: 4px;
5
+ z-index: 1;
6
+ opacity: 0.5;
7
+ transition: opacity 0.2s ease-in-out;
8
+ }
9
+ .styles_toolbar__14ie7q10:hover {
10
+ opacity: 1;
11
+ }
12
+ .styles_viewport__14ie7q11 {
13
+ width: 100%;
14
+ height: 100%;
15
+ overflow: hidden;
16
+ position: relative;
17
+ touch-action: none;
18
+ }
19
+ .styles_contentWrapper__14ie7q12 {
20
+ position: absolute;
21
+ inset: 0;
22
+ display: flex;
23
+ align-items: center;
24
+ justify-content: center;
25
+ user-select: none;
26
+ }
27
+ .styles_overlay__14ie7q13 {
28
+ position: absolute;
29
+ bottom: 16px;
30
+ left: 50%;
31
+ transform: translateX(-50%);
32
+ background-color: rgba(0, 0, 0, 0.7);
33
+ color: white;
34
+ padding: var(--spacing-2) var(--spacing-4);
35
+ border-radius: var(--radius-small);
36
+ font-size: var(--fontSize-sm);
37
+ pointer-events: none;
38
+ z-index: 10;
39
+ opacity: 0;
40
+ transition: opacity 0.2s ease-in-out;
41
+ }
42
+ .styles_overlay__14ie7q13[data-visible="true"] {
43
+ opacity: 1;
44
+ }
45
+ @media (min-width: 48rem) {
46
+ .styles_toolbar__14ie7q10 {
47
+ top: 50%;
48
+ bottom: unset;
49
+ transform: translateY(-50%);
50
+ }
51
+ }
@@ -43,7 +43,7 @@
43
43
  min-width: 8rem;
44
44
  overflow-x: hidden;
45
45
  overflow-y: auto;
46
- border-radius: var(--borderRadius-md);
46
+ border-radius: var(--radius-medium);
47
47
  border: 1px solid var(--colors-border);
48
48
  box-shadow: var(--shadow-3);
49
49
  }
@@ -5,7 +5,7 @@
5
5
  cursor: default;
6
6
  align-items: center;
7
7
  gap: var(--spacing-2);
8
- border-radius: var(--borderRadius-sm);
8
+ border-radius: var(--radius-small);
9
9
  padding-top: 0.375rem;
10
10
  padding-bottom: 0.375rem;
11
11
  padding-left: var(--spacing-2);
@@ -5,7 +5,7 @@
5
5
  align-items: center;
6
6
  justify-content: space-between;
7
7
  gap: var(--spacing-2);
8
- border-radius: var(--borderRadius-md);
8
+ border-radius: var(--radius-medium);
9
9
  border: 1px solid var(--colors-border);
10
10
  background-color: transparent;
11
11
  padding-left: var(--spacing-3);
@@ -23,22 +23,22 @@
23
23
  border-radius: 9999px;
24
24
  }
25
25
  .styles_root__1af48w00[data-orientation=horizontal] .styles_trackSizes_small__1af48w02 {
26
- height: 2px;
26
+ height: 1px;
27
27
  }
28
28
  .styles_root__1af48w00[data-orientation=vertical] .styles_trackSizes_small__1af48w02 {
29
- width: 2px;
29
+ width: 1px;
30
30
  }
31
31
  .styles_root__1af48w00[data-orientation=horizontal] .styles_trackSizes_medium__1af48w03 {
32
- height: 3px;
32
+ height: 2px;
33
33
  }
34
34
  .styles_root__1af48w00[data-orientation=vertical] .styles_trackSizes_medium__1af48w03 {
35
- width: 3px;
35
+ width: 2px;
36
36
  }
37
37
  .styles_root__1af48w00[data-orientation=horizontal] .styles_trackSizes_large__1af48w04 {
38
- height: 4px;
38
+ height: 3px;
39
39
  }
40
40
  .styles_root__1af48w00[data-orientation=vertical] .styles_trackSizes_large__1af48w04 {
41
- width: 4px;
41
+ width: 3px;
42
42
  }
43
43
  .styles_range__1af48w05 {
44
44
  background-color: var(--colors-primary);
@@ -72,14 +72,14 @@
72
72
  opacity: 0.5;
73
73
  }
74
74
  .styles_thumbSizes_small__1af48w07 {
75
- width: 12px;
76
- height: 12px;
75
+ width: 11px;
76
+ height: 11px;
77
77
  }
78
78
  .styles_thumbSizes_medium__1af48w08 {
79
- width: 14px;
80
- height: 14px;
79
+ width: 13px;
80
+ height: 13px;
81
81
  }
82
82
  .styles_thumbSizes_large__1af48w09 {
83
- width: 16px;
84
- height: 16px;
83
+ width: 15px;
84
+ height: 15px;
85
85
  }
@@ -11,7 +11,7 @@
11
11
  width: fit-content;
12
12
  align-items: center;
13
13
  justify-content: center;
14
- border-radius: var(--borderRadius-md);
14
+ border-radius: var(--radius-medium);
15
15
  box-shadow: var(--shadow-3);
16
16
  padding: var(--spacing-1);
17
17
  gap: var(--spacing-1);
@@ -24,7 +24,7 @@
24
24
  align-items: center;
25
25
  justify-content: center;
26
26
  gap: var(--spacing-1);
27
- border-radius: var(--borderRadius-md);
27
+ border-radius: var(--radius-medium);
28
28
  border: 1px solid transparent;
29
29
  padding: var(--spacing-1) var(--spacing-2);
30
30
  font-size: var(--fontSize-sm);