@moduix/react 1.1.0 → 1.1.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 (159) hide show
  1. package/dist/components/accordion/Accordion.css +13 -13
  2. package/dist/components/accordion/Accordion.module.js +9 -9
  3. package/dist/components/alert/Alert.css +5 -5
  4. package/dist/components/alert/Alert.module.js +5 -5
  5. package/dist/components/angle-slider/AngleSlider.css +8 -8
  6. package/dist/components/angle-slider/AngleSlider.module.js +7 -7
  7. package/dist/components/aspect-ratio/AspectRatio.css +1 -1
  8. package/dist/components/aspect-ratio/AspectRatio.module.js +1 -1
  9. package/dist/components/avatar/Avatar.css +3 -3
  10. package/dist/components/avatar/Avatar.module.js +3 -3
  11. package/dist/components/badge/Badge.css +2 -2
  12. package/dist/components/badge/Badge.module.js +2 -2
  13. package/dist/components/bleed/Bleed.css +1 -1
  14. package/dist/components/bleed/Bleed.module.js +1 -1
  15. package/dist/components/breadcrumbs/Breadcrumbs.css +10 -10
  16. package/dist/components/breadcrumbs/Breadcrumbs.module.js +7 -7
  17. package/dist/components/button/Button.css +1 -1
  18. package/dist/components/button/Button.module.js +1 -1
  19. package/dist/components/card/Card.css +9 -9
  20. package/dist/components/card/Card.module.js +8 -8
  21. package/dist/components/carousel/Carousel.css +18 -18
  22. package/dist/components/carousel/Carousel.module.js +12 -12
  23. package/dist/components/checkbox/Checkbox.css +11 -11
  24. package/dist/components/checkbox/Checkbox.module.js +6 -6
  25. package/dist/components/clipboard/Clipboard.css +7 -7
  26. package/dist/components/clipboard/Clipboard.module.js +8 -8
  27. package/dist/components/close-button/CloseButton.css +1 -1
  28. package/dist/components/close-button/CloseButton.module.js +1 -1
  29. package/dist/components/collapsible/Collapsible.css +8 -8
  30. package/dist/components/collapsible/Collapsible.module.js +6 -6
  31. package/dist/components/color-picker/ColorPicker.css +29 -29
  32. package/dist/components/color-picker/ColorPicker.module.js +27 -27
  33. package/dist/components/combobox/Combobox.css +21 -21
  34. package/dist/components/combobox/Combobox.module.js +17 -17
  35. package/dist/components/command-palette/CommandPalette.css +43 -43
  36. package/dist/components/command-palette/CommandPalette.module.js +37 -37
  37. package/dist/components/container/Container.css +1 -1
  38. package/dist/components/container/Container.module.js +1 -1
  39. package/dist/components/date-input/DateInput.css +6 -6
  40. package/dist/components/date-input/DateInput.module.js +6 -6
  41. package/dist/components/date-picker/DatePicker.css +32 -32
  42. package/dist/components/date-picker/DatePicker.module.js +23 -23
  43. package/dist/components/dialog/Dialog.css +19 -19
  44. package/dist/components/dialog/Dialog.module.js +15 -15
  45. package/dist/components/drawer/Drawer.css +40 -40
  46. package/dist/components/drawer/Drawer.module.js +26 -26
  47. package/dist/components/editable/Editable.css +10 -10
  48. package/dist/components/editable/Editable.module.js +7 -7
  49. package/dist/components/empty/Empty.css +6 -6
  50. package/dist/components/empty/Empty.module.js +6 -6
  51. package/dist/components/field/Field.css +9 -9
  52. package/dist/components/field/Field.module.js +9 -9
  53. package/dist/components/fieldset/Fieldset.css +6 -6
  54. package/dist/components/fieldset/Fieldset.module.js +4 -4
  55. package/dist/components/file-upload/FileUpload.css +18 -18
  56. package/dist/components/file-upload/FileUpload.module.js +13 -13
  57. package/dist/components/floating-panel/FloatingPanel.css +16 -16
  58. package/dist/components/floating-panel/FloatingPanel.module.js +14 -14
  59. package/dist/components/heading/Heading.css +1 -1
  60. package/dist/components/heading/Heading.module.js +1 -1
  61. package/dist/components/highlight/Highlight.css +1 -1
  62. package/dist/components/highlight/Highlight.module.js +1 -1
  63. package/dist/components/hover-card/HoverCard.css +9 -9
  64. package/dist/components/hover-card/HoverCard.module.js +7 -7
  65. package/dist/components/image-cropper/ImageCropper.css +6 -6
  66. package/dist/components/image-cropper/ImageCropper.module.js +6 -6
  67. package/dist/components/input/Input.css +1 -1
  68. package/dist/components/input/Input.module.js +1 -1
  69. package/dist/components/input-group/InputGroup.css +6 -6
  70. package/dist/components/input-group/InputGroup.module.js +5 -5
  71. package/dist/components/kbd/Kbd.css +2 -2
  72. package/dist/components/kbd/Kbd.module.js +2 -2
  73. package/dist/components/lightbox/Lightbox.css +20 -20
  74. package/dist/components/lightbox/Lightbox.module.js +16 -16
  75. package/dist/components/list/List.css +1 -1
  76. package/dist/components/list/List.module.js +1 -1
  77. package/dist/components/listbox/Listbox.css +16 -16
  78. package/dist/components/listbox/Listbox.module.js +14 -14
  79. package/dist/components/marquee/Marquee.css +10 -10
  80. package/dist/components/marquee/Marquee.module.js +7 -7
  81. package/dist/components/menu/Menu.css +34 -34
  82. package/dist/components/menu/Menu.module.js +27 -27
  83. package/dist/components/native-select/NativeSelect.css +5 -5
  84. package/dist/components/native-select/NativeSelect.module.js +3 -3
  85. package/dist/components/number-input/NumberInput.css +11 -11
  86. package/dist/components/number-input/NumberInput.module.js +8 -8
  87. package/dist/components/pagination/Pagination.css +8 -8
  88. package/dist/components/pagination/Pagination.module.js +6 -6
  89. package/dist/components/password-input/PasswordInput.css +7 -7
  90. package/dist/components/password-input/PasswordInput.module.js +6 -6
  91. package/dist/components/pin-input/PinInput.css +5 -5
  92. package/dist/components/pin-input/PinInput.module.js +5 -5
  93. package/dist/components/popover/Popover.css +15 -15
  94. package/dist/components/popover/Popover.module.js +14 -14
  95. package/dist/components/progress-circular/ProgressCircular.css +8 -8
  96. package/dist/components/progress-circular/ProgressCircular.module.js +8 -8
  97. package/dist/components/progress-linear/ProgressLinear.css +8 -8
  98. package/dist/components/progress-linear/ProgressLinear.module.js +8 -8
  99. package/dist/components/qr-code/QrCode.css +10 -10
  100. package/dist/components/qr-code/QrCode.module.js +5 -5
  101. package/dist/components/radio-group/RadioGroup.css +6 -6
  102. package/dist/components/radio-group/RadioGroup.module.js +6 -6
  103. package/dist/components/rating-group/RatingGroup.css +11 -11
  104. package/dist/components/rating-group/RatingGroup.module.js +7 -7
  105. package/dist/components/scroll-area/ScrollArea.css +7 -7
  106. package/dist/components/scroll-area/ScrollArea.module.js +6 -6
  107. package/dist/components/segment-group/SegmentGroup.css +6 -6
  108. package/dist/components/segment-group/SegmentGroup.module.js +6 -6
  109. package/dist/components/select/Select.css +28 -28
  110. package/dist/components/select/Select.module.js +21 -21
  111. package/dist/components/separator/Separator.css +1 -1
  112. package/dist/components/separator/Separator.module.js +1 -1
  113. package/dist/components/sidebar/Sidebar.css +27 -30
  114. package/dist/components/sidebar/Sidebar.module.js +17 -17
  115. package/dist/components/signature-pad/SignaturePad.css +10 -10
  116. package/dist/components/signature-pad/SignaturePad.module.js +6 -6
  117. package/dist/components/skeleton/Skeleton.css +1 -1
  118. package/dist/components/skeleton/Skeleton.module.js +1 -1
  119. package/dist/components/slider/Slider.css +10 -10
  120. package/dist/components/slider/Slider.module.js +10 -10
  121. package/dist/components/spinner/Spinner.css +9 -9
  122. package/dist/components/spinner/Spinner.module.js +3 -3
  123. package/dist/components/split-button/SplitButton.css +9 -9
  124. package/dist/components/split-button/SplitButton.module.js +3 -3
  125. package/dist/components/splitter/Splitter.css +16 -12
  126. package/dist/components/splitter/Splitter.module.js +4 -4
  127. package/dist/components/stack/Stack.css +2 -2
  128. package/dist/components/stack/Stack.module.js +1 -1
  129. package/dist/components/steps/Steps.css +14 -14
  130. package/dist/components/steps/Steps.module.js +11 -11
  131. package/dist/components/switch/Switch.css +9 -9
  132. package/dist/components/switch/Switch.module.js +4 -4
  133. package/dist/components/table/Table.css +17 -17
  134. package/dist/components/table/Table.module.js +12 -12
  135. package/dist/components/tabs/Tabs.css +9 -9
  136. package/dist/components/tabs/Tabs.module.js +5 -5
  137. package/dist/components/tag/Tag.css +4 -4
  138. package/dist/components/tag/Tag.module.js +5 -5
  139. package/dist/components/tags-input/TagsInput.css +10 -10
  140. package/dist/components/tags-input/TagsInput.module.js +10 -10
  141. package/dist/components/text/Text.css +1 -1
  142. package/dist/components/text/Text.module.js +1 -1
  143. package/dist/components/textarea/Textarea.css +7 -7
  144. package/dist/components/textarea/Textarea.module.js +1 -1
  145. package/dist/components/timer/Timer.css +6 -6
  146. package/dist/components/timer/Timer.module.js +6 -6
  147. package/dist/components/toast/Toast.css +8 -8
  148. package/dist/components/toast/Toast.module.js +6 -6
  149. package/dist/components/toggle/Toggle.css +2 -2
  150. package/dist/components/toggle/Toggle.module.js +2 -2
  151. package/dist/components/toggle-group/ToggleGroup.css +3 -3
  152. package/dist/components/toggle-group/ToggleGroup.module.js +2 -2
  153. package/dist/components/tooltip/Tooltip.css +9 -9
  154. package/dist/components/tooltip/Tooltip.module.js +7 -7
  155. package/dist/components/tour/Tour.css +21 -21
  156. package/dist/components/tour/Tour.module.js +17 -17
  157. package/dist/components/tree-view/TreeView.css +21 -21
  158. package/dist/components/tree-view/TreeView.module.js +20 -20
  159. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  @layer ui.components {
2
- .RCvmRW_root {
2
+ ._wse8a_root {
3
3
  box-sizing: border-box;
4
4
  gap: var(--signature-pad-gap, var(--spacing-2));
5
5
  width: var(--signature-pad-width, 17.5rem);
@@ -13,7 +13,7 @@
13
13
  }
14
14
  }
15
15
 
16
- .RCvmRW_label {
16
+ ._wse8a_label {
17
17
  color: var(--signature-pad-label-color, var(--color-foreground));
18
18
  font-size: var(--signature-pad-label-font-size, var(--text-sm));
19
19
  font-weight: var(--signature-pad-label-font-weight, var(--weight-medium));
@@ -25,7 +25,7 @@
25
25
  }
26
26
  }
27
27
 
28
- .RCvmRW_control {
28
+ ._wse8a_control {
29
29
  box-sizing: border-box;
30
30
  width: var(--signature-pad-control-width, 100%);
31
31
  min-width: var(--signature-pad-control-min-width, 0);
@@ -54,11 +54,11 @@
54
54
  }
55
55
  }
56
56
 
57
- .RCvmRW_segment {
57
+ ._wse8a_segment {
58
58
  fill: var(--signature-pad-stroke-color, currentColor);
59
59
  }
60
60
 
61
- .RCvmRW_guide {
61
+ ._wse8a_guide {
62
62
  right: var(--signature-pad-guide-inset-x, var(--spacing-6));
63
63
  bottom: var(--signature-pad-guide-bottom, var(--spacing-8));
64
64
  left: var(--signature-pad-guide-inset-x, var(--spacing-6));
@@ -72,7 +72,7 @@
72
72
  }
73
73
  }
74
74
 
75
- .RCvmRW_clearTrigger {
75
+ ._wse8a_clearTrigger {
76
76
  top: var(--signature-pad-clear-trigger-offset, var(--spacing-2));
77
77
  right: var(--signature-pad-clear-trigger-offset, var(--spacing-2));
78
78
  box-sizing: border-box;
@@ -97,26 +97,26 @@
97
97
  position: absolute;
98
98
  }
99
99
 
100
- .RCvmRW_clearTrigger :where(svg) {
100
+ ._wse8a_clearTrigger :where(svg) {
101
101
  width: var(--signature-pad-clear-trigger-icon-size, 1rem);
102
102
  height: var(--signature-pad-clear-trigger-icon-size, 1rem);
103
103
  flex-shrink: 0;
104
104
  }
105
105
 
106
106
  @media (hover: hover) {
107
- .RCvmRW_clearTrigger:hover:not(:disabled, [data-disabled]) {
107
+ ._wse8a_clearTrigger:hover:not(:disabled, [data-disabled]) {
108
108
  background-color: var(--signature-pad-clear-trigger-bg-hover, var(--color-accent));
109
109
  color: var(--signature-pad-clear-trigger-color-hover, var(--color-foreground));
110
110
  }
111
111
  }
112
112
 
113
- .RCvmRW_clearTrigger:focus-visible {
113
+ ._wse8a_clearTrigger:focus-visible {
114
114
  outline: var(--signature-pad-clear-trigger-focus-ring-width, var(--border-width-md)) solid
115
115
  var(--signature-pad-clear-trigger-focus-ring-color, var(--color-ring));
116
116
  outline-offset: var(--signature-pad-clear-trigger-focus-ring-offset, var(--spacing-1));
117
117
  }
118
118
 
119
- .RCvmRW_clearTrigger:disabled, .RCvmRW_clearTrigger[data-disabled] {
119
+ ._wse8a_clearTrigger:disabled, ._wse8a_clearTrigger[data-disabled] {
120
120
  pointer-events: none;
121
121
  opacity: var(--signature-pad-disabled-opacity, var(--opacity-disabled));
122
122
  }
@@ -1,12 +1,12 @@
1
1
  import './SignaturePad.css';
2
2
  //#region src/components/signature-pad/SignaturePad.module.css
3
3
  var SignaturePad_module_default = {
4
- "clearTrigger": "RCvmRW_clearTrigger",
5
- "control": "RCvmRW_control",
6
- "guide": "RCvmRW_guide",
7
- "label": "RCvmRW_label",
8
- "root": "RCvmRW_root",
9
- "segment": "RCvmRW_segment"
4
+ "clearTrigger": "_wse8a_clearTrigger",
5
+ "control": "_wse8a_control",
6
+ "guide": "_wse8a_guide",
7
+ "label": "_wse8a_label",
8
+ "root": "_wse8a_root",
9
+ "segment": "_wse8a_segment"
10
10
  };
11
11
  //#endregion
12
12
  export { SignaturePad_module_default as default };
@@ -1,5 +1,5 @@
1
1
  @layer ui.components {
2
- ._9pBda_root {
2
+ .ahClzq_root {
3
3
  border-radius: var(--skeleton-border-radius, var(--radius-md));
4
4
  width: 100%;
5
5
  display: block;
@@ -1,5 +1,5 @@
1
1
  import './Skeleton.css';
2
2
  //#region src/components/skeleton/Skeleton.module.css
3
- var Skeleton_module_default = { "root": "_9pBda_root" };
3
+ var Skeleton_module_default = { "root": "ahClzq_root" };
4
4
  //#endregion
5
5
  export { Skeleton_module_default as default };
@@ -1,5 +1,5 @@
1
1
  @layer ui.components {
2
- .qB-XUW_root {
2
+ .NN9-IW_root {
3
3
  box-sizing: border-box;
4
4
  gap: var(--slider-gap, .5rem);
5
5
  width: var(--slider-width, 12rem);
@@ -18,7 +18,7 @@
18
18
  }
19
19
  }
20
20
 
21
- .qB-XUW_label {
21
+ .NN9-IW_label {
22
22
  color: var(--slider-label-color, var(--slider-color, var(--color-foreground)));
23
23
  font-size: var(--slider-label-font-size, var(--text-sm));
24
24
  font-weight: var(--slider-label-font-weight, var(--weight-regular));
@@ -26,7 +26,7 @@
26
26
  user-select: none;
27
27
  }
28
28
 
29
- .qB-XUW_valueText {
29
+ .NN9-IW_valueText {
30
30
  color: var(--slider-value-text-color, var(--slider-color, var(--color-foreground)));
31
31
  font-size: var(--slider-value-text-font-size, var(--text-sm));
32
32
  font-weight: var(--slider-value-text-font-weight, var(--weight-regular));
@@ -34,7 +34,7 @@
34
34
  text-align: right;
35
35
  }
36
36
 
37
- .qB-XUW_control {
37
+ .NN9-IW_control {
38
38
  box-sizing: border-box;
39
39
  width: 100%;
40
40
  min-height: var(--slider-control-size, 1.25rem);
@@ -57,7 +57,7 @@
57
57
  }
58
58
  }
59
59
 
60
- .qB-XUW_track {
60
+ .NN9-IW_track {
61
61
  width: 100%;
62
62
  height: var(--slider-track-size, .375rem);
63
63
  border-radius: var(--slider-track-radius, var(--radius-full));
@@ -74,7 +74,7 @@
74
74
  }
75
75
  }
76
76
 
77
- .qB-XUW_range {
77
+ .NN9-IW_range {
78
78
  border-radius: var(--slider-range-radius, inherit);
79
79
  background-color: var(--slider-range-bg, var(--color-primary));
80
80
  height: 100%;
@@ -84,7 +84,7 @@
84
84
  }
85
85
  }
86
86
 
87
- .qB-XUW_thumb {
87
+ .NN9-IW_thumb {
88
88
  box-sizing: border-box;
89
89
  width: var(--slider-thumb-size, 1rem);
90
90
  height: var(--slider-thumb-size, 1rem);
@@ -116,7 +116,7 @@
116
116
  }
117
117
  }
118
118
 
119
- .qB-XUW_draggingIndicator {
119
+ .NN9-IW_draggingIndicator {
120
120
  top: calc(-1 * var(--spacing-8));
121
121
  padding: var(--spacing-1) var(--spacing-2);
122
122
  border-radius: var(--slider-dragging-indicator-radius, var(--radius-sm));
@@ -129,7 +129,7 @@
129
129
  pointer-events: none;
130
130
  }
131
131
 
132
- .qB-XUW_markerGroup {
132
+ .NN9-IW_markerGroup {
133
133
  margin-top: var(--slider-marker-group-margin-top, var(--spacing-2));
134
134
  justify-content: space-between;
135
135
  display: flex;
@@ -142,7 +142,7 @@
142
142
  }
143
143
  }
144
144
 
145
- .qB-XUW_marker {
145
+ .NN9-IW_marker {
146
146
  color: var(--slider-marker-color, var(--color-muted-foreground));
147
147
  font-size: var(--slider-marker-font-size, var(--text-xs));
148
148
  line-height: var(--slider-marker-line-height, var(--line-height-text-xs));
@@ -1,16 +1,16 @@
1
1
  import './Slider.css';
2
2
  //#region src/components/slider/Slider.module.css
3
3
  var Slider_module_default = {
4
- "control": "qB-XUW_control",
5
- "draggingIndicator": "qB-XUW_draggingIndicator",
6
- "label": "qB-XUW_label",
7
- "marker": "qB-XUW_marker",
8
- "markerGroup": "qB-XUW_markerGroup",
9
- "range": "qB-XUW_range",
10
- "root": "qB-XUW_root",
11
- "thumb": "qB-XUW_thumb",
12
- "track": "qB-XUW_track",
13
- "valueText": "qB-XUW_valueText"
4
+ "control": "NN9-IW_control",
5
+ "draggingIndicator": "NN9-IW_draggingIndicator",
6
+ "label": "NN9-IW_label",
7
+ "marker": "NN9-IW_marker",
8
+ "markerGroup": "NN9-IW_markerGroup",
9
+ "range": "NN9-IW_range",
10
+ "root": "NN9-IW_root",
11
+ "thumb": "NN9-IW_thumb",
12
+ "track": "NN9-IW_track",
13
+ "valueText": "NN9-IW_valueText"
14
14
  };
15
15
  //#endregion
16
16
  export { Slider_module_default as default };
@@ -1,5 +1,5 @@
1
1
  @layer ui.components {
2
- .mDsGJa_root, [data-scope="spinner"][data-part="root"] {
2
+ .nzbtuq_root, [data-scope="spinner"][data-part="root"] {
3
3
  --_spinner-size: var(--spinner-size, var(--spinner-size-md, 1.25rem));
4
4
  width: var(--_spinner-size);
5
5
  height: var(--_spinner-size);
@@ -11,7 +11,7 @@
11
11
  display: inline-flex;
12
12
  }
13
13
 
14
- .mDsGJa_indicator, [data-scope="spinner"][data-part="indicator"] {
14
+ .nzbtuq_indicator, [data-scope="spinner"][data-part="indicator"] {
15
15
  width: 100%;
16
16
  height: 100%;
17
17
  animation: var(--spinner-animation, var(--animation-spin));
@@ -20,7 +20,7 @@
20
20
  display: inline-flex;
21
21
  }
22
22
 
23
- .mDsGJa_ring, [data-scope="spinner"][data-part="ring"] {
23
+ .nzbtuq_ring, [data-scope="spinner"][data-part="ring"] {
24
24
  box-sizing: border-box;
25
25
  border: var(--spinner-ring-border-width, var(--border-width-md)) solid
26
26
  var(--spinner-ring-track-color, color-mix(in oklab, currentColor 22%, transparent));
@@ -31,29 +31,29 @@
31
31
  display: block;
32
32
  }
33
33
 
34
- .mDsGJa_indicator :where(svg), [data-scope="spinner"][data-part="indicator"] :where(svg) {
34
+ .nzbtuq_indicator :where(svg), [data-scope="spinner"][data-part="indicator"] :where(svg) {
35
35
  width: 100%;
36
36
  height: 100%;
37
37
  }
38
38
 
39
- .mDsGJa_root[data-size="xs"], [data-scope="spinner"][data-part="root"][data-size="xs"] {
39
+ .nzbtuq_root[data-size="xs"], [data-scope="spinner"][data-part="root"][data-size="xs"] {
40
40
  --_spinner-size: var(--spinner-size, var(--spinner-size-xs, .75rem));
41
41
  }
42
42
 
43
- .mDsGJa_root[data-size="sm"], [data-scope="spinner"][data-part="root"][data-size="sm"] {
43
+ .nzbtuq_root[data-size="sm"], [data-scope="spinner"][data-part="root"][data-size="sm"] {
44
44
  --_spinner-size: var(--spinner-size, var(--spinner-size-sm, 1rem));
45
45
  }
46
46
 
47
- .mDsGJa_root[data-size="lg"], [data-scope="spinner"][data-part="root"][data-size="lg"] {
47
+ .nzbtuq_root[data-size="lg"], [data-scope="spinner"][data-part="root"][data-size="lg"] {
48
48
  --_spinner-size: var(--spinner-size, var(--spinner-size-lg, 1.75rem));
49
49
  }
50
50
 
51
- .mDsGJa_root[data-size="xl"], [data-scope="spinner"][data-part="root"][data-size="xl"] {
51
+ .nzbtuq_root[data-size="xl"], [data-scope="spinner"][data-part="root"][data-size="xl"] {
52
52
  --_spinner-size: var(--spinner-size, var(--spinner-size-xl, 2.25rem));
53
53
  }
54
54
 
55
55
  @media (prefers-reduced-motion: reduce) {
56
- .mDsGJa_indicator, [data-scope="spinner"][data-part="indicator"] {
56
+ .nzbtuq_indicator, [data-scope="spinner"][data-part="indicator"] {
57
57
  animation: none;
58
58
  }
59
59
  }
@@ -1,9 +1,9 @@
1
1
  import './Spinner.css';
2
2
  //#region src/components/spinner/Spinner.module.css
3
3
  var Spinner_module_default = {
4
- "indicator": "mDsGJa_indicator",
5
- "ring": "mDsGJa_ring",
6
- "root": "mDsGJa_root"
4
+ "indicator": "nzbtuq_indicator",
5
+ "ring": "nzbtuq_ring",
6
+ "root": "nzbtuq_root"
7
7
  };
8
8
  //#endregion
9
9
  export { Spinner_module_default as default };
@@ -1,15 +1,15 @@
1
1
  @layer ui.components {
2
- .A0sAVa_root {
2
+ .iLFhoa_root {
3
3
  align-items: stretch;
4
4
  display: inline-flex;
5
5
  }
6
6
 
7
- .A0sAVa_action {
7
+ .iLFhoa_action {
8
8
  border-start-end-radius: 0;
9
9
  border-end-end-radius: 0;
10
10
  }
11
11
 
12
- .A0sAVa_trigger {
12
+ .iLFhoa_trigger {
13
13
  min-width: 0;
14
14
  border-start-start-radius: 0;
15
15
  border-end-start-radius: 0;
@@ -18,7 +18,7 @@
18
18
  position: relative;
19
19
  }
20
20
 
21
- .A0sAVa_trigger:before {
21
+ .iLFhoa_trigger:before {
22
22
  content: "";
23
23
  opacity: .16;
24
24
  pointer-events: none;
@@ -29,23 +29,23 @@
29
29
  inset-inline-start: 0;
30
30
  }
31
31
 
32
- .A0sAVa_trigger[data-variant="outline"]:before, .A0sAVa_trigger[data-variant="destructive-outline"]:before {
32
+ .iLFhoa_trigger[data-variant="outline"]:before, .iLFhoa_trigger[data-variant="destructive-outline"]:before {
33
33
  opacity: 0;
34
34
  }
35
35
 
36
- .A0sAVa_trigger[data-size="xs"] {
36
+ .iLFhoa_trigger[data-size="xs"] {
37
37
  padding-inline: .5rem;
38
38
  }
39
39
 
40
- .A0sAVa_trigger[data-size="sm"] {
40
+ .iLFhoa_trigger[data-size="sm"] {
41
41
  padding-inline: .625rem;
42
42
  }
43
43
 
44
- .A0sAVa_trigger[data-size="lg"] {
44
+ .iLFhoa_trigger[data-size="lg"] {
45
45
  padding-inline: .875rem;
46
46
  }
47
47
 
48
- .A0sAVa_trigger[data-size="xl"] {
48
+ .iLFhoa_trigger[data-size="xl"] {
49
49
  padding-inline: 1rem;
50
50
  }
51
51
  }
@@ -1,9 +1,9 @@
1
1
  import './SplitButton.css';
2
2
  //#region src/components/split-button/SplitButton.module.css
3
3
  var SplitButton_module_default = {
4
- "action": "A0sAVa_action",
5
- "root": "A0sAVa_root",
6
- "trigger": "A0sAVa_trigger"
4
+ "action": "iLFhoa_action",
5
+ "root": "iLFhoa_root",
6
+ "trigger": "iLFhoa_trigger"
7
7
  };
8
8
  //#endregion
9
9
  export { SplitButton_module_default as default };
@@ -1,5 +1,5 @@
1
1
  @layer ui.components {
2
- .o8nV3W_root {
2
+ .qnjB1q_root {
3
3
  box-sizing: border-box;
4
4
  min-width: var(--splitter-min-width, 0);
5
5
  min-height: var(--splitter-min-height, 0);
@@ -26,7 +26,7 @@
26
26
  }
27
27
  }
28
28
 
29
- .o8nV3W_panel {
29
+ .qnjB1q_panel {
30
30
  box-sizing: border-box;
31
31
  min-width: var(--splitter-panel-min-width, 0);
32
32
  min-height: var(--splitter-panel-min-height, 12.5rem);
@@ -44,11 +44,11 @@
44
44
  }
45
45
  }
46
46
 
47
- .o8nV3W_root[data-orientation="vertical"] > .o8nV3W_panel {
47
+ .qnjB1q_root[data-orientation="vertical"] > .qnjB1q_panel {
48
48
  min-height: var(--splitter-panel-min-height-vertical, 0);
49
49
  }
50
50
 
51
- .o8nV3W_resizeTrigger {
51
+ .qnjB1q_resizeTrigger {
52
52
  z-index: 1;
53
53
  box-sizing: border-box;
54
54
  flex: 0 0 var(--splitter-resize-trigger-line-size, 1px);
@@ -104,7 +104,7 @@
104
104
  }
105
105
  }
106
106
 
107
- &[data-focus] {
107
+ &:focus-visible {
108
108
  &:before {
109
109
  background-color: var(--splitter-resize-trigger-line-color-focus, var(--splitter-resize-trigger-line-color, var(--color-border)));
110
110
  }
@@ -112,7 +112,9 @@
112
112
 
113
113
  &[data-dragging] {
114
114
  &:before {
115
- background-color: var(--splitter-resize-trigger-line-color-dragging, var(--splitter-resize-trigger-line-color, var(--color-border)));
115
+ background-color: var(--splitter-resize-trigger-line-color-dragging, color-mix(in oklab,
116
+ var(--splitter-resize-trigger-line-color, var(--color-border)) 72%,
117
+ var(--color-muted-foreground)));
116
118
  }
117
119
  }
118
120
 
@@ -123,14 +125,16 @@
123
125
  }
124
126
 
125
127
  @media (hover: hover) {
126
- .o8nV3W_resizeTrigger:hover:not(:disabled, [data-disabled]) {
128
+ .qnjB1q_resizeTrigger:hover:not(:disabled, [data-disabled]) {
127
129
  &:before {
128
- background-color: var(--splitter-resize-trigger-line-color-hover, var(--splitter-resize-trigger-line-color, var(--color-border)));
130
+ background-color: var(--splitter-resize-trigger-line-color-hover, color-mix(in oklab,
131
+ var(--splitter-resize-trigger-line-color, var(--color-border)) 72%,
132
+ var(--color-muted-foreground)));
129
133
  }
130
134
  }
131
135
  }
132
136
 
133
- .o8nV3W_resizeTriggerIndicator {
137
+ .qnjB1q_resizeTriggerIndicator {
134
138
  z-index: 2;
135
139
  box-sizing: border-box;
136
140
  width: var(--splitter-resize-trigger-indicator-width, .375rem);
@@ -154,17 +158,17 @@
154
158
  }
155
159
  }
156
160
 
157
- .o8nV3W_resizeTrigger[data-dragging] .o8nV3W_resizeTriggerIndicator {
161
+ .qnjB1q_resizeTrigger[data-dragging] .qnjB1q_resizeTriggerIndicator {
158
162
  border-color: var(--splitter-resize-trigger-indicator-border-color-dragging, var(--splitter-resize-trigger-indicator-border-color, var(--color-border)));
159
163
  background-color: var(--splitter-resize-trigger-indicator-bg-dragging, var(--splitter-resize-trigger-indicator-bg, var(--color-background)));
160
164
  box-shadow: var(--splitter-resize-trigger-indicator-shadow-dragging, var(--splitter-resize-trigger-indicator-shadow, var(--shadow-sm)));
161
165
  }
162
166
 
163
- .o8nV3W_resizeTrigger[data-focus]:not([data-dragging]) .o8nV3W_resizeTriggerIndicator {
167
+ .qnjB1q_resizeTrigger:focus-visible:not([data-dragging]) .qnjB1q_resizeTriggerIndicator {
164
168
  box-shadow: var(--splitter-resize-trigger-indicator-shadow-focus, var(--splitter-resize-trigger-indicator-shadow, var(--shadow-sm)));
165
169
  }
166
170
 
167
- .o8nV3W_resizeTrigger[data-disabled] .o8nV3W_resizeTriggerIndicator {
171
+ .qnjB1q_resizeTrigger[data-disabled] .qnjB1q_resizeTriggerIndicator {
168
172
  visibility: hidden;
169
173
  }
170
174
  }
@@ -1,10 +1,10 @@
1
1
  import './Splitter.css';
2
2
  //#region src/components/splitter/Splitter.module.css
3
3
  var Splitter_module_default = {
4
- "panel": "o8nV3W_panel",
5
- "resizeTrigger": "o8nV3W_resizeTrigger",
6
- "resizeTriggerIndicator": "o8nV3W_resizeTriggerIndicator",
7
- "root": "o8nV3W_root"
4
+ "panel": "qnjB1q_panel",
5
+ "resizeTrigger": "qnjB1q_resizeTrigger",
6
+ "resizeTriggerIndicator": "qnjB1q_resizeTriggerIndicator",
7
+ "root": "qnjB1q_root"
8
8
  };
9
9
  //#endregion
10
10
  export { Splitter_module_default as default };
@@ -1,12 +1,12 @@
1
1
  @layer ui.components {
2
- ._1ZYGLa_root {
2
+ .uJ8lyW_root {
3
3
  flex: var(--stack-flex, initial);
4
4
  flex-direction: var(--stack-direction-mobile, column);
5
5
  display: flex;
6
6
  }
7
7
 
8
8
  @media (width >= 640px) {
9
- ._1ZYGLa_root {
9
+ .uJ8lyW_root {
10
10
  flex-direction: var(--stack-direction-desktop, var(--stack-direction-mobile, column));
11
11
  }
12
12
  }
@@ -1,5 +1,5 @@
1
1
  import './Stack.css';
2
2
  //#region src/components/stack/Stack.module.css
3
- var Stack_module_default = { "root": "_1ZYGLa_root" };
3
+ var Stack_module_default = { "root": "uJ8lyW_root" };
4
4
  //#endregion
5
5
  export { Stack_module_default as default };
@@ -1,5 +1,5 @@
1
1
  @layer ui.components {
2
- .XFk_Vq_root {
2
+ ._1tbAxa_root {
3
3
  box-sizing: border-box;
4
4
  width: 100%;
5
5
  max-width: var(--steps-max-width, 52rem);
@@ -19,7 +19,7 @@
19
19
  }
20
20
  }
21
21
 
22
- .XFk_Vq_list {
22
+ ._1tbAxa_list {
23
23
  width: 100%;
24
24
  min-width: 0;
25
25
  margin: 0;
@@ -41,7 +41,7 @@
41
41
  }
42
42
  }
43
43
 
44
- .XFk_Vq_item {
44
+ ._1tbAxa_item {
45
45
  align-items: center;
46
46
  gap: var(--steps-trigger-gap, var(--spacing-3));
47
47
  flex: 1 1 0;
@@ -52,7 +52,7 @@
52
52
  &:last-child {
53
53
  flex: none;
54
54
 
55
- & .XFk_Vq_separator {
55
+ & ._1tbAxa_separator {
56
56
  display: none;
57
57
  }
58
58
  }
@@ -64,7 +64,7 @@
64
64
  }
65
65
  }
66
66
 
67
- .XFk_Vq_trigger {
67
+ ._1tbAxa_trigger {
68
68
  z-index: 1;
69
69
  align-items: center;
70
70
  gap: var(--steps-trigger-gap, var(--spacing-3));
@@ -87,7 +87,7 @@
87
87
  align-items: flex-start;
88
88
  }
89
89
 
90
- &:focus-visible .XFk_Vq_indicator {
90
+ &:focus-visible ._1tbAxa_indicator {
91
91
  outline: var(--steps-focus-ring-width, var(--border-width-sm)) solid
92
92
  var(--steps-focus-ring-color, var(--color-ring));
93
93
  outline-offset: var(--steps-focus-ring-offset, 2px);
@@ -98,14 +98,14 @@
98
98
  }
99
99
 
100
100
  @media (hover: hover) {
101
- &:hover .XFk_Vq_indicator[data-incomplete] {
101
+ &:hover ._1tbAxa_indicator[data-incomplete] {
102
102
  border-color: var(--steps-indicator-border-color-hover, var(--steps-indicator-border-color-current, var(--color-foreground)));
103
103
  color: var(--steps-indicator-color-hover, var(--steps-indicator-color-current, var(--color-foreground)));
104
104
  }
105
105
  }
106
106
  }
107
107
 
108
- .XFk_Vq_indicator {
108
+ ._1tbAxa_indicator {
109
109
  box-sizing: border-box;
110
110
  width: var(--steps-indicator-size, 2rem);
111
111
  height: var(--steps-indicator-size, 2rem);
@@ -144,7 +144,7 @@
144
144
  }
145
145
  }
146
146
 
147
- .XFk_Vq_separator {
147
+ ._1tbAxa_separator {
148
148
  height: var(--steps-separator-thickness, var(--border-width-sm));
149
149
  min-width: var(--steps-separator-min-width, var(--spacing-8));
150
150
  margin-inline: var(--steps-separator-inset, .5rem);
@@ -169,7 +169,7 @@
169
169
  }
170
170
  }
171
171
 
172
- .XFk_Vq_content, .XFk_Vq_completedContent {
172
+ ._1tbAxa_content, ._1tbAxa_completedContent {
173
173
  box-sizing: border-box;
174
174
  min-height: var(--steps-content-min-height, 10rem);
175
175
  min-width: 0;
@@ -199,13 +199,13 @@
199
199
  }
200
200
  }
201
201
 
202
- .XFk_Vq_completedContent {
202
+ ._1tbAxa_completedContent {
203
203
  color: var(--steps-completed-content-color, var(--color-foreground));
204
204
  font-weight: var(--steps-completed-content-font-weight, var(--weight-medium));
205
205
  text-align: center;
206
206
  }
207
207
 
208
- .XFk_Vq_prevTrigger, .XFk_Vq_nextTrigger {
208
+ ._1tbAxa_prevTrigger, ._1tbAxa_nextTrigger {
209
209
  box-sizing: border-box;
210
210
  min-height: var(--steps-action-height, 2rem);
211
211
  justify-content: center;
@@ -248,7 +248,7 @@
248
248
  }
249
249
  }
250
250
 
251
- .XFk_Vq_nextTrigger {
251
+ ._1tbAxa_nextTrigger {
252
252
  border-color: var(--steps-next-action-border-color, var(--color-foreground));
253
253
  background-color: var(--steps-next-action-bg, var(--color-foreground));
254
254
  color: var(--steps-next-action-color, var(--color-background));
@@ -260,7 +260,7 @@
260
260
  }
261
261
  }
262
262
 
263
- .XFk_Vq_progress {
263
+ ._1tbAxa_progress {
264
264
  width: 100%;
265
265
  height: var(--steps-progress-height, var(--border-width-md));
266
266
  border-radius: var(--steps-progress-radius, var(--radius-full));
@@ -1,17 +1,17 @@
1
1
  import './Steps.css';
2
2
  //#region src/components/steps/Steps.module.css
3
3
  var Steps_module_default = {
4
- "completedContent": "XFk_Vq_completedContent",
5
- "content": "XFk_Vq_content",
6
- "indicator": "XFk_Vq_indicator",
7
- "item": "XFk_Vq_item",
8
- "list": "XFk_Vq_list",
9
- "nextTrigger": "XFk_Vq_nextTrigger",
10
- "prevTrigger": "XFk_Vq_prevTrigger",
11
- "progress": "XFk_Vq_progress",
12
- "root": "XFk_Vq_root",
13
- "separator": "XFk_Vq_separator",
14
- "trigger": "XFk_Vq_trigger"
4
+ "completedContent": "_1tbAxa_completedContent",
5
+ "content": "_1tbAxa_content",
6
+ "indicator": "_1tbAxa_indicator",
7
+ "item": "_1tbAxa_item",
8
+ "list": "_1tbAxa_list",
9
+ "nextTrigger": "_1tbAxa_nextTrigger",
10
+ "prevTrigger": "_1tbAxa_prevTrigger",
11
+ "progress": "_1tbAxa_progress",
12
+ "root": "_1tbAxa_root",
13
+ "separator": "_1tbAxa_separator",
14
+ "trigger": "_1tbAxa_trigger"
15
15
  };
16
16
  //#endregion
17
17
  export { Steps_module_default as default };