@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
@@ -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,7 +2235,7 @@
2150
2235
  }
2151
2236
 
2152
2237
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2153
- .InputGroup-module__hop-InputGroup___cxU-Q {
2238
+ .InputGroup-module__hop-InputGroup___-dY-s {
2154
2239
  --hop-InputGroup-background: var(--hop-neutral-surface);
2155
2240
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2156
2241
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2231,11 +2316,11 @@
2231
2316
  border: var(--border);
2232
2317
  border-radius: var(--hop-InputGroup-border-radius);
2233
2318
  }
2234
- .InputGroup-module__hop-InputGroup--fluid___JDLHZ {
2319
+ .InputGroup-module__hop-InputGroup--fluid___VIFfq {
2235
2320
  --inline-size: 100%;
2236
2321
  --input-inline-size: 100%;
2237
2322
  }
2238
- .InputGroup-module__hop-InputGroup--sm___xub9Y {
2323
+ .InputGroup-module__hop-InputGroup--sm___MdwFD {
2239
2324
  --block-size: var(--hop-InputGroup-sm-block-size);
2240
2325
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2241
2326
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2243,7 +2328,7 @@
2243
2328
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2244
2329
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2245
2330
  }
2246
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=textarea] {
2331
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=textarea] {
2247
2332
  --gap: var(--hop-InputGroup-gap-textarea);
2248
2333
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2249
2334
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2251,28 +2336,28 @@
2251
2336
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2252
2337
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2253
2338
  }
2254
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=number] {
2339
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=number] {
2255
2340
  --display: var(--hop-InputGroup-display-number);
2256
2341
  --gap: var(--hop-InputGroup-gap-number);
2257
2342
  }
2258
- .InputGroup-module__hop-InputGroup___cxU-Q[data-hovered] {
2343
+ .InputGroup-module__hop-InputGroup___-dY-s[data-hovered] {
2259
2344
  --background: var(--hop-InputGroup-background-hover);
2260
2345
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2261
2346
  }
2262
- .InputGroup-module__hop-InputGroup___cxU-Q[data-focus-within] {
2347
+ .InputGroup-module__hop-InputGroup___-dY-s[data-focus-within] {
2263
2348
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2264
2349
  }
2265
- .InputGroup-module__hop-InputGroup___cxU-Q[data-invalid] {
2350
+ .InputGroup-module__hop-InputGroup___-dY-s[data-invalid] {
2266
2351
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2267
2352
  }
2268
- .InputGroup-module__hop-InputGroup___cxU-Q[data-disabled] {
2353
+ .InputGroup-module__hop-InputGroup___-dY-s[data-disabled] {
2269
2354
  --background: var(--hop-InputGroup-background-disabled);
2270
2355
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2271
2356
  --input-color: var(--hop-InputGroup-input-color-disabled);
2272
2357
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2273
2358
  }
2274
- .InputGroup-module__hop-InputGroup__input___WN-8O,
2275
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
2359
+ .InputGroup-module__hop-InputGroup__input___prIHX,
2360
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2276
2361
  flex: 1 1 auto;
2277
2362
  box-sizing: border-box;
2278
2363
  inline-size: var(--input-inline-size);
@@ -2286,111 +2371,26 @@
2286
2371
  border: none;
2287
2372
  outline: none;
2288
2373
  }
2289
- .InputGroup-module__hop-InputGroup__input___WN-8O {
2374
+ .InputGroup-module__hop-InputGroup__input___prIHX {
2290
2375
  block-size: var(--input-block-size);
2291
2376
  padding: var(--hop-InputGroup-input-padding);
2292
2377
  }
2293
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
2378
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2294
2379
  padding: var(--hop-InputGroup-textarea-padding);
2295
2380
  }
2296
- .InputGroup-module__hop-InputGroup__input___WN-8O::placeholder {
2381
+ .InputGroup-module__hop-InputGroup__input___prIHX::placeholder {
2297
2382
  font-family: var(--hop-InputGroup-placeholder-font-family);
2298
2383
  font-size: var(--hop-InputGroup-placeholder-font-size);
2299
2384
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2300
2385
  line-height: var(--hop-InputGroup-placeholder-line-height);
2301
2386
  color: var(--input-placeholder-color);
2302
2387
  }
2303
- .InputGroup-module__hop-InputGroup__embedded-button___THXUj {
2388
+ .InputGroup-module__hop-InputGroup__embedded-button___1SGd6 {
2304
2389
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2305
2390
  }
2306
2391
 
2307
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2308
- .Heading-module__hop-Heading___n97SR {
2309
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2310
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2311
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
2312
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
2313
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
2314
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
2315
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
2316
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
2317
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
2318
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
2319
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
2320
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
2321
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
2322
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
2323
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
2324
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
2325
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
2326
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
2327
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
2328
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
2329
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
2330
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
2331
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
2332
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
2333
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
2334
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
2335
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
2336
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
2337
- --hop-Heading-inherit-size-font-size: inherit;
2338
- --hop-Heading-inherit-size-font-family: inherit;
2339
- --hop-Heading-inherit-size-font-weight: inherit;
2340
- --hop-Heading-inherit-size-line-height: inherit;
2341
- }
2342
- :where(.Heading-module__hop-Heading___n97SR) {
2343
- margin: 0;
2344
- font-family: var(--font-family);
2345
- font-size: var(--font-size);
2346
- font-weight: var(--font-weight);
2347
- line-height: var(--line-height);
2348
- }
2349
- :where(.Heading-module__hop-Heading--xs___mTtTP) {
2350
- --font-size: var(--hop-Heading-xs-font-size);
2351
- --font-family: var(--hop-Heading-xs-font-family);
2352
- --font-weight: var(--hop-Heading-xs-font-weight);
2353
- --line-height: var(--hop-Heading-xs-line-height);
2354
- }
2355
- :where(.Heading-module__hop-Heading--sm___eo32f) {
2356
- --font-size: var(--hop-Heading-sm-font-size);
2357
- --font-family: var(--hop-Heading-sm-font-family);
2358
- --font-weight: var(--hop-Heading-sm-font-weight);
2359
- --line-height: var(--hop-Heading-sm-line-height);
2360
- }
2361
- :where(.Heading-module__hop-Heading--md___IrFcX) {
2362
- --font-size: var(--hop-Heading-md-font-size);
2363
- --font-family: var(--hop-Heading-md-font-family);
2364
- --font-weight: var(--hop-Heading-md-font-weight);
2365
- --line-height: var(--hop-Heading-md-line-height);
2366
- }
2367
- :where(.Heading-module__hop-Heading--lg___7r13U) {
2368
- --font-size: var(--hop-Heading-lg-font-size);
2369
- --font-family: var(--hop-Heading-lg-font-family);
2370
- --font-weight: var(--hop-Heading-lg-font-weight);
2371
- --line-height: var(--hop-Heading-lg-line-height);
2372
- }
2373
- :where(.Heading-module__hop-Heading--xl___TkxTV) {
2374
- --font-size: var(--hop-Heading-xl-font-size);
2375
- --font-family: var(--hop-Heading-xl-font-family);
2376
- --font-weight: var(--hop-Heading-xl-font-weight);
2377
- --line-height: var(--hop-Heading-xl-line-height);
2378
- }
2379
- :where(.Heading-module__hop-Heading--2xl___JATsN) {
2380
- --font-size: var(--hop-Heading-2xl-font-size);
2381
- --font-family: var(--hop-Heading-2xl-font-family);
2382
- --font-weight: var(--hop-Heading-2xl-font-weight);
2383
- --line-height: var(--hop-Heading-2xl-line-height);
2384
- }
2385
- :where(.Heading-module__hop-Heading--3xl___7Xm3l) {
2386
- --font-size: var(--hop-Heading-3xl-font-size);
2387
- --font-family: var(--hop-Heading-3xl-font-family);
2388
- --font-weight: var(--hop-Heading-3xl-font-weight);
2389
- --line-height: var(--hop-Heading-3xl-line-height);
2390
- }
2391
-
2392
2392
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2393
- .NumberField-module__hop-NumberField___apdI6 {
2393
+ .NumberField-module__hop-NumberField___VWgJv {
2394
2394
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2395
2395
  --hop-NumberField-inline-size: 20rem;
2396
2396
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2438,30 +2438,30 @@
2438
2438
  gap: var(--hop-NumberField-gap);
2439
2439
  inline-size: var(--inline-size);
2440
2440
  }
2441
- .NumberField-module__hop-NumberField--fluid___zqiUX {
2441
+ .NumberField-module__hop-NumberField--fluid___D4KuH {
2442
2442
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2443
2443
  }
2444
- .NumberField-module__hop-NumberField--mobile___NKAaR {
2444
+ .NumberField-module__hop-NumberField--mobile___JdtJi {
2445
2445
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2446
2446
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2447
2447
  }
2448
- .NumberField-module__hop-NumberField__Label___Z2mj5 {
2448
+ .NumberField-module__hop-NumberField__Label___DpcSp {
2449
2449
  order: 0;
2450
2450
  }
2451
- .NumberField-module__hop-NumberField__prefix___JnwJ1 {
2451
+ .NumberField-module__hop-NumberField__prefix___baTwE {
2452
2452
  grid-area: prefix;
2453
2453
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2454
2454
  color: var(--hop-NumberField-prefix-color);
2455
2455
  }
2456
- .NumberField-module__hop-NumberField__InputGroup___y0Rb6 {
2456
+ .NumberField-module__hop-NumberField__InputGroup___f4BCh {
2457
2457
  grid-template: var(--input-group-template);
2458
2458
  order: 1;
2459
2459
  }
2460
- .NumberField-module__hop-NumberField__ErrorMessage___9p0yi,
2461
- .NumberField-module__hop-NumberField__HelperMessage___zIKmw {
2460
+ .NumberField-module__hop-NumberField__ErrorMessage___iTVwp,
2461
+ .NumberField-module__hop-NumberField__HelperMessage___JGOeo {
2462
2462
  order: 3;
2463
2463
  }
2464
- .NumberField-module__hop-NumberField__stepper-button___hxdTL {
2464
+ .NumberField-module__hop-NumberField__stepper-button___h67o- {
2465
2465
  cursor: pointer;
2466
2466
  display: flex;
2467
2467
  grid-area: var(--grid-area, unset);
@@ -2482,55 +2482,55 @@
2482
2482
  border-radius: var(--stepper-border-radius, 0);
2483
2483
  outline: none;
2484
2484
  }
2485
- .NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
2485
+ .NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2486
2486
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2487
2487
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2488
2488
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2489
2489
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2490
2490
  --grid-area: stepup;
2491
2491
  }
2492
- .NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
2492
+ .NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2493
2493
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2494
2494
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2495
2495
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2496
2496
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2497
2497
  --grid-area: stepdown;
2498
2498
  }
2499
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
2499
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2500
2500
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2501
2501
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2502
2502
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2503
2503
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2504
2504
  }
2505
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
2505
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2506
2506
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2507
2507
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2508
2508
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2509
2509
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2510
2510
  }
2511
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-hovered] {
2511
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-hovered] {
2512
2512
  color: var(--hop-NumberField-stepper-color-hovered);
2513
2513
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2514
2514
  }
2515
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-pressed] {
2515
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-pressed] {
2516
2516
  color: var(--hop-NumberField-stepper-color-pressed);
2517
2517
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2518
2518
  }
2519
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-disabled] {
2519
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-disabled] {
2520
2520
  cursor: not-allowed;
2521
2521
  color: var(--hop-NumberField-stepper-color-disabled);
2522
2522
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2523
2523
  }
2524
- .NumberField-module__hop-NumberField__stepper-button__icon___ACv7y {
2524
+ .NumberField-module__hop-NumberField__stepper-button__icon___ogLPx {
2525
2525
  display: block;
2526
2526
  max-block-size: 100%;
2527
2527
  }
2528
- .NumberField-module__hop-NumberField__input___mcmo2 {
2528
+ .NumberField-module__hop-NumberField__input___7YBOI {
2529
2529
  grid-area: input;
2530
2530
  }
2531
2531
 
2532
2532
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2533
- .PasswordField-module__hop-PasswordField___lIpWY {
2533
+ .PasswordField-module__hop-PasswordField___JFqMs {
2534
2534
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2535
2535
  --hop-PasswordField-inline-size: 20rem;
2536
2536
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -2540,37 +2540,37 @@
2540
2540
  inline-size: var(--inline-size);
2541
2541
  max-inline-size: 100%;
2542
2542
  }
2543
- .PasswordField-module__hop-PasswordField--fluid___mWiBH {
2543
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
2544
2544
  --inline-size: 100%;
2545
2545
  }
2546
- .PasswordField-module__hop-PasswordField__Label___jhOyi {
2546
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
2547
2547
  order: 0;
2548
2548
  }
2549
- .PasswordField-module__hop-PasswordField__InputGroup___neXGZ {
2549
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
2550
2550
  order: 1;
2551
2551
  }
2552
- .PasswordField-module__hop-PasswordField__ErrorMessage___tl8k3,
2553
- .PasswordField-module__hop-PasswordField__HelperMessage___JGtpS {
2552
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
2553
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
2554
2554
  order: 3;
2555
2555
  }
2556
2556
 
2557
2557
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2558
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY {
2558
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
2559
2559
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2560
2560
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2561
2561
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2562
2562
  --char-count-color: var(--hop-RemainingCharacterCount-color);
2563
2563
  color: var(--char-count-color);
2564
2564
  }
2565
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-invalid] {
2565
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
2566
2566
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2567
2567
  }
2568
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-disabled] {
2568
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
2569
2569
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2570
2570
  }
2571
2571
 
2572
2572
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2573
- .SearchField-module__hop-SearchField___q-EeQ {
2573
+ .SearchField-module__hop-SearchField___CmlB- {
2574
2574
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2575
2575
  --hop-SearchField-inline-size: 20rem;
2576
2576
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2585,39 +2585,39 @@
2585
2585
  inline-size: var(--inline-size);
2586
2586
  max-inline-size: 100%;
2587
2587
  }
2588
- .SearchField-module__hop-SearchField--fluid___CPvL1 {
2588
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
2589
2589
  --inline-size: 100%;
2590
2590
  }
2591
- .SearchField-module__hop-SearchField__Label___h8Tgk {
2591
+ .SearchField-module__hop-SearchField__Label___w0bGj {
2592
2592
  order: 0;
2593
2593
  }
2594
- .SearchField-module__hop-SearchField__prefix___BJJRt {
2594
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
2595
2595
  color: var(--hop-SearchField-color);
2596
2596
  }
2597
- .SearchField-module__hop-SearchField__InputGroup___K4N-1 {
2597
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
2598
2598
  order: 1;
2599
2599
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2600
2600
  }
2601
- .SearchField-module__hop-SearchField--clearable___ztMMx {
2601
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
2602
2602
  --input-group-padding-inline-end: 0;
2603
2603
  }
2604
- .SearchField-module__hop-SearchField__ErrorMessage___nFg62,
2605
- .SearchField-module__hop-SearchField__HelperMessage___pkXdH {
2604
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
2605
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
2606
2606
  order: 3;
2607
2607
  }
2608
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-cancel-button,
2609
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-decoration {
2608
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
2609
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
2610
2610
  appearance: none;
2611
2611
  }
2612
- .SearchField-module__hop-SearchField___q-EeQ[data-empty] {
2612
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
2613
2613
  --clear-button-display: none;
2614
2614
  }
2615
- .SearchField-module__hop-SearchField__ClearButton___rn5bg {
2615
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
2616
2616
  display: var(--clear-button-display);
2617
2617
  }
2618
2618
 
2619
2619
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2620
- .TextArea-module__hop-TextArea___-HVPa {
2620
+ .TextArea-module__hop-TextArea___-k51c {
2621
2621
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2622
2622
  --hop-TextArea-inline-size: 20rem;
2623
2623
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2631,35 +2631,35 @@
2631
2631
  inline-size: var(--inline-size);
2632
2632
  max-inline-size: 100%;
2633
2633
  }
2634
- .TextArea-module__hop-TextArea--fluid___EVe6A {
2634
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
2635
2635
  --inline-size: 100%;
2636
2636
  }
2637
- .TextArea-module__hop-TextArea___-HVPa[data-resize-mode=vertical] {
2637
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
2638
2638
  --resize: vertical;
2639
2639
  }
2640
- .TextArea-module__hop-TextArea__Label___1FkkL {
2640
+ .TextArea-module__hop-TextArea__Label___DTyVx {
2641
2641
  order: 0;
2642
2642
  }
2643
- .TextArea-module__hop-TextArea__prefix___Ebbu7 {
2643
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
2644
2644
  color: var(--hop-TextArea-prefix-color);
2645
2645
  }
2646
- .TextArea-module__hop-TextArea__InputGroup___RrdVH {
2646
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
2647
2647
  order: 1;
2648
2648
  }
2649
- .TextArea-module__hop-TextArea__RemainingCharacterCount___TfXYa {
2649
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
2650
2650
  padding: var(--hop-TextArea-remaining-character-count-padding);
2651
2651
  }
2652
- .TextArea-module__hop-TextArea__textarea___vNhDn {
2652
+ .TextArea-module__hop-TextArea__textarea___X66az {
2653
2653
  resize: var(--resize);
2654
2654
  min-block-size: var(--hop-TextArea-input-min-height);
2655
2655
  }
2656
- .TextArea-module__hop-TextArea__ErrorMessage___Vkzeg,
2657
- .TextArea-module__hop-TextArea__HelperMessage___-FgEV {
2656
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
2657
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
2658
2658
  order: 3;
2659
2659
  }
2660
2660
 
2661
2661
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2662
- .TextField-module__hop-TextField___ayCGD {
2662
+ .TextField-module__hop-TextField___1sv5- {
2663
2663
  --hop-TextField-gap: var(--hop-space-stack-xs);
2664
2664
  --hop-TextField-inline-size: 20rem;
2665
2665
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2670,25 +2670,25 @@
2670
2670
  inline-size: var(--inline-size);
2671
2671
  max-inline-size: 100%;
2672
2672
  }
2673
- .TextField-module__hop-TextField--fluid___6ZUUt {
2673
+ .TextField-module__hop-TextField--fluid___12PF- {
2674
2674
  --inline-size: 100%;
2675
2675
  }
2676
- .TextField-module__hop-TextField__Label___ylFL9 {
2676
+ .TextField-module__hop-TextField__Label___v5PNS {
2677
2677
  order: 0;
2678
2678
  }
2679
- .TextField-module__hop-TextField__prefix___P7wyK {
2679
+ .TextField-module__hop-TextField__prefix___6Ykah {
2680
2680
  color: var(--hop-TextField-prefix-color);
2681
2681
  }
2682
- .TextField-module__hop-TextField__InputGroup___kaNJe {
2682
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
2683
2683
  order: 1;
2684
2684
  }
2685
- .TextField-module__hop-TextField__ErrorMessage___T6KZN,
2686
- .TextField-module__hop-TextField__HelperMessage___uPCZ2 {
2685
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
2686
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
2687
2687
  order: 3;
2688
2688
  }
2689
2689
 
2690
2690
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2691
- .Link-module__hop-Link___wHXJ5 {
2691
+ .Link-module__hop-Link___hCv6o {
2692
2692
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2693
2693
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2694
2694
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2713,59 +2713,59 @@
2713
2713
  outline: none;
2714
2714
  outline-offset: 0.125rem;
2715
2715
  }
2716
- .Link-module__hop-Link___wHXJ5[data-focus-visible] {
2716
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
2717
2717
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2718
2718
  }
2719
- .Link-module__hop-Link___wHXJ5[data-disabled] {
2719
+ .Link-module__hop-Link___hCv6o[data-disabled] {
2720
2720
  cursor: default;
2721
2721
  }
2722
- .Link-module__hop-Link--quiet___F7596[data-focus-visible],
2723
- .Link-module__hop-Link--quiet___F7596[data-hovered] {
2722
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
2723
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
2724
2724
  text-decoration: underline;
2725
2725
  }
2726
- .Link-module__hop-Link___wHXJ5:not(.Link-module__hop-Link--quiet___F7596) {
2726
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
2727
2727
  text-decoration: underline;
2728
2728
  }
2729
- .Link-module__hop-Link--primary___aqAlg {
2729
+ .Link-module__hop-Link--primary___Nrvdi {
2730
2730
  color: var(--hop-Link-primary-text-color);
2731
2731
  }
2732
- .Link-module__hop-Link--primary___aqAlg[data-disabled] {
2732
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
2733
2733
  color: var(--hop-Link-primary-text-disabled-color);
2734
2734
  }
2735
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-focus-visible],
2736
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-hovered] {
2735
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-focus-visible],
2736
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-hovered] {
2737
2737
  color: var(--hop-Link-primary-text-hover-color);
2738
2738
  }
2739
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-pressed] {
2739
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
2740
2740
  color: var(--hop-Link-primary-text-pressed-color);
2741
2741
  }
2742
- .Link-module__hop-Link--secondary___-wVgn {
2742
+ .Link-module__hop-Link--secondary___4ytgC {
2743
2743
  color: var(--hop-Link-neutral-text-color);
2744
2744
  }
2745
- .Link-module__hop-Link--secondary___-wVgn[data-disabled] {
2745
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
2746
2746
  color: var(--hop-Link-neutral-text-disabled-color);
2747
2747
  }
2748
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-focus-visible],
2749
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-hovered] {
2748
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-focus-visible],
2749
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-hovered] {
2750
2750
  color: var(--hop-Link-neutral-text-hover-color);
2751
2751
  }
2752
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-pressed] {
2752
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
2753
2753
  color: var(--hop-Link-neutral-text-pressed-color);
2754
2754
  }
2755
- .Link-module__hop-Link__icon___9twUA,
2756
- .Link-module__hop-Link__icon-list___su6NW {
2755
+ .Link-module__hop-Link__icon___GjiY8,
2756
+ .Link-module__hop-Link__icon-list___eWJSv {
2757
2757
  order: 2;
2758
2758
  }
2759
- .Link-module__hop-Link__text___hW4PZ {
2759
+ .Link-module__hop-Link__text___VgjRa {
2760
2760
  order: 1;
2761
2761
  }
2762
- .Link-module__hop-Link__start-icon___Sickn,
2763
- .Link-module__hop-Link__start-icon-list___mQVck {
2762
+ .Link-module__hop-Link__start-icon___8qO6o,
2763
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
2764
2764
  order: 0;
2765
2765
  }
2766
2766
 
2767
2767
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2768
- .Radio-module__hop-Radio___W1Vdc {
2768
+ .Radio-module__hop-Radio___mjGTL {
2769
2769
  --hop-Radio-box-border-size: 0.0625rem;
2770
2770
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2771
2771
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2839,60 +2839,60 @@
2839
2839
  inline-size: max-content;
2840
2840
  max-inline-size: 100%;
2841
2841
  }
2842
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
2842
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
2843
2843
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2844
2844
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2845
2845
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2846
2846
  --text-color: var(--hop-Radio-text-color-focused);
2847
2847
  --icon-color: var(--hop-Radio-icon-color-focused);
2848
2848
  }
2849
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
2849
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
2850
2850
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2851
2851
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2852
2852
  --text-color: var(--hop-Radio-text-color-hovered);
2853
2853
  --icon-color: var(--hop-Radio-icon-color-hovered);
2854
2854
  }
2855
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
2855
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
2856
2856
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2857
2857
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2858
2858
  --text-color: var(--hop-Radio-text-color-pressed);
2859
2859
  --icon-color: var(--hop-Radio-icon-color-pressed);
2860
2860
  }
2861
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
2861
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
2862
2862
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2863
2863
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2864
2864
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2865
2865
  --text-color: var(--hop-Radio-text-color-selected);
2866
2866
  --icon-color: var(--hop-Radio-icon-color-selected);
2867
2867
  }
2868
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
2868
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
2869
2869
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2870
2870
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2871
2871
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2872
2872
  --text-color: var(--hop-Radio-text-color-invalid);
2873
2873
  --icon-color: var(--hop-Radio-icon-color-invalid);
2874
2874
  }
2875
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
2875
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
2876
2876
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2877
2877
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2878
2878
  }
2879
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
2879
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
2880
2880
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2881
2881
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2882
2882
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2883
2883
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2884
2884
  }
2885
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
2885
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
2886
2886
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2887
2887
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2888
2888
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2889
2889
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2890
2890
  }
2891
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
2891
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
2892
2892
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2893
2893
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2894
2894
  }
2895
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
2895
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
2896
2896
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2897
2897
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2898
2898
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2900,25 +2900,25 @@
2900
2900
  --text-color: var(--hop-Radio-text-color-disabled);
2901
2901
  --icon-color: var(--hop-Radio-icon-color-disabled);
2902
2902
  }
2903
- .Radio-module__hop-Radio--sm___NYymj {
2903
+ .Radio-module__hop-Radio--sm___yl7Uc {
2904
2904
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2905
2905
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2906
2906
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2907
2907
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2908
2908
  }
2909
- .Radio-module__hop-Radio--md___CQv8r {
2909
+ .Radio-module__hop-Radio--md___Umq9X {
2910
2910
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2911
2911
  --box-block-size: var(--hop-Radio-box-md-block-size);
2912
2912
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2913
2913
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2914
2914
  }
2915
- .Radio-module__hop-Radio__icon___W3Yrf,
2916
- .Radio-module__hop-Radio__icon-list___Ky-BO {
2915
+ .Radio-module__hop-Radio__icon___umH4r,
2916
+ .Radio-module__hop-Radio__icon-list___x6UXM {
2917
2917
  flex: 0 0 auto;
2918
2918
  order: 3;
2919
2919
  color: var(--icon-color);
2920
2920
  }
2921
- .Radio-module__hop-Radio__box___T-9Zw {
2921
+ .Radio-module__hop-Radio__box___5S65W {
2922
2922
  display: flex;
2923
2923
  flex: 0 0 auto;
2924
2924
  align-items: center;
@@ -2934,11 +2934,11 @@
2934
2934
  outline-offset: 0.125rem;
2935
2935
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2936
2936
  }
2937
- .Radio-module__hop-Radio__bullet___aikpb {
2937
+ .Radio-module__hop-Radio__bullet___9Zldv {
2938
2938
  display: var(--bullet-display);
2939
2939
  color: var(--bullet-color);
2940
2940
  }
2941
- .Radio-module__hop-Radio__text___gfkdz {
2941
+ .Radio-module__hop-Radio__text___Jw3rk {
2942
2942
  flex: 0 1 auto;
2943
2943
  order: 2;
2944
2944
  min-inline-size: 0;
@@ -2948,7 +2948,7 @@
2948
2948
  }
2949
2949
 
2950
2950
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2951
- .RadioField-module__hop-RadioField___1-HVZ {
2951
+ .RadioField-module__hop-RadioField___y405X {
2952
2952
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2953
2953
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2954
2954
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2967,28 +2967,28 @@
2967
2967
  inline-size: max-content;
2968
2968
  max-inline-size: 100%;
2969
2969
  }
2970
- .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
2970
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
2971
2971
  --description-color: var(--hop-RadioField-description-color-disabled);
2972
2972
  }
2973
- .RadioField-module__hop-RadioField--sm___QmRzg {
2973
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
2974
2974
  --row-gap: var(--hop-RadioField-sm-row-gap);
2975
2975
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2976
2976
  }
2977
- .RadioField-module__hop-RadioField--md___In1AA {
2977
+ .RadioField-module__hop-RadioField--md___-TjKd {
2978
2978
  --row-gap: var(--hop-RadioField-md-row-gap);
2979
2979
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2980
2980
  }
2981
- .RadioField-module__hop-RadioField__description___o5cEe {
2981
+ .RadioField-module__hop-RadioField__description___1rQov {
2982
2982
  order: 2;
2983
2983
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2984
2984
  color: var(--description-color);
2985
2985
  }
2986
- .RadioField-module__hop-RadioField__radio___JOWVQ {
2986
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
2987
2987
  order: 1;
2988
2988
  }
2989
2989
 
2990
2990
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2991
- .RadioGroup-module__hop-RadioGroup___GcXvJ {
2991
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
2992
2992
  --hop-RadioGroup-align-items: flex-start;
2993
2993
  --hop-RadioGroup-justify-content: flex-start;
2994
2994
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3028,46 +3028,46 @@
3028
3028
  inline-size: var(--inline-size);
3029
3029
  max-inline-size: 100%;
3030
3030
  }
3031
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
3031
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
3032
3032
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3033
3033
  --list-border-radius: var(--hop-shape-rounded-md);
3034
3034
  }
3035
- .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
3035
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3036
3036
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3037
3037
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3038
3038
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3039
3039
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3040
3040
  }
3041
- .RadioGroup-module__hop-RadioGroup--md___EEp-b {
3041
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
3042
3042
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3043
3043
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3044
3044
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3045
3045
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3046
3046
  }
3047
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
3047
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3048
3048
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3049
3049
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3050
3050
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3051
3051
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3052
3052
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3053
3053
  }
3054
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--md___EEp-b {
3054
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
3055
3055
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3056
3056
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3057
3057
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3058
3058
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3059
3059
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3060
3060
  }
3061
- .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
3061
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
3062
3062
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3063
3063
  }
3064
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
3064
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
3065
3065
  --flex-wrap: nowrap;
3066
3066
  }
3067
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
3067
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
3068
3068
  order: 1;
3069
3069
  }
3070
- .RadioGroup-module__hop-RadioGroup__list___I6ByC {
3070
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
3071
3071
  display: flex;
3072
3072
  flex-flow: var(--flex-direction) var(--flex-wrap);
3073
3073
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3078,7 +3078,7 @@
3078
3078
  border: var(--list-border, none);
3079
3079
  border-radius: var(--list-border-radius, 0);
3080
3080
  }
3081
- .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 {
3081
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
3082
3082
  position: relative;
3083
3083
  flex: 0 1 auto;
3084
3084
  align-content: start;
@@ -3086,28 +3086,28 @@
3086
3086
  min-inline-size: 0;
3087
3087
  padding: var(--radio-padding, 0);
3088
3088
  }
3089
- .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 {
3089
+ .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 {
3090
3090
  content: "";
3091
3091
  position: absolute;
3092
3092
  display: block;
3093
3093
  }
3094
- .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 {
3094
+ .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 {
3095
3095
  inset-block-start: 0;
3096
3096
  inset-inline: 0;
3097
3097
  border-block-start: var(--list-border, none);
3098
3098
  }
3099
- .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 {
3099
+ .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 {
3100
3100
  inset-block: 0;
3101
3101
  inset-inline-start: 0;
3102
3102
  border-inline-start: var(--list-border, none);
3103
3103
  }
3104
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__error-message___uVmCG,
3105
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__helper-message___uTAJG {
3104
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
3105
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
3106
3106
  order: 3;
3107
3107
  }
3108
3108
 
3109
3109
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3110
- .Radio-module__hop-Radio___W1Vdc {
3110
+ .Radio-module__hop-Radio___mjGTL {
3111
3111
  --hop-Radio-box-border-size: 0.0625rem;
3112
3112
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3113
3113
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3181,60 +3181,60 @@
3181
3181
  inline-size: max-content;
3182
3182
  max-inline-size: 100%;
3183
3183
  }
3184
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
3184
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
3185
3185
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3186
3186
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3187
3187
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3188
3188
  --text-color: var(--hop-Radio-text-color-focused);
3189
3189
  --icon-color: var(--hop-Radio-icon-color-focused);
3190
3190
  }
3191
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
3191
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
3192
3192
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3193
3193
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3194
3194
  --text-color: var(--hop-Radio-text-color-hovered);
3195
3195
  --icon-color: var(--hop-Radio-icon-color-hovered);
3196
3196
  }
3197
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
3197
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
3198
3198
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3199
3199
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3200
3200
  --text-color: var(--hop-Radio-text-color-pressed);
3201
3201
  --icon-color: var(--hop-Radio-icon-color-pressed);
3202
3202
  }
3203
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
3203
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
3204
3204
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3205
3205
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3206
3206
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3207
3207
  --text-color: var(--hop-Radio-text-color-selected);
3208
3208
  --icon-color: var(--hop-Radio-icon-color-selected);
3209
3209
  }
3210
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
3210
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
3211
3211
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3212
3212
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3213
3213
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3214
3214
  --text-color: var(--hop-Radio-text-color-invalid);
3215
3215
  --icon-color: var(--hop-Radio-icon-color-invalid);
3216
3216
  }
3217
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
3217
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
3218
3218
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3219
3219
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3220
3220
  }
3221
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
3221
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
3222
3222
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3223
3223
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3224
3224
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3225
3225
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3226
3226
  }
3227
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
3227
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
3228
3228
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3229
3229
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3230
3230
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3231
3231
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3232
3232
  }
3233
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
3233
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
3234
3234
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3235
3235
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3236
3236
  }
3237
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
3237
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
3238
3238
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3239
3239
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3240
3240
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3242,25 +3242,25 @@
3242
3242
  --text-color: var(--hop-Radio-text-color-disabled);
3243
3243
  --icon-color: var(--hop-Radio-icon-color-disabled);
3244
3244
  }
3245
- .Radio-module__hop-Radio--sm___NYymj {
3245
+ .Radio-module__hop-Radio--sm___yl7Uc {
3246
3246
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3247
3247
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3248
3248
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3249
3249
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3250
3250
  }
3251
- .Radio-module__hop-Radio--md___CQv8r {
3251
+ .Radio-module__hop-Radio--md___Umq9X {
3252
3252
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3253
3253
  --box-block-size: var(--hop-Radio-box-md-block-size);
3254
3254
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3255
3255
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3256
3256
  }
3257
- .Radio-module__hop-Radio__icon___W3Yrf,
3258
- .Radio-module__hop-Radio__icon-list___Ky-BO {
3257
+ .Radio-module__hop-Radio__icon___umH4r,
3258
+ .Radio-module__hop-Radio__icon-list___x6UXM {
3259
3259
  flex: 0 0 auto;
3260
3260
  order: 3;
3261
3261
  color: var(--icon-color);
3262
3262
  }
3263
- .Radio-module__hop-Radio__box___T-9Zw {
3263
+ .Radio-module__hop-Radio__box___5S65W {
3264
3264
  display: flex;
3265
3265
  flex: 0 0 auto;
3266
3266
  align-items: center;
@@ -3276,11 +3276,11 @@
3276
3276
  outline-offset: 0.125rem;
3277
3277
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3278
3278
  }
3279
- .Radio-module__hop-Radio__bullet___aikpb {
3279
+ .Radio-module__hop-Radio__bullet___9Zldv {
3280
3280
  display: var(--bullet-display);
3281
3281
  color: var(--bullet-color);
3282
3282
  }
3283
- .Radio-module__hop-Radio__text___gfkdz {
3283
+ .Radio-module__hop-Radio__text___Jw3rk {
3284
3284
  flex: 0 1 auto;
3285
3285
  order: 2;
3286
3286
  min-inline-size: 0;
@@ -3288,24 +3288,24 @@
3288
3288
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3289
3289
  color: var(--text-color);
3290
3290
  }
3291
- .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
3291
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
3292
3292
  }
3293
- .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
3293
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
3294
3294
  }
3295
- .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
3295
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
3296
3296
  }
3297
- .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
3298
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
3297
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
3298
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
3299
3299
  }
3300
- .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
3300
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
3301
3301
  }
3302
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
3302
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
3303
3303
  }
3304
- .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
3304
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
3305
3305
  }
3306
3306
 
3307
3307
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3308
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh {
3308
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
3309
3309
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
3310
3310
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
3311
3311
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3331,7 +3331,7 @@
3331
3331
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3332
3332
  background-size: 400% 100%;
3333
3333
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3334
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
3334
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
3335
3335
  animation-duration: var(--animation-duration);
3336
3336
  animation-timing-function: ease-in-out;
3337
3337
  animation-fill-mode: forwards;
@@ -3340,19 +3340,19 @@
3340
3340
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3341
3341
  }
3342
3342
  }
