@hopper-ui/components 1.3.8 → 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 (203) hide show
  1. package/CHANGELOG.md +6 -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 +836 -825
  35. package/dist/Form/src/Form.js +68 -67
  36. package/dist/Form/src/index.css +836 -825
  37. package/dist/Form/src/index.js +68 -67
  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 +901 -890
  59. package/dist/Select/src/Select.js +68 -67
  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 +901 -890
  63. package/dist/Select/src/index.js +68 -67
  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-KQ735GKE.js → chunk-2GYC6ADT.js} +5 -5
  89. package/dist/{chunk-TQZKBOSP.js → chunk-2SF7BBJT.js} +1 -1
  90. package/dist/{chunk-XJAHZJVO.js → chunk-2WK465I4.js} +1 -1
  91. package/dist/{chunk-BFVCZF4H.js → chunk-2ZXF62AA.js} +2 -2
  92. package/dist/{chunk-THMKXCNG.js → chunk-3O74ORYF.js} +3 -3
  93. package/dist/{chunk-PEB7PBUB.js → chunk-4EUVVRTY.js} +1 -1
  94. package/dist/{chunk-E4PIETAY.js → chunk-4FVIH73F.js} +2 -2
  95. package/dist/{chunk-AJMHHWRN.js → chunk-4PBFVO5S.js} +1 -1
  96. package/dist/chunk-4XHTP4GX.js +7 -0
  97. package/dist/{chunk-RR6N2GZX.js → chunk-54U727IV.js} +2 -2
  98. package/dist/{chunk-YHH5TXPG.js → chunk-5TH7VHRH.js} +3 -3
  99. package/dist/{chunk-JNDKNURH.js → chunk-6KHTQTRF.js} +1 -1
  100. package/dist/{chunk-J2OCA4O2.js → chunk-6U6JI3L3.js} +1 -1
  101. package/dist/{chunk-AC6JVAVX.js → chunk-7LTA4KPO.js} +3 -3
  102. package/dist/chunk-A3E76SDY.js +9 -0
  103. package/dist/{chunk-4ARX267G.js → chunk-ANO4F3LJ.js} +2 -2
  104. package/dist/{chunk-FIJ3CLQB.js → chunk-B2O3ZCYC.js} +1 -1
  105. package/dist/{chunk-VMCZQTOI.js → chunk-BGOYDN4M.js} +2 -2
  106. package/dist/{chunk-PWOFOTJR.js → chunk-CZRCXQFS.js} +1 -1
  107. package/dist/{chunk-6FDLX77I.js → chunk-E4JB7I3F.js} +2 -2
  108. package/dist/{chunk-MVBXZQAH.js → chunk-ENHK4K3U.js} +2 -2
  109. package/dist/{chunk-DRG2376D.js → chunk-FBABNQTM.js} +3 -3
  110. package/dist/{chunk-MBFMR455.js → chunk-GDVP2QEZ.js} +1 -1
  111. package/dist/{chunk-KZWQ57ZJ.js → chunk-GIMOHY5C.js} +2 -2
  112. package/dist/{chunk-7H4MZKSZ.js → chunk-HCJLAF2O.js} +4 -4
  113. package/dist/{chunk-NLQW4MJR.js → chunk-HI2SHIGG.js} +1 -1
  114. package/dist/{chunk-GMMQYERH.js → chunk-I55EPFTM.js} +2 -2
  115. package/dist/{chunk-JVDDMMRS.js → chunk-JX5YYFB3.js} +2 -2
  116. package/dist/{chunk-7CIKPH4J.js → chunk-KOT3ULJY.js} +2 -2
  117. package/dist/{chunk-2J5HM77N.js → chunk-KQQCELPA.js} +1 -1
  118. package/dist/chunk-KSKIQSYM.js +260 -0
  119. package/dist/{chunk-UR26A74E.js → chunk-MLHAFFJQ.js} +1 -1
  120. package/dist/{chunk-XEZVEXWO.js → chunk-N66DZLL6.js} +2 -2
  121. package/dist/{chunk-AGRLOZWN.js → chunk-NQD2OQEG.js} +1 -1
  122. package/dist/{chunk-R4LPKOSF.js → chunk-PAW7CB3K.js} +2 -2
  123. package/dist/{chunk-CTTRBWBT.js → chunk-Q6SYCTJD.js} +2 -2
  124. package/dist/{chunk-IP4N5EBH.js → chunk-RDLI353P.js} +1 -1
  125. package/dist/{chunk-XHMXUELC.js → chunk-S6AH3YTH.js} +6 -6
  126. package/dist/{chunk-BPFMTXRF.js → chunk-TMGUYWTR.js} +2 -2
  127. package/dist/{chunk-Z54LX6IU.js → chunk-TRDXTYZD.js} +3 -3
  128. package/dist/{chunk-H2L3SQIO.js → chunk-UJXKUNEW.js} +42 -33
  129. package/dist/{chunk-KXUA2JOW.js → chunk-UR3NK3LV.js} +1 -1
  130. package/dist/{chunk-Z2VOM3C3.js → chunk-VC3HSOGC.js} +3 -3
  131. package/dist/{chunk-3LUQ6A2L.js → chunk-VQKJXEPU.js} +2 -2
  132. package/dist/{chunk-JURJ6BXP.js → chunk-XHW2Z6AX.js} +1 -1
  133. package/dist/{chunk-CURG4YI3.js → chunk-XQFICAVB.js} +4 -8
  134. package/dist/{chunk-QLLCRVCV.js → chunk-YQDRT547.js} +3 -3
  135. package/dist/index.css +836 -825
  136. package/dist/index.d.ts +8 -7
  137. package/dist/index.js +68 -67
  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 +30 -30
  145. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  146. package/dist/inputs/src/SearchField.css +360 -360
  147. package/dist/inputs/src/SearchField.js +8 -8
  148. package/dist/inputs/src/TextArea.css +331 -331
  149. package/dist/inputs/src/TextArea.js +7 -7
  150. package/dist/inputs/src/TextField.css +358 -358
  151. package/dist/inputs/src/TextField.js +10 -10
  152. package/dist/inputs/src/index.css +404 -404
  153. package/dist/inputs/src/index.js +17 -17
  154. package/dist/overlays/Popover/src/Popover.css +836 -825
  155. package/dist/overlays/Popover/src/Popover.js +68 -67
  156. package/dist/overlays/Popover/src/index.css +836 -825
  157. package/dist/overlays/Popover/src/index.js +68 -67
  158. package/dist/radio/src/DecorativeRadio.css +189 -42
  159. package/dist/radio/src/DecorativeRadio.js +2 -2
  160. package/dist/radio/src/Radio.css +181 -34
  161. package/dist/radio/src/Radio.js +2 -2
  162. package/dist/radio/src/RadioField.css +162 -15
  163. package/dist/radio/src/RadioField.js +1 -1
  164. package/dist/radio/src/RadioGroup.css +227 -99
  165. package/dist/radio/src/RadioGroup.js +2 -2
  166. package/dist/radio/src/index.css +233 -105
  167. package/dist/radio/src/index.js +8 -8
  168. package/dist/switch/src/Switch.css +178 -31
  169. package/dist/switch/src/Switch.js +2 -2
  170. package/dist/switch/src/SwitchField.css +162 -15
  171. package/dist/switch/src/SwitchField.js +2 -2
  172. package/dist/switch/src/index.css +184 -37
  173. package/dist/switch/src/index.js +4 -4
  174. package/dist/tag/src/Tag.css +464 -360
  175. package/dist/tag/src/Tag.js +5 -5
  176. package/dist/tag/src/TagGroup.css +166 -38
  177. package/dist/tag/src/TagGroup.js +2 -2
  178. package/dist/tag/src/TagList.css +226 -0
  179. package/dist/tag/src/index.css +474 -389
  180. package/dist/tag/src/index.js +9 -9
  181. package/dist/typography/Heading/src/Heading.css +151 -9
  182. package/dist/typography/Heading/src/Heading.js +1 -1
  183. package/dist/typography/Heading/src/index.css +151 -9
  184. package/dist/typography/Heading/src/index.js +1 -1
  185. package/dist/typography/Label/src/Label.css +211 -3
  186. package/dist/typography/Label/src/Label.js +1 -1
  187. package/dist/typography/Label/src/index.css +211 -3
  188. package/dist/typography/Label/src/index.js +1 -1
  189. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  190. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  191. package/dist/typography/OverlineText/src/index.css +190 -6
  192. package/dist/typography/OverlineText/src/index.js +1 -1
  193. package/dist/typography/Text/src/Text.css +156 -9
  194. package/dist/typography/Text/src/Text.js +1 -1
  195. package/dist/typography/Text/src/index.css +156 -9
  196. package/dist/typography/Text/src/index.js +1 -1
  197. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  198. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  199. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  200. package/dist/utils/src/index.css +226 -0
  201. package/dist/utils/src/index.d.ts +11 -10
  202. package/dist/utils/src/index.js +14 -3
  203. package/package.json +1 -1
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___jadPy {
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___jadPy) {
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___253D0) {
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___8aHpz) {
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___qNltd) {
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___1A-Db) {
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___DBJXl) {
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___9vwXN) {
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___PWsD3) {
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___LUQBB {
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___JX-qZ {
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___8x5eO {
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___5T6HL {
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___G2t-L {
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___9fJ-1 {
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___gh42c {
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___LUQBB[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___Te0ID {
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___LUQBB[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Te0ID {
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___9Hi70 {
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___ezEoM {
347
+ .Avatar-module__hop-Avatar--xs___Ady66 {
201
348
  --size: var(--hop-Avatar-xs-size);
202
349
  }
203
- .Avatar-module__hop-Avatar--sm___980Uh {
350
+ .Avatar-module__hop-Avatar--sm___FeU7R {
204
351
  --size: var(--hop-Avatar-sm-size);
205
352
  }
206
- .Avatar-module__hop-Avatar--md___wMa-k {
353
+ .Avatar-module__hop-Avatar--md___ZKXaB {
207
354
  --size: var(--hop-Avatar-md-size);
208
355
  }
209
- .Avatar-module__hop-Avatar--lg___yGqTp {
356
+ .Avatar-module__hop-Avatar--lg___1aVAg {
210
357
  --size: var(--hop-Avatar-lg-size);
211
358
  }
212
- .Avatar-module__hop-Avatar--xl___AXLnM {
359
+ .Avatar-module__hop-Avatar--xl___OGORu {
213
360
  --size: var(--hop-Avatar-xl-size);
214
361
  }
215
- .Avatar-module__hop-Avatar--2xl___aERCF {
362
+ .Avatar-module__hop-Avatar--2xl___IihrO {
216
363
  --size: var(--hop-Avatar-2xl-size);
217
364
  }
218
- .Avatar-module__hop-Avatar--decorative-option1___f7v8W {
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___1jb39 {
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___cJs0U {
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___ll-5h {
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___lyS7v {
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___nXt6p {
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___gDoKx {
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___RmnZd {
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___Tpf7q {
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___9Hi70[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___oh7hq {
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___JXNg5) {
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___74jxg {
296
- box-sizing: border-box;
297
- }
298
- .OverlineText-module__hop-OverlineText__text___74jxg::before,
299
- .OverlineText-module__hop-OverlineText__text___74jxg::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___74jxg::before {
307
- margin-block-end: var(--bottom-offset);
308
- }
309
- .OverlineText-module__hop-OverlineText__text___74jxg::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___6H0U2 {
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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___6H0U2[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___DWDc3 {
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___DWDc3[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___DWDc3[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___DWDc3[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___DWDc3[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___DWDc3[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___DWDc3[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___DWDc3[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___DWDc3[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___Zuv6z {
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___ttQfU {
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___fXcm0 {
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___LybXq {
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___fXcm0 .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___PkfSB {
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___2w-Xd {
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___3kP3e {
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___b8Ks- {
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___zKi4O {
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___zKi4O {
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___On4P- {
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___5w5a2 {
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___5w5a2[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___V-noN {
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___5w5a2[data-disabled],
768
- .Button-module__hop-Button___5w5a2[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___QaAvn {
875
+ .Button-module__hop-Button--fluid___zHyAn {
772
876
  --inline-size: 100%;
773
877
  }
774
- .Button-module__hop-Button--sm___nMy5q {
878
+ .Button-module__hop-Button--sm___TjmEa {
775
879
  --block-size: var(--hop-Button-sm-height);
776
880
  }
777
- .Button-module__hop-Button--primary___EvsVi.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
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___EvsVi.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
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___HYyfJ.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
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___HYyfJ.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
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___laWqg.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
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___laWqg.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
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___4-NJy.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
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___4-NJy.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
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___5xkKn.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
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___5xkKn.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
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___74X2R.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
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___74X2R.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
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___sh82s.Button-module__hop-Button--md___cThV4:not(.Button-module__hop-Button--icon-only___V-noN) {
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___sh82s.Button-module__hop-Button--sm___nMy5q:not(.Button-module__hop-Button--icon-only___V-noN) {
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___EvsVi {
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___EvsVi[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___EvsVi[data-hovered]:not([data-disabled], [data-loading]),
845
- .Button-module__hop-Button--primary___EvsVi[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___EvsVi[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___HYyfJ {
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___HYyfJ[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___HYyfJ[data-hovered]:not([data-disabled], [data-loading]),
867
- .Button-module__hop-Button--secondary___HYyfJ[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___HYyfJ[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___laWqg {
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___laWqg[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___laWqg[data-hovered]:not([data-disabled], [data-loading]),
889
- .Button-module__hop-Button--upsell___laWqg[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___laWqg[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___4-NJy {
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___4-NJy[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___4-NJy[data-hovered]:not([data-disabled], [data-loading]),
911
- .Button-module__hop-Button--danger___4-NJy[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___4-NJy[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___sh82s {
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___sh82s[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___sh82s[data-hovered]:not([data-disabled], [data-loading]),
933
- .Button-module__hop-Button--ghost-primary___sh82s[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___sh82s[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___74X2R {
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___74X2R[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___74X2R[data-hovered]:not([data-disabled], [data-loading]),
955
- .Button-module__hop-Button--ghost-secondary___74X2R[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___74X2R[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___5xkKn {
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___5xkKn[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___5xkKn[data-hovered]:not([data-disabled], [data-loading]),
977
- .Button-module__hop-Button--ghost-danger___5xkKn[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___5xkKn[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___23sIY {
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___OCH09,
993
- .Button-module__hop-Button__icon-list___90QTb {
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___hmgmJ {
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___sh82s[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1005
- .Button-module__hop-Button--ghost-secondary___74X2R[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1006
- .Button-module__hop-Button--ghost-danger___5xkKn[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1007
- .Button-module__hop-Button--ghost-primary___sh82s[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1008
- .Button-module__hop-Button--ghost-secondary___74X2R[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1009
- .Button-module__hop-Button--ghost-danger___5xkKn[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1010
- .Button-module__hop-Button--ghost-primary___sh82s[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1011
- .Button-module__hop-Button--ghost-secondary___74X2R[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ,
1012
- .Button-module__hop-Button--ghost-danger___5xkKn[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hmgmJ {
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___WUX-K,
1017
- .Button-module__hop-Button__end-icon-list___TYtCm {
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___5w5a2 .Button-module__hop-Button__icon-list___90QTb,
1021
- .Button-module__hop-Button___5w5a2 .Button-module__hop-Button__end-icon-list___TYtCm {
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___5w5a2[data-loading] > *:not(.Button-module__hop-Button__Spinner___23sIY) {
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___BKZ0u {
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___X9fQE {
1138
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1035
1139
  justify-content: center;
1036
1140
  }
1037
- .ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
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___L2vod.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
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___FTkrz.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
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___5RFlc.ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi {
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___L2vod.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
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___FTkrz.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
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___5RFlc.ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE {
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___QEzzw {
1164
+ .ButtonGroup-module__hop-ButtonGroup--wrap___I0RTB {
1061
1165
  flex-wrap: wrap;
1062
1166
  }
1063
- .ButtonGroup-module__hop-ButtonGroup--fluid___uxaS1 {
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___7FfyF {
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___7FfyF::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___7FfyF[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___P-YqL {
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___7q2Cu {
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___P-YqL::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___7q2Cu::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___gyZMD {
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___A10nO {
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___Ik65- {
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___IJpvj {
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___cpJ1e {
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___Q-Gbf {
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___ldyS0 {
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___-xE5d {
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___f33bW {
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___Yhb58 {
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___vaAW4 {
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___1WAFN {
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___7FfyF[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___7FfyF[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___7FfyF[data-disabled] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-disabled] {
1323
1427
  cursor: not-allowed;
1324
1428
  }
1325
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD[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___gyZMD[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___gyZMD[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___gyZMD[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___A10nO[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___A10nO[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___A10nO[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___A10nO[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___Ik65-[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___Ik65-[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___Ik65-[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___Ik65-[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___IJpvj[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___IJpvj[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___IJpvj[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___IJpvj[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___cpJ1e[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___cpJ1e[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___cpJ1e[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___cpJ1e[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___Q-Gbf[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___Q-Gbf[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___Q-Gbf[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___Q-Gbf[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___ldyS0[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___ldyS0[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___ldyS0[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___ldyS0[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___-xE5d[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___-xE5d[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___-xE5d[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___-xE5d[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___f33bW[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___f33bW[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___f33bW[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___f33bW[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___Yhb58[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___Yhb58[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___Yhb58[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___Yhb58[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___vaAW4[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___vaAW4[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___vaAW4[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___vaAW4[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___1WAFN[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___1WAFN[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___1WAFN[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___1WAFN[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___3-ikY {
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___N1R82 {
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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82: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___N1R82[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___fyMAY {
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___K8Wf4 {
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___-2zc-,
1671
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
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___KQHTU {
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___kpRRX {
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___lT5Jd {
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___tjnl9 {
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___tjnl9[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___mtiU4 {
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___uCBiT {
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___uxJ4N {
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___ytOgd {
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___JHTa8 {
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___aKgJ9 {
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___aVOod {
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___ijRfm {
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___I1lcR {
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___I1lcR) {
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___bMR5H) {
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___A7CLi {
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___mx6gE {
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___a-1SG {
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___-K6J2 {
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___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG {
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___mx6gE.CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2 {
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___A7CLi[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___mx6gE[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___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__label___HydnG {
1963
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
1879
1964
  order: 1;
1880
1965
  }
1881
- .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI {
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___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE {
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___mx6gE .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::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___mx6gE[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::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___mx6gE[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE::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___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__error-message___CfroT,
1916
- .CheckboxGroup-module__hop-CheckboxGroup___A7CLi > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___3r4Gx {
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___N1R82 {
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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82[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___N1R82: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___N1R82[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___fyMAY {
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___K8Wf4 {
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___-2zc-,
2070
- .Checkbox-module__hop-Checkbox__icon-list___Xucoa {
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___KQHTU {
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___kpRRX {
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___lT5Jd {
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___lRQTM {
2188
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy {
2104
2189
  }
2105
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx {
2190
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
2106
2191
  }
2107
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr {
2192
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
2108
2193
  }
2109
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7,
2110
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 {
2194
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
2195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
2111
2196
  }
2112
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN {
2197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
2113
2198
  }
2114
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx {
2199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
2115
2200
  }
2116
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V {
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___nqUSD) {
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___IGn45 {
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___00trG {
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___cxU-Q {
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___JDLHZ {
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___xub9Y {
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___cxU-Q[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___cxU-Q[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___cxU-Q[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___cxU-Q[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___cxU-Q[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___cxU-Q[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___WN-8O,
2282
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
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___WN-8O {
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___Kn-qF {
2385
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2301
2386
  padding: var(--hop-InputGroup-textarea-padding);
2302
2387
  }
2303
- .InputGroup-module__hop-InputGroup__input___WN-8O::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___THXUj {
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___n97SR {
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___n97SR) {
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___mTtTP) {
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___eo32f) {
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___IrFcX) {
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___7r13U) {
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___TkxTV) {
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___JATsN) {
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___7Xm3l) {
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___apdI6 {
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___zqiUX {
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___NKAaR {
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___Z2mj5 {
2455
+ .NumberField-module__hop-NumberField__Label___DpcSp {
2456
2456
  order: 0;
2457
2457
  }
2458
- .NumberField-module__hop-NumberField__prefix___JnwJ1 {
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___y0Rb6 {
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___9p0yi,
2468
- .NumberField-module__hop-NumberField__HelperMessage___zIKmw {
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___hxdTL {
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,55 +2489,55 @@
2489
2489
  border-radius: var(--stepper-border-radius, 0);
2490
2490
  outline: none;
2491
2491
  }
2492
- .NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
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___dKoOR {
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___Td1XM.NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
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___Td1XM.NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
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___hxdTL[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___hxdTL[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___hxdTL[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___ACv7y {
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___mcmo2 {
2535
+ .NumberField-module__hop-NumberField__input___7YBOI {
2536
2536
  grid-area: input;
2537
2537
  }
2538
2538
 
2539
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___lIpWY {
2540
+ .PasswordField-module__hop-PasswordField___JFqMs {
2541
2541
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2542
2542
  --hop-PasswordField-inline-size: 20rem;
2543
2543
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -2547,37 +2547,37 @@
2547
2547
  inline-size: var(--inline-size);
2548
2548
  max-inline-size: 100%;
2549
2549
  }
2550
- .PasswordField-module__hop-PasswordField--fluid___mWiBH {
2550
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
2551
2551
  --inline-size: 100%;
2552
2552
  }
2553
- .PasswordField-module__hop-PasswordField__Label___jhOyi {
2553
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
2554
2554
  order: 0;
2555
2555
  }
2556
- .PasswordField-module__hop-PasswordField__InputGroup___neXGZ {
2556
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
2557
2557
  order: 1;
2558
2558
  }
2559
- .PasswordField-module__hop-PasswordField__ErrorMessage___tl8k3,
2560
- .PasswordField-module__hop-PasswordField__HelperMessage___JGtpS {
2559
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
2560
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
2561
2561
  order: 3;
2562
2562
  }
2563
2563
 
2564
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___spzWY {
2565
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
2566
2566
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2567
2567
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2568
2568
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2569
2569
  --char-count-color: var(--hop-RemainingCharacterCount-color);
2570
2570
  color: var(--char-count-color);
2571
2571
  }
2572
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-invalid] {
2572
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
2573
2573
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2574
2574
  }
2575
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-disabled] {
2575
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
2576
2576
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2577
2577
  }
2578
2578
 
2579
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___q-EeQ {
2580
+ .SearchField-module__hop-SearchField___CmlB- {
2581
2581
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2582
2582
  --hop-SearchField-inline-size: 20rem;
2583
2583
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2592,39 +2592,39 @@
2592
2592
  inline-size: var(--inline-size);
2593
2593
  max-inline-size: 100%;
2594
2594
  }
2595
- .SearchField-module__hop-SearchField--fluid___CPvL1 {
2595
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
2596
2596
  --inline-size: 100%;
2597
2597
  }
2598
- .SearchField-module__hop-SearchField__Label___h8Tgk {
2598
+ .SearchField-module__hop-SearchField__Label___w0bGj {
2599
2599
  order: 0;
2600
2600
  }
2601
- .SearchField-module__hop-SearchField__prefix___BJJRt {
2601
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
2602
2602
  color: var(--hop-SearchField-color);
2603
2603
  }
2604
- .SearchField-module__hop-SearchField__InputGroup___K4N-1 {
2604
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
2605
2605
  order: 1;
2606
2606
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2607
2607
  }
2608
- .SearchField-module__hop-SearchField--clearable___ztMMx {
2608
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
2609
2609
  --input-group-padding-inline-end: 0;
2610
2610
  }
2611
- .SearchField-module__hop-SearchField__ErrorMessage___nFg62,
2612
- .SearchField-module__hop-SearchField__HelperMessage___pkXdH {
2611
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
2612
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
2613
2613
  order: 3;
2614
2614
  }
2615
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-cancel-button,
2616
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-decoration {
2615
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
2616
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
2617
2617
  appearance: none;
2618
2618
  }
2619
- .SearchField-module__hop-SearchField___q-EeQ[data-empty] {
2619
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
2620
2620
  --clear-button-display: none;
2621
2621
  }
2622
- .SearchField-module__hop-SearchField__ClearButton___rn5bg {
2622
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
2623
2623
  display: var(--clear-button-display);
2624
2624
  }
2625
2625
 
2626
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___-HVPa {
2627
+ .TextArea-module__hop-TextArea___-k51c {
2628
2628
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2629
2629
  --hop-TextArea-inline-size: 20rem;
2630
2630
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2638,35 +2638,35 @@
2638
2638
  inline-size: var(--inline-size);
2639
2639
  max-inline-size: 100%;
2640
2640
  }
2641
- .TextArea-module__hop-TextArea--fluid___EVe6A {
2641
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
2642
2642
  --inline-size: 100%;
2643
2643
  }
2644
- .TextArea-module__hop-TextArea___-HVPa[data-resize-mode=vertical] {
2644
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
2645
2645
  --resize: vertical;
2646
2646
  }
2647
- .TextArea-module__hop-TextArea__Label___1FkkL {
2647
+ .TextArea-module__hop-TextArea__Label___DTyVx {
2648
2648
  order: 0;
2649
2649
  }
2650
- .TextArea-module__hop-TextArea__prefix___Ebbu7 {
2650
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
2651
2651
  color: var(--hop-TextArea-prefix-color);
2652
2652
  }
2653
- .TextArea-module__hop-TextArea__InputGroup___RrdVH {
2653
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
2654
2654
  order: 1;
2655
2655
  }
2656
- .TextArea-module__hop-TextArea__RemainingCharacterCount___TfXYa {
2656
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
2657
2657
  padding: var(--hop-TextArea-remaining-character-count-padding);
2658
2658
  }
2659
- .TextArea-module__hop-TextArea__textarea___vNhDn {
2659
+ .TextArea-module__hop-TextArea__textarea___X66az {
2660
2660
  resize: var(--resize);
2661
2661
  min-block-size: var(--hop-TextArea-input-min-height);
2662
2662
  }
2663
- .TextArea-module__hop-TextArea__ErrorMessage___Vkzeg,
2664
- .TextArea-module__hop-TextArea__HelperMessage___-FgEV {
2663
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
2664
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
2665
2665
  order: 3;
2666
2666
  }
2667
2667
 
2668
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___ayCGD {
2669
+ .TextField-module__hop-TextField___1sv5- {
2670
2670
  --hop-TextField-gap: var(--hop-space-stack-xs);
2671
2671
  --hop-TextField-inline-size: 20rem;
2672
2672
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2677,25 +2677,25 @@
2677
2677
  inline-size: var(--inline-size);
2678
2678
  max-inline-size: 100%;
2679
2679
  }
2680
- .TextField-module__hop-TextField--fluid___6ZUUt {
2680
+ .TextField-module__hop-TextField--fluid___12PF- {
2681
2681
  --inline-size: 100%;
2682
2682
  }
2683
- .TextField-module__hop-TextField__Label___ylFL9 {
2683
+ .TextField-module__hop-TextField__Label___v5PNS {
2684
2684
  order: 0;
2685
2685
  }
2686
- .TextField-module__hop-TextField__prefix___P7wyK {
2686
+ .TextField-module__hop-TextField__prefix___6Ykah {
2687
2687
  color: var(--hop-TextField-prefix-color);
2688
2688
  }
2689
- .TextField-module__hop-TextField__InputGroup___kaNJe {
2689
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
2690
2690
  order: 1;
2691
2691
  }
2692
- .TextField-module__hop-TextField__ErrorMessage___T6KZN,
2693
- .TextField-module__hop-TextField__HelperMessage___uPCZ2 {
2692
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
2693
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
2694
2694
  order: 3;
2695
2695
  }
2696
2696
 
2697
2697
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2698
- .Link-module__hop-Link___wHXJ5 {
2698
+ .Link-module__hop-Link___hCv6o {
2699
2699
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2700
2700
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2701
2701
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2720,59 +2720,59 @@
2720
2720
  outline: none;
2721
2721
  outline-offset: 0.125rem;
2722
2722
  }
2723
- .Link-module__hop-Link___wHXJ5[data-focus-visible] {
2723
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
2724
2724
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2725
2725
  }
2726
- .Link-module__hop-Link___wHXJ5[data-disabled] {
2726
+ .Link-module__hop-Link___hCv6o[data-disabled] {
2727
2727
  cursor: default;
2728
2728
  }
2729
- .Link-module__hop-Link--quiet___F7596[data-focus-visible],
2730
- .Link-module__hop-Link--quiet___F7596[data-hovered] {
2729
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
2730
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
2731
2731
  text-decoration: underline;
2732
2732
  }
2733
- .Link-module__hop-Link___wHXJ5:not(.Link-module__hop-Link--quiet___F7596) {
2733
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
2734
2734
  text-decoration: underline;
2735
2735
  }
2736
- .Link-module__hop-Link--primary___aqAlg {
2736
+ .Link-module__hop-Link--primary___Nrvdi {
2737
2737
  color: var(--hop-Link-primary-text-color);
2738
2738
  }
2739
- .Link-module__hop-Link--primary___aqAlg[data-disabled] {
2739
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
2740
2740
  color: var(--hop-Link-primary-text-disabled-color);
2741
2741
  }
2742
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-focus-visible],
2743
- .Link-module__hop-Link--primary___aqAlg: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] {
2744
2744
  color: var(--hop-Link-primary-text-hover-color);
2745
2745
  }
2746
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-pressed] {
2746
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
2747
2747
  color: var(--hop-Link-primary-text-pressed-color);
2748
2748
  }
2749
- .Link-module__hop-Link--secondary___-wVgn {
2749
+ .Link-module__hop-Link--secondary___4ytgC {
2750
2750
  color: var(--hop-Link-neutral-text-color);
2751
2751
  }
2752
- .Link-module__hop-Link--secondary___-wVgn[data-disabled] {
2752
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
2753
2753
  color: var(--hop-Link-neutral-text-disabled-color);
2754
2754
  }
2755
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-focus-visible],
2756
- .Link-module__hop-Link--secondary___-wVgn: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] {
2757
2757
  color: var(--hop-Link-neutral-text-hover-color);
2758
2758
  }
2759
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-pressed] {
2759
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
2760
2760
  color: var(--hop-Link-neutral-text-pressed-color);
2761
2761
  }
2762
- .Link-module__hop-Link__icon___9twUA,
2763
- .Link-module__hop-Link__icon-list___su6NW {
2762
+ .Link-module__hop-Link__icon___GjiY8,
2763
+ .Link-module__hop-Link__icon-list___eWJSv {
2764
2764
  order: 2;
2765
2765
  }
2766
- .Link-module__hop-Link__text___hW4PZ {
2766
+ .Link-module__hop-Link__text___VgjRa {
2767
2767
  order: 1;
2768
2768
  }
2769
- .Link-module__hop-Link__start-icon___Sickn,
2770
- .Link-module__hop-Link__start-icon-list___mQVck {
2769
+ .Link-module__hop-Link__start-icon___8qO6o,
2770
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
2771
2771
  order: 0;
2772
2772
  }
2773
2773
 
2774
2774
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2775
- .Radio-module__hop-Radio___W1Vdc {
2775
+ .Radio-module__hop-Radio___mjGTL {
2776
2776
  --hop-Radio-box-border-size: 0.0625rem;
2777
2777
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2778
2778
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2846,60 +2846,60 @@
2846
2846
  inline-size: max-content;
2847
2847
  max-inline-size: 100%;
2848
2848
  }
2849
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
2849
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
2850
2850
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2851
2851
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2852
2852
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2853
2853
  --text-color: var(--hop-Radio-text-color-focused);
2854
2854
  --icon-color: var(--hop-Radio-icon-color-focused);
2855
2855
  }
2856
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
2856
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
2857
2857
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2858
2858
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2859
2859
  --text-color: var(--hop-Radio-text-color-hovered);
2860
2860
  --icon-color: var(--hop-Radio-icon-color-hovered);
2861
2861
  }
2862
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
2862
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
2863
2863
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2864
2864
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2865
2865
  --text-color: var(--hop-Radio-text-color-pressed);
2866
2866
  --icon-color: var(--hop-Radio-icon-color-pressed);
2867
2867
  }
2868
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
2868
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
2869
2869
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2870
2870
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2871
2871
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2872
2872
  --text-color: var(--hop-Radio-text-color-selected);
2873
2873
  --icon-color: var(--hop-Radio-icon-color-selected);
2874
2874
  }
2875
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
2875
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
2876
2876
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2877
2877
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2878
2878
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2879
2879
  --text-color: var(--hop-Radio-text-color-invalid);
2880
2880
  --icon-color: var(--hop-Radio-icon-color-invalid);
2881
2881
  }
2882
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
2882
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
2883
2883
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2884
2884
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2885
2885
  }
2886
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
2886
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
2887
2887
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2888
2888
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2889
2889
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2890
2890
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2891
2891
  }
2892
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
2892
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
2893
2893
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2894
2894
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2895
2895
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2896
2896
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2897
2897
  }
2898
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
2898
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
2899
2899
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2900
2900
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2901
2901
  }
2902
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
2902
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
2903
2903
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2904
2904
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2905
2905
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2907,25 +2907,25 @@
2907
2907
  --text-color: var(--hop-Radio-text-color-disabled);
2908
2908
  --icon-color: var(--hop-Radio-icon-color-disabled);
2909
2909
  }
2910
- .Radio-module__hop-Radio--sm___NYymj {
2910
+ .Radio-module__hop-Radio--sm___yl7Uc {
2911
2911
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2912
2912
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2913
2913
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2914
2914
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2915
2915
  }
2916
- .Radio-module__hop-Radio--md___CQv8r {
2916
+ .Radio-module__hop-Radio--md___Umq9X {
2917
2917
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2918
2918
  --box-block-size: var(--hop-Radio-box-md-block-size);
2919
2919
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2920
2920
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2921
2921
  }
2922
- .Radio-module__hop-Radio__icon___W3Yrf,
2923
- .Radio-module__hop-Radio__icon-list___Ky-BO {
2922
+ .Radio-module__hop-Radio__icon___umH4r,
2923
+ .Radio-module__hop-Radio__icon-list___x6UXM {
2924
2924
  flex: 0 0 auto;
2925
2925
  order: 3;
2926
2926
  color: var(--icon-color);
2927
2927
  }
2928
- .Radio-module__hop-Radio__box___T-9Zw {
2928
+ .Radio-module__hop-Radio__box___5S65W {
2929
2929
  display: flex;
2930
2930
  flex: 0 0 auto;
2931
2931
  align-items: center;
@@ -2941,11 +2941,11 @@
2941
2941
  outline-offset: 0.125rem;
2942
2942
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2943
2943
  }
2944
- .Radio-module__hop-Radio__bullet___aikpb {
2944
+ .Radio-module__hop-Radio__bullet___9Zldv {
2945
2945
  display: var(--bullet-display);
2946
2946
  color: var(--bullet-color);
2947
2947
  }
2948
- .Radio-module__hop-Radio__text___gfkdz {
2948
+ .Radio-module__hop-Radio__text___Jw3rk {
2949
2949
  flex: 0 1 auto;
2950
2950
  order: 2;
2951
2951
  min-inline-size: 0;
@@ -2955,7 +2955,7 @@
2955
2955
  }
2956
2956
 
2957
2957
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2958
- .RadioField-module__hop-RadioField___1-HVZ {
2958
+ .RadioField-module__hop-RadioField___y405X {
2959
2959
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2960
2960
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2961
2961
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2974,28 +2974,28 @@
2974
2974
  inline-size: max-content;
2975
2975
  max-inline-size: 100%;
2976
2976
  }
2977
- .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
2977
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
2978
2978
  --description-color: var(--hop-RadioField-description-color-disabled);
2979
2979
  }
2980
- .RadioField-module__hop-RadioField--sm___QmRzg {
2980
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
2981
2981
  --row-gap: var(--hop-RadioField-sm-row-gap);
2982
2982
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2983
2983
  }
2984
- .RadioField-module__hop-RadioField--md___In1AA {
2984
+ .RadioField-module__hop-RadioField--md___-TjKd {
2985
2985
  --row-gap: var(--hop-RadioField-md-row-gap);
2986
2986
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2987
2987
  }
2988
- .RadioField-module__hop-RadioField__description___o5cEe {
2988
+ .RadioField-module__hop-RadioField__description___1rQov {
2989
2989
  order: 2;
2990
2990
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2991
2991
  color: var(--description-color);
2992
2992
  }
2993
- .RadioField-module__hop-RadioField__radio___JOWVQ {
2993
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
2994
2994
  order: 1;
2995
2995
  }
2996
2996
 
2997
2997
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2998
- .RadioGroup-module__hop-RadioGroup___GcXvJ {
2998
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
2999
2999
  --hop-RadioGroup-align-items: flex-start;
3000
3000
  --hop-RadioGroup-justify-content: flex-start;
3001
3001
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3035,46 +3035,46 @@
3035
3035
  inline-size: var(--inline-size);
3036
3036
  max-inline-size: 100%;
3037
3037
  }
3038
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
3038
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
3039
3039
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3040
3040
  --list-border-radius: var(--hop-shape-rounded-md);
3041
3041
  }
3042
- .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
3042
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3043
3043
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3044
3044
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3045
3045
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3046
3046
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3047
3047
  }
3048
- .RadioGroup-module__hop-RadioGroup--md___EEp-b {
3048
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
3049
3049
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3050
3050
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3051
3051
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3052
3052
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3053
3053
  }
3054
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
3054
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3055
3055
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3056
3056
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3057
3057
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3058
3058
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3059
3059
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3060
3060
  }
3061
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--md___EEp-b {
3061
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
3062
3062
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3063
3063
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3064
3064
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3065
3065
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3066
3066
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3067
3067
  }
3068
- .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
3068
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
3069
3069
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3070
3070
  }
3071
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
3071
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
3072
3072
  --flex-wrap: nowrap;
3073
3073
  }
3074
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
3074
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
3075
3075
  order: 1;
3076
3076
  }
3077
- .RadioGroup-module__hop-RadioGroup__list___I6ByC {
3077
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
3078
3078
  display: flex;
3079
3079
  flex-flow: var(--flex-direction) var(--flex-wrap);
3080
3080
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3085,7 +3085,7 @@
3085
3085
  border: var(--list-border, none);
3086
3086
  border-radius: var(--list-border-radius, 0);
3087
3087
  }
3088
- .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 {
3088
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
3089
3089
  position: relative;
3090
3090
  flex: 0 1 auto;
3091
3091
  align-content: start;
@@ -3093,28 +3093,28 @@
3093
3093
  min-inline-size: 0;
3094
3094
  padding: var(--radio-padding, 0);
3095
3095
  }
3096
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::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 {
3097
3097
  content: "";
3098
3098
  position: absolute;
3099
3099
  display: block;
3100
3100
  }
3101
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::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 {
3102
3102
  inset-block-start: 0;
3103
3103
  inset-inline: 0;
3104
3104
  border-block-start: var(--list-border, none);
3105
3105
  }
3106
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::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 {
3107
3107
  inset-block: 0;
3108
3108
  inset-inline-start: 0;
3109
3109
  border-inline-start: var(--list-border, none);
3110
3110
  }
3111
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__error-message___uVmCG,
3112
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__helper-message___uTAJG {
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 {
3113
3113
  order: 3;
3114
3114
  }
3115
3115
 
3116
3116
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3117
- .Radio-module__hop-Radio___W1Vdc {
3117
+ .Radio-module__hop-Radio___mjGTL {
3118
3118
  --hop-Radio-box-border-size: 0.0625rem;
3119
3119
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3120
3120
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3188,60 +3188,60 @@
3188
3188
  inline-size: max-content;
3189
3189
  max-inline-size: 100%;
3190
3190
  }
3191
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
3191
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
3192
3192
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3193
3193
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3194
3194
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3195
3195
  --text-color: var(--hop-Radio-text-color-focused);
3196
3196
  --icon-color: var(--hop-Radio-icon-color-focused);
3197
3197
  }
3198
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
3198
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
3199
3199
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3200
3200
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3201
3201
  --text-color: var(--hop-Radio-text-color-hovered);
3202
3202
  --icon-color: var(--hop-Radio-icon-color-hovered);
3203
3203
  }
3204
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
3204
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
3205
3205
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3206
3206
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3207
3207
  --text-color: var(--hop-Radio-text-color-pressed);
3208
3208
  --icon-color: var(--hop-Radio-icon-color-pressed);
3209
3209
  }
3210
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
3210
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
3211
3211
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3212
3212
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3213
3213
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3214
3214
  --text-color: var(--hop-Radio-text-color-selected);
3215
3215
  --icon-color: var(--hop-Radio-icon-color-selected);
3216
3216
  }
3217
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
3217
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
3218
3218
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3219
3219
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3220
3220
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3221
3221
  --text-color: var(--hop-Radio-text-color-invalid);
3222
3222
  --icon-color: var(--hop-Radio-icon-color-invalid);
3223
3223
  }
3224
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
3224
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
3225
3225
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3226
3226
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3227
3227
  }
3228
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
3228
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
3229
3229
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3230
3230
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3231
3231
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3232
3232
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3233
3233
  }
3234
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
3234
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
3235
3235
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3236
3236
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3237
3237
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3238
3238
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3239
3239
  }
3240
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
3240
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
3241
3241
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3242
3242
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3243
3243
  }
3244
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
3244
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
3245
3245
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3246
3246
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3247
3247
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3249,25 +3249,25 @@
3249
3249
  --text-color: var(--hop-Radio-text-color-disabled);
3250
3250
  --icon-color: var(--hop-Radio-icon-color-disabled);
3251
3251
  }
3252
- .Radio-module__hop-Radio--sm___NYymj {
3252
+ .Radio-module__hop-Radio--sm___yl7Uc {
3253
3253
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3254
3254
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3255
3255
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3256
3256
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3257
3257
  }
3258
- .Radio-module__hop-Radio--md___CQv8r {
3258
+ .Radio-module__hop-Radio--md___Umq9X {
3259
3259
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3260
3260
  --box-block-size: var(--hop-Radio-box-md-block-size);
3261
3261
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3262
3262
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3263
3263
  }
3264
- .Radio-module__hop-Radio__icon___W3Yrf,
3265
- .Radio-module__hop-Radio__icon-list___Ky-BO {
3264
+ .Radio-module__hop-Radio__icon___umH4r,
3265
+ .Radio-module__hop-Radio__icon-list___x6UXM {
3266
3266
  flex: 0 0 auto;
3267
3267
  order: 3;
3268
3268
  color: var(--icon-color);
3269
3269
  }
3270
- .Radio-module__hop-Radio__box___T-9Zw {
3270
+ .Radio-module__hop-Radio__box___5S65W {
3271
3271
  display: flex;
3272
3272
  flex: 0 0 auto;
3273
3273
  align-items: center;
@@ -3283,11 +3283,11 @@
3283
3283
  outline-offset: 0.125rem;
3284
3284
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3285
3285
  }
3286
- .Radio-module__hop-Radio__bullet___aikpb {
3286
+ .Radio-module__hop-Radio__bullet___9Zldv {
3287
3287
  display: var(--bullet-display);
3288
3288
  color: var(--bullet-color);
3289
3289
  }
3290
- .Radio-module__hop-Radio__text___gfkdz {
3290
+ .Radio-module__hop-Radio__text___Jw3rk {
3291
3291
  flex: 0 1 auto;
3292
3292
  order: 2;
3293
3293
  min-inline-size: 0;
@@ -3295,24 +3295,24 @@
3295
3295
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3296
3296
  color: var(--text-color);
3297
3297
  }
3298
- .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
3298
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
3299
3299
  }
3300
- .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
3300
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
3301
3301
  }
3302
- .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
3302
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
3303
3303
  }
3304
- .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
3305
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
3304
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
3305
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
3306
3306
  }
3307
- .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
3307
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
3308
3308
  }
3309
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
3309
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
3310
3310
  }
3311
- .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
3311
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
3312
3312
  }
3313
3313
 
3314
3314
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3315
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh {
3315
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
3316
3316
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
3317
3317
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
3318
3318
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3338,7 +3338,7 @@
3338
3338
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3339
3339
  background-size: 400% 100%;
3340
3340
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3341
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
3341
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
3342
3342
  animation-duration: var(--animation-duration);
3343
3343
  animation-timing-function: ease-in-out;
3344
3344
  animation-fill-mode: forwards;
@@ -3347,19 +3347,19 @@
3347
3347
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3348
3348
  }
3349
3349
  }
3350
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
3350
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
3351
3351
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3352
3352
  }
3353
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
3353
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
3354
3354
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3355
3355
  }
3356
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
3356
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
3357
3357
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3358
3358
  }
3359
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
3359
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
3360
3360
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3361
3361
  }
3362
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
3362
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
3363
3363
  0% {
3364
3364
  background-position: 125% 50%;
3365
3365
  }
@@ -3369,7 +3369,7 @@
3369
3369
  }
3370
3370
 
3371
3371
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3372
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ {
3372
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
3373
3373
  --hop-ListBoxItem-background-color: transparent;
3374
3374
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3375
3375
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3466,129 +3466,129 @@
3466
3466
  outline: var(--outline);
3467
3467
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3468
3468
  }
3469
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
3469
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
3470
3470
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3471
3471
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3472
3472
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3473
3473
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3474
3474
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3475
3475
  }
3476
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
3476
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
3477
3477
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3478
3478
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3479
3479
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3480
3480
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3481
3481
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3482
3482
  }
3483
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
3483
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
3484
3484
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3485
3485
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3486
3486
  --min-height: var(--hop-ListBoxItem-md-min-height);
3487
3487
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3488
3488
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3489
3489
  }
3490
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
3490
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
3491
3491
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3492
3492
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3493
3493
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3494
3494
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3495
3495
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3496
3496
  }
3497
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
3497
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
3498
3498
  --cursor: pointer;
3499
3499
  }
3500
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
3500
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
3501
3501
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3502
3502
  }
3503
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
3503
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3504
3504
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3505
3505
  }
3506
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
3506
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3507
3507
  --checkmark-transition: none;
3508
3508
  }
3509
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
3509
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
3510
3510
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3511
3511
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3512
3512
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3513
3513
  --checkmark-opacity: 1;
3514
3514
  }
3515
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
3515
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
3516
3516
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3517
3517
  }
3518
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
3518
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
3519
3519
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3520
3520
  }
3521
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
3521
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
3522
3522
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3523
3523
  }
3524
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
3524
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
3525
3525
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3526
3526
  }
3527
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
3527
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
3528
3528
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3529
3529
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3530
3530
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3531
3531
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3532
3532
  }
3533
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
3533
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
3534
3534
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3535
3535
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3536
3536
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3537
3537
  }
3538
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
3538
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
3539
3539
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3540
3540
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3541
3541
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3542
3542
  }
3543
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
3543
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
3544
3544
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3545
3545
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3546
3546
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3547
3547
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3548
3548
  --cursor: not-allowed;
3549
3549
  }
3550
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
3550
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
3551
3551
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3552
3552
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3553
3553
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3554
3554
  }
3555
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
3555
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
3556
3556
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3557
3557
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3558
3558
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3559
3559
  }
3560
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
3560
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
3561
3561
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3562
3562
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3563
3563
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3564
3564
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3565
3565
  }
3566
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
3566
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
3567
3567
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3568
3568
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3569
3569
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3570
3570
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3571
3571
  }
3572
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
3572
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
3573
3573
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3574
3574
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3575
3575
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3576
3576
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3577
3577
  }
3578
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
3578
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
3579
3579
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3580
3580
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3581
3581
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3582
3582
  }
3583
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:has(.ListBoxItem-module__hop-ListBoxItem__description___oX2hJ) {
3583
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
3584
3584
  --row-gap: var(--hop-ListBoxItem-row-gap);
3585
3585
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3586
3586
  }
3587
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
3587
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
3588
3588
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3589
3589
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3590
3590
  }
3591
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
3591
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
3592
3592
  display: grid;
3593
3593
  grid-template-areas: var(--grid-template-areas);
3594
3594
  grid-template-columns: var(--grid-template-columns);
@@ -3600,33 +3600,33 @@
3600
3600
  padding-inline: var(--padding-inline);
3601
3601
  transition: grid-template-columns .3s ease-in-out;
3602
3602
  }
3603
- .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
3603
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
3604
3604
  grid-area: indicator;
3605
3605
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3606
3606
  color: var(--icon-color);
3607
3607
  opacity: var(--checkmark-opacity);
3608
3608
  transition: var(--checkmark-transition);
3609
3609
  }
3610
- .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
3611
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
3610
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
3611
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
3612
3612
  pointer-events: none;
3613
3613
  user-select: none;
3614
3614
  grid-area: indicator;
3615
3615
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3616
3616
  }
3617
- .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
3617
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
3618
3618
  grid-area: avatar;
3619
3619
  margin-block: var(--avatar-margin-block, 0);
3620
3620
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3621
3621
  }
3622
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
3623
- .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
3622
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
3623
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
3624
3624
  grid-area: icon;
3625
3625
  flex: 0 0 auto;
3626
3626
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3627
3627
  color: var(--icon-color);
3628
3628
  }
3629
- .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
3629
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
3630
3630
  overflow: hidden;
3631
3631
  grid-area: label;
3632
3632
  min-inline-size: 0;
@@ -3634,18 +3634,18 @@
3634
3634
  text-overflow: ellipsis;
3635
3635
  white-space: nowrap;
3636
3636
  }
3637
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
3638
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
3637
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
3638
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
3639
3639
  grid-area: end-icon;
3640
3640
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3641
3641
  color: var(--icon-color);
3642
3642
  }
3643
- .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
3643
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
3644
3644
  grid-area: badge;
3645
3645
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3646
3646
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3647
3647
  }
3648
- .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
3648
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
3649
3649
  overflow: hidden;
3650
3650
  display: -webkit-box;
3651
3651
  grid-area: description;
@@ -3656,7 +3656,7 @@
3656
3656
  }
3657
3657
 
3658
3658
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3659
- .ListBox-module__hop-ListBox___eUpnT {
3659
+ .ListBox-module__hop-ListBox___emfw7 {
3660
3660
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3661
3661
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3662
3662
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3703,11 +3703,11 @@
3703
3703
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3704
3704
  border-radius: var(--hop-ListBox-border-radius);
3705
3705
  }
3706
- .ListBox-module__hop-ListBox--fluid___Ippzh {
3706
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
3707
3707
  --max-width: var(--hop-ListBox-fluid-max-width);
3708
3708
  --width: var(--hop-ListBox-fluid-width);
3709
3709
  }
3710
- .ListBox-module__hop-ListBox__section___qvP27 {
3710
+ .ListBox-module__hop-ListBox__section___lzB6a {
3711
3711
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3712
3712
  margin-inline: var(--hop-ListBox-section-margin-inline);
3713
3713
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3715,21 +3715,21 @@
3715
3715
  border-block-start: var(--section-border-block-start);
3716
3716
  border-block-end: var(--section-border-block-end);
3717
3717
  }
3718
- .ListBox-module__hop-ListBox__item___zZ38V + .ListBox-module__hop-ListBox__section___qvP27 {
3718
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
3719
3719
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3720
3720
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3721
3721
  }
3722
- .ListBox-module__hop-ListBox__section___qvP27:has(+ .ListBox-module__hop-ListBox__item___zZ38V) {
3722
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
3723
3723
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3724
3724
  }
3725
- .ListBox-module__hop-ListBox__section___qvP27:first-child {
3725
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
3726
3726
  --section-padding-block-start: 0;
3727
3727
  }
3728
- .ListBox-module__hop-ListBox__section___qvP27:last-child {
3728
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
3729
3729
  --section-padding-block-end: 0;
3730
3730
  --section-border-block-end: 0;
3731
3731
  }
3732
- .ListBox-module__hop-ListBox__section-header___6j-wC {
3732
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
3733
3733
  margin: 0;
3734
3734
  padding: var(--hop-ListBox-section-header-padding);
3735
3735
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3740,33 +3740,34 @@
3740
3740
  text-transform: var(--hop-ListBox-section-header-text-transform);
3741
3741
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3742
3742
  }
3743
- .ListBox-module__hop-ListBox__section-header___6j-wC::before,
3744
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
3743
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
3744
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3745
3745
  content: "";
3746
3746
  display: block;
3747
3747
  box-sizing: border-box;
3748
3748
  inline-size: 0;
3749
3749
  block-size: 0;
3750
3750
  }
3751
- .ListBox-module__hop-ListBox__section-header___6j-wC::before {
3751
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
3752
3752
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3753
3753
  }
3754
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
3754
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3755
3755
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3756
3756
  }
3757
3757
 
3758
3758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3759
- :where(.Popover-module__hop-Popover___gIFrM *) {
3759
+ :where(.Popover-module__hop-Popover___YqMrl *) {
3760
3760
  font-family: var(--font-family);
3761
3761
  font-size: var(--font-size);
3762
3762
  font-weight: var(--font-weight);
3763
3763
  line-height: var(--line-height);
3764
3764
  outline: none;
3765
3765
  }
3766
- .Popover-module__hop-Popover___gIFrM {
3766
+ .Popover-module__hop-Popover___YqMrl {
3767
3767
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3768
3768
  --hop-Popover-inline-width: 25rem;
3769
3769
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
3770
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
3770
3771
  --hop-Popover-dropdown-auto-inline-width: auto;
3771
3772
  --width: var(--hop-Popover-inline-width);
3772
3773
  --max-width: var(--hop-Popover-max-inline-width);
@@ -3775,19 +3776,22 @@
3775
3776
  inline-size: var(--width);
3776
3777
  max-inline-size: var(--max-width);
3777
3778
  }
3778
- .Popover-module__hop-Popover___gIFrM[data-trigger=Select] {
3779
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
3779
3780
  --width: var(--hop-Popover-dropdown-inline-width);
3780
3781
  }
3781
- .Popover-module__hop-Popover___gIFrM[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] {
3782
3786
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3783
3787
  }
3784
- .Popover-module__hop-Popover___gIFrM[data-entering] {
3785
- animation: Popover-module__fade___ph4u3 0.25s;
3788
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
3789
+ animation: Popover-module__fade___cM9Hu 0.25s;
3786
3790
  }
3787
- .Popover-module__hop-Popover___gIFrM[data-exiting] {
3788
- animation: Popover-module__fade___ph4u3 0.25s reverse;
3791
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
3792
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
3789
3793
  }
3790
- @keyframes Popover-module__fade___ph4u3 {
3794
+ @keyframes Popover-module__fade___cM9Hu {
3791
3795
  from {
3792
3796
  opacity: 0;
3793
3797
  }
@@ -3795,14 +3799,14 @@
3795
3799
  opacity: 1;
3796
3800
  }
3797
3801
  }
3798
- .Popover-module__hop-Popover__wrapper___HAIbd {
3802
+ .Popover-module__hop-Popover__wrapper___bBvVC {
3799
3803
  display: flex;
3800
3804
  flex: 1 1 auto;
3801
3805
  flex-direction: column;
3802
3806
  min-block-size: 0;
3803
3807
  }
3804
- .Popover-module__hop-Popover__dialog___UFZee,
3805
- .Popover-module__hop-Popover__dropdown___H-yZY {
3808
+ .Popover-module__hop-Popover__dialog___-Qm8I,
3809
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3806
3810
  --hop-Popover-background: var(--hop-neutral-surface);
3807
3811
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3808
3812
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3848,20 +3852,20 @@
3848
3852
  border-radius: var(--hop-Popover-border-radius);
3849
3853
  box-shadow: var(--hop-Popover-box-shadow);
3850
3854
  }
3851
- .Popover-module__hop-Popover__dropdown___H-yZY {
3855
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3852
3856
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3853
3857
  --footer-place-self: stretch;
3854
3858
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3855
3859
  --padding: var(--hop-Popover-dropdown-padding);
3856
3860
  }
3857
- .Popover-module__hop-Popover__dialog___UFZee {
3861
+ .Popover-module__hop-Popover__dialog___-Qm8I {
3858
3862
  --padding: var(--hop-Popover-dialog-padding);
3859
3863
  }
3860
- .Popover-module__hop-Popover__title___7iBNB {
3864
+ .Popover-module__hop-Popover__title___SZT2m {
3861
3865
  grid-area: header;
3862
3866
  color: var(--hop-Popover-color);
3863
3867
  }
3864
- .Popover-module__hop-Popover__content___9qGsS {
3868
+ .Popover-module__hop-Popover__content___V6KMC {
3865
3869
  --font-size: var(--hop-Popover-content-font-size);
3866
3870
  --line-height: var(--hop-Popover-content-line-height);
3867
3871
  grid-area: content;
@@ -3870,7 +3874,7 @@
3870
3874
  padding: 0;
3871
3875
  color: var(--hop-Popover-content-color);
3872
3876
  }
3873
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__list-box___4ZJko {
3877
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
3874
3878
  grid-area: content;
3875
3879
  inline-size: auto;
3876
3880
  min-inline-size: auto;
@@ -3879,7 +3883,7 @@
3879
3883
  padding: 0;
3880
3884
  border: none;
3881
3885
  }
3882
- .Popover-module__hop-Popover__footer___GUjGi {
3886
+ .Popover-module__hop-Popover__footer___sJmo- {
3883
3887
  --font-size: var(--hop-Popover-footer-font-size);
3884
3888
  --line-height: var(--hop-Popover-footer-line-height);
3885
3889
  grid-area: footer;
@@ -3887,40 +3891,46 @@
3887
3891
  margin: var(--footer-margin);
3888
3892
  color: var(--hop-Popover-color);
3889
3893
  }
3890
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__footer___GUjGi {
3894
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
3891
3895
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3892
3896
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3893
3897
  }
3894
- .Popover-module__hop-Popover__actions___8dlIL,
3895
- .Popover-module__hop-Popover__action___PdeSV {
3898
+ .Popover-module__hop-Popover__actions___dlp9Q,
3899
+ .Popover-module__hop-Popover__action___hcQBI {
3896
3900
  grid-area: action;
3897
3901
  justify-self: end;
3898
3902
  margin-block-start: var(--hop-Popover-row-gap);
3899
3903
  }
3900
- .Popover-module__hop-Popover___gIFrM:has(.Popover-module__hop-Popover__actions___8dlIL, .Popover-module__hop-Popover__action___PdeSV) .Popover-module__hop-Popover__footer___GUjGi {
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- {
3901
3905
  margin-inline-end: var(--hop-Popover-column-gap);
3902
3906
  }
3903
3907
 
3904
3908
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3905
- .SelectValue-module__hop-SelectValue___Ki0dR {
3906
- --hop-SelectValue-display: flex;
3909
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3910
+ --hop-SelectValue-display: inline-block;
3911
+ --hop-SelectValue-slots-display: flex;
3907
3912
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3913
+ --display: var(--hop-SelectValue-display);
3908
3914
  overflow: hidden;
3909
- display: var(--hop-SelectValue-display);
3915
+ display: var(--display);
3910
3916
  flex: 1 1 auto;
3911
3917
  column-gap: var(--hop-SelectValue-column-gap);
3912
3918
  align-items: center;
3913
3919
  box-sizing: border-box;
3920
+ min-inline-size: 0;
3914
3921
  text-overflow: ellipsis;
3915
3922
  white-space: nowrap;
3916
3923
  }
3917
- .SelectValue-module__hop-SelectValue__avatar___SI2em {
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 {
3918
3928
  order: 1;
3919
3929
  }
3920
- .SelectValue-module__hop-SelectValue__icon___kk1xV {
3930
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3921
3931
  order: 2;
3922
3932
  }
3923
- .SelectValue-module__hop-SelectValue__text___QfLXS {
3933
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3924
3934
  overflow: hidden;
3925
3935
  flex: 1 1 auto;
3926
3936
  order: 3;
@@ -3928,12 +3938,12 @@
3928
3938
  text-overflow: ellipsis;
3929
3939
  white-space: nowrap;
3930
3940
  }
3931
- .SelectValue-module__hop-SelectValue__end-icon___Mnitd {
3941
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3932
3942
  order: 4;
3933
3943
  }
3934
3944
 
3935
3945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3936
- .Select-module__hop-Select___-ffji {
3946
+ .Select-module__hop-Select___9asPc {
3937
3947
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3938
3948
  --hop-Select-inline-size: 20rem;
3939
3949
  --hop-Select-inline-size-fluid: 100%;
@@ -3942,6 +3952,7 @@
3942
3952
  --hop-Select-button-border-color: var(--hop-neutral-border);
3943
3953
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
3944
3954
  --hop-Select-button-border-size: var(--hop-space-10);
3955
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
3945
3956
  --hop-Select-button-color: var(--hop-neutral-text);
3946
3957
  --hop-Select-button-cursor: pointer;
3947
3958
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -3984,13 +3995,13 @@
3984
3995
  inline-size: var(--inline-size);
3985
3996
  max-inline-size: var(--hop-Select-max-inline-size);
3986
3997
  }
3987
- .Select-module__hop-Select--fluid___a4kzj {
3998
+ .Select-module__hop-Select--fluid___kdYun {
3988
3999
  --inline-size: var(--hop-Select-inline-size-fluid);
3989
4000
  }
3990
- .Select-module__hop-Select__label___rG82d {
4001
+ .Select-module__hop-Select__label___lX0YF {
3991
4002
  order: 1;
3992
4003
  }
3993
- .Select-module__hop-Select__button___Ml5ar {
4004
+ .Select-module__hop-Select__button___72TRN {
3994
4005
  cursor: var(--button-cursor);
3995
4006
  display: flex;
3996
4007
  column-gap: var(--hop-Select-button-column-gap);
@@ -4006,59 +4017,59 @@
4006
4017
  border-radius: var(--hop-Select-button-border-radius);
4007
4018
  outline: none;
4008
4019
  }
4009
- .Select-module__hop-Select__button--sm___z5rTo {
4020
+ .Select-module__hop-Select__button--sm___t6WUP {
4010
4021
  --button-block-size: var(--hop-Select-button-sm-block-size);
4011
4022
  }
4012
- .Select-module__hop-Select__button--md___pRWBr {
4023
+ .Select-module__hop-Select__button--md___GNNkD {
4013
4024
  --button-block-size: var(--hop-Select-button-md-block-size);
4014
4025
  }
4015
- .Select-module__hop-Select__button___Ml5ar[data-hovered] {
4026
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
4016
4027
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4017
4028
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4018
4029
  --button-color: var(--hop-Select-button-color-hovered);
4019
4030
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4020
4031
  }
4021
- .Select-module__hop-Select__button___Ml5ar[data-pressed] {
4032
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
4022
4033
  --button-background-color: var(--hop-Select-button-background-color-selected);
4023
4034
  --button-border-color: var(--hop-Select-button-border-color-selected);
4024
4035
  --button-color: var(--hop-Select-button-color-selected);
4025
4036
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4026
4037
  }
4027
- .Select-module__hop-Select__button___Ml5ar[data-invalid] {
4038
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
4028
4039
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4029
4040
  }
4030
- .Select-module__hop-Select__button___Ml5ar[data-focus-visible] {
4041
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
4031
4042
  --button-background-color: var(--hop-Select-button-background-color-focused);
4032
4043
  --button-border-color: var(--hop-Select-button-border-color-focused);
4033
4044
  --button-color: var(--hop-Select-button-color-focused);
4034
4045
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
4035
4046
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4036
- outline-offset: -0.125rem;
4047
+ outline-offset: var(--hop-Select-button-outline-offset);
4037
4048
  }
4038
- .Select-module__hop-Select__button___Ml5ar:has([data-placeholder]) {
4049
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
4039
4050
  --button-color: var(--hop-Select-button-placeholder-color);
4040
4051
  }
4041
- .Select-module__hop-Select__button___Ml5ar[data-disabled] {
4052
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
4042
4053
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4043
4054
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4044
4055
  --button-color: var(--hop-Select-button-color-disabled);
4045
4056
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4046
4057
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4047
4058
  }
4048
- .Select-module__hop-Select__prefix___ioXh1 {
4059
+ .Select-module__hop-Select__prefix___lRC4S {
4049
4060
  color: var(--hop-Select-prefix-color);
4050
4061
  }
4051
- .Select-module__hop-Select__button-icon___hyZcO {
4062
+ .Select-module__hop-Select__button-icon___t9tu4 {
4052
4063
  margin-inline-start: auto;
4053
4064
  color: var(--button-icon-color);
4054
4065
  }
4055
- .Select-module__hop-Select__helper-message___uE0gS,
4056
- .Select-module__hop-Select__error-message___66saO {
4066
+ .Select-module__hop-Select__helper-message___-E4RI,
4067
+ .Select-module__hop-Select__error-message___cOkJl {
4057
4068
  order: 3;
4058
4069
  }
4059
4070
 
4060
4071
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4061
- .Switch-module__hop-Switch___wIPTD {
4072
+ .Switch-module__hop-Switch___ZiKpN {
4062
4073
  --hop-Switch-border-size: 0.0625rem;
4063
4074
  --hop-Switch-border-color: var(--hop-neutral-border);
4064
4075
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -4115,56 +4126,56 @@
4115
4126
  inline-size: max-content;
4116
4127
  max-inline-size: 100%;
4117
4128
  }
4118
- .Switch-module__hop-Switch--sm___IbMER {
4129
+ .Switch-module__hop-Switch--sm___UnrZ2 {
4119
4130
  --inline-size: var(--hop-Switch-inline-size-sm);
4120
4131
  --block-size: var(--hop-Switch-block-size-sm);
4121
4132
  --thumb-size: var(--hop-Switch-thumb-size-sm);
4122
4133
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4123
4134
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4124
4135
  }
4125
- .Switch-module__hop-Switch--md___u8wNw {
4136
+ .Switch-module__hop-Switch--md___FWbwB {
4126
4137
  --inline-size: var(--hop-Switch-inline-size-md);
4127
4138
  --block-size: var(--hop-Switch-block-size-md);
4128
4139
  --thumb-size: var(--hop-Switch-thumb-size-md);
4129
4140
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4130
4141
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
4131
4142
  }
4132
- .Switch-module__hop-Switch___wIPTD[data-hovered] {
4143
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
4133
4144
  --border-color: var(--hop-Switch-border-color-hover);
4134
4145
  --background-color: var(--hop-Switch-background-color-hover);
4135
4146
  --thumb-color: var(--hop-Switch-thumb-color-hover);
4136
4147
  --text-color: var(--hop-Switch-text-color-hover);
4137
4148
  }
4138
- .Switch-module__hop-Switch___wIPTD[data-pressed],
4139
- .Switch-module__hop-Switch___wIPTD[data-pressed][data-focus-visible] {
4149
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
4150
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
4140
4151
  --border-color: var(--hop-Switch-border-color-pressed);
4141
4152
  --background-color: var(--hop-Switch-background-color-pressed);
4142
4153
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4143
4154
  --text-color: var(--hop-Switch-text-color-pressed);
4144
4155
  }
4145
- .Switch-module__hop-Switch___wIPTD[data-focus-visible] {
4156
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
4146
4157
  --border-color: var(--hop-Switch-border-color-focus);
4147
4158
  --background-color: var(--hop-Switch-background-color-focus);
4148
4159
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4149
4160
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4150
4161
  --text-color: var(--hop-Switch-text-color-focus);
4151
4162
  }
4152
- .Switch-module__hop-Switch___wIPTD[data-selected],
4153
- .Switch-module__hop-Switch___wIPTD[data-selected][data-pressed] {
4163
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
4164
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
4154
4165
  --border-color: var(--hop-Switch-border-color-selected);
4155
4166
  --background-color: var(--hop-Switch-background-color-selected);
4156
4167
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4157
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%);
4158
4169
  --text-color: var(--hop-Switch-text-color-selected);
4159
4170
  }
4160
- .Switch-module__hop-Switch___wIPTD[data-disabled] {
4171
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
4161
4172
  --border-color: var(--hop-Switch-border-color-disabled);
4162
4173
  --background-color: var(--hop-Switch-background-color-disabled);
4163
4174
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4164
4175
  --text-color: var(--hop-Switch-text-color-disabled);
4165
4176
  --cursor: not-allowed;
4166
4177
  }
4167
- .Switch-module__hop-Switch__indicator___y1-JU {
4178
+ .Switch-module__hop-Switch__indicator___lxvxY {
4168
4179
  position: relative;
4169
4180
  flex: 0 0 auto;
4170
4181
  box-sizing: border-box;
@@ -4177,7 +4188,7 @@
4177
4188
  outline-offset: 0.125rem;
4178
4189
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4179
4190
  }
4180
- .Switch-module__hop-Switch__indicator___y1-JU::before {
4191
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
4181
4192
  content: "";
4182
4193
  position: absolute;
4183
4194
  inset-block-start: 50%;
@@ -4192,20 +4203,20 @@
4192
4203
  border-radius: var(--hop-shape-circle);
4193
4204
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4194
4205
  }
4195
- .Switch-module__hop-Switch__text___tx38o {
4206
+ .Switch-module__hop-Switch__text___jt3yM {
4196
4207
  flex: 0 1 auto;
4197
4208
  order: 2;
4198
4209
  min-inline-size: 0;
4199
4210
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4200
4211
  color: var(--text-color);
4201
4212
  }
4202
- .Switch-module__hop-Switch__icon-list___nq-3a,
4203
- .Switch-module__hop-Switch__icon___EATtC {
4213
+ .Switch-module__hop-Switch__icon-list___5ELG6,
4214
+ .Switch-module__hop-Switch__icon___U8pPq {
4204
4215
  order: 3;
4205
4216
  }
4206
4217
 
4207
4218
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4208
- .SwitchField-module__hop-SwitchField___0n7-7 {
4219
+ .SwitchField-module__hop-SwitchField___ARPRk {
4209
4220
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4210
4221
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4211
4222
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4224,28 +4235,28 @@
4224
4235
  inline-size: max-content;
4225
4236
  max-inline-size: 100%;
4226
4237
  }
4227
- .SwitchField-module__hop-SwitchField___0n7-7[data-disabled] {
4238
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
4228
4239
  --description-color: var(--hop-SwitchField-description-color-disabled);
4229
4240
  }
4230
- .SwitchField-module__hop-SwitchField--sm___BwXun {
4241
+ .SwitchField-module__hop-SwitchField--sm___emckg {
4231
4242
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4232
4243
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4233
4244
  }
4234
- .SwitchField-module__hop-SwitchField--md___rQvZR {
4245
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
4235
4246
  --row-gap: var(--hop-SwitchField-md-row-gap);
4236
4247
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4237
4248
  }
4238
- .SwitchField-module__hop-SwitchField__description___9m0Ll {
4249
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
4239
4250
  order: 2;
4240
4251
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4241
4252
  color: var(--description-color);
4242
4253
  }
4243
- .SwitchField-module__hop-SwitchField__switch___g5U-l {
4254
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
4244
4255
  order: 1;
4245
4256
  }
4246
4257
 
4247
4258
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4248
- .Tag-module__hop-Tag___NM6io {
4259
+ .Tag-module__hop-Tag___QPfVY {
4249
4260
  --hop-Tag-border-size: 0.0625rem;
4250
4261
  --hop-Tag-border-radius: var(--hop-shape-pill);
4251
4262
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4484,7 +4495,7 @@
4484
4495
  outline: none;
4485
4496
  outline-offset: 0.125rem;
4486
4497
  }
4487
- .Tag-module__hop-Tag--sm___RusnS {
4498
+ .Tag-module__hop-Tag--sm___PRq4I {
4488
4499
  --block-size: var(--hop-Tag-sm-block-size);
4489
4500
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4490
4501
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4492,13 +4503,13 @@
4492
4503
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4493
4504
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4494
4505
  }
4495
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4506
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4496
4507
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4497
4508
  }
4498
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4509
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4499
4510
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4500
4511
  }
4501
- .Tag-module__hop-Tag--md___kkBZU {
4512
+ .Tag-module__hop-Tag--md___k944L {
4502
4513
  --block-size: var(--hop-Tag-md-block-size);
4503
4514
  --padding-inline: var(--hop-Tag-md-padding-inline);
4504
4515
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4506,13 +4517,13 @@
4506
4517
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4507
4518
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4508
4519
  }
4509
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4520
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4510
4521
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4511
4522
  }
4512
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4523
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4513
4524
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4514
4525
  }
4515
- .Tag-module__hop-Tag--lg___6uwPK {
4526
+ .Tag-module__hop-Tag--lg___vSnmb {
4516
4527
  --block-size: var(--hop-Tag-lg-block-size);
4517
4528
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4518
4529
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4520,348 +4531,348 @@
4520
4531
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4521
4532
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4522
4533
  }
4523
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4534
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4524
4535
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4525
4536
  }
4526
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4537
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4527
4538
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4528
4539
  }
4529
- .Tag-module__hop-Tag--neutral___USBuA {
4540
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4530
4541
  --border-color: var(--hop-Tag-neutral-border-color);
4531
4542
  --background-color: var(--hop-Tag-neutral-background-color);
4532
4543
  --text-color: var(--hop-Tag-neutral-text-color);
4533
4544
  }
4534
- .Tag-module__hop-Tag--subdued___xQkUX {
4545
+ .Tag-module__hop-Tag--subdued___pnb-b {
4535
4546
  --border-color: var(--hop-Tag-subdued-border-color);
4536
4547
  --background-color: var(--hop-Tag-subdued-background-color);
4537
4548
  --text-color: var(--hop-Tag-subdued-text-color);
4538
4549
  }
4539
- .Tag-module__hop-Tag--progress___zPefF {
4550
+ .Tag-module__hop-Tag--progress___-A1r0 {
4540
4551
  --border-color: var(--hop-Tag-progress-border-color);
4541
4552
  --background-color: var(--hop-Tag-progress-background-color);
4542
4553
  --text-color: var(--hop-Tag-progress-text-color);
4543
4554
  }
4544
- .Tag-module__hop-Tag--positive___-0pjQ {
4555
+ .Tag-module__hop-Tag--positive___NmpPG {
4545
4556
  --border-color: var(--hop-Tag-positive-border-color);
4546
4557
  --background-color: var(--hop-Tag-positive-background-color);
4547
4558
  --text-color: var(--hop-Tag-positive-text-color);
4548
4559
  }
4549
- .Tag-module__hop-Tag--caution___t7-CS {
4560
+ .Tag-module__hop-Tag--caution___Q3b1U {
4550
4561
  --border-color: var(--hop-Tag-caution-border-color);
4551
4562
  --background-color: var(--hop-Tag-caution-background-color);
4552
4563
  --text-color: var(--hop-Tag-caution-text-color);
4553
4564
  }
4554
- .Tag-module__hop-Tag--negative___B5fjH {
4565
+ .Tag-module__hop-Tag--negative___gJkuU {
4555
4566
  --border-color: var(--hop-Tag-negative-border-color);
4556
4567
  --background-color: var(--hop-Tag-negative-background-color);
4557
4568
  --text-color: var(--hop-Tag-negative-text-color);
4558
4569
  }
4559
- .Tag-module__hop-Tag--option1___AYNLX {
4570
+ .Tag-module__hop-Tag--option1___48VPO {
4560
4571
  --border-color: var(--hop-Tag-option1-border-color);
4561
4572
  --background-color: var(--hop-Tag-option1-background-color);
4562
4573
  --text-color: var(--hop-Tag-option1-text-color);
4563
4574
  }
4564
- .Tag-module__hop-Tag--option2___Sajtj {
4575
+ .Tag-module__hop-Tag--option2___07n0q {
4565
4576
  --border-color: var(--hop-Tag-option2-border-color);
4566
4577
  --background-color: var(--hop-Tag-option2-background-color);
4567
4578
  --text-color: var(--hop-Tag-option2-text-color);
4568
4579
  }
4569
- .Tag-module__hop-Tag--option3___Eivl4 {
4580
+ .Tag-module__hop-Tag--option3___0YpqQ {
4570
4581
  --border-color: var(--hop-Tag-option3-border-color);
4571
4582
  --background-color: var(--hop-Tag-option3-background-color);
4572
4583
  --text-color: var(--hop-Tag-option3-text-color);
4573
4584
  }
4574
- .Tag-module__hop-Tag--option4___24aL5 {
4585
+ .Tag-module__hop-Tag--option4___518kC {
4575
4586
  --border-color: var(--hop-Tag-option4-border-color);
4576
4587
  --background-color: var(--hop-Tag-option4-background-color);
4577
4588
  --text-color: var(--hop-Tag-option4-text-color);
4578
4589
  }
4579
- .Tag-module__hop-Tag--option5___MUm8- {
4590
+ .Tag-module__hop-Tag--option5___zE-FA {
4580
4591
  --border-color: var(--hop-Tag-option5-border-color);
4581
4592
  --background-color: var(--hop-Tag-option5-background-color);
4582
4593
  --text-color: var(--hop-Tag-option5-text-color);
4583
4594
  }
4584
- .Tag-module__hop-Tag--option6___-sBKA {
4595
+ .Tag-module__hop-Tag--option6___opxaK {
4585
4596
  --border-color: var(--hop-Tag-option6-border-color);
4586
4597
  --background-color: var(--hop-Tag-option6-background-color);
4587
4598
  --text-color: var(--hop-Tag-option6-text-color);
4588
4599
  }
4589
- .Tag-module__hop-Tag___NM6io[data-href] {
4600
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4590
4601
  cursor: pointer;
4591
4602
  }
4592
- .Tag-module__hop-Tag--neutral___USBuA[data-focus-visible] {
4603
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4593
4604
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4594
4605
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4595
4606
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4596
4607
  }
4597
- .Tag-module__hop-Tag--neutral___USBuA[data-hovered] {
4608
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4598
4609
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4599
4610
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4600
4611
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4601
4612
  }
4602
- .Tag-module__hop-Tag--neutral___USBuA[data-pressed] {
4613
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4603
4614
  --border-color: var(--hop-Tag-neutral-border-color-press);
4604
4615
  --background-color: var(--hop-Tag-neutral-background-color-press);
4605
4616
  --text-color: var(--hop-Tag-neutral-text-color-press);
4606
4617
  }
4607
- .Tag-module__hop-Tag--neutral___USBuA[data-disabled] {
4618
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4608
4619
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4609
4620
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4610
4621
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4611
4622
  }
4612
- .Tag-module__hop-Tag--subdued___xQkUX[data-focus-visible] {
4623
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4613
4624
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4614
4625
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4615
4626
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4616
4627
  }
4617
- .Tag-module__hop-Tag--subdued___xQkUX[data-hovered] {
4628
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4618
4629
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4619
4630
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4620
4631
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4621
4632
  }
4622
- .Tag-module__hop-Tag--subdued___xQkUX[data-pressed] {
4633
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4623
4634
  --border-color: var(--hop-Tag-subdued-border-color-press);
4624
4635
  --background-color: var(--hop-Tag-subdued-background-color-press);
4625
4636
  --text-color: var(--hop-Tag-subdued-text-color-press);
4626
4637
  }
4627
- .Tag-module__hop-Tag--subdued___xQkUX[data-disabled] {
4638
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4628
4639
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4629
4640
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4630
4641
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4631
4642
  }
4632
- .Tag-module__hop-Tag--progress___zPefF[data-focus-visible] {
4643
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4633
4644
  --border-color: var(--hop-Tag-progress-border-color-focus);
4634
4645
  --background-color: var(--hop-Tag-progress-background-color-focus);
4635
4646
  --text-color: var(--hop-Tag-progress-text-color-focus);
4636
4647
  }
4637
- .Tag-module__hop-Tag--progress___zPefF[data-hovered] {
4648
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4638
4649
  --border-color: var(--hop-Tag-progress-border-color-hover);
4639
4650
  --background-color: var(--hop-Tag-progress-background-color-hover);
4640
4651
  --text-color: var(--hop-Tag-progress-text-color-hover);
4641
4652
  }
4642
- .Tag-module__hop-Tag--progress___zPefF[data-pressed] {
4653
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4643
4654
  --border-color: var(--hop-Tag-progress-border-color-press);
4644
4655
  --background-color: var(--hop-Tag-progress-background-color-press);
4645
4656
  --text-color: var(--hop-Tag-progress-text-color-press);
4646
4657
  }
4647
- .Tag-module__hop-Tag--progress___zPefF[data-disabled] {
4658
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4648
4659
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4649
4660
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4650
4661
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4651
4662
  }
4652
- .Tag-module__hop-Tag--positive___-0pjQ[data-focus-visible] {
4663
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4653
4664
  --border-color: var(--hop-Tag-positive-border-color-focus);
4654
4665
  --background-color: var(--hop-Tag-positive-background-color-focus);
4655
4666
  --text-color: var(--hop-Tag-positive-text-color-focus);
4656
4667
  }
4657
- .Tag-module__hop-Tag--positive___-0pjQ[data-hovered] {
4668
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4658
4669
  --border-color: var(--hop-Tag-positive-border-color-hover);
4659
4670
  --background-color: var(--hop-Tag-positive-background-color-hover);
4660
4671
  --text-color: var(--hop-Tag-positive-text-color-hover);
4661
4672
  }
4662
- .Tag-module__hop-Tag--positive___-0pjQ[data-pressed] {
4673
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4663
4674
  --border-color: var(--hop-Tag-positive-border-color-press);
4664
4675
  --background-color: var(--hop-Tag-positive-background-color-press);
4665
4676
  --text-color: var(--hop-Tag-positive-text-color-press);
4666
4677
  }
4667
- .Tag-module__hop-Tag--positive___-0pjQ[data-disabled] {
4678
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4668
4679
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4669
4680
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4670
4681
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4671
4682
  }
4672
- .Tag-module__hop-Tag--caution___t7-CS[data-focus-visible] {
4683
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4673
4684
  --border-color: var(--hop-Tag-caution-border-color-focus);
4674
4685
  --background-color: var(--hop-Tag-caution-background-color-focus);
4675
4686
  --text-color: var(--hop-Tag-caution-text-color-focus);
4676
4687
  }
4677
- .Tag-module__hop-Tag--caution___t7-CS[data-hovered] {
4688
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4678
4689
  --border-color: var(--hop-Tag-caution-border-color-hover);
4679
4690
  --background-color: var(--hop-Tag-caution-background-color-hover);
4680
4691
  --text-color: var(--hop-Tag-caution-text-color-hover);
4681
4692
  }
4682
- .Tag-module__hop-Tag--caution___t7-CS[data-pressed] {
4693
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4683
4694
  --border-color: var(--hop-Tag-caution-border-color-press);
4684
4695
  --background-color: var(--hop-Tag-caution-background-color-press);
4685
4696
  --text-color: var(--hop-Tag-caution-text-color-press);
4686
4697
  }
4687
- .Tag-module__hop-Tag--caution___t7-CS[data-disabled] {
4698
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4688
4699
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4689
4700
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4690
4701
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4691
4702
  }
4692
- .Tag-module__hop-Tag--negative___B5fjH[data-focus-visible] {
4703
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4693
4704
  --border-color: var(--hop-Tag-negative-border-color-focus);
4694
4705
  --background-color: var(--hop-Tag-negative-background-color-focus);
4695
4706
  --text-color: var(--hop-Tag-negative-text-color-focus);
4696
4707
  }
4697
- .Tag-module__hop-Tag--negative___B5fjH[data-hovered] {
4708
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4698
4709
  --border-color: var(--hop-Tag-negative-border-color-hover);
4699
4710
  --background-color: var(--hop-Tag-negative-background-color-hover);
4700
4711
  --text-color: var(--hop-Tag-negative-text-color-hover);
4701
4712
  }
4702
- .Tag-module__hop-Tag--negative___B5fjH[data-pressed] {
4713
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4703
4714
  --border-color: var(--hop-Tag-negative-border-color-press);
4704
4715
  --background-color: var(--hop-Tag-negative-background-color-press);
4705
4716
  --text-color: var(--hop-Tag-negative-text-color-press);
4706
4717
  }
4707
- .Tag-module__hop-Tag--negative___B5fjH[data-disabled] {
4718
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4708
4719
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4709
4720
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4710
4721
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4711
4722
  }
4712
- .Tag-module__hop-Tag--option1___AYNLX[data-focus-visible] {
4723
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4713
4724
  --border-color: var(--hop-Tag-option1-border-color-focus);
4714
4725
  --background-color: var(--hop-Tag-option1-background-color-focus);
4715
4726
  --text-color: var(--hop-Tag-option1-text-color-focus);
4716
4727
  }
4717
- .Tag-module__hop-Tag--option1___AYNLX[data-hovered] {
4728
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4718
4729
  --border-color: var(--hop-Tag-option1-border-color-hover);
4719
4730
  --background-color: var(--hop-Tag-option1-background-color-hover);
4720
4731
  --text-color: var(--hop-Tag-option1-text-color-hover);
4721
4732
  }
4722
- .Tag-module__hop-Tag--option1___AYNLX[data-pressed] {
4733
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4723
4734
  --border-color: var(--hop-Tag-option1-border-color-press);
4724
4735
  --background-color: var(--hop-Tag-option1-background-color-press);
4725
4736
  --text-color: var(--hop-Tag-option1-text-color-press);
4726
4737
  }
4727
- .Tag-module__hop-Tag--option1___AYNLX[data-disabled] {
4738
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4728
4739
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4729
4740
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4730
4741
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4731
4742
  }
4732
- .Tag-module__hop-Tag--option2___Sajtj[data-focus-visible] {
4743
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4733
4744
  --border-color: var(--hop-Tag-option2-border-color-focus);
4734
4745
  --background-color: var(--hop-Tag-option2-background-color-focus);
4735
4746
  --text-color: var(--hop-Tag-option2-text-color-focus);
4736
4747
  }
4737
- .Tag-module__hop-Tag--option2___Sajtj[data-hovered] {
4748
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4738
4749
  --border-color: var(--hop-Tag-option2-border-color-hover);
4739
4750
  --background-color: var(--hop-Tag-option2-background-color-hover);
4740
4751
  --text-color: var(--hop-Tag-option2-text-color-hover);
4741
4752
  }
4742
- .Tag-module__hop-Tag--option2___Sajtj[data-pressed] {
4753
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4743
4754
  --border-color: var(--hop-Tag-option2-border-color-press);
4744
4755
  --background-color: var(--hop-Tag-option2-background-color-press);
4745
4756
  --text-color: var(--hop-Tag-option2-text-color-press);
4746
4757
  }
4747
- .Tag-module__hop-Tag--option2___Sajtj[data-disabled] {
4758
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4748
4759
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4749
4760
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4750
4761
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4751
4762
  }
4752
- .Tag-module__hop-Tag--option3___Eivl4[data-focus-visible] {
4763
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4753
4764
  --border-color: var(--hop-Tag-option3-border-color-focus);
4754
4765
  --background-color: var(--hop-Tag-option3-background-color-focus);
4755
4766
  --text-color: var(--hop-Tag-option3-text-color-focus);
4756
4767
  }
4757
- .Tag-module__hop-Tag--option3___Eivl4[data-hovered] {
4768
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4758
4769
  --border-color: var(--hop-Tag-option3-border-color-hover);
4759
4770
  --background-color: var(--hop-Tag-option3-background-color-hover);
4760
4771
  --text-color: var(--hop-Tag-option3-text-color-hover);
4761
4772
  }
4762
- .Tag-module__hop-Tag--option3___Eivl4[data-pressed] {
4773
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4763
4774
  --border-color: var(--hop-Tag-option3-border-color-press);
4764
4775
  --background-color: var(--hop-Tag-option3-background-color-press);
4765
4776
  --text-color: var(--hop-Tag-option3-text-color-press);
4766
4777
  }
4767
- .Tag-module__hop-Tag--option3___Eivl4[data-disabled] {
4778
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4768
4779
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4769
4780
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4770
4781
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4771
4782
  }
4772
- .Tag-module__hop-Tag--option4___24aL5[data-focus-visible] {
4783
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4773
4784
  --border-color: var(--hop-Tag-option4-border-color-focus);
4774
4785
  --background-color: var(--hop-Tag-option4-background-color-focus);
4775
4786
  --text-color: var(--hop-Tag-option4-text-color-focus);
4776
4787
  }
4777
- .Tag-module__hop-Tag--option4___24aL5[data-hovered] {
4788
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4778
4789
  --border-color: var(--hop-Tag-option4-border-color-hover);
4779
4790
  --background-color: var(--hop-Tag-option4-background-color-hover);
4780
4791
  --text-color: var(--hop-Tag-option4-text-color-hover);
4781
4792
  }
4782
- .Tag-module__hop-Tag--option4___24aL5[data-pressed] {
4793
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4783
4794
  --border-color: var(--hop-Tag-option4-border-color-press);
4784
4795
  --background-color: var(--hop-Tag-option4-background-color-press);
4785
4796
  --text-color: var(--hop-Tag-option4-text-color-press);
4786
4797
  }
4787
- .Tag-module__hop-Tag--option4___24aL5[data-disabled] {
4798
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4788
4799
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4789
4800
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4790
4801
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4791
4802
  }
4792
- .Tag-module__hop-Tag--option5___MUm8-[data-focus-visible] {
4803
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4793
4804
  --border-color: var(--hop-Tag-option5-border-color-focus);
4794
4805
  --background-color: var(--hop-Tag-option5-background-color-focus);
4795
4806
  --text-color: var(--hop-Tag-option5-text-color-focus);
4796
4807
  }
4797
- .Tag-module__hop-Tag--option5___MUm8-[data-hovered] {
4808
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4798
4809
  --border-color: var(--hop-Tag-option5-border-color-hover);
4799
4810
  --background-color: var(--hop-Tag-option5-background-color-hover);
4800
4811
  --text-color: var(--hop-Tag-option5-text-color-hover);
4801
4812
  }
4802
- .Tag-module__hop-Tag--option5___MUm8-[data-pressed] {
4813
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4803
4814
  --border-color: var(--hop-Tag-option5-border-color-press);
4804
4815
  --background-color: var(--hop-Tag-option5-background-color-press);
4805
4816
  --text-color: var(--hop-Tag-option5-text-color-press);
4806
4817
  }
4807
- .Tag-module__hop-Tag--option5___MUm8-[data-disabled] {
4818
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4808
4819
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4809
4820
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4810
4821
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4811
4822
  }
4812
- .Tag-module__hop-Tag--option6___-sBKA[data-focus-visible] {
4823
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4813
4824
  --border-color: var(--hop-Tag-option6-border-color-focus);
4814
4825
  --background-color: var(--hop-Tag-option6-background-color-focus);
4815
4826
  --text-color: var(--hop-Tag-option6-text-color-focus);
4816
4827
  }
4817
- .Tag-module__hop-Tag--option6___-sBKA[data-hovered] {
4828
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4818
4829
  --border-color: var(--hop-Tag-option6-border-color-hover);
4819
4830
  --background-color: var(--hop-Tag-option6-background-color-hover);
4820
4831
  --text-color: var(--hop-Tag-option6-text-color-hover);
4821
4832
  }
4822
- .Tag-module__hop-Tag--option6___-sBKA[data-pressed] {
4833
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4823
4834
  --border-color: var(--hop-Tag-option6-border-color-press);
4824
4835
  --background-color: var(--hop-Tag-option6-background-color-press);
4825
4836
  --text-color: var(--hop-Tag-option6-text-color-press);
4826
4837
  }
4827
- .Tag-module__hop-Tag--option6___-sBKA[data-disabled] {
4838
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4828
4839
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4829
4840
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4830
4841
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4831
4842
  }
4832
- .Tag-module__hop-Tag___NM6io[data-focus-visible] {
4843
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4833
4844
  outline: 0.125rem solid var(--focus-ring-color);
4834
4845
  }
4835
- .Tag-module__hop-Tag___NM6io[data-hovered] {
4846
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4836
4847
  cursor: pointer;
4837
4848
  }
4838
- .Tag-module__hop-Tag___NM6io[data-selected] {
4849
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4839
4850
  --background-color: var(--hop-Tag-background-color-selected);
4840
4851
  --border-color: var(--hop-Tag-border-color-selected);
4841
4852
  --text-color: var(--hop-Tag-text-color-selected);
4842
4853
  }
4843
- .Tag-module__hop-Tag___NM6io[data-pressed] {
4854
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4844
4855
  cursor: pointer;
4845
4856
  }
4846
- .Tag-module__hop-Tag___NM6io[data-invalid] {
4857
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4847
4858
  --border-color: var(--hop-Tag-border-color-invalid);
4848
4859
  }
4849
- .Tag-module__hop-Tag___NM6io[data-disabled] {
4860
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4850
4861
  cursor: not-allowed;
4851
4862
  }
4852
- .Tag-module__hop-Tag__avatar___Sb-9t {
4863
+ .Tag-module__hop-Tag__avatar___LCkhz {
4853
4864
  flex: 0 0 auto;
4854
4865
  order: 1;
4855
4866
  margin-inline-start: var(--avatar-margin-inline-start);
4856
4867
  }
4857
- .Tag-module__hop-Tag__icon___Kk1ms,
4858
- .Tag-module__hop-Tag__icon-list___sGKeO {
4868
+ .Tag-module__hop-Tag__icon___d-Od0,
4869
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4859
4870
  flex: 0 0 auto;
4860
4871
  flex-wrap: nowrap;
4861
4872
  order: 2;
4862
4873
  margin-inline-start: var(--icon-margin-inline-start, 0);
4863
4874
  }
4864
- .Tag-module__hop-Tag__text___QMrwz {
4875
+ .Tag-module__hop-Tag__text___HsqI9 {
4865
4876
  overflow: hidden;
4866
4877
  flex: 1 1 auto;
4867
4878
  order: 3;
@@ -4869,33 +4880,33 @@
4869
4880
  text-align: center;
4870
4881
  text-overflow: ellipsis;
4871
4882
  }
4872
- .Tag-module__hop-Tag__badge___3Bb7n {
4883
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4873
4884
  flex: 0 0 auto;
4874
4885
  order: 4;
4875
4886
  margin-inline-end: var(--badge-margin-inline-end);
4876
4887
  }
4877
- .Tag-module__hop-Tag___NM6io .Tag-module__hop-Tag__badge___3Bb7n[data-variant=subdued] {
4888
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4878
4889
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4879
4890
  color: inherit;
4880
4891
  background: none;
4881
4892
  }
4882
- .Tag-module__hop-Tag--sm___RusnS .Tag-module__hop-Tag__badge___3Bb7n {
4893
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4883
4894
  block-size: 100%;
4884
4895
  }
4885
- .Tag-module__hop-Tag__remove-btn___W-ZWY,
4886
- .Tag-module__hop-Tag__Spinner___iMDOt {
4896
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4897
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4887
4898
  flex: 0 0 auto;
4888
4899
  order: 5;
4889
4900
  }
4890
- .Tag-module__hop-Tag__Spinner___iMDOt {
4901
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4891
4902
  margin-inline-end: var(--spinner-margin-inline-end);
4892
4903
  }
4893
- .Tag-module__hop-Tag__remove-btn___W-ZWY {
4904
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4894
4905
  margin-inline: var(--clear-btn-margin-inline);
4895
4906
  }
4896
4907
 
4897
4908
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4898
- .TagGroup-module__hop-TagGroup___tcuEw {
4909
+ .TagGroup-module__hop-TagGroup___14xMC {
4899
4910
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4900
4911
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4901
4912
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4915,10 +4926,10 @@
4915
4926
  inline-size: max-content;
4916
4927
  max-inline-size: 100%;
4917
4928
  }
4918
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__label___MIfwe {
4929
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4919
4930
  order: 1;
4920
4931
  }
4921
- .TagGroup-module__hop-TagGroup__list___BBlDb {
4932
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4922
4933
  display: flex;
4923
4934
  flex-wrap: wrap;
4924
4935
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4927,12 +4938,12 @@
4927
4938
  border-radius: var(--list-border-radius);
4928
4939
  outline: none;
4929
4940
  }
4930
- .TagGroup-module__hop-TagGroup__list___BBlDb[data-focus-visible] {
4941
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4931
4942
  outline: 0.125rem solid var(--list-focus-ring-color);
4932
4943
  outline-offset: 0.125rem;
4933
4944
  }
4934
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__error-message___JUQXc,
4935
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__helper-message___Oka5s {
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 {
4936
4947
  order: 3;
4937
4948
  }
4938
4949