@hopper-ui/components 1.3.7 → 1.3.9

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 (205) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +237 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +184 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +237 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +237 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +184 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +205 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +237 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +215 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/ComboBox/src/ComboBox.css +5135 -0
  19. package/dist/ComboBox/src/ComboBox.d.ts +90 -0
  20. package/dist/ComboBox/src/ComboBox.js +124 -0
  21. package/dist/ComboBox/src/ComboBoxContext.d.ts +16 -0
  22. package/dist/ComboBox/src/ComboBoxContext.js +2 -0
  23. package/dist/ComboBox/src/index.css +5135 -0
  24. package/dist/ComboBox/src/index.d.ts +12 -0
  25. package/dist/ComboBox/src/index.js +124 -0
  26. package/dist/Divider/src/Divider.css +229 -2
  27. package/dist/Divider/src/Divider.js +1 -1
  28. package/dist/Divider/src/index.css +229 -2
  29. package/dist/Divider/src/index.js +1 -1
  30. package/dist/ErrorMessage/src/ErrorMessage.css +158 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  32. package/dist/ErrorMessage/src/index.css +158 -11
  33. package/dist/ErrorMessage/src/index.js +2 -2
  34. package/dist/Form/src/Form.css +896 -894
  35. package/dist/Form/src/Form.js +70 -68
  36. package/dist/Form/src/index.css +896 -894
  37. package/dist/Form/src/index.js +70 -68
  38. package/dist/HelperMessage/src/HelperMessage.css +158 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  40. package/dist/HelperMessage/src/index.css +158 -11
  41. package/dist/HelperMessage/src/index.js +2 -2
  42. package/dist/IconList/src/IconList.css +228 -1
  43. package/dist/IconList/src/IconList.js +1 -1
  44. package/dist/IconList/src/index.css +228 -1
  45. package/dist/IconList/src/index.js +1 -1
  46. package/dist/Link/src/Link.css +184 -37
  47. package/dist/Link/src/Link.js +3 -3
  48. package/dist/Link/src/index.css +184 -37
  49. package/dist/Link/src/index.js +3 -3
  50. package/dist/ListBox/src/ListBox.css +398 -346
  51. package/dist/ListBox/src/ListBox.js +7 -8
  52. package/dist/ListBox/src/ListBoxItem.css +391 -306
  53. package/dist/ListBox/src/ListBoxItem.js +5 -5
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
  55. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  56. package/dist/ListBox/src/index.css +398 -346
  57. package/dist/ListBox/src/index.js +7 -8
  58. package/dist/Select/src/Select.css +961 -959
  59. package/dist/Select/src/Select.js +70 -68
  60. package/dist/Select/src/SelectValue.css +197 -191
  61. package/dist/Select/src/SelectValue.js +5 -5
  62. package/dist/Select/src/index.css +961 -959
  63. package/dist/Select/src/index.js +70 -68
  64. package/dist/Spinner/src/Spinner.css +166 -19
  65. package/dist/Spinner/src/Spinner.js +2 -2
  66. package/dist/Spinner/src/index.css +166 -19
  67. package/dist/Spinner/src/index.js +2 -2
  68. package/dist/buttons/src/Button.css +247 -100
  69. package/dist/buttons/src/Button.js +4 -4
  70. package/dist/buttons/src/ButtonGroup.css +238 -11
  71. package/dist/buttons/src/ButtonGroup.js +2 -2
  72. package/dist/buttons/src/ClearButton.css +298 -71
  73. package/dist/buttons/src/ClearButton.js +2 -2
  74. package/dist/buttons/src/EmbeddedButton.css +298 -71
  75. package/dist/buttons/src/EmbeddedButton.js +1 -1
  76. package/dist/buttons/src/index.css +329 -182
  77. package/dist/buttons/src/index.js +8 -8
  78. package/dist/checkbox/src/Checkbox.css +181 -34
  79. package/dist/checkbox/src/Checkbox.js +2 -2
  80. package/dist/checkbox/src/CheckboxField.css +162 -15
  81. package/dist/checkbox/src/CheckboxField.js +1 -1
  82. package/dist/checkbox/src/CheckboxGroup.css +233 -105
  83. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  84. package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
  85. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  86. package/dist/checkbox/src/index.css +233 -105
  87. package/dist/checkbox/src/index.js +8 -8
  88. package/dist/{chunk-IZUZUN6Z.js → chunk-2GYC6ADT.js} +5 -5
  89. package/dist/{chunk-MJ24AAEX.js → chunk-2SF7BBJT.js} +1 -1
  90. package/dist/{chunk-ZVOVNXPJ.js → chunk-2WK465I4.js} +1 -1
  91. package/dist/chunk-2ZXF62AA.js +52 -0
  92. package/dist/{chunk-DSUR3NPA.js → chunk-3O74ORYF.js} +3 -3
  93. package/dist/{chunk-LULNSRRY.js → chunk-4EUVVRTY.js} +1 -1
  94. package/dist/{chunk-BZC3DOXC.js → chunk-4FVIH73F.js} +2 -2
  95. package/dist/{chunk-SRT6TJ7K.js → chunk-4PBFVO5S.js} +1 -1
  96. package/dist/chunk-4XHTP4GX.js +7 -0
  97. package/dist/{chunk-PGYHBNCP.js → chunk-54U727IV.js} +2 -2
  98. package/dist/{chunk-IA343FCT.js → chunk-5TH7VHRH.js} +3 -3
  99. package/dist/{chunk-FKFP4LFR.js → chunk-6KHTQTRF.js} +1 -1
  100. package/dist/{chunk-2LS24P2S.js → chunk-6U6JI3L3.js} +1 -1
  101. package/dist/{chunk-VZAUDQPW.js → chunk-7LTA4KPO.js} +3 -3
  102. package/dist/chunk-A3E76SDY.js +9 -0
  103. package/dist/{chunk-WD3GLWJA.js → chunk-ANO4F3LJ.js} +2 -2
  104. package/dist/{chunk-JZGG67JQ.js → chunk-B2O3ZCYC.js} +1 -1
  105. package/dist/{chunk-SZIBBFKI.js → chunk-BGOYDN4M.js} +2 -2
  106. package/dist/{chunk-MDI3RFZS.js → chunk-CZRCXQFS.js} +1 -1
  107. package/dist/{chunk-PVLUQZAG.js → chunk-E4JB7I3F.js} +2 -2
  108. package/dist/{chunk-4PCMNJTD.js → chunk-ENHK4K3U.js} +2 -2
  109. package/dist/{chunk-5LGDXMKZ.js → chunk-FBABNQTM.js} +3 -3
  110. package/dist/{chunk-BUI76FPU.js → chunk-GDVP2QEZ.js} +1 -1
  111. package/dist/{chunk-DNFIKL5N.js → chunk-GIMOHY5C.js} +2 -2
  112. package/dist/{chunk-FSRORCX7.js → chunk-HCJLAF2O.js} +4 -4
  113. package/dist/{chunk-T2DEFREG.js → chunk-HI2SHIGG.js} +1 -1
  114. package/dist/{chunk-PJLVJG4E.js → chunk-I55EPFTM.js} +2 -2
  115. package/dist/{chunk-JKE2GH2D.js → chunk-JX5YYFB3.js} +2 -2
  116. package/dist/{chunk-VMSIQERT.js → chunk-KOT3ULJY.js} +2 -2
  117. package/dist/{chunk-F4XYXAPX.js → chunk-KQQCELPA.js} +1 -1
  118. package/dist/chunk-KSKIQSYM.js +260 -0
  119. package/dist/{chunk-5CR5V44E.js → chunk-MLHAFFJQ.js} +1 -1
  120. package/dist/{chunk-DCTC6KDW.js → chunk-N66DZLL6.js} +2 -2
  121. package/dist/{chunk-HIF2U66B.js → chunk-NQD2OQEG.js} +1 -1
  122. package/dist/{chunk-MTQURD2G.js → chunk-PAW7CB3K.js} +2 -2
  123. package/dist/{chunk-CWP3RDUT.js → chunk-Q6SYCTJD.js} +2 -2
  124. package/dist/{chunk-BNBUTFBN.js → chunk-RDLI353P.js} +1 -1
  125. package/dist/{chunk-DMAM2GFN.js → chunk-S6AH3YTH.js} +14 -22
  126. package/dist/{chunk-C4W3WI5F.js → chunk-TMGUYWTR.js} +2 -2
  127. package/dist/{chunk-JGOXWGEG.js → chunk-TRDXTYZD.js} +3 -3
  128. package/dist/{chunk-LXWDXMVL.js → chunk-UJXKUNEW.js} +42 -33
  129. package/dist/{chunk-AWYN6573.js → chunk-UR3NK3LV.js} +1 -1
  130. package/dist/{chunk-AHMI7DHJ.js → chunk-VC3HSOGC.js} +3 -3
  131. package/dist/{chunk-Z63VLZM2.js → chunk-VQKJXEPU.js} +2 -2
  132. package/dist/{chunk-YFJWAPT5.js → chunk-XHW2Z6AX.js} +1 -1
  133. package/dist/{chunk-YUMDUDZX.js → chunk-XQFICAVB.js} +4 -8
  134. package/dist/{chunk-PQTB3F7K.js → chunk-YQDRT547.js} +12 -21
  135. package/dist/index.css +896 -894
  136. package/dist/index.d.ts +13 -11
  137. package/dist/index.js +70 -68
  138. package/dist/inputs/src/InputGroup.css +344 -197
  139. package/dist/inputs/src/InputGroup.js +1 -1
  140. package/dist/inputs/src/NumberField.css +336 -336
  141. package/dist/inputs/src/NumberField.js +6 -6
  142. package/dist/inputs/src/PasswordField.css +354 -354
  143. package/dist/inputs/src/PasswordField.js +7 -7
  144. package/dist/inputs/src/RemainingCharacterCount.css +241 -0
  145. package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
  146. package/dist/inputs/src/RemainingCharacterCount.js +17 -0
  147. package/dist/inputs/src/SearchField.css +360 -360
  148. package/dist/inputs/src/SearchField.js +8 -8
  149. package/dist/inputs/src/TextArea.css +346 -342
  150. package/dist/inputs/src/TextArea.js +8 -6
  151. package/dist/inputs/src/TextField.css +370 -368
  152. package/dist/inputs/src/TextField.js +11 -9
  153. package/dist/inputs/src/index.css +464 -473
  154. package/dist/inputs/src/index.d.ts +8 -4
  155. package/dist/inputs/src/index.js +18 -16
  156. package/dist/overlays/Popover/src/Popover.css +896 -894
  157. package/dist/overlays/Popover/src/Popover.js +70 -68
  158. package/dist/overlays/Popover/src/index.css +896 -894
  159. package/dist/overlays/Popover/src/index.js +70 -68
  160. package/dist/radio/src/DecorativeRadio.css +189 -42
  161. package/dist/radio/src/DecorativeRadio.js +2 -2
  162. package/dist/radio/src/Radio.css +181 -34
  163. package/dist/radio/src/Radio.js +2 -2
  164. package/dist/radio/src/RadioField.css +162 -15
  165. package/dist/radio/src/RadioField.js +1 -1
  166. package/dist/radio/src/RadioGroup.css +227 -99
  167. package/dist/radio/src/RadioGroup.js +2 -2
  168. package/dist/radio/src/index.css +233 -105
  169. package/dist/radio/src/index.js +8 -8
  170. package/dist/switch/src/Switch.css +178 -31
  171. package/dist/switch/src/Switch.js +2 -2
  172. package/dist/switch/src/SwitchField.css +162 -15
  173. package/dist/switch/src/SwitchField.js +2 -2
  174. package/dist/switch/src/index.css +184 -37
  175. package/dist/switch/src/index.js +4 -4
  176. package/dist/tag/src/Tag.css +464 -360
  177. package/dist/tag/src/Tag.js +5 -5
  178. package/dist/tag/src/TagGroup.css +166 -38
  179. package/dist/tag/src/TagGroup.js +2 -2
  180. package/dist/tag/src/TagList.css +226 -0
  181. package/dist/tag/src/index.css +474 -389
  182. package/dist/tag/src/index.js +9 -9
  183. package/dist/typography/Heading/src/Heading.css +151 -9
  184. package/dist/typography/Heading/src/Heading.js +1 -1
  185. package/dist/typography/Heading/src/index.css +151 -9
  186. package/dist/typography/Heading/src/index.js +1 -1
  187. package/dist/typography/Label/src/Label.css +211 -3
  188. package/dist/typography/Label/src/Label.js +1 -1
  189. package/dist/typography/Label/src/index.css +211 -3
  190. package/dist/typography/Label/src/index.js +1 -1
  191. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  192. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  193. package/dist/typography/OverlineText/src/index.css +190 -6
  194. package/dist/typography/OverlineText/src/index.js +1 -1
  195. package/dist/typography/Text/src/Text.css +156 -9
  196. package/dist/typography/Text/src/Text.js +1 -1
  197. package/dist/typography/Text/src/index.css +156 -9
  198. package/dist/typography/Text/src/index.js +1 -1
  199. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  200. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  201. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  202. package/dist/utils/src/index.css +226 -0
  203. package/dist/utils/src/index.d.ts +11 -10
  204. package/dist/utils/src/index.js +13 -2
  205. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -1,8 +1,155 @@