3343
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
3343
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
3344
3344
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3345
3345
  }
3346
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
3346
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
3347
3347
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3348
3348
  }
3349
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
3349
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
3350
3350
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3351
3351
  }
3352
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
3352
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
3353
3353
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3354
3354
  }
3355
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
3355
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
3356
3356
  0% {
3357
3357
  background-position: 125% 50%;
3358
3358
  }
@@ -3362,7 +3362,7 @@
3362
3362
  }
3363
3363
 
3364
3364
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3365
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ {
3365
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
3366
3366
  --hop-ListBoxItem-background-color: transparent;
3367
3367
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3368
3368
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3459,129 +3459,129 @@
3459
3459
  outline: var(--outline);
3460
3460
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3461
3461
  }
3462
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
3462
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
3463
3463
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3464
3464
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3465
3465
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3466
3466
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3467
3467
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3468
3468
  }
3469
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
3469
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
3470
3470
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3471
3471
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3472
3472
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3473
3473
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3474
3474
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3475
3475
  }
3476
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
3476
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
3477
3477
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3478
3478
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3479
3479
  --min-height: var(--hop-ListBoxItem-md-min-height);
3480
3480
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3481
3481
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3482
3482
  }
3483
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
3483
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
3484
3484
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3485
3485
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3486
3486
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3487
3487
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3488
3488
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3489
3489
  }
3490
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
3490
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
3491
3491
  --cursor: pointer;
3492
3492
  }
3493
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
3493
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
3494
3494
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3495
3495
  }
3496
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
3496
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3497
3497
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3498
3498
  }
3499
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
3499
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3500
3500
  --checkmark-transition: none;
3501
3501
  }
3502
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
3502
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
3503
3503
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3504
3504
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3505
3505
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3506
3506
  --checkmark-opacity: 1;
3507
3507
  }
3508
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
3508
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
3509
3509
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3510
3510
  }
3511
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
3511
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
3512
3512
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3513
3513
  }
3514
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
3514
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
3515
3515
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3516
3516
  }
3517
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
3517
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
3518
3518
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3519
3519
  }
3520
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
3520
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
3521
3521
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3522
3522
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3523
3523
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3524
3524
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3525
3525
  }
3526
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
3526
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
3527
3527
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3528
3528
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3529
3529
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3530
3530
  }
3531
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
3531
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
3532
3532
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3533
3533
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3534
3534
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3535
3535
  }
3536
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
3536
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
3537
3537
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3538
3538
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3539
3539
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3540
3540
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3541
3541
  --cursor: not-allowed;
3542
3542
  }
3543
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
3543
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
3544
3544
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3545
3545
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3546
3546
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3547
3547
  }