1
1
  @import "@hopper-ui/icons/index.css";
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
5
+ .Heading-module__hop-Heading___qL-Ga {
6
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
9
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
10
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
11
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
12
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
13
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
14
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
15
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
16
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
17
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
18
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
19
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
20
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
21
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
22
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
23
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
24
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
25
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
26
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
27
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
28
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
29
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
30
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
31
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
32
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
33
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
34
+ --hop-Heading-inherit-size-font-size: inherit;
35
+ --hop-Heading-inherit-size-font-family: inherit;
36
+ --hop-Heading-inherit-size-font-weight: inherit;
37
+ --hop-Heading-inherit-size-line-height: inherit;
38
+ }
39
+ :where(.Heading-module__hop-Heading___qL-Ga) {
40
+ margin: 0;
41
+ font-family: var(--font-family);
42
+ font-size: var(--font-size);
43
+ font-weight: var(--font-weight);
44
+ line-height: var(--line-height);
45
+ }
46
+ :where(.Heading-module__hop-Heading--xs___emC4g) {
47
+ --font-size: var(--hop-Heading-xs-font-size);
48
+ --font-family: var(--hop-Heading-xs-font-family);
49
+ --font-weight: var(--hop-Heading-xs-font-weight);
50
+ --line-height: var(--hop-Heading-xs-line-height);
51
+ }
52
+ :where(.Heading-module__hop-Heading--sm___0rHcs) {
53
+ --font-size: var(--hop-Heading-sm-font-size);
54
+ --font-family: var(--hop-Heading-sm-font-family);
55
+ --font-weight: var(--hop-Heading-sm-font-weight);
56
+ --line-height: var(--hop-Heading-sm-line-height);
57
+ }
58
+ :where(.Heading-module__hop-Heading--md___lrBIc) {
59
+ --font-size: var(--hop-Heading-md-font-size);
60
+ --font-family: var(--hop-Heading-md-font-family);
61
+ --font-weight: var(--hop-Heading-md-font-weight);
62
+ --line-height: var(--hop-Heading-md-line-height);
63
+ }
64
+ :where(.Heading-module__hop-Heading--lg___9cuPI) {
65
+ --font-size: var(--hop-Heading-lg-font-size);
66
+ --font-family: var(--hop-Heading-lg-font-family);
67
+ --font-weight: var(--hop-Heading-lg-font-weight);
68
+ --line-height: var(--hop-Heading-lg-line-height);
69
+ }
70
+ :where(.Heading-module__hop-Heading--xl___WkYun) {
71
+ --font-size: var(--hop-Heading-xl-font-size);
72
+ --font-family: var(--hop-Heading-xl-font-family);
73
+ --font-weight: var(--hop-Heading-xl-font-weight);
74
+ --line-height: var(--hop-Heading-xl-line-height);
75
+ }
76
+ :where(.Heading-module__hop-Heading--2xl___RaYLz) {
77
+ --font-size: var(--hop-Heading-2xl-font-size);
78
+ --font-family: var(--hop-Heading-2xl-font-family);
79
+ --font-weight: var(--hop-Heading-2xl-font-weight);
80
+ --line-height: var(--hop-Heading-2xl-line-height);
81
+ }
82
+ :where(.Heading-module__hop-Heading--3xl___e1oE9) {
83
+ --font-size: var(--hop-Heading-3xl-font-size);
84
+ --font-family: var(--hop-Heading-3xl-font-family);
85
+ --font-weight: var(--hop-Heading-3xl-font-weight);
86
+ --line-height: var(--hop-Heading-3xl-line-height);
87
+ }
88
+
89
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
90
+ :where(.OverlineText-module__hop-OverlineText___XDVrN) {
91
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
92
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
93
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
94
+ --hop-OverlineText-letter-spacing: 0.015rem;
95
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
96
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
97
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
98
+ --font-family: var(--hop-OverlineText-font-family);
99
+ --font-size: var(--hop-OverlineText-font-size);
100
+ --font-weight: var(--hop-OverlineText-font-weight);
101
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
102
+ --line-height: var(--hop-OverlineText-line-height);
103
+ --top-offset: var(--hop-OverlineText-top-offset);
104
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
105
+ box-sizing: border-box;
106
+ font-family: var(--font-family);
107
+ font-size: var(--font-size);
108
+ font-feature-settings: "case";
109
+ font-weight: var(--font-weight);
110
+ line-height: var(--line-height);
111
+ text-transform: uppercase;
112
+ letter-spacing: var(--letter-spacing);
113
+ }
114
+ .OverlineText-module__hop-OverlineText__text___nGtRo {
115
+ box-sizing: border-box;
116
+ }
117
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before,
118
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
119
+ content: "";
120
+ display: block;
121
+ box-sizing: border-box;
122
+ inline-size: 0;
123
+ block-size: 0;
124
+ }
125
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before {
126
+ margin-block-end: var(--bottom-offset);
127
+ }
128
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
129
+ margin-block-start: var(--top-offset);
130
+ }
131
+
132
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
133
+ .Label-module__hop-Label___1zcVv {
134
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
135
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
136
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
137
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
138
+ --hop-Label-color: var(--hop-neutral-text-weak);
139
+ }
140
+ :where(.Label-module__hop-Label___1zcVv) {
141
+ font-family: var(--hop-Label-font-family);
142
+ font-size: var(--hop-Label-font-size);
143
+ font-weight: var(--hop-Label-font-weight);
144
+ line-height: var(--hop-Label-line-height);
145
+ color: var(--hop-Label-color);
146
+ }
147
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
148
+ padding-inline-start: var(--hop-space-20);
149
+ }
150
+
4
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
5
- .Text-module__hop-Text___R8UuG {
152
+ .Text-module__hop-Text___aPHsZ {
6
153
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
7
154
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
8
155
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -32,49 +179,49 @@
32
179
  --hop-Text-inherit-size-font-weight: inherit;
33
180
  --hop-Text-inherit-size-line-height: inherit;
34
181
  }
35
- :where(.Text-module__hop-Text___R8UuG) {
182
+ :where(.Text-module__hop-Text___aPHsZ) {
36
183
  font-family: var(--font-family);
37
184
  font-size: var(--font-size);
38
185
  font-weight: var(--font-weight);
39
186
  line-height: var(--line-height);
40
187
  }
41
- :where(.Text-module__hop-Text--xs___N8buF) {
188
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
42
189
  --font-size: var(--hop-Text-xs-font-size);
43
190
  --font-family: var(--hop-Text-xs-font-family);
44
191
  --font-weight: var(--hop-Text-xs-font-weight);
45
192
  --line-height: var(--hop-Text-xs-line-height);
46
193
  }
47
- :where(.Text-module__hop-Text--sm___ZTn2L) {
194
+ :where(.Text-module__hop-Text--sm___FPZs6) {
48
195
  --font-size: var(--hop-Text-sm-font-size);
49
196
  --font-family: var(--hop-Text-sm-font-family);
50
197
  --font-weight: var(--hop-Text-sm-font-weight);
51
198
  --line-height: var(--hop-Text-sm-line-height);
52
199
  }
53
- :where(.Text-module__hop-Text--md___PaS1r) {
200
+ :where(.Text-module__hop-Text--md___wwFGu) {
54
201
  --font-size: var(--hop-Text-md-font-size);
55
202
  --font-family: var(--hop-Text-md-font-family);
56
203
  --font-weight: var(--hop-Text-md-font-weight);
57
204
  --line-height: var(--hop-Text-md-line-height);
58
205
  }
59
- :where(.Text-module__hop-Text--lg___Wi5qN) {
206
+ :where(.Text-module__hop-Text--lg___eP1l5) {
60
207
  --font-size: var(--hop-Text-lg-font-size);
61
208
  --font-family: var(--hop-Text-lg-font-family);
62
209
  --font-weight: var(--hop-Text-lg-font-weight);
63
210
  --line-height: var(--hop-Text-lg-line-height);
64
211
  }
65
- :where(.Text-module__hop-Text--xl___zM1uq) {
212
+ :where(.Text-module__hop-Text--xl___MX4B5) {
66
213
  --font-size: var(--hop-Text-xl-font-size);
67
214
  --font-family: var(--hop-Text-xl-font-family);
68
215
  --font-weight: var(--hop-Text-xl-font-weight);
69
216
  --line-height: var(--hop-Text-xl-line-height);
70
217
  }
71
- :where(.Text-module__hop-Text--2xl___OWNYz) {
218
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
72
219
  --font-size: var(--hop-Text-2xl-font-size);
73
220
  --font-family: var(--hop-Text-2xl-font-family);
74
221
  --font-weight: var(--hop-Text-2xl-font-weight);
75
222
  --line-height: var(--hop-Text-2xl-line-height);
76
223
  }
77
- :where(.Text-module__hop-Text--inherit___r9ZJy) {
224
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
78
225
  --font-size: var(--hop-Text-inherit-size-font-size);
79
226
  --font-family: var(--hop-Text-inherit-size-font-family);
80
227
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -82,7 +229,7 @@
82
229
  }
83
230
 
84
231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
85
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv {
232
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7 {
86
233
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
87
234
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
88
235
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -113,46 +260,46 @@
113
260
  background-color: var(--background-color);
114
261
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
115
262
  }
116
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow {
263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ymeLk {
117
264
  --size: var(--hop-RichIconAvatarImage-xs-size);
118
265
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
119
266
  }
120
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VLxFX {
121
268
  --size: var(--hop-RichIconAvatarImage-sm-size);
122
269
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
123
270
  }
124
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___wu-FC {
125
272
  --size: var(--hop-RichIconAvatarImage-md-size);
126
273
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
127
274
  }
128
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___mRfIY {
129
276
  --size: var(--hop-RichIconAvatarImage-lg-size);
130
277
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
131
278
  }
132
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___KfoE8 {
133
280
  --size: var(--hop-RichIconAvatarImage-xl-size);
134
281
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
135
282
  }
136
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2t0GA {
137
284
  --size: var(--hop-RichIconAvatarImage-2xl-size);
138
285
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
139
286
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] {
141
288
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
142
289
  }
143
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
290
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
144
291
  position: relative;
145
292
  display: block;
146
293
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
147
294
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
148
295
  }
149
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
296
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
150
297
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
151
298
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
152
299
  }
153
300
 
154
301
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
155
- .Avatar-module__hop-Avatar___wvVPM {
302
+ .Avatar-module__hop-Avatar___5sKQo {
156
303
  --hop-Avatar-border-radius: var(--hop-shape-circle);
157
304
  --hop-Avatar-mix-blend-mode: normal;
158
305
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -197,67 +344,67 @@
197
344
  background-color: var(--background-color, transparent);
198
345
  border-radius: var(--hop-Avatar-border-radius);
199
346
  }
200
- .Avatar-module__hop-Avatar--xs___xWSLM {
347
+ .Avatar-module__hop-Avatar--xs___Ady66 {
201
348
  --size: var(--hop-Avatar-xs-size);
202
349
  }
203
- .Avatar-module__hop-Avatar--sm___aYlLW {
350
+ .Avatar-module__hop-Avatar--sm___FeU7R {
204
351
  --size: var(--hop-Avatar-sm-size);
205
352
  }
206
- .Avatar-module__hop-Avatar--md___kS3ss {
353
+ .Avatar-module__hop-Avatar--md___ZKXaB {
207
354
  --size: var(--hop-Avatar-md-size);
208
355
  }
209
- .Avatar-module__hop-Avatar--lg___gjqxK {
356
+ .Avatar-module__hop-Avatar--lg___1aVAg {
210
357
  --size: var(--hop-Avatar-lg-size);
211
358
  }
212
- .Avatar-module__hop-Avatar--xl___Pyynt {
359
+ .Avatar-module__hop-Avatar--xl___OGORu {
213
360
  --size: var(--hop-Avatar-xl-size);
214
361
  }
215
- .Avatar-module__hop-Avatar--2xl___L9LKX {
362
+ .Avatar-module__hop-Avatar--2xl___IihrO {
216
363
  --size: var(--hop-Avatar-2xl-size);
217
364
  }
218
- .Avatar-module__hop-Avatar--decorative-option1___G27ag {
365
+ .Avatar-module__hop-Avatar--decorative-option1___r8yYu {
219
366
  --background-color: var(--hop-Avatar-decorative-1-background-color);
220
367
  --text-color: var(--hop-Avatar-decorative-1-text-color);
221
368
  }
222
- .Avatar-module__hop-Avatar--decorative-option2___nRYtl {
369
+ .Avatar-module__hop-Avatar--decorative-option2___QeM5w {
223
370
  --background-color: var(--hop-Avatar-decorative-2-background-color);
224
371
  --text-color: var(--hop-Avatar-decorative-2-text-color);
225
372
  }
226
- .Avatar-module__hop-Avatar--decorative-option3___YIsiX {
373
+ .Avatar-module__hop-Avatar--decorative-option3___nsycG {
227
374
  --background-color: var(--hop-Avatar-decorative-3-background-color);
228
375
  --text-color: var(--hop-Avatar-decorative-3-text-color);
229
376
  }
230
- .Avatar-module__hop-Avatar--decorative-option4___6LeoD {
377
+ .Avatar-module__hop-Avatar--decorative-option4___uBdkS {
231
378
  --background-color: var(--hop-Avatar-decorative-4-background-color);
232
379
  --text-color: var(--hop-Avatar-decorative-4-text-color);
233
380
  }
234
- .Avatar-module__hop-Avatar--decorative-option5___B92oN {
381
+ .Avatar-module__hop-Avatar--decorative-option5___VYfAD {
235
382
  --background-color: var(--hop-Avatar-decorative-5-background-color);
236
383
  --text-color: var(--hop-Avatar-decorative-5-text-color);
237
384
  }
238
- .Avatar-module__hop-Avatar--decorative-option6___xfeoB {
385
+ .Avatar-module__hop-Avatar--decorative-option6___hSbrh {
239
386
  --background-color: var(--hop-Avatar-decorative-6-background-color);
240
387
  --text-color: var(--hop-Avatar-decorative-6-text-color);
241
388
  }
242
- .Avatar-module__hop-Avatar--decorative-option7___XIlFt {
389
+ .Avatar-module__hop-Avatar--decorative-option7___yTTZQ {
243
390
  --background-color: var(--hop-Avatar-decorative-7-background-color);
244
391
  --text-color: var(--hop-Avatar-decorative-7-text-color);
245
392
  }
246
- .Avatar-module__hop-Avatar--decorative-option8___v9I39 {
393
+ .Avatar-module__hop-Avatar--decorative-option8___Ye64F {
247
394
  --background-color: var(--hop-Avatar-decorative-8-background-color);
248
395
  --text-color: var(--hop-Avatar-decorative-8-text-color);
249
396
  }
250
- .Avatar-module__hop-Avatar--decorative-option9___thark {
397
+ .Avatar-module__hop-Avatar--decorative-option9___U63SX {
251
398
  --background-color: var(--hop-Avatar-decorative-9-background-color);
252
399
  --text-color: var(--hop-Avatar-decorative-9-text-color);
253
400
  }
254
- .Avatar-module__hop-Avatar___wvVPM[data-disabled] {
401
+ .Avatar-module__hop-Avatar___5sKQo[data-disabled] {
255
402
  --background-color: var(--hop-Avatar-background-color-disabled);
256
403
  --text-color: var(--hop-Avatar-text-color-disabled);
257
404
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
258
405
  isolation: isolate;
259
406
  }
260
- .Avatar-module__hop-Avatar__image___W02lq {
407
+ .Avatar-module__hop-Avatar__image___wmX-V {
261
408
  position: relative;
262
409
  display: block;
263
410
  box-sizing: border-box;
@@ -267,51 +414,8 @@
267
414
  mix-blend-mode: var(--mix-blend-mode);
268
415
  }
269
416
 
270
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
271
- :where(.OverlineText-module__hop-OverlineText___MNaoU) {
272
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
273
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
274
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
275
- --hop-OverlineText-letter-spacing: 0.015rem;
276
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
277
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
278
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
279
- --font-family: var(--hop-OverlineText-font-family);
280
- --font-size: var(--hop-OverlineText-font-size);
281
- --font-weight: var(--hop-OverlineText-font-weight);
282
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
283
- --line-height: var(--hop-OverlineText-line-height);
284
- --top-offset: var(--hop-OverlineText-top-offset);
285
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
286
- box-sizing: border-box;
287
- font-family: var(--font-family);
288
- font-size: var(--font-size);
289
- font-feature-settings: "case";
290
- font-weight: var(--font-weight);
291
- line-height: var(--line-height);
292
- text-transform: uppercase;
293
- letter-spacing: var(--letter-spacing);
294
- }
295
- .OverlineText-module__hop-OverlineText__text___nkwdC {
296
- box-sizing: border-box;
297
- }
298
- .OverlineText-module__hop-OverlineText__text___nkwdC::before,
299
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
300
- content: "";
301
- display: block;
302
- box-sizing: border-box;
303
- inline-size: 0;
304
- block-size: 0;
305
- }
306
- .OverlineText-module__hop-OverlineText__text___nkwdC::before {
307
- margin-block-end: var(--bottom-offset);
308
- }
309
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
310
- margin-block-start: var(--top-offset);
311
- }
312
-
313
417
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
314
- .Badge-module__hop-Badge___-9bND {
418
+ .Badge-module__hop-Badge___PVPdF {
315
419
  --hop-Badge-height: 1.5rem;
316
420
  --hop-Badge-width: max-content;
317
421
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -361,67 +465,67 @@
361
465
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
362
466
  border-radius: var(--border-radius);
363
467
  }
364
- .Badge-module__hop-Badge___-9bND[data-variant=primary] {
468
+ .Badge-module__hop-Badge___PVPdF[data-variant=primary] {
365
469
  --background-color: var(--hop-Badge-primary-background-color);
366
470
  --text-color: var(--hop-Badge-primary-text-color);
367
471
  }
368
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=primary] {
472
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=primary] {
369
473
  --background-color: var(--hop-Badge-primary-background-color-hovered);
370
474
  --text-color: var(--hop-Badge-primary-text-color-hovered);
371
475
  }
372
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=primary] {
476
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=primary] {
373
477
  --background-color: var(--hop-Badge-primary-background-color-pressed);
374
478
  --text-color: var(--hop-Badge-primary-text-color-pressed);
375
479
  }
376
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=primary] {
480
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=primary] {
377
481
  --background-color: var(--hop-Badge-primary-background-color-selected);
378
482
  --text-color: var(--hop-Badge-primary-text-color-selected);
379
483
  }
380
- .Badge-module__hop-Badge___-9bND[data-variant=secondary] {
484
+ .Badge-module__hop-Badge___PVPdF[data-variant=secondary] {
381
485
  --background-color: var(--hop-Badge-secondary-background-color);
382
486
  --text-color: var(--hop-Badge-secondary-text-color);
383
487
  }
384
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=secondary] {
488
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=secondary] {
385
489
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
386
490
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
387
491
  }
388
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=secondary] {
492
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=secondary] {
389
493
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
390
494
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
391
495
  }
392
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=secondary] {
496
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=secondary] {
393
497
  --background-color: var(--hop-Badge-secondary-background-color-selected);
394
498
  --text-color: var(--hop-Badge-secondary-text-color-selected);
395
499
  }
396
- .Badge-module__hop-Badge___-9bND[data-variant=subdued] {
500
+ .Badge-module__hop-Badge___PVPdF[data-variant=subdued] {
397
501
  --background-color: var(--hop-Badge-subdued-background-color);
398
502
  --text-color: var(--hop-Badge-subdued-text-color);
399
503
  }
400
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=subdued] {
504
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=subdued] {
401
505
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
402
506
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
403
507
  }
404
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=subdued] {
508
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=subdued] {
405
509
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
406
510
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
407
511
  }
408
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=subdued] {
512
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=subdued] {
409
513
  --background-color: var(--hop-Badge-subdued-background-color-selected);
410
514
  --text-color: var(--hop-Badge-subdued-text-color-selected);
411
515
  }
412
- .Badge-module__hop-Badge___-9bND[data-indeterminate] {
516
+ .Badge-module__hop-Badge___PVPdF[data-indeterminate] {
413
517
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
414
518
  --height: var(--hop-Badge-indeterminate-height);
415
519
  --width: var(--hop-Badge-indeterminate-width);
416
520
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
417
521
  }
418
- .Badge-module__hop-Badge___-9bND[data-disabled] {
522
+ .Badge-module__hop-Badge___PVPdF[data-disabled] {
419
523
  --background-color: var(--hop-Badge-background-color-disabled);
420
524
  --text-color: var(--hop-Badge-text-color-disabled);
421
525
  }
422
526
 
423
527
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
424
- .FloatingBadge-module__hop-FloatingBadge___-4FWx {
528
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf {
425
529
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
426
530
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
427
531
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -462,7 +566,7 @@
462
566
  box-sizing: border-box;
463
567
  inline-size: max-content;
464
568
  }
465
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"] {
569
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"] {
466
570
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
467
571
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
468
572
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -470,11 +574,11 @@
470
574
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
471
575
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
472
576
  }
473
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"][data-overlap=circular] {
577
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"][data-overlap=circular] {
474
578
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
475
579
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
476
580
  }
477
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"] {
581
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"] {
478
582
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
479
583
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
480
584
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -482,11 +586,11 @@
482
586
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
483
587
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
484
588
  }
485
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"][data-overlap=circular] {
589
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"][data-overlap=circular] {
486
590
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
487
591
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
488
592
  }
489
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"] {
593
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"] {
490
594
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
491
595
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
492
596
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -494,11 +598,11 @@
494
598
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
495
599
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
496
600
  }
497
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"][data-overlap=circular] {
601
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"][data-overlap=circular] {
498
602
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
499
603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
500
604
  }
501
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"] {
605
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"] {
502
606
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
503
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
504
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -506,11 +610,11 @@
506
610
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
507
611
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
508
612
  }
509
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"][data-overlap=circular] {
613
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"][data-overlap=circular] {
510
614
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
511
615
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
512
616
  }
513
- .FloatingBadge-module__hop-FloatingBadge__badge___yOdKc {
617
+ .FloatingBadge-module__hop-FloatingBadge__badge___pl1V5 {
514
618
  position: absolute;
515
619
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
516
620
  transform-origin: var(--badge-transform-origin);
@@ -518,7 +622,7 @@
518
622
  }
519
623
 
520
624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
521
- .IconList-module__hop-IconList___j6yB2 {
625
+ .IconList-module__hop-IconList___twZdn {
522
626
  --hop-IconList-gap: var(--hop-space-inline-xs);
523
627
  display: flex;
524
628
  flex-wrap: wrap;
@@ -527,7 +631,7 @@
527
631
  }
528
632
 
529
633
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
530
- @keyframes Spinner-module__spin___-668d {
634
+ @keyframes Spinner-module__spin___6LPFS {
531
635
  0% {
532
636
  transform: rotate(0deg);
533
637
  }
@@ -535,7 +639,7 @@
535
639
  transform: rotate(360deg);
536
640
  }
537
641
  }
538
- .Spinner-module__hop-Spinner___-a1aU {
642
+ .Spinner-module__hop-Spinner___mEPxX {
539
643
  --hop-Spinner-border-radius: var(--hop-shape-circle);
540
644
  --hop-Spinner-sm-wheel-size: 1rem;
541
645
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -543,7 +647,7 @@
543
647
  --hop-Spinner-track-width: 0.125rem;
544
648
  --hop-Spinner-track-opacity: 0.2;
545
649
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
546
- --hop-Spinner-fill-animation: Spinner-module__spin___-668d .8s infinite linear;
650
+ --hop-Spinner-fill-animation: Spinner-module__spin___6LPFS .8s infinite linear;
547
651
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
548
652
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
549
653
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -554,19 +658,19 @@
554
658
  align-items: center;
555
659
  box-sizing: border-box;
556
660
  }
557
- .Spinner-module__hop-Spinner--sm___6be61 {
661
+ .Spinner-module__hop-Spinner--sm___yTrSl {
558
662
  --width: var(--hop-Spinner-sm-wheel-size);
559
663
  --height: var(--hop-Spinner-sm-wheel-size);
560
664
  }
561
- .Spinner-module__hop-Spinner--md___VLODL {
665
+ .Spinner-module__hop-Spinner--md___tnCZQ {
562
666
  --width: var(--hop-Spinner-md-wheel-size);
563
667
  --height: var(--hop-Spinner-md-wheel-size);
564
668
  }
565
- .Spinner-module__hop-Spinner--lg___40ZqO {
669
+ .Spinner-module__hop-Spinner--lg___2X4so {
566
670
  --width: var(--hop-Spinner-lg-wheel-size);
567
671
  --height: var(--hop-Spinner-lg-wheel-size);
568
672
  }
569
- .Spinner-module__hop-Spinner__track___plsYt {
673
+ .Spinner-module__hop-Spinner__track___oxWCw {
570
674
  grid-area: spinner;
571
675
  box-sizing: border-box;
572
676
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -575,7 +679,7 @@
575
679
  border: var(--hop-Spinner-track-border);
576
680
  border-radius: var(--hop-Spinner-border-radius);
577
681
  }
578
- .Spinner-module__hop-Spinner__fill___S9ATX {
682
+ .Spinner-module__hop-Spinner__fill___uPfid {
579
683
  grid-area: spinner;
580
684
  box-sizing: border-box;
581
685
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -586,17 +690,17 @@
586
690
  animation: var(--hop-Spinner-fill-animation);
587
691
  }
588
692
  @media (prefers-reduced-motion: reduce) {
589
- .Spinner-module__hop-Spinner__fill___S9ATX {
693
+ .Spinner-module__hop-Spinner__fill___uPfid {
590
694
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
591
695
  }
592
696
  }
593
- .Spinner-module__hop-Spinner__label___WoiYr {
697
+ .Spinner-module__hop-Spinner__label___rDXkL {
594
698
  grid-area: label;
595
699
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
596
700
  }
597
701
 
598
702
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
599
- .Button-module__hop-Button___2Nqnv {
703
+ .Button-module__hop-Button___hJrlG {
600
704
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
601
705
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
602
706
  --hop-Button-icon-only-padding: 0;
@@ -755,317 +859,317 @@
755
859
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
756
860
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
757
861
  }
758
- .Button-module__hop-Button___2Nqnv[data-focus-visible] {
862
+ .Button-module__hop-Button___hJrlG[data-focus-visible] {
759
863
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
760
864
  }
761
- .Button-module__hop-Button--icon-only___b6HX4 {
865
+ .Button-module__hop-Button--icon-only___FjUDk {
762
866
  --padding-block: var(--hop-Button-icon-only-padding);
763
867
  --padding-inline: var(--hop-Button-icon-only-padding);
764
868
  column-gap: 0;
765
869
  aspect-ratio: 1;
766
870
  }
767
- .Button-module__hop-Button___2Nqnv[data-disabled],
768
- .Button-module__hop-Button___2Nqnv[data-loading] {
871
+ .Button-module__hop-Button___hJrlG[data-disabled],
872
+ .Button-module__hop-Button___hJrlG[data-loading] {
769
873
  cursor: not-allowed;
770
874
  }
771
- .Button-module__hop-Button--fluid___xvmay {
875
+ .Button-module__hop-Button--fluid___zHyAn {
772
876
  --inline-size: 100%;
773
877
  }
774
- .Button-module__hop-Button--sm___WquC- {
878
+ .Button-module__hop-Button--sm___TjmEa {
775
879
  --block-size: var(--hop-Button-sm-height);
776
880
  }
777
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
881
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
778
882
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
779
883
  --padding-block: var(--hop-Button-primary-sm-padding-y);
780
884
  }
781
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
885
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
782
886
  --padding-inline: var(--hop-Button-primary-md-padding-x);
783
887
  --padding-block: var(--hop-Button-primary-md-padding-y);
784
888
  }
785
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
889
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
786
890
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
787
891
  --padding-block: var(--hop-Button-secondary-md-padding-y);
788
892
  }
789
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
893
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
790
894
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
791
895
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
792
896
  }
793
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
897
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
794
898
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
795
899
  --padding-block: var(--hop-Button-upsell-md-padding-y);
796
900
  }
797
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
901
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
798
902
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
799
903
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
800
904
  }
801
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
905
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
802
906
  --padding-inline: var(--hop-Button-danger-md-padding-x);
803
907
  --padding-block: var(--hop-Button-danger-md-padding-y);
804
908
  }
805
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
909
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
806
910
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
807
911
  --padding-block: var(--hop-Button-danger-sm-padding-y);
808
912
  }
809
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
913
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
810
914
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
811
915
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
812
916
  }
813
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
917
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
814
918
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
815
919
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
816
920
  }
817
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
921
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
818
922
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
819
923
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
820
924
  }
821
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
925
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
822
926
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
823
927
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
824
928
  }
825
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
929
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
826
930
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
827
931
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
828
932
  }
829
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
933
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
830
934
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
831
935
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
832
936
  }
833
- .Button-module__hop-Button--primary___sY6d0 {
937
+ .Button-module__hop-Button--primary___x2k3w {
834
938
  --background-color: var(--hop-Button-primary-background-color);
835
939
  --color: var(--hop-Button-primary-color);
836
940
  --border: var(--hop-Button-primary-border);
837
941
  --spinner-color: var(--hop-Button-primary-spinner-color);
838
942
  }
839
- .Button-module__hop-Button--primary___sY6d0[data-disabled]:not([data-loading]) {
943
+ .Button-module__hop-Button--primary___x2k3w[data-disabled]:not([data-loading]) {
840
944
  --background-color: var(--hop-Button-primary-background-color-disabled);
841
945
  --color: var(--hop-Button-primary-color-disabled);
842
946
  --border: var(--hop-Button-primary-border-disabled);
843
947
  }
844
- .Button-module__hop-Button--primary___sY6d0[data-hovered]:not([data-disabled], [data-loading]),
845
- .Button-module__hop-Button--primary___sY6d0[data-focus-visible]:not([data-disabled], [data-loading]) {
948
+ .Button-module__hop-Button--primary___x2k3w[data-hovered]:not([data-disabled], [data-loading]),
949
+ .Button-module__hop-Button--primary___x2k3w[data-focus-visible]:not([data-disabled], [data-loading]) {
846
950
  --background-color: var(--hop-Button-primary-background-color-hover);
847
951
  --color: var(--hop-Button-primary-color-hover);
848
952
  --border: var(--hop-Button-primary-border-hover);
849
953
  }
850
- .Button-module__hop-Button--primary___sY6d0[data-pressed]:not([data-loading]) {
954
+ .Button-module__hop-Button--primary___x2k3w[data-pressed]:not([data-loading]) {
851
955
  --background-color: var(--hop-Button-primary-background-color-pressed);
852
956
  --color: var(--hop-Button-primary-color-pressed);
853
957
  --border: var(--hop-Button-primary-border-pressed);
854
958
  }
855
- .Button-module__hop-Button--secondary___pINK9 {
959
+ .Button-module__hop-Button--secondary___ehb-w {
856
960
  --background-color: var(--hop-Button-secondary-background-color);
857
961
  --color: var(--hop-Button-secondary-color);
858
962
  --border: var(--hop-Button-secondary-border);
859
963
  --spinner-color: var(--hop-Button-secondary-spinner-color);
860
964
  }
861
- .Button-module__hop-Button--secondary___pINK9[data-disabled]:not([data-loading]) {
965
+ .Button-module__hop-Button--secondary___ehb-w[data-disabled]:not([data-loading]) {
862
966
  --background-color: var(--hop-Button-secondary-background-color-disabled);
863
967
  --color: var(--hop-Button-secondary-color-disabled);
864
968
  --border: var(--hop-Button-secondary-border-disabled);
865
969
  }
866
- .Button-module__hop-Button--secondary___pINK9[data-hovered]:not([data-disabled], [data-loading]),
867
- .Button-module__hop-Button--secondary___pINK9[data-focus-visible]:not([data-disabled], [data-loading]) {
970
+ .Button-module__hop-Button--secondary___ehb-w[data-hovered]:not([data-disabled], [data-loading]),
971
+ .Button-module__hop-Button--secondary___ehb-w[data-focus-visible]:not([data-disabled], [data-loading]) {
868
972
  --background-color: var(--hop-Button-secondary-background-color-hover);
869
973
  --color: var(--hop-Button-secondary-color-hover);
870
974
  --border: var(--hop-Button-secondary-border-hover);
871
975
  }
872
- .Button-module__hop-Button--secondary___pINK9[data-pressed]:not([data-loading]) {
976
+ .Button-module__hop-Button--secondary___ehb-w[data-pressed]:not([data-loading]) {
873
977
  --background-color: var(--hop-Button-secondary-background-color-pressed);
874
978
  --color: var(--hop-Button-secondary-color-pressed);
875
979
  --border: var(--hop-Button-secondary-border-pressed);
876
980
  }
877
- .Button-module__hop-Button--upsell___ZE5jO {
981
+ .Button-module__hop-Button--upsell___aWCox {
878
982
  --background-color: var(--hop-Button-upsell-background-color);
879
983
  --color: var(--hop-Button-upsell-color);
880
984
  --border: var(--hop-Button-upsell-border);
881
985
  --spinner-color: var(--hop-Button-upsell-spinner-color);
882
986
  }
883
- .Button-module__hop-Button--upsell___ZE5jO[data-disabled]:not([data-loading]) {
987
+ .Button-module__hop-Button--upsell___aWCox[data-disabled]:not([data-loading]) {
884
988
  --background-color: var(--hop-Button-upsell-background-color-disabled);
885
989
  --color: var(--hop-Button-upsell-color-disabled);
886
990
  --border: var(--hop-Button-upsell-border-disabled);
887
991
  }
888
- .Button-module__hop-Button--upsell___ZE5jO[data-hovered]:not([data-disabled], [data-loading]),
889
- .Button-module__hop-Button--upsell___ZE5jO[data-focus-visible]:not([data-disabled], [data-loading]) {
992
+ .Button-module__hop-Button--upsell___aWCox[data-hovered]:not([data-disabled], [data-loading]),
993
+ .Button-module__hop-Button--upsell___aWCox[data-focus-visible]:not([data-disabled], [data-loading]) {
890
994
  --background-color: var(--hop-Button-upsell-background-color-hover);
891
995
  --color: var(--hop-Button-upsell-color-hover);
892
996
  --border: var(--hop-Button-upsell-border-hover);
893
997
  }
894
- .Button-module__hop-Button--upsell___ZE5jO[data-pressed]:not([data-loading]) {
998
+ .Button-module__hop-Button--upsell___aWCox[data-pressed]:not([data-loading]) {
895
999
  --background-color: var(--hop-Button-upsell-background-color-pressed);
896
1000
  --color: var(--hop-Button-upsell-color-pressed);
897
1001
  --border: var(--hop-Button-upsell-border-pressed);
898
1002
  }
899
- .Button-module__hop-Button--danger___dSyM9 {
1003
+ .Button-module__hop-Button--danger___KtNGT {
900
1004
  --background-color: var(--hop-Button-danger-background-color);
901
1005
  --color: var(--hop-Button-danger-color);
902
1006
  --border: var(--hop-Button-danger-border);
903
1007
  --spinner-color: var(--hop-Button-danger-spinner-color);
904
1008
  }
905
- .Button-module__hop-Button--danger___dSyM9[data-disabled]:not([data-loading]) {
1009
+ .Button-module__hop-Button--danger___KtNGT[data-disabled]:not([data-loading]) {
906
1010
  --background-color: var(--hop-Button-danger-background-color-disabled);
907
1011
  --color: var(--hop-Button-danger-color-disabled);
908
1012
  --border: var(--hop-Button-danger-border-disabled);
909
1013
  }
910
- .Button-module__hop-Button--danger___dSyM9[data-hovered]:not([data-disabled], [data-loading]),
911
- .Button-module__hop-Button--danger___dSyM9[data-focus-visible]:not([data-disabled], [data-loading]) {
1014
+ .Button-module__hop-Button--danger___KtNGT[data-hovered]:not([data-disabled], [data-loading]),
1015
+ .Button-module__hop-Button--danger___KtNGT[data-focus-visible]:not([data-disabled], [data-loading]) {
912
1016
  --background-color: var(--hop-Button-danger-background-color-hover);
913
1017
  --color: var(--hop-Button-danger-color-hover);
914
1018
  --border: var(--hop-Button-danger-border-hover);
915
1019
  }
916
- .Button-module__hop-Button--danger___dSyM9[data-pressed]:not([data-loading]) {
1020
+ .Button-module__hop-Button--danger___KtNGT[data-pressed]:not([data-loading]) {
917
1021
  --background-color: var(--hop-Button-danger-background-color-pressed);
918
1022
  --color: var(--hop-Button-danger-color-pressed);
919
1023
  --border: var(--hop-Button-danger-border-pressed);
920
1024
  }
921
- .Button-module__hop-Button--ghost-primary___LmWvy {
1025
+ .Button-module__hop-Button--ghost-primary___SaGFj {
922
1026
  --background-color: var(--hop-Button-ghost-primary-background-color);
923
1027
  --color: var(--hop-Button-ghost-primary-color);
924
1028
  --border: var(--hop-Button-ghost-primary-border);
925
1029
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
926
1030
  }
927
- .Button-module__hop-Button--ghost-primary___LmWvy[data-disabled]:not([data-loading]) {
1031
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-disabled]:not([data-loading]) {
928
1032
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
929
1033
  --color: var(--hop-Button-ghost-primary-color-disabled);
930
1034
  --border: var(--hop-Button-ghost-primary-border-disabled);
931
1035
  }
932
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-disabled], [data-loading]),
933
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-disabled], [data-loading]) {
1036
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-disabled], [data-loading]),
1037
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-disabled], [data-loading]) {
934
1038
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
935
1039
  --color: var(--hop-Button-ghost-primary-color-hover);
936
1040
  --border: var(--hop-Button-ghost-primary-border-hover);
937
1041
  }
938
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) {
1042
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) {
939
1043
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
940
1044
  --color: var(--hop-Button-ghost-primary-color-pressed);
941
1045
  --border: var(--hop-Button-ghost-primary-border-pressed);
942
1046
  }
943
- .Button-module__hop-Button--ghost-secondary___B0vtI {
1047
+ .Button-module__hop-Button--ghost-secondary___H0XJg {
944
1048
  --background-color: var(--hop-Button-ghost-secondary-background-color);
945
1049
  --color: var(--hop-Button-ghost-secondary-color);
946
1050
  --border: var(--hop-Button-ghost-secondary-border);
947
1051
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
948
1052
  }
949
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-disabled]:not([data-loading]) {
1053
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-disabled]:not([data-loading]) {
950
1054
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
951
1055
  --color: var(--hop-Button-ghost-secondary-color-disabled);
952
1056
  --border: var(--hop-Button-ghost-secondary-border-disabled);
953
1057
  }
954
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-disabled], [data-loading]),
955
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-disabled], [data-loading]) {
1058
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-disabled], [data-loading]),
1059
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-disabled], [data-loading]) {
956
1060
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
957
1061
  --color: var(--hop-Button-ghost-secondary-color-hover);
958
1062
  --border: var(--hop-Button-ghost-secondary-border-hover);
959
1063
  }
960
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) {
1064
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) {
961
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
962
1066
  --color: var(--hop-Button-ghost-secondary-color-pressed);
963
1067
  --border: var(--hop-Button-ghost-secondary-border-pressed);
964
1068
  }
965
- .Button-module__hop-Button--ghost-danger___c-aho {
1069
+ .Button-module__hop-Button--ghost-danger___DLGVS {
966
1070
  --background-color: var(--hop-Button-ghost-danger-background-color);
967
1071
  --color: var(--hop-Button-ghost-danger-color);
968
1072
  --border: var(--hop-Button-ghost-danger-border);
969
1073
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
970
1074
  }
971
- .Button-module__hop-Button--ghost-danger___c-aho[data-disabled]:not([data-loading]) {
1075
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-disabled]:not([data-loading]) {
972
1076
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
973
1077
  --color: var(--hop-Button-ghost-danger-color-disabled);
974
1078
  --border: var(--hop-Button-ghost-danger-border-disabled);
975
1079
  }
976
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-disabled], [data-loading]),
977
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-disabled], [data-loading]) {
1080
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-disabled], [data-loading]),
1081
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-disabled], [data-loading]) {
978
1082
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
979
1083
  --color: var(--hop-Button-ghost-danger-color-hover);
980
1084
  --border: var(--hop-Button-ghost-danger-border-hover);
981
1085
  }
982
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) {
1086
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) {
983
1087
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
984
1088
  --color: var(--hop-Button-ghost-danger-color-pressed);
985
1089
  --border: var(--hop-Button-ghost-danger-border-pressed);
986
1090
  }
987
- .Button-module__hop-Button__Spinner___HfWc0 {
1091
+ .Button-module__hop-Button__Spinner___ItCTY {
988
1092
  position: absolute;
989
1093
  justify-self: center;
990
1094
  color: var(--spinner-color);
991
1095
  }
992
- .Button-module__hop-Button__icon___AeZaO,
993
- .Button-module__hop-Button__icon-list___c9t8P {
1096
+ .Button-module__hop-Button__icon___EQqO8,
1097
+ .Button-module__hop-Button__icon-list___nrpu8 {
994
1098
  grid-area: start-icon;
995
1099
  justify-self: end;
996
1100
  }
997
- .Button-module__hop-Button__text___vtdcY {
1101
+ .Button-module__hop-Button__text___TXP9n {
998
1102
  user-select: none;
999
1103
  overflow: visible;
1000
1104
  grid-area: content;
1001
1105
  font-weight: var(--hop-font-weight-505);
1002
1106
  text-wrap: nowrap;
1003
1107
  }
1004
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1005
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1006
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1007
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1008
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1009
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1010
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1011
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1012
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY {
1108
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1109
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1110
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1111
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1112
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1113
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1114
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1115
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1116
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n {
1013
1117
  text-decoration: underline;
1014
1118
  text-underline-offset: 0.125rem;
1015
1119
  }
1016
- .Button-module__hop-Button__end-icon___T9fi-,
1017
- .Button-module__hop-Button__end-icon-list___QlLz- {
1120
+ .Button-module__hop-Button__end-icon___sFMht,
1121
+ .Button-module__hop-Button__end-icon-list___f9BkT {
1018
1122
  grid-area: end-icon;
1019
1123
  }
1020
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__icon-list___c9t8P,
1021
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__end-icon-list___QlLz- {
1124
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__icon-list___nrpu8,
1125
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__end-icon-list___f9BkT {
1022
1126
  flex-wrap: nowrap;
1023
1127
  }
1024
- .Button-module__hop-Button___2Nqnv[data-loading] > *:not(.Button-module__hop-Button__Spinner___HfWc0) {
1128
+ .Button-module__hop-Button___hJrlG[data-loading] > *:not(.Button-module__hop-Button__Spinner___ItCTY) {
1025
1129
  opacity: 0;
1026
1130
  }
1027
1131
 
1028
1132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1029
- .ButtonGroup-module__hop-ButtonGroup___ZhoR9 {
1133
+ .ButtonGroup-module__hop-ButtonGroup___YqGjd {
1030
1134
  display: inline-flex;
1031
1135
  flex-wrap: nowrap;
1032
1136
  gap: var(--hop-space-inline-md);
1033
1137
  }
1034
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1138
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1035
1139
  justify-content: center;
1036
1140
  }
1037
- .ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1141
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1038
1142
  flex-direction: column;
1039
1143
  gap: var(--hop-space-stack-md);
1040
1144
  align-items: center;
1041
1145
  }
1042
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1146
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1043
1147
  align-items: flex-start;
1044
1148
  }
1045
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1149
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1046
1150
  align-items: center;
1047
1151
  }
1048
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1152
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1049
1153
  align-items: flex-end;
1050
1154
  }
1051
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1155
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1052
1156
  justify-content: flex-start;
1053
1157
  }
1054
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1158
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1055
1159
  justify-content: center;
1056
1160
  }
1057
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1161
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1058
1162
  justify-content: flex-end;
1059
1163
  }
1060
- .ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y {
1164
+ .ButtonGroup-module__hop-ButtonGroup--wrap___I0RTB {
1061
1165
  flex-wrap: wrap;
1062
1166
  }
1063
- .ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1 {
1167
+ .ButtonGroup-module__hop-ButtonGroup--fluid___Y0q6D {
1064
1168
  inline-size: 100%;
1065
1169
  }
1066
1170
 
1067
1171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1068
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy {
1069
1173
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1070
1174
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1071
1175
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1229,7 +1333,7 @@
1229
1333
  outline: none;
1230
1334
  transition: color var(--transition);
1231
1335
  }
1232
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j::before {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy::before {
1233
1337
  content: "";
1234
1338
  position: absolute;
1235
1339
  inset-block-start: 50%;
@@ -1242,284 +1346,284 @@
1242
1346
  border-radius: var(--effect-border-radius);
1243
1347
  transition: background-color var(--transition);
1244
1348
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-square] {
1349
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-square] {
1246
1350
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1247
1351
  }
1248
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O {
1249
1353
  --inline-size: var(--hop-EmbeddedButton-md-width);
1250
1354
  --block-size: var(--hop-EmbeddedButton-md-height);
1251
1355
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1252
1356
  }
1253
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH {
1357
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ {
1254
1358
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1255
1359
  --block-size: var(--hop-EmbeddedButton-lg-height);
1256
1360
  --focus-ring-offset: 0;
1257
1361
  }
1258
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz::before {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O::before {
1259
1363
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1260
1364
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1261
1365
  }
1262
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH::before {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ::before {
1263
1367
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1264
1368
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1265
1369
  }
1266
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV {
1267
1371
  --color: var(--hop-EmbeddedButton-neutral-color);
1268
1372
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1269
1373
  }
1270
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N {
1271
1375
  --color: var(--hop-EmbeddedButton-subdued-color);
1272
1376
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1273
1377
  }
1274
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr {
1275
1379
  --color: var(--hop-EmbeddedButton-progress-color);
1276
1380
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1277
1381
  }
1278
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo {
1279
1383
  --color: var(--hop-EmbeddedButton-positive-color);
1280
1384
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1281
1385
  }
1282
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm {
1283
1387
  --color: var(--hop-EmbeddedButton-caution-color);
1284
1388
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1285
1389
  }
1286
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk {
1287
1391
  --color: var(--hop-EmbeddedButton-negative-color);
1288
1392
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1289
1393
  }
1290
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY {
1291
1395
  --color: var(--hop-EmbeddedButton-option1-color);
1292
1396
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1293
1397
  }
1294
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T {
1295
1399
  --color: var(--hop-EmbeddedButton-option2-color);
1296
1400
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1297
1401
  }
1298
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2 {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg {
1299
1403
  --color: var(--hop-EmbeddedButton-option3-color);
1300
1404
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1301
1405
  }
1302
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C {
1303
1407
  --color: var(--hop-EmbeddedButton-option4-color);
1304
1408
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1305
1409
  }
1306
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG {
1307
1411
  --color: var(--hop-EmbeddedButton-option5-color);
1308
1412
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1309
1413
  }
1310
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc {
1311
1415
  --color: var(--hop-EmbeddedButton-option6-color);
1312
1416
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1313
1417
  }
1314
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-selected] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-selected] {
1315
1419
  --color: var(--hop-EmbeddedButton-selected-color);
1316
1420
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1317
1421
  }
1318
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-focus-visible] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-focus-visible] {
1319
1423
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1320
1424
  outline-offset: var(--focus-ring-offset);
1321
1425
  }
1322
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-disabled] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-disabled] {
1323
1427
  cursor: not-allowed;
1324
1428
  }
1325
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-hovered] {
1429
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-hovered] {
1326
1430
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1327
1431
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1328
1432
  }
1329
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-focus-visible] {
1433
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-focus-visible] {
1330
1434
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1331
1435
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1332
1436
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-pressed] {
1437
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-pressed] {
1334
1438
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1335
1439
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1336
1440
  }
1337
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-disabled] {
1441
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-disabled] {
1338
1442
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1339
1443
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1340
1444
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-hovered] {
1445
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-hovered] {
1342
1446
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1343
1447
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1344
1448
  }
1345
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-focus-visible] {
1449
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-focus-visible] {
1346
1450
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1347
1451
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1348
1452
  }
1349
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-pressed] {
1453
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-pressed] {
1350
1454
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1351
1455
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1352
1456
  }
1353
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-disabled] {
1457
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-disabled] {
1354
1458
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1355
1459
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1356
1460
  }
1357
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-hovered] {
1461
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-hovered] {
1358
1462
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1359
1463
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1360
1464
  }
1361
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-focus-visible] {
1465
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-focus-visible] {
1362
1466
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1363
1467
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1364
1468
  }
1365
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-pressed] {
1469
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-pressed] {
1366
1470
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1367
1471
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1368
1472
  }
1369
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-disabled] {
1473
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-disabled] {
1370
1474
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1371
1475
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1372
1476
  }
1373
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-hovered] {
1477
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-hovered] {
1374
1478
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1375
1479
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1376
1480
  }
1377
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-focus-visible] {
1481
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-focus-visible] {
1378
1482
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1379
1483
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1380
1484
  }
1381
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-pressed] {
1485
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-pressed] {
1382
1486
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1383
1487
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1384
1488
  }
1385
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-disabled] {
1489
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-disabled] {
1386
1490
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1387
1491
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1388
1492
  }
1389
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-hovered] {
1493
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-hovered] {
1390
1494
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1391
1495
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1392
1496
  }
1393
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-focus-visible] {
1497
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-focus-visible] {
1394
1498
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1395
1499
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1396
1500
  }
1397
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-pressed] {
1501
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-pressed] {
1398
1502
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1399
1503
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1400
1504
  }
1401
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-disabled] {
1505
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-disabled] {
1402
1506
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1403
1507
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1404
1508
  }
1405
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-hovered] {
1509
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-hovered] {
1406
1510
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1407
1511
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1408
1512
  }
1409
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-focus-visible] {
1513
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-focus-visible] {
1410
1514
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1411
1515
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1412
1516
  }
1413
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-pressed] {
1517
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-pressed] {
1414
1518
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1415
1519
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1416
1520
  }
1417
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-disabled] {
1521
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-disabled] {
1418
1522
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1419
1523
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1420
1524
  }
1421
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-hovered] {
1525
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-hovered] {
1422
1526
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1423
1527
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1424
1528
  }
1425
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-focus-visible] {
1529
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-focus-visible] {
1426
1530
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1427
1531
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1428
1532
  }
1429
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-pressed] {
1533
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-pressed] {
1430
1534
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1431
1535
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1432
1536
  }
1433
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-disabled] {
1537
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-disabled] {
1434
1538
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1435
1539
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1436
1540
  }
1437
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-hovered] {
1541
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-hovered] {
1438
1542
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1439
1543
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1440
1544
  }
1441
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-focus-visible] {
1545
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-focus-visible] {
1442
1546
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1443
1547
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1444
1548
  }
1445
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-pressed] {
1549
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-pressed] {
1446
1550
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1447
1551
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1448
1552
  }
1449
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-disabled] {
1553
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-disabled] {
1450
1554
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1451
1555
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1452
1556
  }
1453
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-hovered] {
1557
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-hovered] {
1454
1558
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1455
1559
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1456
1560
  }
1457
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-focus-visible] {
1561
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-focus-visible] {
1458
1562
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1459
1563
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1460
1564
  }
1461
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-pressed] {
1565
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-pressed] {
1462
1566
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1463
1567
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1464
1568
  }
1465
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-disabled] {
1569
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-disabled] {
1466
1570
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1467
1571
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1468
1572
  }
1469
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-hovered] {
1573
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-hovered] {
1470
1574
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1471
1575
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1472
1576
  }
1473
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-focus-visible] {
1577
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-focus-visible] {
1474
1578
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1475
1579
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1476
1580
  }
1477
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-pressed] {
1581
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-pressed] {
1478
1582
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1479
1583
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1480
1584
  }
1481
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-disabled] {
1585
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-disabled] {
1482
1586
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1483
1587
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1484
1588
  }
1485
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-hovered] {
1589
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-hovered] {
1486
1590
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1487
1591
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1488
1592
  }