3548
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
3548
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
3549
3549
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3550
3550
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3551
3551
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3552
3552
  }
3553
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
3553
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
3554
3554
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3555
3555
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3556
3556
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3557
3557
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3558
3558
  }
3559
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
3559
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
3560
3560
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3561
3561
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3562
3562
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3563
3563
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3564
3564
  }
3565
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
3565
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
3566
3566
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3567
3567
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3568
3568
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3569
3569
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3570
3570
  }
3571
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
3571
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
3572
3572
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3573
3573
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3574
3574
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3575
3575
  }
3576
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:has(.ListBoxItem-module__hop-ListBoxItem__description___oX2hJ) {
3576
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
3577
3577
  --row-gap: var(--hop-ListBoxItem-row-gap);
3578
3578
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3579
3579
  }
3580
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
3580
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
3581
3581
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3582
3582
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3583
3583
  }
3584
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
3584
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
3585
3585
  display: grid;
3586
3586
  grid-template-areas: var(--grid-template-areas);
3587
3587
  grid-template-columns: var(--grid-template-columns);
@@ -3593,33 +3593,33 @@
3593
3593
  padding-inline: var(--padding-inline);
3594
3594
  transition: grid-template-columns .3s ease-in-out;
3595
3595
  }
3596
- .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
3596
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
3597
3597
  grid-area: indicator;
3598
3598
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3599
3599
  color: var(--icon-color);
3600
3600
  opacity: var(--checkmark-opacity);
3601
3601
  transition: var(--checkmark-transition);
3602
3602
  }
3603
- .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
3604
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
3603
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
3604
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
3605
3605
  pointer-events: none;
3606
3606
  user-select: none;
3607
3607
  grid-area: indicator;
3608
3608
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3609
3609
  }
3610
- .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
3610
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
3611
3611
  grid-area: avatar;
3612
3612
  margin-block: var(--avatar-margin-block, 0);
3613
3613
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3614
3614
  }
3615
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
3616
- .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
3615
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
3616
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
3617
3617
  grid-area: icon;
3618
3618
  flex: 0 0 auto;
3619
3619
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3620
3620
  color: var(--icon-color);
3621
3621
  }
3622
- .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
3622
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
3623
3623
  overflow: hidden;
3624
3624
  grid-area: label;
3625
3625
  min-inline-size: 0;
@@ -3627,18 +3627,18 @@
3627
3627
  text-overflow: ellipsis;
3628
3628
  white-space: nowrap;
3629
3629
  }
3630
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
3631
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
3630
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
3631
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
3632
3632
  grid-area: end-icon;
3633
3633
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3634
3634
  color: var(--icon-color);
3635
3635
  }
3636
- .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
3636
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
3637
3637
  grid-area: badge;
3638
3638
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3639
3639
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3640
3640
  }
3641
- .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
3641
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
3642
3642
  overflow: hidden;
3643
3643
  display: -webkit-box;
3644
3644
  grid-area: description;
@@ -3649,7 +3649,7 @@
3649
3649
  }
3650
3650
 
3651
3651
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3652
- .ListBox-module__hop-ListBox___eUpnT {
3652
+ .ListBox-module__hop-ListBox___emfw7 {
3653
3653
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3654
3654
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3655
3655
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3696,11 +3696,11 @@
3696
3696
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3697
3697
  border-radius: var(--hop-ListBox-border-radius);
3698
3698
  }
3699
- .ListBox-module__hop-ListBox--fluid___Ippzh {
3699
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
3700
3700
  --max-width: var(--hop-ListBox-fluid-max-width);
3701
3701
  --width: var(--hop-ListBox-fluid-width);
3702
3702
  }
3703
- .ListBox-module__hop-ListBox__section___qvP27 {
3703
+ .ListBox-module__hop-ListBox__section___lzB6a {
3704
3704
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3705
3705
  margin-inline: var(--hop-ListBox-section-margin-inline);
3706
3706
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3708,21 +3708,21 @@
3708
3708
  border-block-start: var(--section-border-block-start);
3709
3709
  border-block-end: var(--section-border-block-end);
3710
3710
  }
3711
- .ListBox-module__hop-ListBox__item___zZ38V + .ListBox-module__hop-ListBox__section___qvP27 {
3711
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
3712
3712
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3713
3713
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3714
3714
  }
3715
- .ListBox-module__hop-ListBox__section___qvP27:has(+ .ListBox-module__hop-ListBox__item___zZ38V) {
3715
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
3716
3716
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3717
3717
  }
3718
- .ListBox-module__hop-ListBox__section___qvP27:first-child {
3718
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
3719
3719
  --section-padding-block-start: 0;
3720
3720
  }
3721
- .ListBox-module__hop-ListBox__section___qvP27:last-child {
3721
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
3722
3722
  --section-padding-block-end: 0;
3723
3723
  --section-border-block-end: 0;
3724
3724
  }
3725
- .ListBox-module__hop-ListBox__section-header___6j-wC {
3725
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
3726
3726
  margin: 0;
3727
3727
  padding: var(--hop-ListBox-section-header-padding);
3728
3728
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3733,33 +3733,34 @@
3733
3733
  text-transform: var(--hop-ListBox-section-header-text-transform);
3734
3734
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3735
3735
  }
3736
- .ListBox-module__hop-ListBox__section-header___6j-wC::before,
3737
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
3736
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
3737
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3738
3738
  content: "";
3739
3739
  display: block;
3740
3740
  box-sizing: border-box;
3741
3741
  inline-size: 0;
3742
3742
  block-size: 0;
3743
3743
  }
3744
- .ListBox-module__hop-ListBox__section-header___6j-wC::before {
3744
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
3745
3745
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3746
3746
  }
3747
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
3747
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3748
3748
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3749
3749
  }
3750
3750
 