1489
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-focus-visible] {
1593
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-focus-visible] {
1490
1594
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1491
1595
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1492
1596
  }
1493
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-pressed] {
1597
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-pressed] {
1494
1598
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1495
1599
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1496
1600
  }
1497
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-disabled] {
1601
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-disabled] {
1498
1602
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1499
1603
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1500
1604
  }
1501
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-hovered] {
1605
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-hovered] {
1502
1606
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1503
1607
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1504
1608
  }
1505
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-focus-visible] {
1609
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-focus-visible] {
1506
1610
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1507
1611
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1508
1612
  }
1509
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-pressed] {
1613
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-pressed] {
1510
1614
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1511
1615
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1512
1616
  }
1513
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-disabled] {
1617
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-disabled] {
1514
1618
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1515
1619
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1516
1620
  }
1517
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14 {
1621
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___NeGqZ {
1518
1622
  position: relative;
1519
1623
  }
1520
1624
 
1521
1625
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1522
- .Checkbox-module__hop-Checkbox___mAL3I {
1626
+ .Checkbox-module__hop-Checkbox___ftNKr {
1523
1627
  --hop-Checkbox-box-border-size: 0.0625rem;
1524
1628
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1525
1629
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1594,60 +1698,60 @@
1594
1698
  inline-size: max-content;
1595
1699
  max-inline-size: 100%;
1596
1700
  }
1597
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
1701
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1598
1702
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1599
1703
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1600
1704
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1601
1705
  --text-color: var(--hop-Checkbox-text-color-focused);
1602
1706
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1603
1707
  }
1604
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
1708
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
1605
1709
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1606
1710
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1607
1711
  --text-color: var(--hop-Checkbox-text-color-hovered);
1608
1712
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1609
1713
  }
1610
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
1714
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
1611
1715
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1612
1716
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1613
1717
  --text-color: var(--hop-Checkbox-text-color-pressed);
1614
1718
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1615
1719
  }
1616
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
1720
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
1617
1721
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1618
1722
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1619
1723
  --check-display: var(--hop-Checkbox-check-display-selected);
1620
1724
  --text-color: var(--hop-Checkbox-text-color-selected);
1621
1725
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1622
1726
  }
1623
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
1727
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
1624
1728
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1625
1729
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1626
1730
  --check-color: var(--hop-Checkbox-check-color-invalid);
1627
1731
  --text-color: var(--hop-Checkbox-text-color-invalid);
1628
1732
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1629
1733
  }
1630
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
1734
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
1631
1735
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1632
1736
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1633
1737
  }
1634
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
1738
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
1635
1739
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1636
1740
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1637
1741
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1638
1742
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1639
1743
  }
1640
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
1744
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
1641
1745
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1642
1746
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1643
1747
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1644
1748
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1645
1749
  }
1646
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
1750
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
1647
1751
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1648
1752
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1649
1753
  }
1650
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
1754
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
1651
1755
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1652
1756
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1653
1757
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1655,25 +1759,25 @@
1655
1759
  --text-color: var(--hop-Checkbox-text-color-disabled);
1656
1760
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1657
1761
  }
1658
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
1762
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
1659
1763
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1660
1764
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1661
1765
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1662
1766
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1663
1767
  }
1664
- .Checkbox-module__hop-Checkbox--md___jhSti {
1768
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
1665
1769
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1666
1770
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1667
1771
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1668
1772
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1669
1773
  }
1670
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
1671
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
1774
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
1775
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
1672
1776
  flex: 0 0 auto;
1673
1777
  order: 3;
1674
1778
  color: var(--icon-color);
1675
1779
  }
1676
- .Checkbox-module__hop-Checkbox__box___S46JE {
1780
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
1677
1781
  display: flex;
1678
1782
  flex: 0 0 auto;
1679
1783
  align-items: center;
@@ -1689,11 +1793,11 @@
1689
1793
  outline-offset: 0.125rem;
1690
1794
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1691
1795
  }
1692
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
1796
+ .Checkbox-module__hop-Checkbox__check___6akLc {
1693
1797
  display: var(--check-display);
1694
1798
  color: var(--check-color);
1695
1799
  }
1696
- .Checkbox-module__hop-Checkbox__text___qP2jS {
1800
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
1697
1801
  flex: 0 1 auto;
1698
1802
  order: 2;
1699
1803
  min-inline-size: 0;
@@ -1703,7 +1807,7 @@
1703
1807
  }
1704
1808
 
1705
1809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1706
- .CheckboxField-module__hop-CheckboxField___dJieE {
1810
+ .CheckboxField-module__hop-CheckboxField___Qvdoz {
1707
1811
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1708
1812
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1709
1813
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1722,28 +1826,28 @@
1722
1826
  inline-size: max-content;
1723
1827
  max-inline-size: 100%;
1724
1828
  }
1725
- .CheckboxField-module__hop-CheckboxField___dJieE[data-disabled] {
1829
+ .CheckboxField-module__hop-CheckboxField___Qvdoz[data-disabled] {
1726
1830
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1727
1831
  }
1728
- .CheckboxField-module__hop-CheckboxField--sm___1EbWC {
1832
+ .CheckboxField-module__hop-CheckboxField--sm___4TFIz {
1729
1833
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1730
1834
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1731
1835
  }
1732
- .CheckboxField-module__hop-CheckboxField--md___vR14U {
1836
+ .CheckboxField-module__hop-CheckboxField--md___4nlaD {
1733
1837
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1734
1838
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1735
1839
  }
1736
- .CheckboxField-module__hop-CheckboxField__description___P-5jZ {
1840
+ .CheckboxField-module__hop-CheckboxField__description___t1Ev0 {
1737
1841
  order: 2;
1738
1842
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1739
1843
  color: var(--description-color);
1740
1844
  }
1741
- .CheckboxField-module__hop-CheckboxField__checkbox___fIXTk {
1845
+ .CheckboxField-module__hop-CheckboxField__checkbox___tWVL4 {
1742
1846
  order: 1;
1743
1847
  }
1744
1848
 
1745
1849
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1746
- .ErrorMessage-module__hop-ErrorMessage___ZF-hl {
1850
+ .ErrorMessage-module__hop-ErrorMessage___0kKCu {
1747
1851
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1748
1852
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1749
1853
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1760,13 +1864,13 @@
1760
1864
  line-height: var(--hop-ErrorMessage-line-height);
1761
1865
  color: var(--hop-ErrorMessage-color);
1762
1866
  }
1763
- .ErrorMessage-module__hop-ErrorMessage__icon___OKPlp {
1867
+ .ErrorMessage-module__hop-ErrorMessage__icon___7VzNH {
1764
1868
  flex: 0 0 auto;
1765
1869
  align-self: flex-start;
1766
1870
  }
1767
1871
 
1768
1872
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1769
- .HelperMessage-module__hop-HelperMessage___l3cUu {
1873
+ .HelperMessage-module__hop-HelperMessage___baQv5 {
1770
1874
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1771
1875
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1772
1876
  display: flex;
@@ -1775,32 +1879,13 @@
1775
1879
  box-sizing: border-box;
1776
1880
  color: var(--hop-HelperMessage-color);
1777
1881
  }
1778
- .HelperMessage-module__hop-HelperMessage__icon___1Lei9 {
1882
+ .HelperMessage-module__hop-HelperMessage__icon___85txW {
1779
1883
  flex: 0 0 auto;
1780
1884
  align-self: flex-start;
1781
1885
  }
1782
1886
 
1783
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
1784
- .Label-module__hop-Label___EE-2i {
1785
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
1786
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
1787
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
1788
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
1789
- --hop-Label-color: var(--hop-neutral-text-weak);
1790
- }
1791
- :where(.Label-module__hop-Label___EE-2i) {
1792
- font-family: var(--hop-Label-font-family);
1793
- font-size: var(--hop-Label-font-size);
1794
- font-weight: var(--hop-Label-font-weight);
1795
- line-height: var(--hop-Label-line-height);
1796
- color: var(--hop-Label-color);
1797
- }
1798
- :where(.Label-module__hop-Label__indicator___QZV-x) {
1799
- padding-inline-start: var(--hop-space-20);
1800
- }
1801
-
1802
1887
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1803
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa {
1888
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f {
1804
1889
  --hop-CheckboxGroup-align-items: flex-start;
1805
1890
  --hop-CheckboxGroup-justify-content: flex-start;
1806
1891
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1839,46 +1924,46 @@
1839
1924
  inline-size: max-content;
1840
1925
  max-inline-size: 100%;
1841
1926
  }
1842
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 {
1927
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD {
1843
1928
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1844
1929
  --list-border-radius: var(--hop-shape-rounded-md);
1845
1930
  }
1846
- .CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
1931
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
1847
1932
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1848
1933
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1849
1934
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1850
1935
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1851
1936
  }
1852
- .CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
1937
+ .CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
1853
1938
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1854
1939
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1855
1940
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1856
1941
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1857
1942
  }
1858
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
1943
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
1859
1944
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1860
1945
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1861
1946
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1862
1947
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1863
1948
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1864
1949
  }
1865
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
1950
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
1866
1951
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1867
1952
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1868
1953
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1869
1954
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1870
1955
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1871
1956
  }
1872
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa[data-orientation=horizontal] {
1957
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f[data-orientation=horizontal] {
1873
1958
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1874
1959
  }
1875
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] {
1960
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] {
1876
1961
  --flex-wrap: nowrap;
1877
1962
  }
1878
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j {
1963
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
1879
1964
  order: 1;
1880
1965
  }
1881
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O {
1966
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn {
1882
1967
  display: flex;
1883
1968
  flex-flow: var(--flex-direction) var(--flex-wrap);
1884
1969
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1889,7 +1974,7 @@
1889
1974
  border: var(--list-border, none);
1890
1975
  border-radius: var(--list-border-radius, 0);
1891
1976
  }
1892
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL {
1977
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 {
1893
1978
  position: relative;
1894
1979
  flex: 0 1 auto;
1895
1980
  align-content: start;
@@ -1897,28 +1982,28 @@
1897
1982
  min-inline-size: 0;
1898
1983
  padding: var(--checkbox-padding, 0);
1899
1984
  }
1900
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1985
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
1901
1986
  content: "";
1902
1987
  position: absolute;
1903
1988
  display: block;
1904
1989
  }
1905
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1990
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
1906
1991
  inset-block-start: 0;
1907
1992
  inset-inline: 0;
1908
1993
  border-block-start: var(--list-border, none);
1909
1994
  }
1910
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1995
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
1911
1996
  inset-block: 0;
1912
1997
  inset-inline-start: 0;
1913
1998
  border-inline-start: var(--list-border, none);
1914
1999
  }
1915
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj,
1916
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d {
2000
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z,
2001
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ- {
1917
2002
  order: 3;
1918
2003
  }
1919
2004
 
1920
2005
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1921
- .Checkbox-module__hop-Checkbox___mAL3I {
2006
+ .Checkbox-module__hop-Checkbox___ftNKr {
1922
2007
  --hop-Checkbox-box-border-size: 0.0625rem;
1923
2008
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1924
2009
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1993,60 +2078,60 @@
1993
2078
  inline-size: max-content;
1994
2079
  max-inline-size: 100%;
1995
2080
  }
1996
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
2081
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1997
2082
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1998
2083
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1999
2084
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2000
2085
  --text-color: var(--hop-Checkbox-text-color-focused);
2001
2086
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2002
2087
  }
2003
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
2088
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
2004
2089
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2005
2090
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2006
2091
  --text-color: var(--hop-Checkbox-text-color-hovered);
2007
2092
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2008
2093
  }
2009
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
2094
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
2010
2095
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2011
2096
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2012
2097
  --text-color: var(--hop-Checkbox-text-color-pressed);
2013
2098
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2014
2099
  }
2015
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
2100
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
2016
2101
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2017
2102
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2018
2103
  --check-display: var(--hop-Checkbox-check-display-selected);
2019
2104
  --text-color: var(--hop-Checkbox-text-color-selected);
2020
2105
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2021
2106
  }
2022
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
2107
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
2023
2108
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2024
2109
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2025
2110
  --check-color: var(--hop-Checkbox-check-color-invalid);
2026
2111
  --text-color: var(--hop-Checkbox-text-color-invalid);
2027
2112
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2028
2113
  }
2029
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
2114
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
2030
2115
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2031
2116
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2032
2117
  }
2033
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
2118
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
2034
2119
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2035
2120
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2036
2121
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2037
2122
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2038
2123
  }
2039
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
2124
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
2040
2125
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2041
2126
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2042
2127
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2043
2128
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2044
2129
  }
2045
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
2130
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
2046
2131
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2047
2132
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2048
2133
  }
2049
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
2134
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
2050
2135
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2051
2136
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2052
2137
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2054,25 +2139,25 @@
2054
2139
  --text-color: var(--hop-Checkbox-text-color-disabled);
2055
2140
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2056
2141
  }
2057
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
2142
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
2058
2143
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2059
2144
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2060
2145
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2061
2146
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2062
2147
  }
2063
- .Checkbox-module__hop-Checkbox--md___jhSti {
2148
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
2064
2149
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2065
2150
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2066
2151
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2067
2152
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2068
2153
  }
2069
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
2070
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
2154
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
2155
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
2071
2156
  flex: 0 0 auto;
2072
2157
  order: 3;
2073
2158
  color: var(--icon-color);
2074
2159
  }
2075
- .Checkbox-module__hop-Checkbox__box___S46JE {
2160
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
2076
2161
  display: flex;
2077
2162
  flex: 0 0 auto;
2078
2163
  align-items: center;
@@ -2088,11 +2173,11 @@
2088
2173
  outline-offset: 0.125rem;
2089
2174
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2090
2175
  }
2091
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
2176
+ .Checkbox-module__hop-Checkbox__check___6akLc {
2092
2177
  display: var(--check-display);
2093
2178
  color: var(--check-color);
2094
2179
  }
2095
- .Checkbox-module__hop-Checkbox__text___qP2jS {
2180
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
2096
2181
  flex: 0 1 auto;
2097
2182
  order: 2;
2098
2183
  min-inline-size: 0;
@@ -2100,24 +2185,24 @@
2100
2185
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2101
2186
  color: var(--text-color);
2102
2187
  }
2103
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ISCAP {
2188
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy {
2104
2189
  }
2105
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz {
2190
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
2106
2191
  }
2107
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS {
2192
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
2108
2193
  }
2109
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT,
2110
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V {
2194
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
2195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
2111
2196
  }
2112
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS {
2197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
2113
2198
  }
2114
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW {
2199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
2115
2200
  }
2116
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N {
2201
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- {
2117
2202
  }
2118
2203
 
2119
2204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
2120
- :where(.Divider-module__hop-Divider___g7ps6) {
2205
+ :where(.Divider-module__hop-Divider___Ri4v-) {
2121
2206
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
2122
2207
  --hop-Divider-border-size: 0.0625rem;
2123
2208
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -2142,7 +2227,7 @@
2142
2227
  border-block-end: var(--border-block-end);
2143
2228
  border-inline-start: var(--border-inline-start);
2144
2229
  }
2145
- .Divider-module__hop-Divider--vertical___a25V7 {
2230
+ .Divider-module__hop-Divider--vertical___wOMqH {
2146
2231
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
2147
2232
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
2148
2233
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -2150,14 +2235,14 @@
2150
2235
  }
2151
2236
 
2152
2237
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
2153
- .Form-module__hop-Form___t89dJ {
2238
+ .Form-module__hop-Form___jz9NZ {
2154
2239
  display: flex;
2155
2240
  flex-direction: column;
2156
2241
  gap: var(--hop-space-stack-lg);
2157
2242
  }
2158
2243
 
2159
2244
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2160
- .InputGroup-module__hop-InputGroup___IeLq4 {
2245
+ .InputGroup-module__hop-InputGroup___-dY-s {
2161
2246
  --hop-InputGroup-background: var(--hop-neutral-surface);
2162
2247
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2163
2248
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2238,11 +2323,11 @@
2238
2323
  border: var(--border);
2239
2324
  border-radius: var(--hop-InputGroup-border-radius);
2240
2325
  }
2241
- .InputGroup-module__hop-InputGroup--fluid___bBTdC {
2326
+ .InputGroup-module__hop-InputGroup--fluid___VIFfq {
2242
2327
  --inline-size: 100%;
2243
2328
  --input-inline-size: 100%;
2244
2329
  }
2245
- .InputGroup-module__hop-InputGroup--sm___rt-ic {
2330
+ .InputGroup-module__hop-InputGroup--sm___MdwFD {
2246
2331
  --block-size: var(--hop-InputGroup-sm-block-size);
2247
2332
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2248
2333
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2250,7 +2335,7 @@
2250
2335
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2251
2336
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2252
2337
  }
2253
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=textarea] {
2338
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=textarea] {
2254
2339
  --gap: var(--hop-InputGroup-gap-textarea);
2255
2340
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2256
2341
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2258,28 +2343,28 @@
2258
2343
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2259
2344
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2260
2345
  }
2261
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=number] {
2346
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=number] {
2262
2347
  --display: var(--hop-InputGroup-display-number);
2263
2348
  --gap: var(--hop-InputGroup-gap-number);
2264
2349
  }
2265
- .InputGroup-module__hop-InputGroup___IeLq4[data-hovered] {
2350
+ .InputGroup-module__hop-InputGroup___-dY-s[data-hovered] {
2266
2351
  --background: var(--hop-InputGroup-background-hover);
2267
2352
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2268
2353
  }
2269
- .InputGroup-module__hop-InputGroup___IeLq4[data-focus-within] {
2354
+ .InputGroup-module__hop-InputGroup___-dY-s[data-focus-within] {
2270
2355
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2271
2356
  }
2272
- .InputGroup-module__hop-InputGroup___IeLq4[data-invalid] {
2357
+ .InputGroup-module__hop-InputGroup___-dY-s[data-invalid] {
2273
2358
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2274
2359
  }
2275
- .InputGroup-module__hop-InputGroup___IeLq4[data-disabled] {
2360
+ .InputGroup-module__hop-InputGroup___-dY-s[data-disabled] {
2276
2361
  --background: var(--hop-InputGroup-background-disabled);
2277
2362
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2278
2363
  --input-color: var(--hop-InputGroup-input-color-disabled);
2279
2364
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2280
2365
  }
2281
- .InputGroup-module__hop-InputGroup__input___pobIV,
2282
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
2366
+ .InputGroup-module__hop-InputGroup__input___prIHX,
2367
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2283
2368
  flex: 1 1 auto;
2284
2369
  box-sizing: border-box;
2285
2370
  inline-size: var(--input-inline-size);
@@ -2293,111 +2378,26 @@
2293
2378
  border: none;
2294
2379
  outline: none;
2295
2380
  }
2296
- .InputGroup-module__hop-InputGroup__input___pobIV {
2381
+ .InputGroup-module__hop-InputGroup__input___prIHX {
2297
2382
  block-size: var(--input-block-size);
2298
2383
  padding: var(--hop-InputGroup-input-padding);
2299
2384
  }
2300
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
2385
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2301
2386
  padding: var(--hop-InputGroup-textarea-padding);
2302
2387
  }
2303
- .InputGroup-module__hop-InputGroup__input___pobIV::placeholder {
2388
+ .InputGroup-module__hop-InputGroup__input___prIHX::placeholder {
2304
2389
  font-family: var(--hop-InputGroup-placeholder-font-family);
2305
2390
  font-size: var(--hop-InputGroup-placeholder-font-size);
2306
2391
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2307
2392
  line-height: var(--hop-InputGroup-placeholder-line-height);
2308
2393
  color: var(--input-placeholder-color);
2309
2394
  }
2310
- .InputGroup-module__hop-InputGroup__embedded-button___tggVm {
2395
+ .InputGroup-module__hop-InputGroup__embedded-button___1SGd6 {
2311
2396
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2312
2397
  }
2313
2398
 
2314
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2315
- .Heading-module__hop-Heading___byI5a {
2316
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2317
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2318
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
2319
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
2320
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
2321
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
2322
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
2323
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
2324
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
2325
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
2326
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
2327
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
2328
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
2329
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
2330
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
2331
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
2332
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
2333
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
2334
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
2335
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
2336
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
2337
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
2338
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
2339
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
2340
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
2341
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
2342
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
2343
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
2344
- --hop-Heading-inherit-size-font-size: inherit;
2345
- --hop-Heading-inherit-size-font-family: inherit;
2346
- --hop-Heading-inherit-size-font-weight: inherit;
2347
- --hop-Heading-inherit-size-line-height: inherit;
2348
- }
2349
- :where(.Heading-module__hop-Heading___byI5a) {
2350
- margin: 0;
2351
- font-family: var(--font-family);
2352
- font-size: var(--font-size);
2353
- font-weight: var(--font-weight);
2354
- line-height: var(--line-height);
2355
- }
2356
- :where(.Heading-module__hop-Heading--xs___S-Spm) {
2357
- --font-size: var(--hop-Heading-xs-font-size);
2358
- --font-family: var(--hop-Heading-xs-font-family);
2359
- --font-weight: var(--hop-Heading-xs-font-weight);
2360
- --line-height: var(--hop-Heading-xs-line-height);
2361
- }
2362
- :where(.Heading-module__hop-Heading--sm___eYVWY) {
2363
- --font-size: var(--hop-Heading-sm-font-size);
2364
- --font-family: var(--hop-Heading-sm-font-family);
2365
- --font-weight: var(--hop-Heading-sm-font-weight);
2366
- --line-height: var(--hop-Heading-sm-line-height);
2367
- }
2368
- :where(.Heading-module__hop-Heading--md___Trt4d) {
2369
- --font-size: var(--hop-Heading-md-font-size);
2370
- --font-family: var(--hop-Heading-md-font-family);
2371
- --font-weight: var(--hop-Heading-md-font-weight);
2372
- --line-height: var(--hop-Heading-md-line-height);
2373
- }
2374
- :where(.Heading-module__hop-Heading--lg___8RulN) {
2375
- --font-size: var(--hop-Heading-lg-font-size);
2376
- --font-family: var(--hop-Heading-lg-font-family);
2377
- --font-weight: var(--hop-Heading-lg-font-weight);
2378
- --line-height: var(--hop-Heading-lg-line-height);
2379
- }
2380
- :where(.Heading-module__hop-Heading--xl___XLAp5) {
2381
- --font-size: var(--hop-Heading-xl-font-size);
2382
- --font-family: var(--hop-Heading-xl-font-family);
2383
- --font-weight: var(--hop-Heading-xl-font-weight);
2384
- --line-height: var(--hop-Heading-xl-line-height);
2385
- }
2386
- :where(.Heading-module__hop-Heading--2xl___ghz3S) {
2387
- --font-size: var(--hop-Heading-2xl-font-size);
2388
- --font-family: var(--hop-Heading-2xl-font-family);
2389
- --font-weight: var(--hop-Heading-2xl-font-weight);
2390
- --line-height: var(--hop-Heading-2xl-line-height);
2391
- }
2392
- :where(.Heading-module__hop-Heading--3xl___sTxzT) {
2393
- --font-size: var(--hop-Heading-3xl-font-size);
2394
- --font-family: var(--hop-Heading-3xl-font-family);
2395
- --font-weight: var(--hop-Heading-3xl-font-weight);
2396
- --line-height: var(--hop-Heading-3xl-line-height);
2397
- }
2398
-
2399
2399
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2400
- .NumberField-module__hop-NumberField___-spFY {
2400
+ .NumberField-module__hop-NumberField___VWgJv {
2401
2401
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2402
2402
  --hop-NumberField-inline-size: 20rem;
2403
2403
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2445,30 +2445,30 @@
2445
2445
  gap: var(--hop-NumberField-gap);
2446
2446
  inline-size: var(--inline-size);
2447
2447
  }
2448
- .NumberField-module__hop-NumberField--fluid___HuQeh {
2448
+ .NumberField-module__hop-NumberField--fluid___D4KuH {
2449
2449
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2450
2450
  }
2451
- .NumberField-module__hop-NumberField--mobile___jiJLy {
2451
+ .NumberField-module__hop-NumberField--mobile___JdtJi {
2452
2452
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2453
2453
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2454
2454
  }
2455
- .NumberField-module__hop-NumberField__Label___kcHPU {
2455
+ .NumberField-module__hop-NumberField__Label___DpcSp {
2456
2456
  order: 0;
2457
2457
  }
2458
- .NumberField-module__hop-NumberField__prefix___kC1mi {
2458
+ .NumberField-module__hop-NumberField__prefix___baTwE {
2459
2459
  grid-area: prefix;
2460
2460
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2461
2461
  color: var(--hop-NumberField-prefix-color);
2462
2462
  }
2463
- .NumberField-module__hop-NumberField__InputGroup___GmvOU {
2463
+ .NumberField-module__hop-NumberField__InputGroup___f4BCh {
2464
2464
  grid-template: var(--input-group-template);
2465
2465
  order: 1;
2466
2466
  }
2467
- .NumberField-module__hop-NumberField__ErrorMessage___tIjYw,
2468
- .NumberField-module__hop-NumberField__HelperMessage___hYZXB {
2467
+ .NumberField-module__hop-NumberField__ErrorMessage___iTVwp,
2468
+ .NumberField-module__hop-NumberField__HelperMessage___JGOeo {
2469
2469
  order: 3;
2470
2470
  }
2471
- .NumberField-module__hop-NumberField__stepper-button___hfKPt {
2471
+ .NumberField-module__hop-NumberField__stepper-button___h67o- {
2472
2472
  cursor: pointer;
2473
2473
  display: flex;
2474
2474
  grid-area: var(--grid-area, unset);
@@ -2489,222 +2489,213 @@
2489
2489
  border-radius: var(--stepper-border-radius, 0);
2490
2490
  outline: none;
2491
2491
  }
2492
- .NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
2492
+ .NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2493
2493
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2494
2494
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2495
2495
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2496
2496
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2497
2497
  --grid-area: stepup;
2498
2498
  }
2499
- .NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
2499
+ .NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2500
2500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2501
2501
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2502
2502
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2503
2503
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2504
2504
  --grid-area: stepdown;
2505
2505
  }
2506
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
2506
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2507
2507
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2508
2508
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2509
2509
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2510
2510
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2511
2511
  }
2512
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
2512
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2513
2513
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2514
2514
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2515
2515
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2516
2516
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2517
2517
  }
2518
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-hovered] {
2518
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-hovered] {
2519
2519
  color: var(--hop-NumberField-stepper-color-hovered);
2520
2520
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2521
2521
  }
2522
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-pressed] {
2522
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-pressed] {
2523
2523
  color: var(--hop-NumberField-stepper-color-pressed);
2524
2524
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2525
2525
  }
2526
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-disabled] {
2526
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-disabled] {
2527
2527
  cursor: not-allowed;
2528
2528
  color: var(--hop-NumberField-stepper-color-disabled);
2529
2529
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2530
2530
  }
2531
- .NumberField-module__hop-NumberField__stepper-button__icon___l7rJE {
2531
+ .NumberField-module__hop-NumberField__stepper-button__icon___ogLPx {
2532
2532
  display: block;
2533
2533
  max-block-size: 100%;
2534
2534
  }
2535
- .NumberField-module__hop-NumberField__input___JmJl4 {
2535
+ .NumberField-module__hop-NumberField__input___7YBOI {
2536
2536
  grid-area: input;
2537
2537
  }
2538
2538
 
2539
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2540
- .TextArea-module__hop-TextArea___CigfE {
2541
- --hop-TextArea-gap: var(--hop-space-stack-xs);
2542
- --hop-TextArea-inline-size: 20rem;
2543
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2544
- --hop-TextArea-char-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
2545
- --hop-TextArea-char-count-color: var(--hop-neutral-text-weak);
2546
- --hop-TextArea-char-count-color-disabled: var(--hop-neutral-text-disabled);
2547
- --hop-TextArea-char-count-color-invalid: var(--hop-danger-text-weak);
2548
- --hop-TextArea-input-min-height: 2rem;
2549
- --inline-size: var(--hop-TextArea-inline-size);
2550
- --resize: none;
2551
- --char-count-color: var(--hop-TextArea-char-count-color);
2539
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2540
+ .PasswordField-module__hop-PasswordField___JFqMs {
2541
+ --hop-PasswordField-gap: var(--hop-space-stack-xs);
2542
+ --hop-PasswordField-inline-size: 20rem;
2543
+ --inline-size: var(--hop-PasswordField-inline-size);
2552
2544
  display: flex;
2553
2545
  flex-direction: column;
2554
- gap: var(--hop-TextArea-gap);
2546
+ gap: var(--hop-PasswordField-gap);
2555
2547
  inline-size: var(--inline-size);
2556
2548
  max-inline-size: 100%;
2557
2549
  }
2558
- .TextArea-module__hop-TextArea--fluid___RHFdR {
2550
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
2559
2551
  --inline-size: 100%;
2560
2552
  }
2561
- .TextArea-module__hop-TextArea___CigfE[data-resize-mode=vertical] {
2562
- --resize: vertical;
2563
- }
2564
- .TextArea-module__hop-TextArea___CigfE[data-over-max-length] {
2565
- --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2566
- }
2567
- .TextArea-module__hop-TextArea___CigfE[data-disabled] {
2568
- --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2569
- }
2570
- .TextArea-module__hop-TextArea__Label___IesgB {
2553
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
2571
2554
  order: 0;
2572
2555
  }
2573
- .TextArea-module__hop-TextArea__prefix___CKsl5 {
2574
- color: var(--hop-TextArea-prefix-color);
2575
- }
2576
- .TextArea-module__hop-TextArea__InputGroup___Dy8Ya {
2556
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
2577
2557
  order: 1;
2578
2558
  }
2579
- .TextArea-module__hop-TextArea__textarea___TaknV {
2580
- resize: var(--resize);
2581
- min-block-size: var(--hop-TextArea-input-min-height);
2559
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
2560
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
2561
+ order: 3;
2582
2562
  }
2583
- .TextArea-module__hop-TextArea__char-count___L5-B2 {
2584
- padding: var(--hop-TextArea-char-count-padding);
2563
+
2564
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2565
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
2566
+ --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2567
+ --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2568
+ --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2569
+ --char-count-color: var(--hop-RemainingCharacterCount-color);
2585
2570
  color: var(--char-count-color);
2586
2571
  }
2587
- .TextArea-module__hop-TextArea__ErrorMessage___px1UJ,
2588
- .TextArea-module__hop-TextArea__HelperMessage___rzEEf {
2589
- order: 3;
2572
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
2573
+ --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2574
+ }
2575
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
2576
+ --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2590
2577
  }
2591
2578
 
2592
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2593
- .TextField-module__hop-TextField___h9LPC {
2594
- --hop-TextField-gap: var(--hop-space-stack-xs);
2595
- --hop-TextField-inline-size: 20rem;
2596
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2597
- --hop-TextField-char-count-color: var(--hop-neutral-text-weak);
2598
- --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
2599
- --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
2600
- --inline-size: var(--hop-TextField-inline-size);
2601
- --char-count-color: var(--hop-TextField-char-count-color);
2579
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2580
+ .SearchField-module__hop-SearchField___CmlB- {
2581
+ --hop-SearchField-gap: var(--hop-space-stack-xs);
2582
+ --hop-SearchField-inline-size: 20rem;
2583
+ --hop-SearchField-color: var(--hop-neutral-text-weak);
2584
+ --hop-SearchField-padding: var(--hop-space-inset-md);
2585
+ --inline-size: var(--hop-SearchField-inline-size);
2586
+ --input-group-padding-inline-end: var(--hop-SearchField-padding);
2587
+ --input-group-padding-inline-start: var(--hop-SearchField-padding);
2588
+ --clear-button-display: flex;
2602
2589
  display: flex;
2603
2590
  flex-direction: column;
2604
- gap: var(--hop-TextField-gap);
2591
+ gap: var(--hop-SearchField-gap);
2605
2592
  inline-size: var(--inline-size);
2606
2593
  max-inline-size: 100%;
2607
2594
  }
2608
- .TextField-module__hop-TextField--fluid___Vhft- {
2595
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
2609
2596
  --inline-size: 100%;
2610
2597
  }
2611
- .TextField-module__hop-TextField___h9LPC[data-over-max-length] {
2612
- --char-count-color: var(--hop-TextField-char-count-color-invalid);
2613
- }
2614
- .TextField-module__hop-TextField___h9LPC[data-disabled] {
2615
- --char-count-color: var(--hop-TextField-char-count-color-disabled);
2616
- }
2617
- .TextField-module__hop-TextField__Label___vjdjj {
2598
+ .SearchField-module__hop-SearchField__Label___w0bGj {
2618
2599
  order: 0;
2619
2600
  }
2620
- .TextField-module__hop-TextField__prefix___y4SIt {
2621
- color: var(--hop-TextField-prefix-color);
2622
- }
2623
- .TextField-module__hop-TextField__char-count___w-Y38 {
2624
- color: var(--char-count-color);
2601
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
2602
+ color: var(--hop-SearchField-color);
2625
2603
  }
2626
- .TextField-module__hop-TextField__InputGroup___crbeu {
2604
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
2627
2605
  order: 1;
2606
+ padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2607
+ }
2608
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
2609
+ --input-group-padding-inline-end: 0;
2628
2610
  }
2629
- .TextField-module__hop-TextField__ErrorMessage___m-vG9,
2630
- .TextField-module__hop-TextField__HelperMessage___ahKEe {
2611
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
2612
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
2631
2613
  order: 3;
2632
2614
  }
2615
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
2616
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
2617
+ appearance: none;
2618
+ }
2619
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
2620
+ --clear-button-display: none;
2621
+ }
2622
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
2623
+ display: var(--clear-button-display);
2624
+ }
2633
2625
 
2634
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2635
- .PasswordField-module__hop-PasswordField___I0UHA {
2636
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
2637
- --hop-PasswordField-inline-size: 20rem;
2638
- --inline-size: var(--hop-PasswordField-inline-size);
2626
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2627
+ .TextArea-module__hop-TextArea___-k51c {
2628
+ --hop-TextArea-gap: var(--hop-space-stack-xs);
2629
+ --hop-TextArea-inline-size: 20rem;
2630
+ --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2631
+ --hop-TextArea-input-min-height: 2rem;
2632
+ --hop-TextArea-remaining-character-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
2633
+ --inline-size: var(--hop-TextArea-inline-size);
2634
+ --resize: none;
2639
2635
  display: flex;
2640
2636
  flex-direction: column;
2641
- gap: var(--hop-PasswordField-gap);
2637
+ gap: var(--hop-TextArea-gap);
2642
2638
  inline-size: var(--inline-size);
2643
2639
  max-inline-size: 100%;
2644
2640
  }
2645
- .PasswordField-module__hop-PasswordField--fluid___T093p {
2641
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
2646
2642
  --inline-size: 100%;
2647
2643
  }
2648
- .PasswordField-module__hop-PasswordField__Label___SFE1N {
2644
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
2645
+ --resize: vertical;
2646
+ }
2647
+ .TextArea-module__hop-TextArea__Label___DTyVx {
2649
2648
  order: 0;
2650
2649
  }
2651
- .PasswordField-module__hop-PasswordField__InputGroup___z0KM7 {
2650
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
2651
+ color: var(--hop-TextArea-prefix-color);
2652
+ }
2653
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
2652
2654
  order: 1;
2653
2655
  }
2654
- .PasswordField-module__hop-PasswordField__ErrorMessage___St921,
2655
- .PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm {
2656
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
2657
+ padding: var(--hop-TextArea-remaining-character-count-padding);
2658
+ }
2659
+ .TextArea-module__hop-TextArea__textarea___X66az {
2660
+ resize: var(--resize);
2661
+ min-block-size: var(--hop-TextArea-input-min-height);
2662
+ }
2663
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
2664
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
2656
2665
  order: 3;
2657
2666
  }
2658
2667
 
2659
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2660
- .SearchField-module__hop-SearchField___AV5d9 {
2661
- --hop-SearchField-gap: var(--hop-space-stack-xs);
2662
- --hop-SearchField-inline-size: 20rem;
2663
- --hop-SearchField-color: var(--hop-neutral-text-weak);
2664
- --hop-SearchField-padding: var(--hop-space-inset-md);
2665
- --inline-size: var(--hop-SearchField-inline-size);
2666
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
2667
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
2668
- --clear-button-display: flex;
2668
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2669
+ .TextField-module__hop-TextField___1sv5- {
2670
+ --hop-TextField-gap: var(--hop-space-stack-xs);
2671
+ --hop-TextField-inline-size: 20rem;
2672
+ --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2673
+ --inline-size: var(--hop-TextField-inline-size);
2669
2674
  display: flex;
2670
2675
  flex-direction: column;
2671
- gap: var(--hop-SearchField-gap);
2676
+ gap: var(--hop-TextField-gap);
2672
2677
  inline-size: var(--inline-size);
2673
2678
  max-inline-size: 100%;
2674
2679
  }
2675
- .SearchField-module__hop-SearchField--fluid___fk-1h {
2680
+ .TextField-module__hop-TextField--fluid___12PF- {
2676
2681
  --inline-size: 100%;
2677
2682
  }
2678
- .SearchField-module__hop-SearchField__Label___cDU1N {
2683
+ .TextField-module__hop-TextField__Label___v5PNS {
2679
2684
  order: 0;
2680
2685
  }
2681
- .SearchField-module__hop-SearchField__prefix___CXWRj {
2682
- color: var(--hop-SearchField-color);
2686
+ .TextField-module__hop-TextField__prefix___6Ykah {
2687
+ color: var(--hop-TextField-prefix-color);
2683
2688
  }
2684
- .SearchField-module__hop-SearchField__InputGroup___WkPdD {
2689
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
2685
2690
  order: 1;
2686
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2687
- }
2688
- .SearchField-module__hop-SearchField--clearable___rVtfI {
2689
- --input-group-padding-inline-end: 0;
2690
2691
  }
2691
- .SearchField-module__hop-SearchField__ErrorMessage___fscIC,
2692
- .SearchField-module__hop-SearchField__HelperMessage___wlBbe {
2692
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
2693
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
2693
2694
  order: 3;
2694
2695
  }
2695
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-cancel-button,
2696
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-decoration {
2697
- appearance: none;
2698
- }
2699
- .SearchField-module__hop-SearchField___AV5d9[data-empty] {
2700
- --clear-button-display: none;
2701
- }
2702
- .SearchField-module__hop-SearchField__ClearButton___7B2Ke {
2703
- display: var(--clear-button-display);
2704
- }
2705
2696
 
2706
2697
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2707
- .Link-module__hop-Link___hx42L {
2698
+ .Link-module__hop-Link___hCv6o {
2708
2699
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2709
2700
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2710
2701
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2729,59 +2720,59 @@
2729
2720
  outline: none;
2730
2721
  outline-offset: 0.125rem;
2731
2722
  }
2732
- .Link-module__hop-Link___hx42L[data-focus-visible] {
2723
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
2733
2724
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2734
2725
  }
2735
- .Link-module__hop-Link___hx42L[data-disabled] {
2726
+ .Link-module__hop-Link___hCv6o[data-disabled] {
2736
2727
  cursor: default;
2737
2728
  }
2738
- .Link-module__hop-Link--quiet___Sdez0[data-focus-visible],
2739
- .Link-module__hop-Link--quiet___Sdez0[data-hovered] {
2729
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
2730
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
2740
2731
  text-decoration: underline;
2741
2732
  }
2742
- .Link-module__hop-Link___hx42L:not(.Link-module__hop-Link--quiet___Sdez0) {
2733
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
2743
2734
  text-decoration: underline;
2744
2735
  }
2745
- .Link-module__hop-Link--primary___pd6jh {
2736
+ .Link-module__hop-Link--primary___Nrvdi {
2746
2737
  color: var(--hop-Link-primary-text-color);
2747
2738
  }
2748
- .Link-module__hop-Link--primary___pd6jh[data-disabled] {
2739
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
2749
2740
  color: var(--hop-Link-primary-text-disabled-color);
2750
2741
  }
2751
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-focus-visible],
2752
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-hovered] {
2742
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-focus-visible],
2743
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-hovered] {
2753
2744
  color: var(--hop-Link-primary-text-hover-color);
2754
2745
  }
2755
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-pressed] {
2746
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
2756
2747
  color: var(--hop-Link-primary-text-pressed-color);
2757
2748
  }
2758
- .Link-module__hop-Link--secondary___ZmHJ9 {
2749
+ .Link-module__hop-Link--secondary___4ytgC {
2759
2750
  color: var(--hop-Link-neutral-text-color);
2760
2751
  }
2761
- .Link-module__hop-Link--secondary___ZmHJ9[data-disabled] {
2752
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
2762
2753
  color: var(--hop-Link-neutral-text-disabled-color);
2763
2754
  }
2764
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-focus-visible],
2765
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-hovered] {
2755
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-focus-visible],
2756
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-hovered] {
2766
2757
  color: var(--hop-Link-neutral-text-hover-color);
2767
2758
  }
2768
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-pressed] {
2759
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
2769
2760
  color: var(--hop-Link-neutral-text-pressed-color);
2770
2761
  }
2771
- .Link-module__hop-Link__icon___EzbcC,
2772
- .Link-module__hop-Link__icon-list___kDa2B {
2762
+ .Link-module__hop-Link__icon___GjiY8,
2763
+ .Link-module__hop-Link__icon-list___eWJSv {
2773
2764
  order: 2;
2774
2765
  }
2775
- .Link-module__hop-Link__text___4wQpK {
2766
+ .Link-module__hop-Link__text___VgjRa {
2776
2767
  order: 1;
2777
2768
  }
2778
- .Link-module__hop-Link__start-icon___REGAG,
2779
- .Link-module__hop-Link__start-icon-list___lhZ1C {
2769
+ .Link-module__hop-Link__start-icon___8qO6o,
2770
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
2780
2771
  order: 0;
2781
2772
  }
2782
2773
 
2783
2774
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2784
- .Radio-module__hop-Radio___5q4dw {
2775
+ .Radio-module__hop-Radio___mjGTL {
2785
2776
  --hop-Radio-box-border-size: 0.0625rem;
2786
2777
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2787
2778
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2855,60 +2846,60 @@
2855
2846
  inline-size: max-content;
2856
2847
  max-inline-size: 100%;
2857
2848
  }
2858
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
2849
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
2859
2850
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2860
2851
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2861
2852
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2862
2853
  --text-color: var(--hop-Radio-text-color-focused);
2863
2854
  --icon-color: var(--hop-Radio-icon-color-focused);
2864
2855
  }
2865
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
2856
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
2866
2857
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2867
2858
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2868
2859
  --text-color: var(--hop-Radio-text-color-hovered);
2869
2860
  --icon-color: var(--hop-Radio-icon-color-hovered);
2870
2861
  }
2871
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
2862
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
2872
2863
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2873
2864
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2874
2865
  --text-color: var(--hop-Radio-text-color-pressed);
2875
2866
  --icon-color: var(--hop-Radio-icon-color-pressed);
2876
2867
  }
2877
- .Radio-module__hop-Radio___5q4dw[data-selected] {
2868
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
2878
2869
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2879
2870
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2880
2871
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2881
2872
  --text-color: var(--hop-Radio-text-color-selected);
2882
2873
  --icon-color: var(--hop-Radio-icon-color-selected);
2883
2874
  }
2884
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
2875
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
2885
2876
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2886
2877
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2887
2878
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2888
2879
  --text-color: var(--hop-Radio-text-color-invalid);
2889
2880
  --icon-color: var(--hop-Radio-icon-color-invalid);
2890
2881
  }
2891
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
2882
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
2892
2883
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2893
2884
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2894
2885
  }
2895
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
2886
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
2896
2887
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2897
2888
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2898
2889
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2899
2890
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2900
2891
  }
2901
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
2892
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
2902
2893
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2903
2894
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2904
2895
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2905
2896
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2906
2897
  }
2907
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
2898
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
2908
2899
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2909
2900
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2910
2901
  }
2911
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
2902
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
2912
2903
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2913
2904
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2914
2905
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2916,25 +2907,25 @@
2916
2907
  --text-color: var(--hop-Radio-text-color-disabled);
2917
2908
  --icon-color: var(--hop-Radio-icon-color-disabled);
2918
2909
  }
2919
- .Radio-module__hop-Radio--sm___4LYS8 {
2910
+ .Radio-module__hop-Radio--sm___yl7Uc {
2920
2911
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2921
2912
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2922
2913
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2923
2914
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2924
2915
  }
2925
- .Radio-module__hop-Radio--md___As58o {
2916
+ .Radio-module__hop-Radio--md___Umq9X {
2926
2917
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2927
2918
  --box-block-size: var(--hop-Radio-box-md-block-size);
2928
2919
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2929
2920
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2930
2921
  }
2931
- .Radio-module__hop-Radio__icon___KdTxL,
2932
- .Radio-module__hop-Radio__icon-list___4rAJh {
2922
+ .Radio-module__hop-Radio__icon___umH4r,
2923
+ .Radio-module__hop-Radio__icon-list___x6UXM {
2933
2924
  flex: 0 0 auto;
2934
2925
  order: 3;
2935
2926
  color: var(--icon-color);
2936
2927
  }
2937
- .Radio-module__hop-Radio__box___RRBuh {
2928
+ .Radio-module__hop-Radio__box___5S65W {
2938
2929
  display: flex;
2939
2930
  flex: 0 0 auto;
2940
2931
  align-items: center;
@@ -2950,11 +2941,11 @@
2950
2941
  outline-offset: 0.125rem;
2951
2942
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2952
2943
  }
2953
- .Radio-module__hop-Radio__bullet___BZw7q {
2944
+ .Radio-module__hop-Radio__bullet___9Zldv {
2954
2945
  display: var(--bullet-display);
2955
2946
  color: var(--bullet-color);
2956
2947
  }
2957
- .Radio-module__hop-Radio__text___Q7Ytg {
2948
+ .Radio-module__hop-Radio__text___Jw3rk {
2958
2949
  flex: 0 1 auto;
2959
2950
  order: 2;
2960
2951
  min-inline-size: 0;
@@ -2964,7 +2955,7 @@
2964
2955
  }
2965
2956
 
2966
2957
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2967
- .RadioField-module__hop-RadioField___A5OEY {
2958
+ .RadioField-module__hop-RadioField___y405X {
2968
2959
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2969
2960
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2970
2961
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2983,28 +2974,28 @@
2983
2974
  inline-size: max-content;
2984
2975
  max-inline-size: 100%;
2985
2976
  }
2986
- .RadioField-module__hop-RadioField___A5OEY[data-disabled] {
2977
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
2987
2978
  --description-color: var(--hop-RadioField-description-color-disabled);
2988
2979
  }
2989
- .RadioField-module__hop-RadioField--sm___08VGE {
2980
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
2990
2981
  --row-gap: var(--hop-RadioField-sm-row-gap);
2991
2982
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2992
2983
  }
2993
- .RadioField-module__hop-RadioField--md___-4aoZ {
2984
+ .RadioField-module__hop-RadioField--md___-TjKd {
2994
2985
  --row-gap: var(--hop-RadioField-md-row-gap);
2995
2986
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2996
2987
  }
2997
- .RadioField-module__hop-RadioField__description___5EvIt {
2988
+ .RadioField-module__hop-RadioField__description___1rQov {
2998
2989
  order: 2;
2999
2990
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
3000
2991
  color: var(--description-color);
3001
2992
  }
3002
- .RadioField-module__hop-RadioField__radio___lMDuc {
2993
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
3003
2994
  order: 1;
3004
2995
  }
3005
2996
 
3006
2997
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3007
- .RadioGroup-module__hop-RadioGroup___ByriM {
2998
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
3008
2999
  --hop-RadioGroup-align-items: flex-start;
3009
3000
  --hop-RadioGroup-justify-content: flex-start;
3010
3001
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3044,46 +3035,46 @@
3044
3035
  inline-size: var(--inline-size);
3045
3036
  max-inline-size: 100%;
3046
3037
  }
3047
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR {
3038
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
3048
3039
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3049
3040
  --list-border-radius: var(--hop-shape-rounded-md);
3050
3041
  }
3051
- .RadioGroup-module__hop-RadioGroup--sm___wPypQ {
3042
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3052
3043
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3053
3044
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3054
3045
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3055
3046
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3056
3047
  }
3057
- .RadioGroup-module__hop-RadioGroup--md___uVawW {
3048
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
3058
3049
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3059
3050
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3060
3051
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3061
3052
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3062
3053
  }
3063
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
3054
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3064
3055
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3065
3056
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3066
3057
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3067
3058
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3068
3059
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3069
3060
  }
3070
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--md___uVawW {
3061
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
3071
3062
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3072
3063
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3073
3064
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3074
3065
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3075
3066
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3076
3067
  }
3077
- .RadioGroup-module__hop-RadioGroup___ByriM[data-orientation=horizontal] {
3068
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
3078
3069
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3079
3070
  }
3080
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] {
3071
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
3081
3072
  --flex-wrap: nowrap;
3082
3073
  }
3083
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__label___ieR7x {
3074
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
3084
3075
  order: 1;
3085
3076
  }
3086
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 {
3077
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
3087
3078
  display: flex;
3088
3079
  flex-flow: var(--flex-direction) var(--flex-wrap);
3089
3080
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3094,7 +3085,7 @@
3094
3085
  border: var(--list-border, none);
3095
3086
  border-radius: var(--list-border-radius, 0);
3096
3087
  }
3097
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ {
3088
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
3098
3089
  position: relative;
3099
3090
  flex: 0 1 auto;
3100
3091
  align-content: start;
@@ -3102,28 +3093,28 @@
3102
3093
  min-inline-size: 0;
3103
3094
  padding: var(--radio-padding, 0);
3104
3095
  }
3105
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
3096
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3106
3097
  content: "";
3107
3098
  position: absolute;
3108
3099
  display: block;
3109
3100
  }
3110
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
3101
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3111
3102
  inset-block-start: 0;
3112
3103
  inset-inline: 0;
3113
3104
  border-block-start: var(--list-border, none);
3114
3105
  }
3115
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
3106
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3116
3107
  inset-block: 0;
3117
3108
  inset-inline-start: 0;
3118
3109
  border-inline-start: var(--list-border, none);
3119
3110
  }
3120
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__error-message___QtRJp,
3121
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__helper-message___CHWOA {
3111
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
3112
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
3122
3113
  order: 3;
3123
3114
  }
3124
3115
 
3125
3116
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3126
- .Radio-module__hop-Radio___5q4dw {
3117
+ .Radio-module__hop-Radio___mjGTL {
3127
3118
  --hop-Radio-box-border-size: 0.0625rem;
3128
3119
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3129
3120
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3197,60 +3188,60 @@
3197
3188
  inline-size: max-content;
3198
3189
  max-inline-size: 100%;
3199
3190
  }
3200
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
3191
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
3201
3192
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3202
3193
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3203
3194
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3204
3195
  --text-color: var(--hop-Radio-text-color-focused);
3205
3196
  --icon-color: var(--hop-Radio-icon-color-focused);
3206
3197
  }
3207
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
3198
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
3208
3199
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3209
3200
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3210
3201
  --text-color: var(--hop-Radio-text-color-hovered);
3211
3202
  --icon-color: var(--hop-Radio-icon-color-hovered);
3212
3203
  }
3213
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
3204
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
3214
3205
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3215
3206
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3216
3207
  --text-color: var(--hop-Radio-text-color-pressed);
3217
3208
  --icon-color: var(--hop-Radio-icon-color-pressed);
3218
3209
  }
3219
- .Radio-module__hop-Radio___5q4dw[data-selected] {
3210
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
3220
3211
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3221
3212
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3222
3213
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3223
3214
  --text-color: var(--hop-Radio-text-color-selected);
3224
3215
  --icon-color: var(--hop-Radio-icon-color-selected);
3225
3216
  }
3226
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
3217
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
3227
3218
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3228
3219
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3229
3220
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3230
3221
  --text-color: var(--hop-Radio-text-color-invalid);
3231
3222
  --icon-color: var(--hop-Radio-icon-color-invalid);
3232
3223
  }
3233
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
3224
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
3234
3225
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3235
3226
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3236
3227
  }
3237
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
3228
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
3238
3229
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3239
3230
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3240
3231
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3241
3232
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3242
3233
  }
3243
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
3234
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
3244
3235
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3245
3236
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3246
3237
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3247
3238
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3248
3239
  }
3249
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
3240
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
3250
3241
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3251
3242
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3252
3243
  }
3253
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
3244
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
3254
3245
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3255
3246
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3256
3247
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3258,25 +3249,25 @@
3258
3249
  --text-color: var(--hop-Radio-text-color-disabled);
3259
3250
  --icon-color: var(--hop-Radio-icon-color-disabled);
3260
3251
  }
3261
- .Radio-module__hop-Radio--sm___4LYS8 {
3252
+ .Radio-module__hop-Radio--sm___yl7Uc {
3262
3253
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3263
3254
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3264
3255
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3265
3256
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3266
3257
  }
3267
- .Radio-module__hop-Radio--md___As58o {
3258
+ .Radio-module__hop-Radio--md___Umq9X {
3268
3259
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3269
3260
  --box-block-size: var(--hop-Radio-box-md-block-size);
3270
3261
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3271
3262
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3272
3263
  }
3273
- .Radio-module__hop-Radio__icon___KdTxL,
3274
- .Radio-module__hop-Radio__icon-list___4rAJh {
3264
+ .Radio-module__hop-Radio__icon___umH4r,
3265
+ .Radio-module__hop-Radio__icon-list___x6UXM {
3275
3266
  flex: 0 0 auto;
3276
3267
  order: 3;
3277
3268
  color: var(--icon-color);
3278
3269
  }
3279
- .Radio-module__hop-Radio__box___RRBuh {
3270
+ .Radio-module__hop-Radio__box___5S65W {
3280
3271
  display: flex;
3281
3272
  flex: 0 0 auto;
3282
3273
  align-items: center;
@@ -3292,11 +3283,11 @@
3292
3283
  outline-offset: 0.125rem;
3293
3284
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3294
3285
  }
3295
- .Radio-module__hop-Radio__bullet___BZw7q {
3286
+ .Radio-module__hop-Radio__bullet___9Zldv {
3296
3287
  display: var(--bullet-display);
3297
3288
  color: var(--bullet-color);
3298
3289
  }
3299
- .Radio-module__hop-Radio__text___Q7Ytg {
3290
+ .Radio-module__hop-Radio__text___Jw3rk {
3300
3291
  flex: 0 1 auto;
3301
3292
  order: 2;
3302
3293
  min-inline-size: 0;
@@ -3304,24 +3295,24 @@
3304
3295
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3305
3296
  color: var(--text-color);
3306
3297
  }
3307
- .DecorativeRadio-module__hop-DecorativeRadio___xR3qR {
3298
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
3308
3299
  }
3309
- .DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 {
3300
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
3310
3301
  }
3311
- .DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE {
3302
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
3312
3303
  }
3313
- .DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5,
3314
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP {
3304
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
3305
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
3315
3306
  }
3316
- .DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C {
3307
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
3317
3308
  }
3318
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA {
3309
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
3319
3310
  }
3320
- .DecorativeRadio-module__hop-DecorativeRadio__text___guri5 {
3311
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
3321
3312
  }
3322
3313
 
3323
3314
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3324
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Arx5F {
3315
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
3325
3316
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
3326
3317
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
3327
3318
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3347,7 +3338,7 @@
3347
3338
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3348
3339
  background-size: 400% 100%;
3349
3340
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3350
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs;
3341
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
3351
3342
  animation-duration: var(--animation-duration);
3352
3343
  animation-timing-function: ease-in-out;
3353
3344
  animation-fill-mode: forwards;
@@ -3356,19 +3347,19 @@
3356
3347
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3357
3348
  }
3358
3349
  }
3359
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW {
3350
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
3360
3351
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3361
3352
  }
3362
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP {
3353
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
3363
3354
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3364
3355
  }
3365
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe {
3356
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
3366
3357
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3367
3358
  }
3368
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52 {
3359
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
3369
3360
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3370
3361
  }
3371
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs {
3362
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
3372
3363
  0% {
3373
3364
  background-position: 125% 50%;
3374
3365
  }
@@ -3378,7 +3369,7 @@
3378
3369
  }
3379
3370
 
3380
3371
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3381
- .ListBoxItem-module__hop-ListBoxItem___EKD3- {
3372
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
3382
3373
  --hop-ListBoxItem-background-color: transparent;
3383
3374
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3384
3375
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3475,129 +3466,129 @@
3475
3466
  outline: var(--outline);
3476
3467
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3477
3468
  }
3478
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN {
3469
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
3479
3470
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3480
3471
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3481
3472
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3482
3473
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3483
3474
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3484
3475
  }
3485
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY {
3476
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
3486
3477
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3487
3478
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3488
3479
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3489
3480
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3490
3481
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3491
3482
  }
3492
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L {
3483
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
3493
3484
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3494
3485
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3495
3486
  --min-height: var(--hop-ListBoxItem-md-min-height);
3496
3487
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3497
3488
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3498
3489
  }
3499
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg- {
3490
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
3500
3491
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3501
3492
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3502
3493
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3503
3494
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3504
3495
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3505
3496
  }
3506
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selection-mode] {
3497
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
3507
3498
  --cursor: pointer;
3508
3499
  }
3509
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:not([data-selection-mode]) {
3500
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
3510
3501
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3511
3502
  }
3512
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
3503
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3513
3504
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3514
3505
  }
3515
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
3506
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3516
3507
  --checkmark-transition: none;
3517
3508
  }
3518
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selected] {
3509
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
3519
3510
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3520
3511
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3521
3512
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3522
3513
  --checkmark-opacity: 1;
3523
3514
  }
3524
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN[data-selected] {
3515
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
3525
3516
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3526
3517
  }
3527
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY[data-selected] {
3518
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
3528
3519
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3529
3520
  }
3530
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L[data-selected] {
3521
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
3531
3522
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3532
3523
  }
3533
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg-[data-selected] {
3524
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
3534
3525
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3535
3526
  }
3536
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-focus-visible] {
3527
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
3537
3528
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3538
3529
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3539
3530
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3540
3531
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3541
3532
  }
3542
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-hovered] {
3533
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
3543
3534
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3544
3535
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3545
3536
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3546
3537
  }