3751
3751
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3752
- :where(.Popover-module__hop-Popover___gIFrM *) {
3752
+ :where(.Popover-module__hop-Popover___YqMrl *) {
3753
3753
  font-family: var(--font-family);
3754
3754
  font-size: var(--font-size);
3755
3755
  font-weight: var(--font-weight);
3756
3756
  line-height: var(--line-height);
3757
3757
  outline: none;
3758
3758
  }
3759
- .Popover-module__hop-Popover___gIFrM {
3759
+ .Popover-module__hop-Popover___YqMrl {
3760
3760
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3761
3761
  --hop-Popover-inline-width: 25rem;
3762
3762
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
3763
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
3763
3764
  --hop-Popover-dropdown-auto-inline-width: auto;
3764
3765
  --width: var(--hop-Popover-inline-width);
3765
3766
  --max-width: var(--hop-Popover-max-inline-width);
@@ -3768,19 +3769,22 @@
3768
3769
  inline-size: var(--width);
3769
3770
  max-inline-size: var(--max-width);
3770
3771
  }
3771
- .Popover-module__hop-Popover___gIFrM[data-trigger=Select] {
3772
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
3772
3773
  --width: var(--hop-Popover-dropdown-inline-width);
3773
3774
  }
3774
- .Popover-module__hop-Popover___gIFrM[data-auto-width] {
3775
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
3776
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3777
+ }
3778
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
3775
3779
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3776
3780
  }
3777
- .Popover-module__hop-Popover___gIFrM[data-entering] {
3778
- animation: Popover-module__fade___ph4u3 0.25s;
3781
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
3782
+ animation: Popover-module__fade___cM9Hu 0.25s;
3779
3783
  }
3780
- .Popover-module__hop-Popover___gIFrM[data-exiting] {
3781
- animation: Popover-module__fade___ph4u3 0.25s reverse;
3784
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
3785
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
3782
3786
  }
3783
- @keyframes Popover-module__fade___ph4u3 {
3787
+ @keyframes Popover-module__fade___cM9Hu {
3784
3788
  from {
3785
3789
  opacity: 0;
3786
3790
  }
@@ -3788,14 +3792,14 @@
3788
3792
  opacity: 1;
3789
3793
  }
3790
3794
  }
3791
- .Popover-module__hop-Popover__wrapper___HAIbd {
3795
+ .Popover-module__hop-Popover__wrapper___bBvVC {
3792
3796
  display: flex;
3793
3797
  flex: 1 1 auto;
3794
3798
  flex-direction: column;
3795
3799
  min-block-size: 0;
3796
3800
  }
3797
- .Popover-module__hop-Popover__dialog___UFZee,
3798
- .Popover-module__hop-Popover__dropdown___H-yZY {
3801
+ .Popover-module__hop-Popover__dialog___-Qm8I,
3802
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3799
3803
  --hop-Popover-background: var(--hop-neutral-surface);
3800
3804
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3801
3805
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3841,20 +3845,20 @@
3841
3845
  border-radius: var(--hop-Popover-border-radius);
3842
3846
  box-shadow: var(--hop-Popover-box-shadow);
3843
3847
  }
3844
- .Popover-module__hop-Popover__dropdown___H-yZY {
3848
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3845
3849
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3846
3850
  --footer-place-self: stretch;
3847
3851
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3848
3852
  --padding: var(--hop-Popover-dropdown-padding);
3849
3853
  }
3850
- .Popover-module__hop-Popover__dialog___UFZee {
3854
+ .Popover-module__hop-Popover__dialog___-Qm8I {
3851
3855
  --padding: var(--hop-Popover-dialog-padding);
3852
3856
  }
3853
- .Popover-module__hop-Popover__title___7iBNB {
3857
+ .Popover-module__hop-Popover__title___SZT2m {
3854
3858
  grid-area: header;
3855
3859
  color: var(--hop-Popover-color);
3856
3860
  }
3857
- .Popover-module__hop-Popover__content___9qGsS {
3861
+ .Popover-module__hop-Popover__content___V6KMC {
3858
3862
  --font-size: var(--hop-Popover-content-font-size);
3859
3863
  --line-height: var(--hop-Popover-content-line-height);
3860
3864
  grid-area: content;
@@ -3863,7 +3867,7 @@
3863
3867
  padding: 0;
3864
3868
  color: var(--hop-Popover-content-color);
3865
3869
  }
3866
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__list-box___4ZJko {
3870
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
3867
3871
  grid-area: content;
3868
3872
  inline-size: auto;
3869
3873
  min-inline-size: auto;
@@ -3872,7 +3876,7 @@
3872
3876
  padding: 0;
3873
3877
  border: none;
3874
3878
  }
3875
- .Popover-module__hop-Popover__footer___GUjGi {
3879
+ .Popover-module__hop-Popover__footer___sJmo- {
3876
3880
  --font-size: var(--hop-Popover-footer-font-size);
3877
3881
  --line-height: var(--hop-Popover-footer-line-height);
3878
3882
  grid-area: footer;
@@ -3880,40 +3884,46 @@
3880
3884
  margin: var(--footer-margin);
3881
3885
  color: var(--hop-Popover-color);
3882
3886
  }
3883
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__footer___GUjGi {
3887
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
3884
3888
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3885
3889
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3886
3890
  }
3887
- .Popover-module__hop-Popover__actions___8dlIL,
3888
- .Popover-module__hop-Popover__action___PdeSV {
3891
+ .Popover-module__hop-Popover__actions___dlp9Q,
3892
+ .Popover-module__hop-Popover__action___hcQBI {
3889
3893
  grid-area: action;
3890
3894
  justify-self: end;
3891
3895
  margin-block-start: var(--hop-Popover-row-gap);
3892
3896
  }
3893
- .Popover-module__hop-Popover___gIFrM:has(.Popover-module__hop-Popover__actions___8dlIL, .Popover-module__hop-Popover__action___PdeSV) .Popover-module__hop-Popover__footer___GUjGi {
3897
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
3894
3898
  margin-inline-end: var(--hop-Popover-column-gap);
3895
3899
  }
3896
3900
 
3897
3901
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3898
- .SelectValue-module__hop-SelectValue___Ki0dR {
3899
- --hop-SelectValue-display: flex;
3902
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3903
+ --hop-SelectValue-display: inline-block;
3904
+ --hop-SelectValue-slots-display: flex;
3900
3905
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3906
+ --display: var(--hop-SelectValue-display);
3901
3907
  overflow: hidden;
3902
- display: var(--hop-SelectValue-display);
3908
+ display: var(--display);
3903
3909
  flex: 1 1 auto;
3904
3910
  column-gap: var(--hop-SelectValue-column-gap);
3905
3911
  align-items: center;
3906
3912
  box-sizing: border-box;
3913
+ min-inline-size: 0;
3907
3914
  text-overflow: ellipsis;
3908
3915
  white-space: nowrap;
3909
3916
  }
3910
- .SelectValue-module__hop-SelectValue__avatar___SI2em {
3917
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
3918
+ --display: var(--hop-SelectValue-slots-display);
3919
+ }
3920
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
3911
3921
  order: 1;
3912
3922
  }
3913
- .SelectValue-module__hop-SelectValue__icon___kk1xV {
3923
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3914
3924
  order: 2;
3915
3925
  }
3916
- .SelectValue-module__hop-SelectValue__text___QfLXS {
3926
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3917
3927
  overflow: hidden;
3918
3928
  flex: 1 1 auto;
3919
3929
  order: 3;
@@ -3921,12 +3931,12 @@
3921
3931
  text-overflow: ellipsis;
3922
3932
  white-space: nowrap;
3923
3933
  }
3924
- .SelectValue-module__hop-SelectValue__end-icon___Mnitd {
3934
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3925
3935
  order: 4;
3926
3936
  }
3927
3937
 
3928
3938
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3929
- .Select-module__hop-Select___-ffji {
3939
+ .Select-module__hop-Select___9asPc {
3930
3940
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3931
3941
  --hop-Select-inline-size: 20rem;
3932
3942
  --hop-Select-inline-size-fluid: 100%;
@@ -3935,6 +3945,7 @@
3935
3945
  --hop-Select-button-border-color: var(--hop-neutral-border);
3936
3946
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
3937
3947
  --hop-Select-button-border-size: var(--hop-space-10);
3948
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
3938
3949
  --hop-Select-button-color: var(--hop-neutral-text);
3939
3950
  --hop-Select-button-cursor: pointer;
3940
3951
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -3977,13 +3988,13 @@
3977
3988
  inline-size: var(--inline-size);
3978
3989
  max-inline-size: var(--hop-Select-max-inline-size);
3979
3990
  }
3980
- .Select-module__hop-Select--fluid___a4kzj {
3991
+ .Select-module__hop-Select--fluid___kdYun {
3981
3992
  --inline-size: var(--hop-Select-inline-size-fluid);
3982
3993
  }
3983
- .Select-module__hop-Select__label___rG82d {
3994
+ .Select-module__hop-Select__label___lX0YF {
3984
3995
  order: 1;
3985
3996
  }
3986
- .Select-module__hop-Select__button___Ml5ar {
3997
+ .Select-module__hop-Select__button___72TRN {
3987
3998
  cursor: var(--button-cursor);
3988
3999
  display: flex;
3989
4000
  column-gap: var(--hop-Select-button-column-gap);
@@ -3999,59 +4010,59 @@
3999
4010
  border-radius: var(--hop-Select-button-border-radius);
4000
4011
  outline: none;
4001
4012
  }
4002
- .Select-module__hop-Select__button--sm___z5rTo {
4013
+ .Select-module__hop-Select__button--sm___t6WUP {
4003
4014
  --button-block-size: var(--hop-Select-button-sm-block-size);
4004
4015
  }
4005
- .Select-module__hop-Select__button--md___pRWBr {
4016
+ .Select-module__hop-Select__button--md___GNNkD {
4006
4017
  --button-block-size: var(--hop-Select-button-md-block-size);
4007
4018
  }
4008
- .Select-module__hop-Select__button___Ml5ar[data-hovered] {
4019
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
4009
4020
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4010
4021
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4011
4022
  --button-color: var(--hop-Select-button-color-hovered);
4012
4023
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4013
4024
  }
4014
- .Select-module__hop-Select__button___Ml5ar[data-pressed] {
4025
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
4015
4026
  --button-background-color: var(--hop-Select-button-background-color-selected);
4016
4027
  --button-border-color: var(--hop-Select-button-border-color-selected);
4017
4028
  --button-color: var(--hop-Select-button-color-selected);
4018
4029
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4019
4030
  }
4020
- .Select-module__hop-Select__button___Ml5ar[data-invalid] {
4031
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
4021
4032
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4022
4033
  }
4023
- .Select-module__hop-Select__button___Ml5ar[data-focus-visible] {
4034
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
4024
4035
  --button-background-color: var(--hop-Select-button-background-color-focused);
4025
4036
  --button-border-color: var(--hop-Select-button-border-color-focused);
4026
4037
  --button-color: var(--hop-Select-button-color-focused);
4027
4038
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
4028
4039
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4029
- outline-offset: -0.125rem;
4040
+ outline-offset: var(--hop-Select-button-outline-offset);
4030
4041
  }
4031
- .Select-module__hop-Select__button___Ml5ar:has([data-placeholder]) {
4042
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
4032
4043
  --button-color: var(--hop-Select-button-placeholder-color);
4033
4044
  }
4034
- .Select-module__hop-Select__button___Ml5ar[data-disabled] {
4045
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
4035
4046
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4036
4047
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4037
4048
  --button-color: var(--hop-Select-button-color-disabled);
4038
4049
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4039
4050
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4040
4051
  }
4041
- .Select-module__hop-Select__prefix___ioXh1 {
4052
+ .Select-module__hop-Select__prefix___lRC4S {
4042
4053
  color: var(--hop-Select-prefix-color);
4043
4054
  }
4044
- .Select-module__hop-Select__button-icon___hyZcO {
4055
+ .Select-module__hop-Select__button-icon___t9tu4 {
4045
4056
  margin-inline-start: auto;
4046
4057
  color: var(--button-icon-color);
4047
4058
  }
4048
- .Select-module__hop-Select__helper-message___uE0gS,
4049
- .Select-module__hop-Select__error-message___66saO {
4059
+ .Select-module__hop-Select__helper-message___-E4RI,
4060
+ .Select-module__hop-Select__error-message___cOkJl {
4050
4061
  order: 3;
4051
4062
  }
4052
4063
 
4053
4064
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4054
- .Switch-module__hop-Switch___wIPTD {
4065
+ .Switch-module__hop-Switch___ZiKpN {
4055
4066
  --hop-Switch-border-size: 0.0625rem;
4056
4067
  --hop-Switch-border-color: var(--hop-neutral-border);
4057
4068
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -4108,56 +4119,56 @@
4108
4119
  inline-size: max-content;
4109
4120
  max-inline-size: 100%;
4110
4121
  }
4111
- .Switch-module__hop-Switch--sm___IbMER {
4122
+ .Switch-module__hop-Switch--sm___UnrZ2 {
4112
4123
  --inline-size: var(--hop-Switch-inline-size-sm);
4113
4124
  --block-size: var(--hop-Switch-block-size-sm);
4114
4125
  --thumb-size: var(--hop-Switch-thumb-size-sm);
4115
4126
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4116
4127
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4117
4128
  }
4118
- .Switch-module__hop-Switch--md___u8wNw {
4129
+ .Switch-module__hop-Switch--md___FWbwB {
4119
4130
  --inline-size: var(--hop-Switch-inline-size-md);
4120
4131
  --block-size: var(--hop-Switch-block-size-md);
4121
4132
  --thumb-size: var(--hop-Switch-thumb-size-md);
4122
4133
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4123
4134
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
4124
4135
  }
4125
- .Switch-module__hop-Switch___wIPTD[data-hovered] {
4136
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
4126
4137
  --border-color: var(--hop-Switch-border-color-hover);
4127
4138
  --background-color: var(--hop-Switch-background-color-hover);
4128
4139
  --thumb-color: var(--hop-Switch-thumb-color-hover);
4129
4140
  --text-color: var(--hop-Switch-text-color-hover);
4130
4141
  }
4131
- .Switch-module__hop-Switch___wIPTD[data-pressed],
4132
- .Switch-module__hop-Switch___wIPTD[data-pressed][data-focus-visible] {
4142
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
4143
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
4133
4144
  --border-color: var(--hop-Switch-border-color-pressed);
4134
4145
  --background-color: var(--hop-Switch-background-color-pressed);
4135
4146
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4136
4147
  --text-color: var(--hop-Switch-text-color-pressed);
4137
4148
  }
4138
- .Switch-module__hop-Switch___wIPTD[data-focus-visible] {
4149
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
4139
4150
  --border-color: var(--hop-Switch-border-color-focus);
4140
4151
  --background-color: var(--hop-Switch-background-color-focus);
4141
4152
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4142
4153
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4143
4154
  --text-color: var(--hop-Switch-text-color-focus);
4144
4155
  }
4145
- .Switch-module__hop-Switch___wIPTD[data-selected],
4146
- .Switch-module__hop-Switch___wIPTD[data-selected][data-pressed] {
4156
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
4157
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
4147
4158
  --border-color: var(--hop-Switch-border-color-selected);
4148
4159
  --background-color: var(--hop-Switch-background-color-selected);
4149
4160
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4150
4161
  --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%);
4151
4162
  --text-color: var(--hop-Switch-text-color-selected);
4152
4163
  }
4153
- .Switch-module__hop-Switch___wIPTD[data-disabled] {
4164
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
4154
4165
  --border-color: var(--hop-Switch-border-color-disabled);
4155
4166
  --background-color: var(--hop-Switch-background-color-disabled);
4156
4167
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4157
4168
  --text-color: var(--hop-Switch-text-color-disabled);
4158
4169
  --cursor: not-allowed;
4159
4170
  }
4160
- .Switch-module__hop-Switch__indicator___y1-JU {
4171
+ .Switch-module__hop-Switch__indicator___lxvxY {
4161
4172
  position: relative;
4162
4173
  flex: 0 0 auto;
4163
4174
  box-sizing: border-box;
@@ -4170,7 +4181,7 @@
4170
4181
  outline-offset: 0.125rem;
4171
4182
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4172
4183
  }
4173
- .Switch-module__hop-Switch__indicator___y1-JU::before {
4184
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
4174
4185
  content: "";
4175
4186
  position: absolute;
4176
4187
  inset-block-start: 50%;
@@ -4185,20 +4196,20 @@
4185
4196
  border-radius: var(--hop-shape-circle);
4186
4197
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4187
4198
  }
4188
- .Switch-module__hop-Switch__text___tx38o {
4199
+ .Switch-module__hop-Switch__text___jt3yM {
4189
4200
  flex: 0 1 auto;
4190
4201
  order: 2;
4191
4202
  min-inline-size: 0;
4192
4203
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4193
4204
  color: var(--text-color);
4194
4205
  }
4195
- .Switch-module__hop-Switch__icon-list___nq-3a,
4196
- .Switch-module__hop-Switch__icon___EATtC {
4206
+ .Switch-module__hop-Switch__icon-list___5ELG6,
4207
+ .Switch-module__hop-Switch__icon___U8pPq {
4197
4208
  order: 3;
4198
4209
  }
4199
4210
 
4200
4211
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4201
- .SwitchField-module__hop-SwitchField___0n7-7 {
4212
+ .SwitchField-module__hop-SwitchField___ARPRk {
4202
4213
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4203
4214
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4204
4215
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4217,28 +4228,28 @@
4217
4228
  inline-size: max-content;
4218
4229
  max-inline-size: 100%;
4219
4230
  }
4220
- .SwitchField-module__hop-SwitchField___0n7-7[data-disabled] {
4231
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
4221
4232
  --description-color: var(--hop-SwitchField-description-color-disabled);
4222
4233
  }
4223
- .SwitchField-module__hop-SwitchField--sm___BwXun {
4234
+ .SwitchField-module__hop-SwitchField--sm___emckg {
4224
4235
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4225
4236
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4226
4237
  }
4227
- .SwitchField-module__hop-SwitchField--md___rQvZR {
4238
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
4228
4239
  --row-gap: var(--hop-SwitchField-md-row-gap);
4229
4240
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4230
4241
  }
4231
- .SwitchField-module__hop-SwitchField__description___9m0Ll {
4242
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
4232
4243
  order: 2;
4233
4244
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4234
4245
  color: var(--description-color);
4235
4246
  }
4236
- .SwitchField-module__hop-SwitchField__switch___g5U-l {
4247
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
4237
4248
  order: 1;
4238
4249
  }
4239
4250
 
4240
4251
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4241
- .Tag-module__hop-Tag___NM6io {
4252
+ .Tag-module__hop-Tag___QPfVY {
4242
4253
  --hop-Tag-border-size: 0.0625rem;
4243
4254
  --hop-Tag-border-radius: var(--hop-shape-pill);
4244
4255
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4477,7 +4488,7 @@
4477
4488
  outline: none;
4478
4489
  outline-offset: 0.125rem;
4479
4490
  }
4480
- .Tag-module__hop-Tag--sm___RusnS {
4491
+ .Tag-module__hop-Tag--sm___PRq4I {
4481
4492
  --block-size: var(--hop-Tag-sm-block-size);
4482
4493
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4483
4494
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4485,13 +4496,13 @@
4485
4496
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4486
4497
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4487
4498
  }
4488
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4499
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4489
4500
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4490
4501
  }
4491
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4502
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4492
4503
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4493
4504
  }
4494
- .Tag-module__hop-Tag--md___kkBZU {
4505
+ .Tag-module__hop-Tag--md___k944L {
4495
4506
  --block-size: var(--hop-Tag-md-block-size);
4496
4507
  --padding-inline: var(--hop-Tag-md-padding-inline);
4497
4508
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4499,13 +4510,13 @@
4499
4510
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4500
4511
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4501
4512
  }
4502
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4513
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4503
4514
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4504
4515
  }
4505
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4516
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4506
4517
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4507
4518
  }
4508
- .Tag-module__hop-Tag--lg___6uwPK {
4519
+ .Tag-module__hop-Tag--lg___vSnmb {
4509
4520
  --block-size: var(--hop-Tag-lg-block-size);
4510
4521
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4511
4522
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4513,348 +4524,348 @@
4513
4524
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4514
4525
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4515
4526
  }
4516
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4527
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4517
4528
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4518
4529
  }
4519
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4530
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4520
4531
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4521
4532
  }
4522
- .Tag-module__hop-Tag--neutral___USBuA {
4533
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4523
4534
  --border-color: var(--hop-Tag-neutral-border-color);
4524
4535
  --background-color: var(--hop-Tag-neutral-background-color);
4525
4536
  --text-color: var(--hop-Tag-neutral-text-color);
4526
4537
  }
4527
- .Tag-module__hop-Tag--subdued___xQkUX {
4538
+ .Tag-module__hop-Tag--subdued___pnb-b {
4528
4539
  --border-color: var(--hop-Tag-subdued-border-color);
4529
4540
  --background-color: var(--hop-Tag-subdued-background-color);
4530
4541
  --text-color: var(--hop-Tag-subdued-text-color);
4531
4542
  }
4532
- .Tag-module__hop-Tag--progress___zPefF {
4543
+ .Tag-module__hop-Tag--progress___-A1r0 {
4533
4544
  --border-color: var(--hop-Tag-progress-border-color);
4534
4545
  --background-color: var(--hop-Tag-progress-background-color);
4535
4546
  --text-color: var(--hop-Tag-progress-text-color);
4536
4547
  }
4537
- .Tag-module__hop-Tag--positive___-0pjQ {
4548
+ .Tag-module__hop-Tag--positive___NmpPG {
4538
4549
  --border-color: var(--hop-Tag-positive-border-color);
4539
4550
  --background-color: var(--hop-Tag-positive-background-color);
4540
4551
  --text-color: var(--hop-Tag-positive-text-color);
4541
4552
  }
4542
- .Tag-module__hop-Tag--caution___t7-CS {
4553
+ .Tag-module__hop-Tag--caution___Q3b1U {
4543
4554
  --border-color: var(--hop-Tag-caution-border-color);
4544
4555
  --background-color: var(--hop-Tag-caution-background-color);
4545
4556
  --text-color: var(--hop-Tag-caution-text-color);
4546
4557
  }
4547
- .Tag-module__hop-Tag--negative___B5fjH {
4558
+ .Tag-module__hop-Tag--negative___gJkuU {
4548
4559
  --border-color: var(--hop-Tag-negative-border-color);
4549
4560
  --background-color: var(--hop-Tag-negative-background-color);
4550
4561
  --text-color: var(--hop-Tag-negative-text-color);
4551
4562
  }
4552
- .Tag-module__hop-Tag--option1___AYNLX {
4563
+ .Tag-module__hop-Tag--option1___48VPO {
4553
4564
  --border-color: var(--hop-Tag-option1-border-color);
4554
4565
  --background-color: var(--hop-Tag-option1-background-color);
4555
4566
  --text-color: var(--hop-Tag-option1-text-color);
4556
4567
  }
4557
- .Tag-module__hop-Tag--option2___Sajtj {
4568
+ .Tag-module__hop-Tag--option2___07n0q {
4558
4569
  --border-color: var(--hop-Tag-option2-border-color);
4559
4570
  --background-color: var(--hop-Tag-option2-background-color);
4560
4571
  --text-color: var(--hop-Tag-option2-text-color);
4561
4572
  }
4562
- .Tag-module__hop-Tag--option3___Eivl4 {
4573
+ .Tag-module__hop-Tag--option3___0YpqQ {
4563
4574
  --border-color: var(--hop-Tag-option3-border-color);
4564
4575
  --background-color: var(--hop-Tag-option3-background-color);
4565
4576
  --text-color: var(--hop-Tag-option3-text-color);
4566
4577
  }
4567
- .Tag-module__hop-Tag--option4___24aL5 {
4578
+ .Tag-module__hop-Tag--option4___518kC {
4568
4579
  --border-color: var(--hop-Tag-option4-border-color);
4569
4580
  --background-color: var(--hop-Tag-option4-background-color);
4570
4581
  --text-color: var(--hop-Tag-option4-text-color);
4571
4582
  }
4572
- .Tag-module__hop-Tag--option5___MUm8- {
4583
+ .Tag-module__hop-Tag--option5___zE-FA {
4573
4584
  --border-color: var(--hop-Tag-option5-border-color);
4574
4585
  --background-color: var(--hop-Tag-option5-background-color);
4575
4586
  --text-color: var(--hop-Tag-option5-text-color);
4576
4587
  }
4577
- .Tag-module__hop-Tag--option6___-sBKA {
4588
+ .Tag-module__hop-Tag--option6___opxaK {
4578
4589
  --border-color: var(--hop-Tag-option6-border-color);
4579
4590
  --background-color: var(--hop-Tag-option6-background-color);
4580
4591
  --text-color: var(--hop-Tag-option6-text-color);
4581
4592
  }
4582
- .Tag-module__hop-Tag___NM6io[data-href] {
4593
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4583
4594
  cursor: pointer;
4584
4595
  }
4585
- .Tag-module__hop-Tag--neutral___USBuA[data-focus-visible] {
4596
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4586
4597
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4587
4598
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4588
4599
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4589
4600
  }
4590
- .Tag-module__hop-Tag--neutral___USBuA[data-hovered] {
4601
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4591
4602
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4592
4603
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4593
4604
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4594
4605
  }
4595
- .Tag-module__hop-Tag--neutral___USBuA[data-pressed] {
4606
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4596
4607
  --border-color: var(--hop-Tag-neutral-border-color-press);
4597
4608
  --background-color: var(--hop-Tag-neutral-background-color-press);
4598
4609
  --text-color: var(--hop-Tag-neutral-text-color-press);
4599
4610
  }
4600
- .Tag-module__hop-Tag--neutral___USBuA[data-disabled] {
4611
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4601
4612
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4602
4613
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4603
4614
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4604
4615
  }
4605
- .Tag-module__hop-Tag--subdued___xQkUX[data-focus-visible] {
4616
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4606
4617
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4607
4618
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4608
4619
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4609
4620
  }
4610
- .Tag-module__hop-Tag--subdued___xQkUX[data-hovered] {
4621
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4611
4622
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4612
4623
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4613
4624
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4614
4625
  }
4615
- .Tag-module__hop-Tag--subdued___xQkUX[data-pressed] {
4626
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4616
4627
  --border-color: var(--hop-Tag-subdued-border-color-press);
4617
4628
  --background-color: var(--hop-Tag-subdued-background-color-press);
4618
4629
  --text-color: var(--hop-Tag-subdued-text-color-press);
4619
4630
  }
4620
- .Tag-module__hop-Tag--subdued___xQkUX[data-disabled] {
4631
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4621
4632
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4622
4633
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4623
4634
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4624
4635
  }
4625
- .Tag-module__hop-Tag--progress___zPefF[data-focus-visible] {
4636
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4626
4637
  --border-color: var(--hop-Tag-progress-border-color-focus);
4627
4638
  --background-color: var(--hop-Tag-progress-background-color-focus);
4628
4639
  --text-color: var(--hop-Tag-progress-text-color-focus);
4629
4640
  }
4630
- .Tag-module__hop-Tag--progress___zPefF[data-hovered] {
4641
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4631
4642
  --border-color: var(--hop-Tag-progress-border-color-hover);
4632
4643
  --background-color: var(--hop-Tag-progress-background-color-hover);
4633
4644
  --text-color: var(--hop-Tag-progress-text-color-hover);
4634
4645
  }
4635
- .Tag-module__hop-Tag--progress___zPefF[data-pressed] {
4646
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4636
4647
  --border-color: var(--hop-Tag-progress-border-color-press);
4637
4648
  --background-color: var(--hop-Tag-progress-background-color-press);
4638
4649
  --text-color: var(--hop-Tag-progress-text-color-press);
4639
4650
  }
4640
- .Tag-module__hop-Tag--progress___zPefF[data-disabled] {
4651
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4641
4652
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4642
4653
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4643
4654
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4644
4655
  }
4645
- .Tag-module__hop-Tag--positive___-0pjQ[data-focus-visible] {
4656
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4646
4657
  --border-color: var(--hop-Tag-positive-border-color-focus);
4647
4658
  --background-color: var(--hop-Tag-positive-background-color-focus);
4648
4659
  --text-color: var(--hop-Tag-positive-text-color-focus);
4649
4660
  }
4650
- .Tag-module__hop-Tag--positive___-0pjQ[data-hovered] {
4661
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4651
4662
  --border-color: var(--hop-Tag-positive-border-color-hover);
4652
4663
  --background-color: var(--hop-Tag-positive-background-color-hover);
4653
4664
  --text-color: var(--hop-Tag-positive-text-color-hover);
4654
4665
  }
4655
- .Tag-module__hop-Tag--positive___-0pjQ[data-pressed] {
4666
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4656
4667
  --border-color: var(--hop-Tag-positive-border-color-press);
4657
4668
  --background-color: var(--hop-Tag-positive-background-color-press);
4658
4669
  --text-color: var(--hop-Tag-positive-text-color-press);
4659
4670
  }
4660
- .Tag-module__hop-Tag--positive___-0pjQ[data-disabled] {
4671
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4661
4672
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4662
4673
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4663
4674
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4664
4675
  }
4665
- .Tag-module__hop-Tag--caution___t7-CS[data-focus-visible] {
4676
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4666
4677
  --border-color: var(--hop-Tag-caution-border-color-focus);
4667
4678
  --background-color: var(--hop-Tag-caution-background-color-focus);
4668
4679
  --text-color: var(--hop-Tag-caution-text-color-focus);
4669
4680
  }
4670
- .Tag-module__hop-Tag--caution___t7-CS[data-hovered] {
4681
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4671
4682
  --border-color: var(--hop-Tag-caution-border-color-hover);
4672
4683
  --background-color: var(--hop-Tag-caution-background-color-hover);
4673
4684
  --text-color: var(--hop-Tag-caution-text-color-hover);
4674
4685
  }
4675
- .Tag-module__hop-Tag--caution___t7-CS[data-pressed] {
4686
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4676
4687
  --border-color: var(--hop-Tag-caution-border-color-press);
4677
4688
  --background-color: var(--hop-Tag-caution-background-color-press);
4678
4689
  --text-color: var(--hop-Tag-caution-text-color-press);
4679
4690
  }
4680
- .Tag-module__hop-Tag--caution___t7-CS[data-disabled] {
4691
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4681
4692
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4682
4693
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4683
4694
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4684
4695
  }
4685
- .Tag-module__hop-Tag--negative___B5fjH[data-focus-visible] {
4696
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4686
4697
  --border-color: var(--hop-Tag-negative-border-color-focus);
4687
4698
  --background-color: var(--hop-Tag-negative-background-color-focus);
4688
4699
  --text-color: var(--hop-Tag-negative-text-color-focus);
4689
4700
  }
4690
- .Tag-module__hop-Tag--negative___B5fjH[data-hovered] {
4701
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4691
4702
  --border-color: var(--hop-Tag-negative-border-color-hover);
4692
4703
  --background-color: var(--hop-Tag-negative-background-color-hover);
4693
4704
  --text-color: var(--hop-Tag-negative-text-color-hover);
4694
4705
  }
4695
- .Tag-module__hop-Tag--negative___B5fjH[data-pressed] {
4706
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4696
4707
  --border-color: var(--hop-Tag-negative-border-color-press);
4697
4708
  --background-color: var(--hop-Tag-negative-background-color-press);
4698
4709
  --text-color: var(--hop-Tag-negative-text-color-press);
4699
4710
  }
4700
- .Tag-module__hop-Tag--negative___B5fjH[data-disabled] {
4711
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4701
4712
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4702
4713
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4703
4714
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4704
4715
  }
4705
- .Tag-module__hop-Tag--option1___AYNLX[data-focus-visible] {
4716
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4706
4717
  --border-color: var(--hop-Tag-option1-border-color-focus);
4707
4718
  --background-color: var(--hop-Tag-option1-background-color-focus);
4708
4719
  --text-color: var(--hop-Tag-option1-text-color-focus);
4709
4720
  }
4710
- .Tag-module__hop-Tag--option1___AYNLX[data-hovered] {
4721
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4711
4722
  --border-color: var(--hop-Tag-option1-border-color-hover);
4712
4723
  --background-color: var(--hop-Tag-option1-background-color-hover);
4713
4724
  --text-color: var(--hop-Tag-option1-text-color-hover);
4714
4725
  }
4715
- .Tag-module__hop-Tag--option1___AYNLX[data-pressed] {
4726
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4716
4727
  --border-color: var(--hop-Tag-option1-border-color-press);
4717
4728
  --background-color: var(--hop-Tag-option1-background-color-press);
4718
4729
  --text-color: var(--hop-Tag-option1-text-color-press);
4719
4730
  }
4720
- .Tag-module__hop-Tag--option1___AYNLX[data-disabled] {
4731
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4721
4732
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4722
4733
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4723
4734
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4724
4735
  }
4725
- .Tag-module__hop-Tag--option2___Sajtj[data-focus-visible] {
4736
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4726
4737
  --border-color: var(--hop-Tag-option2-border-color-focus);
4727
4738
  --background-color: var(--hop-Tag-option2-background-color-focus);
4728
4739
  --text-color: var(--hop-Tag-option2-text-color-focus);
4729
4740
  }
4730
- .Tag-module__hop-Tag--option2___Sajtj[data-hovered] {
4741
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4731
4742
  --border-color: var(--hop-Tag-option2-border-color-hover);
4732
4743
  --background-color: var(--hop-Tag-option2-background-color-hover);
4733
4744
  --text-color: var(--hop-Tag-option2-text-color-hover);
4734
4745
  }
4735
- .Tag-module__hop-Tag--option2___Sajtj[data-pressed] {
4746
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4736
4747
  --border-color: var(--hop-Tag-option2-border-color-press);
4737
4748
  --background-color: var(--hop-Tag-option2-background-color-press);
4738
4749
  --text-color: var(--hop-Tag-option2-text-color-press);
4739
4750
  }
4740
- .Tag-module__hop-Tag--option2___Sajtj[data-disabled] {
4751
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4741
4752
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4742
4753
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4743
4754
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4744
4755
  }
4745
- .Tag-module__hop-Tag--option3___Eivl4[data-focus-visible] {
4756
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4746
4757
  --border-color: var(--hop-Tag-option3-border-color-focus);
4747
4758
  --background-color: var(--hop-Tag-option3-background-color-focus);
4748
4759
  --text-color: var(--hop-Tag-option3-text-color-focus);
4749
4760
  }
4750
- .Tag-module__hop-Tag--option3___Eivl4[data-hovered] {
4761
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4751
4762
  --border-color: var(--hop-Tag-option3-border-color-hover);
4752
4763
  --background-color: var(--hop-Tag-option3-background-color-hover);
4753
4764
  --text-color: var(--hop-Tag-option3-text-color-hover);
4754
4765
  }
4755
- .Tag-module__hop-Tag--option3___Eivl4[data-pressed] {
4766
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4756
4767
  --border-color: var(--hop-Tag-option3-border-color-press);
4757
4768
  --background-color: var(--hop-Tag-option3-background-color-press);
4758
4769
  --text-color: var(--hop-Tag-option3-text-color-press);
4759
4770
  }
4760
- .Tag-module__hop-Tag--option3___Eivl4[data-disabled] {
4771
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4761
4772
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4762
4773
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4763
4774
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4764
4775
  }
4765
- .Tag-module__hop-Tag--option4___24aL5[data-focus-visible] {
4776
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4766
4777
  --border-color: var(--hop-Tag-option4-border-color-focus);
4767
4778
  --background-color: var(--hop-Tag-option4-background-color-focus);
4768
4779
  --text-color: var(--hop-Tag-option4-text-color-focus);
4769
4780
  }
4770
- .Tag-module__hop-Tag--option4___24aL5[data-hovered] {
4781
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4771
4782
  --border-color: var(--hop-Tag-option4-border-color-hover);
4772
4783
  --background-color: var(--hop-Tag-option4-background-color-hover);
4773
4784
  --text-color: var(--hop-Tag-option4-text-color-hover);
4774
4785
  }
4775
- .Tag-module__hop-Tag--option4___24aL5[data-pressed] {
4786
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4776
4787
  --border-color: var(--hop-Tag-option4-border-color-press);
4777
4788
  --background-color: var(--hop-Tag-option4-background-color-press);
4778
4789
  --text-color: var(--hop-Tag-option4-text-color-press);
4779
4790
  }
4780
- .Tag-module__hop-Tag--option4___24aL5[data-disabled] {
4791
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4781
4792
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4782
4793
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4783
4794
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4784
4795
  }
4785
- .Tag-module__hop-Tag--option5___MUm8-[data-focus-visible] {
4796
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4786
4797
  --border-color: var(--hop-Tag-option5-border-color-focus);
4787
4798
  --background-color: var(--hop-Tag-option5-background-color-focus);
4788
4799
  --text-color: var(--hop-Tag-option5-text-color-focus);
4789
4800
  }
4790
- .Tag-module__hop-Tag--option5___MUm8-[data-hovered] {
4801
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4791
4802
  --border-color: var(--hop-Tag-option5-border-color-hover);
4792
4803
  --background-color: var(--hop-Tag-option5-background-color-hover);
4793
4804
  --text-color: var(--hop-Tag-option5-text-color-hover);
4794
4805
  }
4795
- .Tag-module__hop-Tag--option5___MUm8-[data-pressed] {
4806
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4796
4807
  --border-color: var(--hop-Tag-option5-border-color-press);
4797
4808
  --background-color: var(--hop-Tag-option5-background-color-press);
4798
4809
  --text-color: var(--hop-Tag-option5-text-color-press);
4799
4810
  }
4800
- .Tag-module__hop-Tag--option5___MUm8-[data-disabled] {
4811
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4801
4812
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4802
4813
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4803
4814
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4804
4815
  }
4805
- .Tag-module__hop-Tag--option6___-sBKA[data-focus-visible] {
4816
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4806
4817
  --border-color: var(--hop-Tag-option6-border-color-focus);
4807
4818
  --background-color: var(--hop-Tag-option6-background-color-focus);
4808
4819
  --text-color: var(--hop-Tag-option6-text-color-focus);
4809
4820
  }
4810
- .Tag-module__hop-Tag--option6___-sBKA[data-hovered] {
4821
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4811
4822
  --border-color: var(--hop-Tag-option6-border-color-hover);
4812
4823
  --background-color: var(--hop-Tag-option6-background-color-hover);
4813
4824
  --text-color: var(--hop-Tag-option6-text-color-hover);
4814
4825
  }
4815
- .Tag-module__hop-Tag--option6___-sBKA[data-pressed] {
4826
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4816
4827
  --border-color: var(--hop-Tag-option6-border-color-press);
4817
4828
  --background-color: var(--hop-Tag-option6-background-color-press);
4818
4829
  --text-color: var(--hop-Tag-option6-text-color-press);
4819
4830
  }
4820
- .Tag-module__hop-Tag--option6___-sBKA[data-disabled] {
4831
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4821
4832
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4822
4833
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4823
4834
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4824
4835
  }
4825
- .Tag-module__hop-Tag___NM6io[data-focus-visible] {
4836
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4826
4837
  outline: 0.125rem solid var(--focus-ring-color);
4827
4838
  }
4828
- .Tag-module__hop-Tag___NM6io[data-hovered] {
4839
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4829
4840
  cursor: pointer;
4830
4841
  }
4831
- .Tag-module__hop-Tag___NM6io[data-selected] {
4842
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4832
4843
  --background-color: var(--hop-Tag-background-color-selected);
4833
4844
  --border-color: var(--hop-Tag-border-color-selected);
4834
4845
  --text-color: var(--hop-Tag-text-color-selected);
4835
4846
  }
4836
- .Tag-module__hop-Tag___NM6io[data-pressed] {
4847
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4837
4848
  cursor: pointer;
4838
4849
  }
4839
- .Tag-module__hop-Tag___NM6io[data-invalid] {
4850
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4840
4851
  --border-color: var(--hop-Tag-border-color-invalid);
4841
4852
  }
4842
- .Tag-module__hop-Tag___NM6io[data-disabled] {
4853
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4843
4854
  cursor: not-allowed;
4844
4855
  }
4845
- .Tag-module__hop-Tag__avatar___Sb-9t {
4856
+ .Tag-module__hop-Tag__avatar___LCkhz {
4846
4857
  flex: 0 0 auto;
4847
4858
  order: 1;
4848
4859
  margin-inline-start: var(--avatar-margin-inline-start);
4849
4860
  }
4850
- .Tag-module__hop-Tag__icon___Kk1ms,
4851
- .Tag-module__hop-Tag__icon-list___sGKeO {
4861
+ .Tag-module__hop-Tag__icon___d-Od0,
4862
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4852
4863
  flex: 0 0 auto;
4853
4864
  flex-wrap: nowrap;
4854
4865
  order: 2;
4855
4866
  margin-inline-start: var(--icon-margin-inline-start, 0);
4856
4867
  }
4857
- .Tag-module__hop-Tag__text___QMrwz {
4868
+ .Tag-module__hop-Tag__text___HsqI9 {
4858
4869
  overflow: hidden;
4859
4870
  flex: 1 1 auto;
4860
4871
  order: 3;
@@ -4862,33 +4873,33 @@
4862
4873
  text-align: center;
4863
4874
  text-overflow: ellipsis;
4864
4875
  }
4865
- .Tag-module__hop-Tag__badge___3Bb7n {
4876
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4866
4877
  flex: 0 0 auto;
4867
4878
  order: 4;
4868
4879
  margin-inline-end: var(--badge-margin-inline-end);
4869
4880
  }
4870
- .Tag-module__hop-Tag___NM6io .Tag-module__hop-Tag__badge___3Bb7n[data-variant=subdued] {
4881
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4871
4882
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4872
4883
  color: inherit;
4873
4884
  background: none;
4874
4885
  }
4875
- .Tag-module__hop-Tag--sm___RusnS .Tag-module__hop-Tag__badge___3Bb7n {
4886
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4876
4887
  block-size: 100%;
4877
4888
  }
4878
- .Tag-module__hop-Tag__remove-btn___W-ZWY,
4879
- .Tag-module__hop-Tag__Spinner___iMDOt {
4889
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4890
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4880
4891
  flex: 0 0 auto;
4881
4892
  order: 5;
4882
4893
  }
4883
- .Tag-module__hop-Tag__Spinner___iMDOt {
4894
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4884
4895
  margin-inline-end: var(--spinner-margin-inline-end);
4885
4896
  }
4886
- .Tag-module__hop-Tag__remove-btn___W-ZWY {
4897
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4887
4898
  margin-inline: var(--clear-btn-margin-inline);
4888
4899
  }
4889
4900
 
4890
4901
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4891
- .TagGroup-module__hop-TagGroup___tcuEw {
4902
+ .TagGroup-module__hop-TagGroup___14xMC {
4892
4903
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4893
4904
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4894
4905
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4908,10 +4919,10 @@
4908
4919
  inline-size: max-content;
4909
4920
  max-inline-size: 100%;
4910
4921
  }
4911
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__label___MIfwe {
4922
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4912
4923
  order: 1;
4913
4924
  }
4914
- .TagGroup-module__hop-TagGroup__list___BBlDb {
4925
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4915
4926
  display: flex;
4916
4927
  flex-wrap: wrap;
4917
4928
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4920,12 +4931,12 @@
4920
4931
  border-radius: var(--list-border-radius);
4921
4932
  outline: none;
4922
4933
  }
4923
- .TagGroup-module__hop-TagGroup__list___BBlDb[data-focus-visible] {
4934
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4924
4935
  outline: 0.125rem solid var(--list-focus-ring-color);
4925
4936
  outline-offset: 0.125rem;
4926
4937
  }
4927
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__error-message___JUQXc,
4928
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__helper-message___Oka5s {
4938
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4939
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4929
4940
  order: 3;
4930
4941
  }
4931
4942
 
@@ -4955,7 +4966,7 @@
4955
4966
  /* src/index.css */
4956
4967
 
4957
4968
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
4958
- .Form-module__hop-Form___00trG {
4969
+ .Form-module__hop-Form___jz9NZ {
4959
4970
  display: flex;
4960
4971
  flex-direction: column;
4961
4972
  gap: var(--hop-space-stack-lg);