3547
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-pressed] {
3538
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
3548
3539
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3549
3540
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3550
3541
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3551
3542
  }
3552
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-disabled] {
3543
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
3553
3544
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3554
3545
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3555
3546
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3556
3547
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3557
3548
  --cursor: not-allowed;
3558
3549
  }
3559
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid] {
3550
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
3560
3551
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3561
3552
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3562
3553
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3563
3554
  }
3564
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-selected] {
3555
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
3565
3556
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3566
3557
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3567
3558
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3568
3559
  }
3569
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-focus-visible] {
3560
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
3570
3561
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3571
3562
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3572
3563
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3573
3564
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3574
3565
  }
3575
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-hovered] {
3566
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
3576
3567
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3577
3568
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3578
3569
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3579
3570
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3580
3571
  }
3581
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-pressed] {
3572
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
3582
3573
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3583
3574
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3584
3575
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3585
3576
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3586
3577
  }
3587
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-disabled] {
3578
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
3588
3579
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3589
3580
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3590
3581
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3591
3582
  }
3592
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:has(.ListBoxItem-module__hop-ListBoxItem__description___6SsEU) {
3583
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
3593
3584
  --row-gap: var(--hop-ListBoxItem-row-gap);
3594
3585
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3595
3586
  }
3596
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-loading] {
3587
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
3597
3588
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3598
3589
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3599
3590
  }
3600
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p {
3591
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
3601
3592
  display: grid;
3602
3593
  grid-template-areas: var(--grid-template-areas);
3603
3594
  grid-template-columns: var(--grid-template-columns);
@@ -3609,33 +3600,33 @@
3609
3600
  padding-inline: var(--padding-inline);
3610
3601
  transition: grid-template-columns .3s ease-in-out;
3611
3602
  }
3612
- .ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8 {
3603
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
3613
3604
  grid-area: indicator;
3614
3605
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3615
3606
  color: var(--icon-color);
3616
3607
  opacity: var(--checkmark-opacity);
3617
3608
  transition: var(--checkmark-transition);
3618
3609
  }
3619
- .ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk,
3620
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw {
3610
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
3611
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
3621
3612
  pointer-events: none;
3622
3613
  user-select: none;
3623
3614
  grid-area: indicator;
3624
3615
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3625
3616
  }
3626
- .ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ {
3617
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
3627
3618
  grid-area: avatar;
3628
3619
  margin-block: var(--avatar-margin-block, 0);
3629
3620
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3630
3621
  }
3631
- .ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-,
3632
- .ListBoxItem-module__hop-ListBoxItem__icon___gRpdF {
3622
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
3623
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
3633
3624
  grid-area: icon;
3634
3625
  flex: 0 0 auto;
3635
3626
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3636
3627
  color: var(--icon-color);
3637
3628
  }
3638
- .ListBoxItem-module__hop-ListBoxItem__label___46Wdm {
3629
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
3639
3630
  overflow: hidden;
3640
3631
  grid-area: label;
3641
3632
  min-inline-size: 0;
@@ -3643,18 +3634,18 @@
3643
3634
  text-overflow: ellipsis;
3644
3635
  white-space: nowrap;
3645
3636
  }
3646
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws,
3647
- .ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc {
3637
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
3638
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
3648
3639
  grid-area: end-icon;
3649
3640
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3650
3641
  color: var(--icon-color);
3651
3642
  }
3652
- .ListBoxItem-module__hop-ListBoxItem__badge___3pjXI {
3643
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
3653
3644
  grid-area: badge;
3654
3645
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3655
3646
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3656
3647
  }
3657
- .ListBoxItem-module__hop-ListBoxItem__description___6SsEU {
3648
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
3658
3649
  overflow: hidden;
3659
3650
  display: -webkit-box;
3660
3651
  grid-area: description;
@@ -3665,7 +3656,7 @@
3665
3656
  }
3666
3657
 
3667
3658
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3668
- .ListBox-module__hop-ListBox___fCheu {
3659
+ .ListBox-module__hop-ListBox___emfw7 {
3669
3660
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3670
3661
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3671
3662
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3712,11 +3703,11 @@
3712
3703
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3713
3704
  border-radius: var(--hop-ListBox-border-radius);
3714
3705
  }
3715
- .ListBox-module__hop-ListBox--fluid___2fafn {
3706
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
3716
3707
  --max-width: var(--hop-ListBox-fluid-max-width);
3717
3708
  --width: var(--hop-ListBox-fluid-width);
3718
3709
  }
3719
- .ListBox-module__hop-ListBox__section___sIZIS {
3710
+ .ListBox-module__hop-ListBox__section___lzB6a {
3720
3711
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3721
3712
  margin-inline: var(--hop-ListBox-section-margin-inline);
3722
3713
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3724,21 +3715,21 @@
3724
3715
  border-block-start: var(--section-border-block-start);
3725
3716
  border-block-end: var(--section-border-block-end);
3726
3717
  }
3727
- .ListBox-module__hop-ListBox__item___4-Gsh + .ListBox-module__hop-ListBox__section___sIZIS {
3718
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
3728
3719
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3729
3720
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3730
3721
  }
3731
- .ListBox-module__hop-ListBox__section___sIZIS:has(+ .ListBox-module__hop-ListBox__item___4-Gsh) {
3722
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
3732
3723
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3733
3724
  }
3734
- .ListBox-module__hop-ListBox__section___sIZIS:first-child {
3725
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
3735
3726
  --section-padding-block-start: 0;
3736
3727
  }
3737
- .ListBox-module__hop-ListBox__section___sIZIS:last-child {
3728
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
3738
3729
  --section-padding-block-end: 0;
3739
3730
  --section-border-block-end: 0;
3740
3731
  }
3741
- .ListBox-module__hop-ListBox__section-header___1GilQ {
3732
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
3742
3733
  margin: 0;
3743
3734
  padding: var(--hop-ListBox-section-header-padding);
3744
3735
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3749,33 +3740,34 @@
3749
3740
  text-transform: var(--hop-ListBox-section-header-text-transform);
3750
3741
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3751
3742
  }
3752
- .ListBox-module__hop-ListBox__section-header___1GilQ::before,
3753
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
3743
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
3744
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3754
3745
  content: "";
3755
3746
  display: block;
3756
3747
  box-sizing: border-box;
3757
3748
  inline-size: 0;
3758
3749
  block-size: 0;
3759
3750
  }
3760
- .ListBox-module__hop-ListBox__section-header___1GilQ::before {
3751
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
3761
3752
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3762
3753
  }
3763
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
3754
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3764
3755
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3765
3756
  }
3766
3757
 
3767
3758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3768
- :where(.Popover-module__hop-Popover___wpqmA *) {
3759
+ :where(.Popover-module__hop-Popover___YqMrl *) {
3769
3760
  font-family: var(--font-family);
3770
3761
  font-size: var(--font-size);
3771
3762
  font-weight: var(--font-weight);
3772
3763
  line-height: var(--line-height);
3773
3764
  outline: none;
3774
3765
  }
3775
- .Popover-module__hop-Popover___wpqmA {
3766
+ .Popover-module__hop-Popover___YqMrl {
3776
3767
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3777
3768
  --hop-Popover-inline-width: 25rem;
3778
3769
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
3770
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
3779
3771
  --hop-Popover-dropdown-auto-inline-width: auto;
3780
3772
  --width: var(--hop-Popover-inline-width);
3781
3773
  --max-width: var(--hop-Popover-max-inline-width);
@@ -3784,19 +3776,22 @@
3784
3776
  inline-size: var(--width);
3785
3777
  max-inline-size: var(--max-width);
3786
3778
  }
3787
- .Popover-module__hop-Popover___wpqmA[data-trigger=Select] {
3779
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
3788
3780
  --width: var(--hop-Popover-dropdown-inline-width);
3789
3781
  }
3790
- .Popover-module__hop-Popover___wpqmA[data-auto-width] {
3782
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
3783
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3784
+ }
3785
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
3791
3786
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3792
3787
  }
3793
- .Popover-module__hop-Popover___wpqmA[data-entering] {
3794
- animation: Popover-module__fade___fLu22 0.25s;
3788
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
3789
+ animation: Popover-module__fade___cM9Hu 0.25s;
3795
3790
  }
3796
- .Popover-module__hop-Popover___wpqmA[data-exiting] {
3797
- animation: Popover-module__fade___fLu22 0.25s reverse;
3791
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
3792
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
3798
3793
  }
3799
- @keyframes Popover-module__fade___fLu22 {
3794
+ @keyframes Popover-module__fade___cM9Hu {
3800
3795
  from {
3801
3796
  opacity: 0;
3802
3797
  }
@@ -3804,14 +3799,14 @@
3804
3799
  opacity: 1;
3805
3800
  }
3806
3801
  }
3807
- .Popover-module__hop-Popover__wrapper___-2GXF {
3802
+ .Popover-module__hop-Popover__wrapper___bBvVC {
3808
3803
  display: flex;
3809
3804
  flex: 1 1 auto;
3810
3805
  flex-direction: column;
3811
3806
  min-block-size: 0;
3812
3807
  }
3813
- .Popover-module__hop-Popover__dialog___wOPF-,
3814
- .Popover-module__hop-Popover__dropdown___hF0Ba {
3808
+ .Popover-module__hop-Popover__dialog___-Qm8I,
3809
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3815
3810
  --hop-Popover-background: var(--hop-neutral-surface);
3816
3811
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3817
3812
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3857,20 +3852,20 @@
3857
3852
  border-radius: var(--hop-Popover-border-radius);
3858
3853
  box-shadow: var(--hop-Popover-box-shadow);
3859
3854
  }
3860
- .Popover-module__hop-Popover__dropdown___hF0Ba {
3855
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3861
3856
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3862
3857
  --footer-place-self: stretch;
3863
3858
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3864
3859
  --padding: var(--hop-Popover-dropdown-padding);
3865
3860
  }
3866
- .Popover-module__hop-Popover__dialog___wOPF- {
3861
+ .Popover-module__hop-Popover__dialog___-Qm8I {
3867
3862
  --padding: var(--hop-Popover-dialog-padding);
3868
3863
  }
3869
- .Popover-module__hop-Popover__title___tULvQ {
3864
+ .Popover-module__hop-Popover__title___SZT2m {
3870
3865
  grid-area: header;
3871
3866
  color: var(--hop-Popover-color);
3872
3867
  }
3873
- .Popover-module__hop-Popover__content___xfAwJ {
3868
+ .Popover-module__hop-Popover__content___V6KMC {
3874
3869
  --font-size: var(--hop-Popover-content-font-size);
3875
3870
  --line-height: var(--hop-Popover-content-line-height);
3876
3871
  grid-area: content;
@@ -3879,7 +3874,7 @@
3879
3874
  padding: 0;
3880
3875
  color: var(--hop-Popover-content-color);
3881
3876
  }
3882
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__list-box___dtFam {
3877
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
3883
3878
  grid-area: content;
3884
3879
  inline-size: auto;
3885
3880
  min-inline-size: auto;
@@ -3888,7 +3883,7 @@
3888
3883
  padding: 0;
3889
3884
  border: none;
3890
3885
  }
3891
- .Popover-module__hop-Popover__footer___nRrpk {
3886
+ .Popover-module__hop-Popover__footer___sJmo- {
3892
3887
  --font-size: var(--hop-Popover-footer-font-size);
3893
3888
  --line-height: var(--hop-Popover-footer-line-height);
3894
3889
  grid-area: footer;
@@ -3896,40 +3891,46 @@
3896
3891
  margin: var(--footer-margin);
3897
3892
  color: var(--hop-Popover-color);
3898
3893
  }
3899
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__footer___nRrpk {
3894
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
3900
3895
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3901
3896
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3902
3897
  }
3903
- .Popover-module__hop-Popover__actions___9XiAv,
3904
- .Popover-module__hop-Popover__action___Gk0oe {
3898
+ .Popover-module__hop-Popover__actions___dlp9Q,
3899
+ .Popover-module__hop-Popover__action___hcQBI {
3905
3900
  grid-area: action;
3906
3901
  justify-self: end;
3907
3902
  margin-block-start: var(--hop-Popover-row-gap);
3908
3903
  }
3909
- .Popover-module__hop-Popover___wpqmA:has(.Popover-module__hop-Popover__actions___9XiAv, .Popover-module__hop-Popover__action___Gk0oe) .Popover-module__hop-Popover__footer___nRrpk {
3904
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
3910
3905
  margin-inline-end: var(--hop-Popover-column-gap);
3911
3906
  }
3912
3907
 
3913
3908
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3914
- .SelectValue-module__hop-SelectValue___fVOPa {
3915
- --hop-SelectValue-display: flex;
3909
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3910
+ --hop-SelectValue-display: inline-block;
3911
+ --hop-SelectValue-slots-display: flex;
3916
3912
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3913
+ --display: var(--hop-SelectValue-display);
3917
3914
  overflow: hidden;
3918
- display: var(--hop-SelectValue-display);
3915
+ display: var(--display);
3919
3916
  flex: 1 1 auto;
3920
3917
  column-gap: var(--hop-SelectValue-column-gap);
3921
3918
  align-items: center;
3922
3919
  box-sizing: border-box;
3920
+ min-inline-size: 0;
3923
3921
  text-overflow: ellipsis;
3924
3922
  white-space: nowrap;
3925
3923
  }
3926
- .SelectValue-module__hop-SelectValue__avatar___7yyBy {
3924
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
3925
+ --display: var(--hop-SelectValue-slots-display);
3926
+ }
3927
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
3927
3928
  order: 1;
3928
3929
  }
3929
- .SelectValue-module__hop-SelectValue__icon___s-Isr {
3930
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3930
3931
  order: 2;
3931
3932
  }
3932
- .SelectValue-module__hop-SelectValue__text___MuSju {
3933
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3933
3934
  overflow: hidden;
3934
3935
  flex: 1 1 auto;
3935
3936
  order: 3;
@@ -3937,12 +3938,12 @@
3937
3938
  text-overflow: ellipsis;
3938
3939
  white-space: nowrap;
3939
3940
  }
3940
- .SelectValue-module__hop-SelectValue__end-icon___nrWhM {
3941
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3941
3942
  order: 4;
3942
3943
  }
3943
3944
 
3944
3945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3945
- .Select-module__hop-Select___018w5 {
3946
+ .Select-module__hop-Select___9asPc {
3946
3947
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3947
3948
  --hop-Select-inline-size: 20rem;
3948
3949
  --hop-Select-inline-size-fluid: 100%;
@@ -3951,6 +3952,7 @@
3951
3952
  --hop-Select-button-border-color: var(--hop-neutral-border);
3952
3953
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
3953
3954
  --hop-Select-button-border-size: var(--hop-space-10);
3955
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
3954
3956
  --hop-Select-button-color: var(--hop-neutral-text);
3955
3957
  --hop-Select-button-cursor: pointer;
3956
3958
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -3993,13 +3995,13 @@
3993
3995
  inline-size: var(--inline-size);
3994
3996
  max-inline-size: var(--hop-Select-max-inline-size);
3995
3997
  }
3996
- .Select-module__hop-Select--fluid___8FKqZ {
3998
+ .Select-module__hop-Select--fluid___kdYun {
3997
3999
  --inline-size: var(--hop-Select-inline-size-fluid);
3998
4000
  }
3999
- .Select-module__hop-Select__label___h0QJ- {
4001
+ .Select-module__hop-Select__label___lX0YF {
4000
4002
  order: 1;
4001
4003
  }
4002
- .Select-module__hop-Select__button___csI9f {
4004
+ .Select-module__hop-Select__button___72TRN {
4003
4005
  cursor: var(--button-cursor);
4004
4006
  display: flex;
4005
4007
  column-gap: var(--hop-Select-button-column-gap);
@@ -4015,59 +4017,59 @@
4015
4017
  border-radius: var(--hop-Select-button-border-radius);
4016
4018
  outline: none;
4017
4019
  }
4018
- .Select-module__hop-Select__button--sm___7Bkjy {
4020
+ .Select-module__hop-Select__button--sm___t6WUP {
4019
4021
  --button-block-size: var(--hop-Select-button-sm-block-size);
4020
4022
  }
4021
- .Select-module__hop-Select__button--md___N5Huq {
4023
+ .Select-module__hop-Select__button--md___GNNkD {
4022
4024
  --button-block-size: var(--hop-Select-button-md-block-size);
4023
4025
  }
4024
- .Select-module__hop-Select__button___csI9f[data-hovered] {
4026
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
4025
4027
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4026
4028
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4027
4029
  --button-color: var(--hop-Select-button-color-hovered);
4028
4030
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4029
4031
  }
4030
- .Select-module__hop-Select__button___csI9f[data-pressed] {
4032
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
4031
4033
  --button-background-color: var(--hop-Select-button-background-color-selected);
4032
4034
  --button-border-color: var(--hop-Select-button-border-color-selected);
4033
4035
  --button-color: var(--hop-Select-button-color-selected);
4034
4036
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4035
4037
  }
4036
- .Select-module__hop-Select__button___csI9f[data-invalid] {
4038
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
4037
4039
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4038
4040
  }
4039
- .Select-module__hop-Select__button___csI9f[data-focus-visible] {
4041
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
4040
4042
  --button-background-color: var(--hop-Select-button-background-color-focused);
4041
4043
  --button-border-color: var(--hop-Select-button-border-color-focused);
4042
4044
  --button-color: var(--hop-Select-button-color-focused);
4043
4045
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
4044
4046
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4045
- outline-offset: -0.125rem;
4047
+ outline-offset: var(--hop-Select-button-outline-offset);
4046
4048
  }
4047
- .Select-module__hop-Select__button___csI9f:has([data-placeholder]) {
4049
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
4048
4050
  --button-color: var(--hop-Select-button-placeholder-color);
4049
4051
  }
4050
- .Select-module__hop-Select__button___csI9f[data-disabled] {
4052
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
4051
4053
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4052
4054
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4053
4055
  --button-color: var(--hop-Select-button-color-disabled);
4054
4056
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4055
4057
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4056
4058
  }
4057
- .Select-module__hop-Select__prefix___glfPq {
4059
+ .Select-module__hop-Select__prefix___lRC4S {
4058
4060
  color: var(--hop-Select-prefix-color);
4059
4061
  }
4060
- .Select-module__hop-Select__button-icon___ADJTr {
4062
+ .Select-module__hop-Select__button-icon___t9tu4 {
4061
4063
  margin-inline-start: auto;
4062
4064
  color: var(--button-icon-color);
4063
4065
  }
4064
- .Select-module__hop-Select__helper-message___pubjR,
4065
- .Select-module__hop-Select__error-message___LLkqe {
4066
+ .Select-module__hop-Select__helper-message___-E4RI,
4067
+ .Select-module__hop-Select__error-message___cOkJl {
4066
4068
  order: 3;
4067
4069
  }
4068
4070
 
4069
4071
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4070
- .Switch-module__hop-Switch___pDNWk {
4072
+ .Switch-module__hop-Switch___ZiKpN {
4071
4073
  --hop-Switch-border-size: 0.0625rem;
4072
4074
  --hop-Switch-border-color: var(--hop-neutral-border);
4073
4075
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -4124,56 +4126,56 @@
4124
4126
  inline-size: max-content;
4125
4127
  max-inline-size: 100%;
4126
4128
  }
4127
- .Switch-module__hop-Switch--sm___iOw3G {
4129
+ .Switch-module__hop-Switch--sm___UnrZ2 {
4128
4130
  --inline-size: var(--hop-Switch-inline-size-sm);
4129
4131
  --block-size: var(--hop-Switch-block-size-sm);
4130
4132
  --thumb-size: var(--hop-Switch-thumb-size-sm);
4131
4133
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4132
4134
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4133
4135
  }
4134
- .Switch-module__hop-Switch--md___tQX-I {
4136
+ .Switch-module__hop-Switch--md___FWbwB {
4135
4137
  --inline-size: var(--hop-Switch-inline-size-md);
4136
4138
  --block-size: var(--hop-Switch-block-size-md);
4137
4139
  --thumb-size: var(--hop-Switch-thumb-size-md);
4138
4140
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4139
4141
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
4140
4142
  }
4141
- .Switch-module__hop-Switch___pDNWk[data-hovered] {
4143
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
4142
4144
  --border-color: var(--hop-Switch-border-color-hover);
4143
4145
  --background-color: var(--hop-Switch-background-color-hover);
4144
4146
  --thumb-color: var(--hop-Switch-thumb-color-hover);
4145
4147
  --text-color: var(--hop-Switch-text-color-hover);
4146
4148
  }
4147
- .Switch-module__hop-Switch___pDNWk[data-pressed],
4148
- .Switch-module__hop-Switch___pDNWk[data-pressed][data-focus-visible] {
4149
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
4150
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
4149
4151
  --border-color: var(--hop-Switch-border-color-pressed);
4150
4152
  --background-color: var(--hop-Switch-background-color-pressed);
4151
4153
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4152
4154
  --text-color: var(--hop-Switch-text-color-pressed);
4153
4155
  }
4154
- .Switch-module__hop-Switch___pDNWk[data-focus-visible] {
4156
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
4155
4157
  --border-color: var(--hop-Switch-border-color-focus);
4156
4158
  --background-color: var(--hop-Switch-background-color-focus);
4157
4159
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4158
4160
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4159
4161
  --text-color: var(--hop-Switch-text-color-focus);
4160
4162
  }
4161
- .Switch-module__hop-Switch___pDNWk[data-selected],
4162
- .Switch-module__hop-Switch___pDNWk[data-selected][data-pressed] {
4163
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
4164
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
4163
4165
  --border-color: var(--hop-Switch-border-color-selected);
4164
4166
  --background-color: var(--hop-Switch-background-color-selected);
4165
4167
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4166
4168
  --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
4167
4169
  --text-color: var(--hop-Switch-text-color-selected);
4168
4170
  }
4169
- .Switch-module__hop-Switch___pDNWk[data-disabled] {
4171
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
4170
4172
  --border-color: var(--hop-Switch-border-color-disabled);
4171
4173
  --background-color: var(--hop-Switch-background-color-disabled);
4172
4174
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4173
4175
  --text-color: var(--hop-Switch-text-color-disabled);
4174
4176
  --cursor: not-allowed;
4175
4177
  }
4176
- .Switch-module__hop-Switch__indicator___zn9K- {
4178
+ .Switch-module__hop-Switch__indicator___lxvxY {
4177
4179
  position: relative;
4178
4180
  flex: 0 0 auto;
4179
4181
  box-sizing: border-box;
@@ -4186,7 +4188,7 @@
4186
4188
  outline-offset: 0.125rem;
4187
4189
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4188
4190
  }
4189
- .Switch-module__hop-Switch__indicator___zn9K-::before {
4191
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
4190
4192
  content: "";
4191
4193
  position: absolute;
4192
4194
  inset-block-start: 50%;
@@ -4201,20 +4203,20 @@
4201
4203
  border-radius: var(--hop-shape-circle);
4202
4204
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4203
4205
  }
4204
- .Switch-module__hop-Switch__text___HP1cV {
4206
+ .Switch-module__hop-Switch__text___jt3yM {
4205
4207
  flex: 0 1 auto;
4206
4208
  order: 2;
4207
4209
  min-inline-size: 0;
4208
4210
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4209
4211
  color: var(--text-color);
4210
4212
  }
4211
- .Switch-module__hop-Switch__icon-list___Dv9Q0,
4212
- .Switch-module__hop-Switch__icon___ofe0Q {
4213
+ .Switch-module__hop-Switch__icon-list___5ELG6,
4214
+ .Switch-module__hop-Switch__icon___U8pPq {
4213
4215
  order: 3;
4214
4216
  }
4215
4217
 
4216
4218
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4217
- .SwitchField-module__hop-SwitchField___dDQmA {
4219
+ .SwitchField-module__hop-SwitchField___ARPRk {
4218
4220
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4219
4221
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4220
4222
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4233,28 +4235,28 @@
4233
4235
  inline-size: max-content;
4234
4236
  max-inline-size: 100%;
4235
4237
  }
4236
- .SwitchField-module__hop-SwitchField___dDQmA[data-disabled] {
4238
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
4237
4239
  --description-color: var(--hop-SwitchField-description-color-disabled);
4238
4240
  }
4239
- .SwitchField-module__hop-SwitchField--sm___2O96R {
4241
+ .SwitchField-module__hop-SwitchField--sm___emckg {
4240
4242
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4241
4243
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4242
4244
  }
4243
- .SwitchField-module__hop-SwitchField--md___YDST1 {
4245
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
4244
4246
  --row-gap: var(--hop-SwitchField-md-row-gap);
4245
4247
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4246
4248
  }
4247
- .SwitchField-module__hop-SwitchField__description___0EsGA {
4249
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
4248
4250
  order: 2;
4249
4251
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4250
4252
  color: var(--description-color);
4251
4253
  }
4252
- .SwitchField-module__hop-SwitchField__switch___phA6m {
4254
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
4253
4255
  order: 1;
4254
4256
  }
4255
4257
 
4256
4258
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4257
- .Tag-module__hop-Tag___Yy8k4 {
4259
+ .Tag-module__hop-Tag___QPfVY {
4258
4260
  --hop-Tag-border-size: 0.0625rem;
4259
4261
  --hop-Tag-border-radius: var(--hop-shape-pill);
4260
4262
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4493,7 +4495,7 @@
4493
4495
  outline: none;
4494
4496
  outline-offset: 0.125rem;
4495
4497
  }
4496
- .Tag-module__hop-Tag--sm___P8TCA {
4498
+ .Tag-module__hop-Tag--sm___PRq4I {
4497
4499
  --block-size: var(--hop-Tag-sm-block-size);
4498
4500
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4499
4501
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4501,13 +4503,13 @@
4501
4503
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4502
4504
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4503
4505
  }
4504
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4506
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4505
4507
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4506
4508
  }
4507
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4509
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4508
4510
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4509
4511
  }
4510
- .Tag-module__hop-Tag--md___2CaEV {
4512
+ .Tag-module__hop-Tag--md___k944L {
4511
4513
  --block-size: var(--hop-Tag-md-block-size);
4512
4514
  --padding-inline: var(--hop-Tag-md-padding-inline);
4513
4515
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4515,13 +4517,13 @@
4515
4517
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4516
4518
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4517
4519
  }
4518
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4520
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4519
4521
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4520
4522
  }
4521
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4523
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4522
4524
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4523
4525
  }
4524
- .Tag-module__hop-Tag--lg___8Dk2T {
4526
+ .Tag-module__hop-Tag--lg___vSnmb {
4525
4527
  --block-size: var(--hop-Tag-lg-block-size);
4526
4528
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4527
4529
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4529,348 +4531,348 @@
4529
4531
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4530
4532
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4531
4533
  }
4532
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4534
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4533
4535
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4534
4536
  }
4535
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4537
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4536
4538
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4537
4539
  }
4538
- .Tag-module__hop-Tag--neutral___yOJvu {
4540
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4539
4541
  --border-color: var(--hop-Tag-neutral-border-color);
4540
4542
  --background-color: var(--hop-Tag-neutral-background-color);
4541
4543
  --text-color: var(--hop-Tag-neutral-text-color);
4542
4544
  }
4543
- .Tag-module__hop-Tag--subdued___IqCd5 {
4545
+ .Tag-module__hop-Tag--subdued___pnb-b {
4544
4546
  --border-color: var(--hop-Tag-subdued-border-color);
4545
4547
  --background-color: var(--hop-Tag-subdued-background-color);
4546
4548
  --text-color: var(--hop-Tag-subdued-text-color);
4547
4549
  }
4548
- .Tag-module__hop-Tag--progress___cH-Ng {
4550
+ .Tag-module__hop-Tag--progress___-A1r0 {
4549
4551
  --border-color: var(--hop-Tag-progress-border-color);
4550
4552
  --background-color: var(--hop-Tag-progress-background-color);
4551
4553
  --text-color: var(--hop-Tag-progress-text-color);
4552
4554
  }
4553
- .Tag-module__hop-Tag--positive___2EKCj {
4555
+ .Tag-module__hop-Tag--positive___NmpPG {
4554
4556
  --border-color: var(--hop-Tag-positive-border-color);
4555
4557
  --background-color: var(--hop-Tag-positive-background-color);
4556
4558
  --text-color: var(--hop-Tag-positive-text-color);
4557
4559
  }
4558
- .Tag-module__hop-Tag--caution___ph-FI {
4560
+ .Tag-module__hop-Tag--caution___Q3b1U {
4559
4561
  --border-color: var(--hop-Tag-caution-border-color);
4560
4562
  --background-color: var(--hop-Tag-caution-background-color);
4561
4563
  --text-color: var(--hop-Tag-caution-text-color);
4562
4564
  }
4563
- .Tag-module__hop-Tag--negative___CvM-K {
4565
+ .Tag-module__hop-Tag--negative___gJkuU {
4564
4566
  --border-color: var(--hop-Tag-negative-border-color);
4565
4567
  --background-color: var(--hop-Tag-negative-background-color);
4566
4568
  --text-color: var(--hop-Tag-negative-text-color);
4567
4569
  }
4568
- .Tag-module__hop-Tag--option1___ZQJIo {
4570
+ .Tag-module__hop-Tag--option1___48VPO {
4569
4571
  --border-color: var(--hop-Tag-option1-border-color);
4570
4572
  --background-color: var(--hop-Tag-option1-background-color);
4571
4573
  --text-color: var(--hop-Tag-option1-text-color);
4572
4574
  }
4573
- .Tag-module__hop-Tag--option2___mQBU7 {
4575
+ .Tag-module__hop-Tag--option2___07n0q {
4574
4576
  --border-color: var(--hop-Tag-option2-border-color);
4575
4577
  --background-color: var(--hop-Tag-option2-background-color);
4576
4578
  --text-color: var(--hop-Tag-option2-text-color);
4577
4579
  }
4578
- .Tag-module__hop-Tag--option3___AQSPe {
4580
+ .Tag-module__hop-Tag--option3___0YpqQ {
4579
4581
  --border-color: var(--hop-Tag-option3-border-color);
4580
4582
  --background-color: var(--hop-Tag-option3-background-color);
4581
4583
  --text-color: var(--hop-Tag-option3-text-color);
4582
4584
  }
4583
- .Tag-module__hop-Tag--option4___JVMM0 {
4585
+ .Tag-module__hop-Tag--option4___518kC {
4584
4586
  --border-color: var(--hop-Tag-option4-border-color);
4585
4587
  --background-color: var(--hop-Tag-option4-background-color);
4586
4588
  --text-color: var(--hop-Tag-option4-text-color);
4587
4589
  }
4588
- .Tag-module__hop-Tag--option5___uMkwG {
4590
+ .Tag-module__hop-Tag--option5___zE-FA {
4589
4591
  --border-color: var(--hop-Tag-option5-border-color);
4590
4592
  --background-color: var(--hop-Tag-option5-background-color);
4591
4593
  --text-color: var(--hop-Tag-option5-text-color);
4592
4594
  }
4593
- .Tag-module__hop-Tag--option6___1Vk-2 {
4595
+ .Tag-module__hop-Tag--option6___opxaK {
4594
4596
  --border-color: var(--hop-Tag-option6-border-color);
4595
4597
  --background-color: var(--hop-Tag-option6-background-color);
4596
4598
  --text-color: var(--hop-Tag-option6-text-color);
4597
4599
  }
4598
- .Tag-module__hop-Tag___Yy8k4[data-href] {
4600
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4599
4601
  cursor: pointer;
4600
4602
  }
4601
- .Tag-module__hop-Tag--neutral___yOJvu[data-focus-visible] {
4603
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4602
4604
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4603
4605
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4604
4606
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4605
4607
  }
4606
- .Tag-module__hop-Tag--neutral___yOJvu[data-hovered] {
4608
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4607
4609
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4608
4610
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4609
4611
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4610
4612
  }
4611
- .Tag-module__hop-Tag--neutral___yOJvu[data-pressed] {
4613
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4612
4614
  --border-color: var(--hop-Tag-neutral-border-color-press);
4613
4615
  --background-color: var(--hop-Tag-neutral-background-color-press);
4614
4616
  --text-color: var(--hop-Tag-neutral-text-color-press);
4615
4617
  }
4616
- .Tag-module__hop-Tag--neutral___yOJvu[data-disabled] {
4618
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4617
4619
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4618
4620
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4619
4621
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4620
4622
  }
4621
- .Tag-module__hop-Tag--subdued___IqCd5[data-focus-visible] {
4623
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4622
4624
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4623
4625
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4624
4626
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4625
4627
  }
4626
- .Tag-module__hop-Tag--subdued___IqCd5[data-hovered] {
4628
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4627
4629
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4628
4630
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4629
4631
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4630
4632
  }
4631
- .Tag-module__hop-Tag--subdued___IqCd5[data-pressed] {
4633
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4632
4634
  --border-color: var(--hop-Tag-subdued-border-color-press);
4633
4635
  --background-color: var(--hop-Tag-subdued-background-color-press);
4634
4636
  --text-color: var(--hop-Tag-subdued-text-color-press);
4635
4637
  }
4636
- .Tag-module__hop-Tag--subdued___IqCd5[data-disabled] {
4638
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4637
4639
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4638
4640
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4639
4641
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4640
4642
  }
4641
- .Tag-module__hop-Tag--progress___cH-Ng[data-focus-visible] {
4643
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4642
4644
  --border-color: var(--hop-Tag-progress-border-color-focus);
4643
4645
  --background-color: var(--hop-Tag-progress-background-color-focus);
4644
4646
  --text-color: var(--hop-Tag-progress-text-color-focus);
4645
4647
  }
4646
- .Tag-module__hop-Tag--progress___cH-Ng[data-hovered] {
4648
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4647
4649
  --border-color: var(--hop-Tag-progress-border-color-hover);
4648
4650
  --background-color: var(--hop-Tag-progress-background-color-hover);
4649
4651
  --text-color: var(--hop-Tag-progress-text-color-hover);
4650
4652
  }
4651
- .Tag-module__hop-Tag--progress___cH-Ng[data-pressed] {
4653
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4652
4654
  --border-color: var(--hop-Tag-progress-border-color-press);
4653
4655
  --background-color: var(--hop-Tag-progress-background-color-press);
4654
4656
  --text-color: var(--hop-Tag-progress-text-color-press);
4655
4657
  }
4656
- .Tag-module__hop-Tag--progress___cH-Ng[data-disabled] {
4658
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4657
4659
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4658
4660
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4659
4661
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4660
4662
  }
4661
- .Tag-module__hop-Tag--positive___2EKCj[data-focus-visible] {
4663
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4662
4664
  --border-color: var(--hop-Tag-positive-border-color-focus);
4663
4665
  --background-color: var(--hop-Tag-positive-background-color-focus);
4664
4666
  --text-color: var(--hop-Tag-positive-text-color-focus);
4665
4667
  }
4666
- .Tag-module__hop-Tag--positive___2EKCj[data-hovered] {
4668
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4667
4669
  --border-color: var(--hop-Tag-positive-border-color-hover);
4668
4670
  --background-color: var(--hop-Tag-positive-background-color-hover);
4669
4671
  --text-color: var(--hop-Tag-positive-text-color-hover);
4670
4672
  }
4671
- .Tag-module__hop-Tag--positive___2EKCj[data-pressed] {
4673
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4672
4674
  --border-color: var(--hop-Tag-positive-border-color-press);
4673
4675
  --background-color: var(--hop-Tag-positive-background-color-press);
4674
4676
  --text-color: var(--hop-Tag-positive-text-color-press);
4675
4677
  }
4676
- .Tag-module__hop-Tag--positive___2EKCj[data-disabled] {
4678
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4677
4679
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4678
4680
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4679
4681
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4680
4682
  }
4681
- .Tag-module__hop-Tag--caution___ph-FI[data-focus-visible] {
4683
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4682
4684
  --border-color: var(--hop-Tag-caution-border-color-focus);
4683
4685
  --background-color: var(--hop-Tag-caution-background-color-focus);
4684
4686
  --text-color: var(--hop-Tag-caution-text-color-focus);
4685
4687
  }
4686
- .Tag-module__hop-Tag--caution___ph-FI[data-hovered] {
4688
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4687
4689
  --border-color: var(--hop-Tag-caution-border-color-hover);
4688
4690
  --background-color: var(--hop-Tag-caution-background-color-hover);
4689
4691
  --text-color: var(--hop-Tag-caution-text-color-hover);
4690
4692
  }
4691
- .Tag-module__hop-Tag--caution___ph-FI[data-pressed] {
4693
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4692
4694
  --border-color: var(--hop-Tag-caution-border-color-press);
4693
4695
  --background-color: var(--hop-Tag-caution-background-color-press);
4694
4696
  --text-color: var(--hop-Tag-caution-text-color-press);
4695
4697
  }
4696
- .Tag-module__hop-Tag--caution___ph-FI[data-disabled] {
4698
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4697
4699
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4698
4700
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4699
4701
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4700
4702
  }
4701
- .Tag-module__hop-Tag--negative___CvM-K[data-focus-visible] {
4703
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4702
4704
  --border-color: var(--hop-Tag-negative-border-color-focus);
4703
4705
  --background-color: var(--hop-Tag-negative-background-color-focus);
4704
4706
  --text-color: var(--hop-Tag-negative-text-color-focus);
4705
4707
  }
4706
- .Tag-module__hop-Tag--negative___CvM-K[data-hovered] {
4708
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4707
4709
  --border-color: var(--hop-Tag-negative-border-color-hover);
4708
4710
  --background-color: var(--hop-Tag-negative-background-color-hover);
4709
4711
  --text-color: var(--hop-Tag-negative-text-color-hover);
4710
4712
  }
4711
- .Tag-module__hop-Tag--negative___CvM-K[data-pressed] {
4713
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4712
4714
  --border-color: var(--hop-Tag-negative-border-color-press);
4713
4715
  --background-color: var(--hop-Tag-negative-background-color-press);
4714
4716
  --text-color: var(--hop-Tag-negative-text-color-press);
4715
4717
  }
4716
- .Tag-module__hop-Tag--negative___CvM-K[data-disabled] {
4718
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4717
4719
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4718
4720
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4719
4721
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4720
4722
  }
4721
- .Tag-module__hop-Tag--option1___ZQJIo[data-focus-visible] {
4723
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4722
4724
  --border-color: var(--hop-Tag-option1-border-color-focus);
4723
4725
  --background-color: var(--hop-Tag-option1-background-color-focus);
4724
4726
  --text-color: var(--hop-Tag-option1-text-color-focus);
4725
4727
  }
4726
- .Tag-module__hop-Tag--option1___ZQJIo[data-hovered] {
4728
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4727
4729
  --border-color: var(--hop-Tag-option1-border-color-hover);
4728
4730
  --background-color: var(--hop-Tag-option1-background-color-hover);
4729
4731
  --text-color: var(--hop-Tag-option1-text-color-hover);
4730
4732
  }
4731
- .Tag-module__hop-Tag--option1___ZQJIo[data-pressed] {
4733
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4732
4734
  --border-color: var(--hop-Tag-option1-border-color-press);
4733
4735
  --background-color: var(--hop-Tag-option1-background-color-press);
4734
4736
  --text-color: var(--hop-Tag-option1-text-color-press);
4735
4737
  }
4736
- .Tag-module__hop-Tag--option1___ZQJIo[data-disabled] {
4738
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4737
4739
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4738
4740
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4739
4741
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4740
4742
  }
4741
- .Tag-module__hop-Tag--option2___mQBU7[data-focus-visible] {
4743
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4742
4744
  --border-color: var(--hop-Tag-option2-border-color-focus);
4743
4745
  --background-color: var(--hop-Tag-option2-background-color-focus);
4744
4746
  --text-color: var(--hop-Tag-option2-text-color-focus);
4745
4747
  }
4746
- .Tag-module__hop-Tag--option2___mQBU7[data-hovered] {
4748
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4747
4749
  --border-color: var(--hop-Tag-option2-border-color-hover);
4748
4750
  --background-color: var(--hop-Tag-option2-background-color-hover);
4749
4751
  --text-color: var(--hop-Tag-option2-text-color-hover);
4750
4752
  }
4751
- .Tag-module__hop-Tag--option2___mQBU7[data-pressed] {
4753
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4752
4754
  --border-color: var(--hop-Tag-option2-border-color-press);
4753
4755
  --background-color: var(--hop-Tag-option2-background-color-press);
4754
4756
  --text-color: var(--hop-Tag-option2-text-color-press);
4755
4757
  }
4756
- .Tag-module__hop-Tag--option2___mQBU7[data-disabled] {
4758
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4757
4759
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4758
4760
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4759
4761
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4760
4762
  }
4761
- .Tag-module__hop-Tag--option3___AQSPe[data-focus-visible] {
4763
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4762
4764
  --border-color: var(--hop-Tag-option3-border-color-focus);
4763
4765
  --background-color: var(--hop-Tag-option3-background-color-focus);
4764
4766
  --text-color: var(--hop-Tag-option3-text-color-focus);
4765
4767
  }
4766
- .Tag-module__hop-Tag--option3___AQSPe[data-hovered] {
4768
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4767
4769
  --border-color: var(--hop-Tag-option3-border-color-hover);
4768
4770
  --background-color: var(--hop-Tag-option3-background-color-hover);
4769
4771
  --text-color: var(--hop-Tag-option3-text-color-hover);
4770
4772
  }
4771
- .Tag-module__hop-Tag--option3___AQSPe[data-pressed] {
4773
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4772
4774
  --border-color: var(--hop-Tag-option3-border-color-press);
4773
4775
  --background-color: var(--hop-Tag-option3-background-color-press);
4774
4776
  --text-color: var(--hop-Tag-option3-text-color-press);
4775
4777
  }
4776
- .Tag-module__hop-Tag--option3___AQSPe[data-disabled] {
4778
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4777
4779
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4778
4780
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4779
4781
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4780
4782
  }
4781
- .Tag-module__hop-Tag--option4___JVMM0[data-focus-visible] {
4783
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4782
4784
  --border-color: var(--hop-Tag-option4-border-color-focus);
4783
4785
  --background-color: var(--hop-Tag-option4-background-color-focus);
4784
4786
  --text-color: var(--hop-Tag-option4-text-color-focus);
4785
4787
  }
4786
- .Tag-module__hop-Tag--option4___JVMM0[data-hovered] {
4788
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4787
4789
  --border-color: var(--hop-Tag-option4-border-color-hover);
4788
4790
  --background-color: var(--hop-Tag-option4-background-color-hover);
4789
4791
  --text-color: var(--hop-Tag-option4-text-color-hover);
4790
4792
  }
4791
- .Tag-module__hop-Tag--option4___JVMM0[data-pressed] {
4793
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4792
4794
  --border-color: var(--hop-Tag-option4-border-color-press);
4793
4795
  --background-color: var(--hop-Tag-option4-background-color-press);
4794
4796
  --text-color: var(--hop-Tag-option4-text-color-press);
4795
4797
  }
4796
- .Tag-module__hop-Tag--option4___JVMM0[data-disabled] {
4798
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4797
4799
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4798
4800
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4799
4801
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4800
4802
  }
4801
- .Tag-module__hop-Tag--option5___uMkwG[data-focus-visible] {
4803
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4802
4804
  --border-color: var(--hop-Tag-option5-border-color-focus);
4803
4805
  --background-color: var(--hop-Tag-option5-background-color-focus);
4804
4806
  --text-color: var(--hop-Tag-option5-text-color-focus);
4805
4807
  }
4806
- .Tag-module__hop-Tag--option5___uMkwG[data-hovered] {
4808
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4807
4809
  --border-color: var(--hop-Tag-option5-border-color-hover);
4808
4810
  --background-color: var(--hop-Tag-option5-background-color-hover);
4809
4811
  --text-color: var(--hop-Tag-option5-text-color-hover);
4810
4812
  }
4811
- .Tag-module__hop-Tag--option5___uMkwG[data-pressed] {
4813
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4812
4814
  --border-color: var(--hop-Tag-option5-border-color-press);
4813
4815
  --background-color: var(--hop-Tag-option5-background-color-press);
4814
4816
  --text-color: var(--hop-Tag-option5-text-color-press);
4815
4817
  }
4816
- .Tag-module__hop-Tag--option5___uMkwG[data-disabled] {
4818
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4817
4819
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4818
4820
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4819
4821
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4820
4822
  }
4821
- .Tag-module__hop-Tag--option6___1Vk-2[data-focus-visible] {
4823
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4822
4824
  --border-color: var(--hop-Tag-option6-border-color-focus);
4823
4825
  --background-color: var(--hop-Tag-option6-background-color-focus);
4824
4826
  --text-color: var(--hop-Tag-option6-text-color-focus);
4825
4827
  }
4826
- .Tag-module__hop-Tag--option6___1Vk-2[data-hovered] {
4828
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4827
4829
  --border-color: var(--hop-Tag-option6-border-color-hover);
4828
4830
  --background-color: var(--hop-Tag-option6-background-color-hover);
4829
4831
  --text-color: var(--hop-Tag-option6-text-color-hover);
4830
4832
  }
4831
- .Tag-module__hop-Tag--option6___1Vk-2[data-pressed] {
4833
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4832
4834
  --border-color: var(--hop-Tag-option6-border-color-press);
4833
4835
  --background-color: var(--hop-Tag-option6-background-color-press);
4834
4836
  --text-color: var(--hop-Tag-option6-text-color-press);
4835
4837
  }
4836
- .Tag-module__hop-Tag--option6___1Vk-2[data-disabled] {
4838
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4837
4839
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4838
4840
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4839
4841
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4840
4842
  }
4841
- .Tag-module__hop-Tag___Yy8k4[data-focus-visible] {
4843
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4842
4844
  outline: 0.125rem solid var(--focus-ring-color);
4843
4845
  }
4844
- .Tag-module__hop-Tag___Yy8k4[data-hovered] {
4846
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4845
4847
  cursor: pointer;
4846
4848
  }
4847
- .Tag-module__hop-Tag___Yy8k4[data-selected] {
4849
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4848
4850
  --background-color: var(--hop-Tag-background-color-selected);
4849
4851
  --border-color: var(--hop-Tag-border-color-selected);
4850
4852
  --text-color: var(--hop-Tag-text-color-selected);
4851
4853
  }
4852
- .Tag-module__hop-Tag___Yy8k4[data-pressed] {
4854
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4853
4855
  cursor: pointer;
4854
4856
  }
4855
- .Tag-module__hop-Tag___Yy8k4[data-invalid] {
4857
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4856
4858
  --border-color: var(--hop-Tag-border-color-invalid);
4857
4859
  }
4858
- .Tag-module__hop-Tag___Yy8k4[data-disabled] {
4860
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4859
4861
  cursor: not-allowed;
4860
4862
  }
4861
- .Tag-module__hop-Tag__avatar___CSU4h {
4863
+ .Tag-module__hop-Tag__avatar___LCkhz {
4862
4864
  flex: 0 0 auto;
4863
4865
  order: 1;
4864
4866
  margin-inline-start: var(--avatar-margin-inline-start);
4865
4867
  }
4866
- .Tag-module__hop-Tag__icon___-1ejX,
4867
- .Tag-module__hop-Tag__icon-list___xKNVa {
4868
+ .Tag-module__hop-Tag__icon___d-Od0,
4869
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4868
4870
  flex: 0 0 auto;
4869
4871
  flex-wrap: nowrap;
4870
4872
  order: 2;
4871
4873
  margin-inline-start: var(--icon-margin-inline-start, 0);
4872
4874
  }
4873
- .Tag-module__hop-Tag__text___sSfKQ {
4875
+ .Tag-module__hop-Tag__text___HsqI9 {
4874
4876
  overflow: hidden;
4875
4877
  flex: 1 1 auto;
4876
4878
  order: 3;
@@ -4878,33 +4880,33 @@
4878
4880
  text-align: center;
4879
4881
  text-overflow: ellipsis;
4880
4882
  }
4881
- .Tag-module__hop-Tag__badge___2wkBC {
4883
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4882
4884
  flex: 0 0 auto;
4883
4885
  order: 4;
4884
4886
  margin-inline-end: var(--badge-margin-inline-end);
4885
4887
  }
4886
- .Tag-module__hop-Tag___Yy8k4 .Tag-module__hop-Tag__badge___2wkBC[data-variant=subdued] {
4888
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4887
4889
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4888
4890
  color: inherit;
4889
4891
  background: none;
4890
4892
  }
4891
- .Tag-module__hop-Tag--sm___P8TCA .Tag-module__hop-Tag__badge___2wkBC {
4893
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4892
4894
  block-size: 100%;
4893
4895
  }
4894
- .Tag-module__hop-Tag__remove-btn___G2Agr,
4895
- .Tag-module__hop-Tag__Spinner___mraiV {
4896
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4897
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4896
4898
  flex: 0 0 auto;
4897
4899
  order: 5;
4898
4900
  }
4899
- .Tag-module__hop-Tag__Spinner___mraiV {
4901
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4900
4902
  margin-inline-end: var(--spinner-margin-inline-end);
4901
4903
  }
4902
- .Tag-module__hop-Tag__remove-btn___G2Agr {
4904
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4903
4905
  margin-inline: var(--clear-btn-margin-inline);
4904
4906
  }
4905
4907
 
4906
4908
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4907
- .TagGroup-module__hop-TagGroup___bQxw7 {
4909
+ .TagGroup-module__hop-TagGroup___14xMC {
4908
4910
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4909
4911
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4910
4912
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4924,10 +4926,10 @@
4924
4926
  inline-size: max-content;
4925
4927
  max-inline-size: 100%;
4926
4928
  }
4927
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__label___cVWgA {
4929
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4928
4930
  order: 1;
4929
4931
  }
4930
- .TagGroup-module__hop-TagGroup__list___luCe0 {
4932
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4931
4933
  display: flex;
4932
4934
  flex-wrap: wrap;
4933
4935
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4936,12 +4938,12 @@
4936
4938
  border-radius: var(--list-border-radius);
4937
4939
  outline: none;
4938
4940
  }
4939
- .TagGroup-module__hop-TagGroup__list___luCe0[data-focus-visible] {
4941
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4940
4942
  outline: 0.125rem solid var(--list-focus-ring-color);
4941
4943
  outline-offset: 0.125rem;
4942
4944
  }
4943
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__error-message___35gef,
4944
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__helper-message___QBlgC {
4945
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4946
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4945
4947
  order: 3;
4946
4948
  }
4947
4949