@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,14 +2235,14 @@
2150
2235
  }
2151
2236
 
2152
2237
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
2153
- .Form-module__hop-Form___00trG {
2238
+ .Form-module__hop-Form___jz9NZ {
2154
2239
  display: flex;
2155
2240
  flex-direction: column;
2156
2241
  gap: var(--hop-space-stack-lg);
2157
2242
  }
2158
2243
 
2159
2244
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2160
- .InputGroup-module__hop-InputGroup___cxU-Q {
2245
+ .InputGroup-module__hop-InputGroup___-dY-s {
2161
2246
  --hop-InputGroup-background: var(--hop-neutral-surface);
2162
2247
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2163
2248
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2238,11 +2323,11 @@
2238
2323
  border: var(--border);
2239
2324
  border-radius: var(--hop-InputGroup-border-radius);
2240
2325
  }
2241
- .InputGroup-module__hop-InputGroup--fluid___JDLHZ {
2326
+ .InputGroup-module__hop-InputGroup--fluid___VIFfq {
2242
2327
  --inline-size: 100%;
2243
2328
  --input-inline-size: 100%;
2244
2329
  }
2245
- .InputGroup-module__hop-InputGroup--sm___xub9Y {
2330
+ .InputGroup-module__hop-InputGroup--sm___MdwFD {
2246
2331
  --block-size: var(--hop-InputGroup-sm-block-size);
2247
2332
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2248
2333
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2250,7 +2335,7 @@
2250
2335
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2251
2336
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2252
2337
  }
2253
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=textarea] {
2338
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=textarea] {
2254
2339
  --gap: var(--hop-InputGroup-gap-textarea);
2255
2340
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2256
2341
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2258,28 +2343,28 @@
2258
2343
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2259
2344
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2260
2345
  }
2261
- .InputGroup-module__hop-InputGroup___cxU-Q[data-input-type=number] {
2346
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=number] {
2262
2347
  --display: var(--hop-InputGroup-display-number);
2263
2348
  --gap: var(--hop-InputGroup-gap-number);
2264
2349
  }
2265
- .InputGroup-module__hop-InputGroup___cxU-Q[data-hovered] {
2350
+ .InputGroup-module__hop-InputGroup___-dY-s[data-hovered] {
2266
2351
  --background: var(--hop-InputGroup-background-hover);
2267
2352
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2268
2353
  }
2269
- .InputGroup-module__hop-InputGroup___cxU-Q[data-focus-within] {
2354
+ .InputGroup-module__hop-InputGroup___-dY-s[data-focus-within] {
2270
2355
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2271
2356
  }
2272
- .InputGroup-module__hop-InputGroup___cxU-Q[data-invalid] {
2357
+ .InputGroup-module__hop-InputGroup___-dY-s[data-invalid] {
2273
2358
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2274
2359
  }
2275
- .InputGroup-module__hop-InputGroup___cxU-Q[data-disabled] {
2360
+ .InputGroup-module__hop-InputGroup___-dY-s[data-disabled] {
2276
2361
  --background: var(--hop-InputGroup-background-disabled);
2277
2362
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2278
2363
  --input-color: var(--hop-InputGroup-input-color-disabled);
2279
2364
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2280
2365
  }
2281
- .InputGroup-module__hop-InputGroup__input___WN-8O,
2282
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
2366
+ .InputGroup-module__hop-InputGroup__input___prIHX,
2367
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2283
2368
  flex: 1 1 auto;
2284
2369
  box-sizing: border-box;
2285
2370
  inline-size: var(--input-inline-size);
@@ -2293,111 +2378,26 @@
2293
2378
  border: none;
2294
2379
  outline: none;
2295
2380
  }
2296
- .InputGroup-module__hop-InputGroup__input___WN-8O {
2381
+ .InputGroup-module__hop-InputGroup__input___prIHX {
2297
2382
  block-size: var(--input-block-size);
2298
2383
  padding: var(--hop-InputGroup-input-padding);
2299
2384
  }
2300
- .InputGroup-module__hop-InputGroup__textarea___Kn-qF {
2385
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2301
2386
  padding: var(--hop-InputGroup-textarea-padding);
2302
2387
  }
2303
- .InputGroup-module__hop-InputGroup__input___WN-8O::placeholder {
2388
+ .InputGroup-module__hop-InputGroup__input___prIHX::placeholder {
2304
2389
  font-family: var(--hop-InputGroup-placeholder-font-family);
2305
2390
  font-size: var(--hop-InputGroup-placeholder-font-size);
2306
2391
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2307
2392
  line-height: var(--hop-InputGroup-placeholder-line-height);
2308
2393
  color: var(--input-placeholder-color);
2309
2394
  }
2310
- .InputGroup-module__hop-InputGroup__embedded-button___THXUj {
2395
+ .InputGroup-module__hop-InputGroup__embedded-button___1SGd6 {
2311
2396
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2312
2397
  }
2313
2398
 
2314
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2315
- .Heading-module__hop-Heading___n97SR {
2316
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2317
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2318
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
2319
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
2320
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
2321
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
2322
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
2323
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
2324
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
2325
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
2326
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
2327
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
2328
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
2329
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
2330
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
2331
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
2332
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
2333
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
2334
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
2335
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
2336
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
2337
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
2338
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
2339
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
2340
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
2341
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
2342
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
2343
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
2344
- --hop-Heading-inherit-size-font-size: inherit;
2345
- --hop-Heading-inherit-size-font-family: inherit;
2346
- --hop-Heading-inherit-size-font-weight: inherit;
2347
- --hop-Heading-inherit-size-line-height: inherit;
2348
- }
2349
- :where(.Heading-module__hop-Heading___n97SR) {
2350
- margin: 0;
2351
- font-family: var(--font-family);
2352
- font-size: var(--font-size);
2353
- font-weight: var(--font-weight);
2354
- line-height: var(--line-height);
2355
- }
2356
- :where(.Heading-module__hop-Heading--xs___mTtTP) {
2357
- --font-size: var(--hop-Heading-xs-font-size);
2358
- --font-family: var(--hop-Heading-xs-font-family);
2359
- --font-weight: var(--hop-Heading-xs-font-weight);
2360
- --line-height: var(--hop-Heading-xs-line-height);
2361
- }
2362
- :where(.Heading-module__hop-Heading--sm___eo32f) {
2363
- --font-size: var(--hop-Heading-sm-font-size);
2364
- --font-family: var(--hop-Heading-sm-font-family);
2365
- --font-weight: var(--hop-Heading-sm-font-weight);
2366
- --line-height: var(--hop-Heading-sm-line-height);
2367
- }
2368
- :where(.Heading-module__hop-Heading--md___IrFcX) {
2369
- --font-size: var(--hop-Heading-md-font-size);
2370
- --font-family: var(--hop-Heading-md-font-family);
2371
- --font-weight: var(--hop-Heading-md-font-weight);
2372
- --line-height: var(--hop-Heading-md-line-height);
2373
- }
2374
- :where(.Heading-module__hop-Heading--lg___7r13U) {
2375
- --font-size: var(--hop-Heading-lg-font-size);
2376
- --font-family: var(--hop-Heading-lg-font-family);
2377
- --font-weight: var(--hop-Heading-lg-font-weight);
2378
- --line-height: var(--hop-Heading-lg-line-height);
2379
- }
2380
- :where(.Heading-module__hop-Heading--xl___TkxTV) {
2381
- --font-size: var(--hop-Heading-xl-font-size);
2382
- --font-family: var(--hop-Heading-xl-font-family);
2383
- --font-weight: var(--hop-Heading-xl-font-weight);
2384
- --line-height: var(--hop-Heading-xl-line-height);
2385
- }
2386
- :where(.Heading-module__hop-Heading--2xl___JATsN) {
2387
- --font-size: var(--hop-Heading-2xl-font-size);
2388
- --font-family: var(--hop-Heading-2xl-font-family);
2389
- --font-weight: var(--hop-Heading-2xl-font-weight);
2390
- --line-height: var(--hop-Heading-2xl-line-height);
2391
- }
2392
- :where(.Heading-module__hop-Heading--3xl___7Xm3l) {
2393
- --font-size: var(--hop-Heading-3xl-font-size);
2394
- --font-family: var(--hop-Heading-3xl-font-family);
2395
- --font-weight: var(--hop-Heading-3xl-font-weight);
2396
- --line-height: var(--hop-Heading-3xl-line-height);
2397
- }
2398
-
2399
2399
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2400
- .NumberField-module__hop-NumberField___apdI6 {
2400
+ .NumberField-module__hop-NumberField___VWgJv {
2401
2401
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2402
2402
  --hop-NumberField-inline-size: 20rem;
2403
2403
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2445,30 +2445,30 @@
2445
2445
  gap: var(--hop-NumberField-gap);
2446
2446
  inline-size: var(--inline-size);
2447
2447
  }
2448
- .NumberField-module__hop-NumberField--fluid___zqiUX {
2448
+ .NumberField-module__hop-NumberField--fluid___D4KuH {
2449
2449
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2450
2450
  }
2451
- .NumberField-module__hop-NumberField--mobile___NKAaR {
2451
+ .NumberField-module__hop-NumberField--mobile___JdtJi {
2452
2452
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2453
2453
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2454
2454
  }
2455
- .NumberField-module__hop-NumberField__Label___Z2mj5 {
2455
+ .NumberField-module__hop-NumberField__Label___DpcSp {
2456
2456
  order: 0;
2457
2457
  }
2458
- .NumberField-module__hop-NumberField__prefix___JnwJ1 {
2458
+ .NumberField-module__hop-NumberField__prefix___baTwE {
2459
2459
  grid-area: prefix;
2460
2460
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2461
2461
  color: var(--hop-NumberField-prefix-color);
2462
2462
  }
2463
- .NumberField-module__hop-NumberField__InputGroup___y0Rb6 {
2463
+ .NumberField-module__hop-NumberField__InputGroup___f4BCh {
2464
2464
  grid-template: var(--input-group-template);
2465
2465
  order: 1;
2466
2466
  }
2467
- .NumberField-module__hop-NumberField__ErrorMessage___9p0yi,
2468
- .NumberField-module__hop-NumberField__HelperMessage___zIKmw {
2467
+ .NumberField-module__hop-NumberField__ErrorMessage___iTVwp,
2468
+ .NumberField-module__hop-NumberField__HelperMessage___JGOeo {
2469
2469
  order: 3;
2470
2470
  }
2471
- .NumberField-module__hop-NumberField__stepper-button___hxdTL {
2471
+ .NumberField-module__hop-NumberField__stepper-button___h67o- {
2472
2472
  cursor: pointer;
2473
2473
  display: flex;
2474
2474
  grid-area: var(--grid-area, unset);
@@ -2489,55 +2489,55 @@
2489
2489
  border-radius: var(--stepper-border-radius, 0);
2490
2490
  outline: none;
2491
2491
  }
2492
- .NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
2492
+ .NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2493
2493
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2494
2494
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2495
2495
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2496
2496
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2497
2497
  --grid-area: stepup;
2498
2498
  }
2499
- .NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
2499
+ .NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2500
2500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2501
2501
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2502
2502
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2503
2503
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2504
2504
  --grid-area: stepdown;
2505
2505
  }
2506
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--increment___nUuTR {
2506
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2507
2507
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2508
2508
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2509
2509
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2510
2510
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2511
2511
  }
2512
- .NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM.NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR {
2512
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2513
2513
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2514
2514
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2515
2515
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2516
2516
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2517
2517
  }
2518
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-hovered] {
2518
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-hovered] {
2519
2519
  color: var(--hop-NumberField-stepper-color-hovered);
2520
2520
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2521
2521
  }
2522
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-pressed] {
2522
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-pressed] {
2523
2523
  color: var(--hop-NumberField-stepper-color-pressed);
2524
2524
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2525
2525
  }
2526
- .NumberField-module__hop-NumberField__stepper-button___hxdTL[data-disabled] {
2526
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-disabled] {
2527
2527
  cursor: not-allowed;
2528
2528
  color: var(--hop-NumberField-stepper-color-disabled);
2529
2529
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2530
2530
  }
2531
- .NumberField-module__hop-NumberField__stepper-button__icon___ACv7y {
2531
+ .NumberField-module__hop-NumberField__stepper-button__icon___ogLPx {
2532
2532
  display: block;
2533
2533
  max-block-size: 100%;
2534
2534
  }
2535
- .NumberField-module__hop-NumberField__input___mcmo2 {
2535
+ .NumberField-module__hop-NumberField__input___7YBOI {
2536
2536
  grid-area: input;
2537
2537
  }
2538
2538
 
2539
2539
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2540
- .PasswordField-module__hop-PasswordField___lIpWY {
2540
+ .PasswordField-module__hop-PasswordField___JFqMs {
2541
2541
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
2542
2542
  --hop-PasswordField-inline-size: 20rem;
2543
2543
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -2547,37 +2547,37 @@
2547
2547
  inline-size: var(--inline-size);
2548
2548
  max-inline-size: 100%;
2549
2549
  }
2550
- .PasswordField-module__hop-PasswordField--fluid___mWiBH {
2550
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
2551
2551
  --inline-size: 100%;
2552
2552
  }
2553
- .PasswordField-module__hop-PasswordField__Label___jhOyi {
2553
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
2554
2554
  order: 0;
2555
2555
  }
2556
- .PasswordField-module__hop-PasswordField__InputGroup___neXGZ {
2556
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
2557
2557
  order: 1;
2558
2558
  }
2559
- .PasswordField-module__hop-PasswordField__ErrorMessage___tl8k3,
2560
- .PasswordField-module__hop-PasswordField__HelperMessage___JGtpS {
2559
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
2560
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
2561
2561
  order: 3;
2562
2562
  }
2563
2563
 
2564
2564
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2565
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY {
2565
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
2566
2566
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2567
2567
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2568
2568
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2569
2569
  --char-count-color: var(--hop-RemainingCharacterCount-color);
2570
2570
  color: var(--char-count-color);
2571
2571
  }
2572
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-invalid] {
2572
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
2573
2573
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2574
2574
  }
2575
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY[data-disabled] {
2575
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
2576
2576
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2577
2577
  }
2578
2578
 
2579
2579
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2580
- .SearchField-module__hop-SearchField___q-EeQ {
2580
+ .SearchField-module__hop-SearchField___CmlB- {
2581
2581
  --hop-SearchField-gap: var(--hop-space-stack-xs);
2582
2582
  --hop-SearchField-inline-size: 20rem;
2583
2583
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -2592,39 +2592,39 @@
2592
2592
  inline-size: var(--inline-size);
2593
2593
  max-inline-size: 100%;
2594
2594
  }
2595
- .SearchField-module__hop-SearchField--fluid___CPvL1 {
2595
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
2596
2596
  --inline-size: 100%;
2597
2597
  }
2598
- .SearchField-module__hop-SearchField__Label___h8Tgk {
2598
+ .SearchField-module__hop-SearchField__Label___w0bGj {
2599
2599
  order: 0;
2600
2600
  }
2601
- .SearchField-module__hop-SearchField__prefix___BJJRt {
2601
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
2602
2602
  color: var(--hop-SearchField-color);
2603
2603
  }
2604
- .SearchField-module__hop-SearchField__InputGroup___K4N-1 {
2604
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
2605
2605
  order: 1;
2606
2606
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2607
2607
  }
2608
- .SearchField-module__hop-SearchField--clearable___ztMMx {
2608
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
2609
2609
  --input-group-padding-inline-end: 0;
2610
2610
  }
2611
- .SearchField-module__hop-SearchField__ErrorMessage___nFg62,
2612
- .SearchField-module__hop-SearchField__HelperMessage___pkXdH {
2611
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
2612
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
2613
2613
  order: 3;
2614
2614
  }
2615
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-cancel-button,
2616
- .SearchField-module__hop-SearchField___q-EeQ input::-webkit-search-decoration {
2615
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
2616
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
2617
2617
  appearance: none;
2618
2618
  }
2619
- .SearchField-module__hop-SearchField___q-EeQ[data-empty] {
2619
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
2620
2620
  --clear-button-display: none;
2621
2621
  }
2622
- .SearchField-module__hop-SearchField__ClearButton___rn5bg {
2622
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
2623
2623
  display: var(--clear-button-display);
2624
2624
  }
2625
2625
 
2626
2626
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2627
- .TextArea-module__hop-TextArea___-HVPa {
2627
+ .TextArea-module__hop-TextArea___-k51c {
2628
2628
  --hop-TextArea-gap: var(--hop-space-stack-xs);
2629
2629
  --hop-TextArea-inline-size: 20rem;
2630
2630
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -2638,35 +2638,35 @@
2638
2638
  inline-size: var(--inline-size);
2639
2639
  max-inline-size: 100%;
2640
2640
  }
2641
- .TextArea-module__hop-TextArea--fluid___EVe6A {
2641
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
2642
2642
  --inline-size: 100%;
2643
2643
  }
2644
- .TextArea-module__hop-TextArea___-HVPa[data-resize-mode=vertical] {
2644
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
2645
2645
  --resize: vertical;
2646
2646
  }
2647
- .TextArea-module__hop-TextArea__Label___1FkkL {
2647
+ .TextArea-module__hop-TextArea__Label___DTyVx {
2648
2648
  order: 0;
2649
2649
  }
2650
- .TextArea-module__hop-TextArea__prefix___Ebbu7 {
2650
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
2651
2651
  color: var(--hop-TextArea-prefix-color);
2652
2652
  }
2653
- .TextArea-module__hop-TextArea__InputGroup___RrdVH {
2653
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
2654
2654
  order: 1;
2655
2655
  }
2656
- .TextArea-module__hop-TextArea__RemainingCharacterCount___TfXYa {
2656
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
2657
2657
  padding: var(--hop-TextArea-remaining-character-count-padding);
2658
2658
  }
2659
- .TextArea-module__hop-TextArea__textarea___vNhDn {
2659
+ .TextArea-module__hop-TextArea__textarea___X66az {
2660
2660
  resize: var(--resize);
2661
2661
  min-block-size: var(--hop-TextArea-input-min-height);
2662
2662
  }
2663
- .TextArea-module__hop-TextArea__ErrorMessage___Vkzeg,
2664
- .TextArea-module__hop-TextArea__HelperMessage___-FgEV {
2663
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
2664
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
2665
2665
  order: 3;
2666
2666
  }
2667
2667
 
2668
2668
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2669
- .TextField-module__hop-TextField___ayCGD {
2669
+ .TextField-module__hop-TextField___1sv5- {
2670
2670
  --hop-TextField-gap: var(--hop-space-stack-xs);
2671
2671
  --hop-TextField-inline-size: 20rem;
2672
2672
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -2677,25 +2677,25 @@
2677
2677
  inline-size: var(--inline-size);
2678
2678
  max-inline-size: 100%;
2679
2679
  }
2680
- .TextField-module__hop-TextField--fluid___6ZUUt {
2680
+ .TextField-module__hop-TextField--fluid___12PF- {
2681
2681
  --inline-size: 100%;
2682
2682
  }
2683
- .TextField-module__hop-TextField__Label___ylFL9 {
2683
+ .TextField-module__hop-TextField__Label___v5PNS {
2684
2684
  order: 0;
2685
2685
  }
2686
- .TextField-module__hop-TextField__prefix___P7wyK {
2686
+ .TextField-module__hop-TextField__prefix___6Ykah {
2687
2687
  color: var(--hop-TextField-prefix-color);
2688
2688
  }
2689
- .TextField-module__hop-TextField__InputGroup___kaNJe {
2689
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
2690
2690
  order: 1;
2691
2691
  }
2692
- .TextField-module__hop-TextField__ErrorMessage___T6KZN,
2693
- .TextField-module__hop-TextField__HelperMessage___uPCZ2 {
2692
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
2693
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
2694
2694
  order: 3;
2695
2695
  }
2696
2696
 
2697
2697
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2698
- .Link-module__hop-Link___wHXJ5 {
2698
+ .Link-module__hop-Link___hCv6o {
2699
2699
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2700
2700
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2701
2701
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2720,59 +2720,59 @@
2720
2720
  outline: none;
2721
2721
  outline-offset: 0.125rem;
2722
2722
  }
2723
- .Link-module__hop-Link___wHXJ5[data-focus-visible] {
2723
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
2724
2724
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2725
2725
  }
2726
- .Link-module__hop-Link___wHXJ5[data-disabled] {
2726
+ .Link-module__hop-Link___hCv6o[data-disabled] {
2727
2727
  cursor: default;
2728
2728
  }
2729
- .Link-module__hop-Link--quiet___F7596[data-focus-visible],
2730
- .Link-module__hop-Link--quiet___F7596[data-hovered] {
2729
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
2730
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
2731
2731
  text-decoration: underline;
2732
2732
  }
2733
- .Link-module__hop-Link___wHXJ5:not(.Link-module__hop-Link--quiet___F7596) {
2733
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
2734
2734
  text-decoration: underline;
2735
2735
  }
2736
- .Link-module__hop-Link--primary___aqAlg {
2736
+ .Link-module__hop-Link--primary___Nrvdi {
2737
2737
  color: var(--hop-Link-primary-text-color);
2738
2738
  }
2739
- .Link-module__hop-Link--primary___aqAlg[data-disabled] {
2739
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
2740
2740
  color: var(--hop-Link-primary-text-disabled-color);
2741
2741
  }
2742
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-focus-visible],
2743
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-hovered] {
2742
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-focus-visible],
2743
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-hovered] {
2744
2744
  color: var(--hop-Link-primary-text-hover-color);
2745
2745
  }
2746
- .Link-module__hop-Link--primary___aqAlg:not([data-disabled])[data-pressed] {
2746
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
2747
2747
  color: var(--hop-Link-primary-text-pressed-color);
2748
2748
  }
2749
- .Link-module__hop-Link--secondary___-wVgn {
2749
+ .Link-module__hop-Link--secondary___4ytgC {
2750
2750
  color: var(--hop-Link-neutral-text-color);
2751
2751
  }
2752
- .Link-module__hop-Link--secondary___-wVgn[data-disabled] {
2752
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
2753
2753
  color: var(--hop-Link-neutral-text-disabled-color);
2754
2754
  }
2755
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-focus-visible],
2756
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-hovered] {
2755
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-focus-visible],
2756
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-hovered] {
2757
2757
  color: var(--hop-Link-neutral-text-hover-color);
2758
2758
  }
2759
- .Link-module__hop-Link--secondary___-wVgn:not([data-disabled])[data-pressed] {
2759
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
2760
2760
  color: var(--hop-Link-neutral-text-pressed-color);
2761
2761
  }
2762
- .Link-module__hop-Link__icon___9twUA,
2763
- .Link-module__hop-Link__icon-list___su6NW {
2762
+ .Link-module__hop-Link__icon___GjiY8,
2763
+ .Link-module__hop-Link__icon-list___eWJSv {
2764
2764
  order: 2;
2765
2765
  }
2766
- .Link-module__hop-Link__text___hW4PZ {
2766
+ .Link-module__hop-Link__text___VgjRa {
2767
2767
  order: 1;
2768
2768
  }
2769
- .Link-module__hop-Link__start-icon___Sickn,
2770
- .Link-module__hop-Link__start-icon-list___mQVck {
2769
+ .Link-module__hop-Link__start-icon___8qO6o,
2770
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
2771
2771
  order: 0;
2772
2772
  }
2773
2773
 
2774
2774
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2775
- .Radio-module__hop-Radio___W1Vdc {
2775
+ .Radio-module__hop-Radio___mjGTL {
2776
2776
  --hop-Radio-box-border-size: 0.0625rem;
2777
2777
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2778
2778
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2846,60 +2846,60 @@
2846
2846
  inline-size: max-content;
2847
2847
  max-inline-size: 100%;
2848
2848
  }
2849
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
2849
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
2850
2850
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2851
2851
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2852
2852
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2853
2853
  --text-color: var(--hop-Radio-text-color-focused);
2854
2854
  --icon-color: var(--hop-Radio-icon-color-focused);
2855
2855
  }
2856
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
2856
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
2857
2857
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2858
2858
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2859
2859
  --text-color: var(--hop-Radio-text-color-hovered);
2860
2860
  --icon-color: var(--hop-Radio-icon-color-hovered);
2861
2861
  }
2862
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
2862
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
2863
2863
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2864
2864
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2865
2865
  --text-color: var(--hop-Radio-text-color-pressed);
2866
2866
  --icon-color: var(--hop-Radio-icon-color-pressed);
2867
2867
  }
2868
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
2868
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
2869
2869
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2870
2870
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2871
2871
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2872
2872
  --text-color: var(--hop-Radio-text-color-selected);
2873
2873
  --icon-color: var(--hop-Radio-icon-color-selected);
2874
2874
  }
2875
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
2875
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
2876
2876
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2877
2877
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2878
2878
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2879
2879
  --text-color: var(--hop-Radio-text-color-invalid);
2880
2880
  --icon-color: var(--hop-Radio-icon-color-invalid);
2881
2881
  }
2882
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
2882
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
2883
2883
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2884
2884
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2885
2885
  }
2886
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
2886
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
2887
2887
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2888
2888
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2889
2889
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2890
2890
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2891
2891
  }
2892
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
2892
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
2893
2893
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2894
2894
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2895
2895
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2896
2896
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2897
2897
  }
2898
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
2898
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
2899
2899
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2900
2900
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2901
2901
  }
2902
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
2902
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
2903
2903
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2904
2904
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2905
2905
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2907,25 +2907,25 @@
2907
2907
  --text-color: var(--hop-Radio-text-color-disabled);
2908
2908
  --icon-color: var(--hop-Radio-icon-color-disabled);
2909
2909
  }
2910
- .Radio-module__hop-Radio--sm___NYymj {
2910
+ .Radio-module__hop-Radio--sm___yl7Uc {
2911
2911
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2912
2912
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2913
2913
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2914
2914
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2915
2915
  }
2916
- .Radio-module__hop-Radio--md___CQv8r {
2916
+ .Radio-module__hop-Radio--md___Umq9X {
2917
2917
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2918
2918
  --box-block-size: var(--hop-Radio-box-md-block-size);
2919
2919
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2920
2920
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2921
2921
  }
2922
- .Radio-module__hop-Radio__icon___W3Yrf,
2923
- .Radio-module__hop-Radio__icon-list___Ky-BO {
2922
+ .Radio-module__hop-Radio__icon___umH4r,
2923
+ .Radio-module__hop-Radio__icon-list___x6UXM {
2924
2924
  flex: 0 0 auto;
2925
2925
  order: 3;
2926
2926
  color: var(--icon-color);
2927
2927
  }
2928
- .Radio-module__hop-Radio__box___T-9Zw {
2928
+ .Radio-module__hop-Radio__box___5S65W {
2929
2929
  display: flex;
2930
2930
  flex: 0 0 auto;
2931
2931
  align-items: center;
@@ -2941,11 +2941,11 @@
2941
2941
  outline-offset: 0.125rem;
2942
2942
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2943
2943
  }
2944
- .Radio-module__hop-Radio__bullet___aikpb {
2944
+ .Radio-module__hop-Radio__bullet___9Zldv {
2945
2945
  display: var(--bullet-display);
2946
2946
  color: var(--bullet-color);
2947
2947
  }
2948
- .Radio-module__hop-Radio__text___gfkdz {
2948
+ .Radio-module__hop-Radio__text___Jw3rk {
2949
2949
  flex: 0 1 auto;
2950
2950
  order: 2;
2951
2951
  min-inline-size: 0;
@@ -2955,7 +2955,7 @@
2955
2955
  }
2956
2956
 
2957
2957
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2958
- .RadioField-module__hop-RadioField___1-HVZ {
2958
+ .RadioField-module__hop-RadioField___y405X {
2959
2959
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2960
2960
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2961
2961
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2974,28 +2974,28 @@
2974
2974
  inline-size: max-content;
2975
2975
  max-inline-size: 100%;
2976
2976
  }
2977
- .RadioField-module__hop-RadioField___1-HVZ[data-disabled] {
2977
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
2978
2978
  --description-color: var(--hop-RadioField-description-color-disabled);
2979
2979
  }
2980
- .RadioField-module__hop-RadioField--sm___QmRzg {
2980
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
2981
2981
  --row-gap: var(--hop-RadioField-sm-row-gap);
2982
2982
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2983
2983
  }
2984
- .RadioField-module__hop-RadioField--md___In1AA {
2984
+ .RadioField-module__hop-RadioField--md___-TjKd {
2985
2985
  --row-gap: var(--hop-RadioField-md-row-gap);
2986
2986
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2987
2987
  }
2988
- .RadioField-module__hop-RadioField__description___o5cEe {
2988
+ .RadioField-module__hop-RadioField__description___1rQov {
2989
2989
  order: 2;
2990
2990
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2991
2991
  color: var(--description-color);
2992
2992
  }
2993
- .RadioField-module__hop-RadioField__radio___JOWVQ {
2993
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
2994
2994
  order: 1;
2995
2995
  }
2996
2996
 
2997
2997
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2998
- .RadioGroup-module__hop-RadioGroup___GcXvJ {
2998
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
2999
2999
  --hop-RadioGroup-align-items: flex-start;
3000
3000
  --hop-RadioGroup-justify-content: flex-start;
3001
3001
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3035,46 +3035,46 @@
3035
3035
  inline-size: var(--inline-size);
3036
3036
  max-inline-size: 100%;
3037
3037
  }
3038
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 {
3038
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
3039
3039
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3040
3040
  --list-border-radius: var(--hop-shape-rounded-md);
3041
3041
  }
3042
- .RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
3042
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3043
3043
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3044
3044
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3045
3045
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3046
3046
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3047
3047
  }
3048
- .RadioGroup-module__hop-RadioGroup--md___EEp-b {
3048
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
3049
3049
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3050
3050
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3051
3051
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3052
3052
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3053
3053
  }
3054
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--sm___3r4Gg {
3054
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3055
3055
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3056
3056
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3057
3057
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3058
3058
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3059
3059
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3060
3060
  }
3061
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6.RadioGroup-module__hop-RadioGroup--md___EEp-b {
3061
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
3062
3062
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3063
3063
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3064
3064
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3065
3065
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3066
3066
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3067
3067
  }
3068
- .RadioGroup-module__hop-RadioGroup___GcXvJ[data-orientation=horizontal] {
3068
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
3069
3069
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3070
3070
  }
3071
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] {
3071
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
3072
3072
  --flex-wrap: nowrap;
3073
3073
  }
3074
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__label___pSv85 {
3074
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
3075
3075
  order: 1;
3076
3076
  }
3077
- .RadioGroup-module__hop-RadioGroup__list___I6ByC {
3077
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
3078
3078
  display: flex;
3079
3079
  flex-flow: var(--flex-direction) var(--flex-wrap);
3080
3080
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3085,7 +3085,7 @@
3085
3085
  border: var(--list-border, none);
3086
3086
  border-radius: var(--list-border-radius, 0);
3087
3087
  }
3088
- .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 {
3088
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
3089
3089
  position: relative;
3090
3090
  flex: 0 1 auto;
3091
3091
  align-content: start;
@@ -3093,28 +3093,28 @@
3093
3093
  min-inline-size: 0;
3094
3094
  padding: var(--radio-padding, 0);
3095
3095
  }
3096
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6 .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
3096
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3097
3097
  content: "";
3098
3098
  position: absolute;
3099
3099
  display: block;
3100
3100
  }
3101
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
3101
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3102
3102
  inset-block-start: 0;
3103
3103
  inset-inline: 0;
3104
3104
  border-block-start: var(--list-border, none);
3105
3105
  }
3106
- .RadioGroup-module__hop-RadioGroup--bordered___TsIl6[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___I6ByC > .RadioGroup-module__hop-RadioGroup__radio___Wt952 ~ .RadioGroup-module__hop-RadioGroup__radio___Wt952::before {
3106
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3107
3107
  inset-block: 0;
3108
3108
  inset-inline-start: 0;
3109
3109
  border-inline-start: var(--list-border, none);
3110
3110
  }
3111
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__error-message___uVmCG,
3112
- .RadioGroup-module__hop-RadioGroup___GcXvJ > .RadioGroup-module__hop-RadioGroup__helper-message___uTAJG {
3111
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
3112
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
3113
3113
  order: 3;
3114
3114
  }
3115
3115
 
3116
3116
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3117
- .Radio-module__hop-Radio___W1Vdc {
3117
+ .Radio-module__hop-Radio___mjGTL {
3118
3118
  --hop-Radio-box-border-size: 0.0625rem;
3119
3119
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3120
3120
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3188,60 +3188,60 @@
3188
3188
  inline-size: max-content;
3189
3189
  max-inline-size: 100%;
3190
3190
  }
3191
- .Radio-module__hop-Radio___W1Vdc[data-focus-visible] {
3191
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
3192
3192
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3193
3193
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3194
3194
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3195
3195
  --text-color: var(--hop-Radio-text-color-focused);
3196
3196
  --icon-color: var(--hop-Radio-icon-color-focused);
3197
3197
  }
3198
- .Radio-module__hop-Radio___W1Vdc[data-hovered] {
3198
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
3199
3199
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3200
3200
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3201
3201
  --text-color: var(--hop-Radio-text-color-hovered);
3202
3202
  --icon-color: var(--hop-Radio-icon-color-hovered);
3203
3203
  }
3204
- .Radio-module__hop-Radio___W1Vdc[data-pressed] {
3204
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
3205
3205
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3206
3206
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3207
3207
  --text-color: var(--hop-Radio-text-color-pressed);
3208
3208
  --icon-color: var(--hop-Radio-icon-color-pressed);
3209
3209
  }
3210
- .Radio-module__hop-Radio___W1Vdc[data-selected] {
3210
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
3211
3211
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3212
3212
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3213
3213
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3214
3214
  --text-color: var(--hop-Radio-text-color-selected);
3215
3215
  --icon-color: var(--hop-Radio-icon-color-selected);
3216
3216
  }
3217
- .Radio-module__hop-Radio___W1Vdc[data-invalid] {
3217
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
3218
3218
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3219
3219
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3220
3220
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3221
3221
  --text-color: var(--hop-Radio-text-color-invalid);
3222
3222
  --icon-color: var(--hop-Radio-icon-color-invalid);
3223
3223
  }
3224
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-focus-visible] {
3224
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
3225
3225
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3226
3226
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3227
3227
  }
3228
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-hovered] {
3228
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
3229
3229
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3230
3230
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3231
3231
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3232
3232
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3233
3233
  }
3234
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-pressed] {
3234
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
3235
3235
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3236
3236
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3237
3237
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3238
3238
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3239
3239
  }
3240
- .Radio-module__hop-Radio___W1Vdc:where([data-invalid])[data-selected] {
3240
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
3241
3241
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3242
3242
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3243
3243
  }
3244
- .Radio-module__hop-Radio___W1Vdc[data-disabled] {
3244
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
3245
3245
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3246
3246
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3247
3247
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3249,25 +3249,25 @@
3249
3249
  --text-color: var(--hop-Radio-text-color-disabled);
3250
3250
  --icon-color: var(--hop-Radio-icon-color-disabled);
3251
3251
  }
3252
- .Radio-module__hop-Radio--sm___NYymj {
3252
+ .Radio-module__hop-Radio--sm___yl7Uc {
3253
3253
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3254
3254
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3255
3255
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3256
3256
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3257
3257
  }
3258
- .Radio-module__hop-Radio--md___CQv8r {
3258
+ .Radio-module__hop-Radio--md___Umq9X {
3259
3259
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3260
3260
  --box-block-size: var(--hop-Radio-box-md-block-size);
3261
3261
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3262
3262
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3263
3263
  }
3264
- .Radio-module__hop-Radio__icon___W3Yrf,
3265
- .Radio-module__hop-Radio__icon-list___Ky-BO {
3264
+ .Radio-module__hop-Radio__icon___umH4r,
3265
+ .Radio-module__hop-Radio__icon-list___x6UXM {
3266
3266
  flex: 0 0 auto;
3267
3267
  order: 3;
3268
3268
  color: var(--icon-color);
3269
3269
  }
3270
- .Radio-module__hop-Radio__box___T-9Zw {
3270
+ .Radio-module__hop-Radio__box___5S65W {
3271
3271
  display: flex;
3272
3272
  flex: 0 0 auto;
3273
3273
  align-items: center;
@@ -3283,11 +3283,11 @@
3283
3283
  outline-offset: 0.125rem;
3284
3284
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3285
3285
  }
3286
- .Radio-module__hop-Radio__bullet___aikpb {
3286
+ .Radio-module__hop-Radio__bullet___9Zldv {
3287
3287
  display: var(--bullet-display);
3288
3288
  color: var(--bullet-color);
3289
3289
  }
3290
- .Radio-module__hop-Radio__text___gfkdz {
3290
+ .Radio-module__hop-Radio__text___Jw3rk {
3291
3291
  flex: 0 1 auto;
3292
3292
  order: 2;
3293
3293
  min-inline-size: 0;
@@ -3295,24 +3295,24 @@
3295
3295
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3296
3296
  color: var(--text-color);
3297
3297
  }
3298
- .DecorativeRadio-module__hop-DecorativeRadio___rEyYa {
3298
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
3299
3299
  }
3300
- .DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm {
3300
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
3301
3301
  }
3302
- .DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP {
3302
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
3303
3303
  }
3304
- .DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb,
3305
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP {
3304
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
3305
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
3306
3306
  }
3307
- .DecorativeRadio-module__hop-DecorativeRadio__box___e68gp {
3307
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
3308
3308
  }
3309
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 {
3309
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
3310
3310
  }
3311
- .DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 {
3311
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
3312
3312
  }
3313
3313
 
3314
3314
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3315
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh {
3315
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
3316
3316
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
3317
3317
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
3318
3318
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3338,7 +3338,7 @@
3338
3338
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3339
3339
  background-size: 400% 100%;
3340
3340
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3341
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4;
3341
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
3342
3342
  animation-duration: var(--animation-duration);
3343
3343
  animation-timing-function: ease-in-out;
3344
3344
  animation-fill-mode: forwards;
@@ -3347,19 +3347,19 @@
3347
3347
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3348
3348
  }
3349
3349
  }
3350
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5 {
3350
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
3351
3351
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3352
3352
  }
3353
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5 {
3353
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
3354
3354
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3355
3355
  }
3356
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p {
3356
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
3357
3357
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3358
3358
  }
3359
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG {
3359
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
3360
3360
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3361
3361
  }
3362
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4 {
3362
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
3363
3363
  0% {
3364
3364
  background-position: 125% 50%;
3365
3365
  }
@@ -3369,7 +3369,7 @@
3369
3369
  }
3370
3370
 
3371
3371
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3372
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ {
3372
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
3373
3373
  --hop-ListBoxItem-background-color: transparent;
3374
3374
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3375
3375
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3466,129 +3466,129 @@
3466
3466
  outline: var(--outline);
3467
3467
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3468
3468
  }
3469
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS {
3469
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
3470
3470
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3471
3471
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3472
3472
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3473
3473
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3474
3474
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3475
3475
  }
3476
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7 {
3476
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
3477
3477
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3478
3478
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3479
3479
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3480
3480
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3481
3481
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3482
3482
  }
3483
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z {
3483
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
3484
3484
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3485
3485
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3486
3486
  --min-height: var(--hop-ListBoxItem-md-min-height);
3487
3487
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3488
3488
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3489
3489
  }
3490
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb {
3490
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
3491
3491
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3492
3492
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3493
3493
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3494
3494
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3495
3495
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3496
3496
  }
3497
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selection-mode] {
3497
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
3498
3498
  --cursor: pointer;
3499
3499
  }
3500
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:not([data-selection-mode]) {
3500
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
3501
3501
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3502
3502
  }
3503
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
3503
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3504
3504
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3505
3505
  }
3506
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms) {
3506
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3507
3507
  --checkmark-transition: none;
3508
3508
  }
3509
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-selected] {
3509
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
3510
3510
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3511
3511
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3512
3512
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3513
3513
  --checkmark-opacity: 1;
3514
3514
  }
3515
- .ListBoxItem-module__hop-ListBoxItem--xs___rnMPS[data-selected] {
3515
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
3516
3516
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3517
3517
  }
3518
- .ListBoxItem-module__hop-ListBoxItem--sm___quqA7[data-selected] {
3518
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
3519
3519
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3520
3520
  }
3521
- .ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z[data-selected] {
3521
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
3522
3522
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3523
3523
  }
3524
- .ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb[data-selected] {
3524
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
3525
3525
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3526
3526
  }
3527
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-focus-visible] {
3527
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
3528
3528
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3529
3529
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3530
3530
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3531
3531
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3532
3532
  }
3533
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-hovered] {
3533
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
3534
3534
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3535
3535
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3536
3536
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3537
3537
  }
3538
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-pressed] {
3538
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
3539
3539
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3540
3540
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3541
3541
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3542
3542
  }
3543
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-disabled] {
3543
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
3544
3544
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3545
3545
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3546
3546
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3547
3547
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3548
3548
  --cursor: not-allowed;
3549
3549
  }
3550
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid] {
3550
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
3551
3551
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3552
3552
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3553
3553
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3554
3554
  }
3555
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-selected] {
3555
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
3556
3556
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3557
3557
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3558
3558
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3559
3559
  }
3560
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-focus-visible] {
3560
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
3561
3561
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3562
3562
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3563
3563
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3564
3564
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3565
3565
  }
3566
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-hovered] {
3566
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
3567
3567
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3568
3568
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3569
3569
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3570
3570
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3571
3571
  }
3572
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-pressed] {
3572
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
3573
3573
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3574
3574
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3575
3575
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3576
3576
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3577
3577
  }
3578
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-invalid][data-disabled] {
3578
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
3579
3579
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3580
3580
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3581
3581
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3582
3582
  }
3583
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ:has(.ListBoxItem-module__hop-ListBoxItem__description___oX2hJ) {
3583
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
3584
3584
  --row-gap: var(--hop-ListBoxItem-row-gap);
3585
3585
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3586
3586
  }
3587
- .ListBoxItem-module__hop-ListBoxItem___MMTyZ[data-loading] {
3587
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
3588
3588
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3589
3589
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3590
3590
  }
3591
- .ListBoxItem-module__hop-ListBoxItem__inner___GdqVw {
3591
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
3592
3592
  display: grid;
3593
3593
  grid-template-areas: var(--grid-template-areas);
3594
3594
  grid-template-columns: var(--grid-template-columns);
@@ -3600,33 +3600,33 @@
3600
3600
  padding-inline: var(--padding-inline);
3601
3601
  transition: grid-template-columns .3s ease-in-out;
3602
3602
  }
3603
- .ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms {
3603
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
3604
3604
  grid-area: indicator;
3605
3605
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3606
3606
  color: var(--icon-color);
3607
3607
  opacity: var(--checkmark-opacity);
3608
3608
  transition: var(--checkmark-transition);
3609
3609
  }
3610
- .ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp,
3611
- .ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy {
3610
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
3611
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
3612
3612
  pointer-events: none;
3613
3613
  user-select: none;
3614
3614
  grid-area: indicator;
3615
3615
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3616
3616
  }
3617
- .ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t {
3617
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
3618
3618
  grid-area: avatar;
3619
3619
  margin-block: var(--avatar-margin-block, 0);
3620
3620
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3621
3621
  }
3622
- .ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9,
3623
- .ListBoxItem-module__hop-ListBoxItem__icon___uvHkz {
3622
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
3623
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
3624
3624
  grid-area: icon;
3625
3625
  flex: 0 0 auto;
3626
3626
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3627
3627
  color: var(--icon-color);
3628
3628
  }
3629
- .ListBoxItem-module__hop-ListBoxItem__label___RjMsK {
3629
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
3630
3630
  overflow: hidden;
3631
3631
  grid-area: label;
3632
3632
  min-inline-size: 0;
@@ -3634,18 +3634,18 @@
3634
3634
  text-overflow: ellipsis;
3635
3635
  white-space: nowrap;
3636
3636
  }
3637
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T,
3638
- .ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna {
3637
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
3638
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
3639
3639
  grid-area: end-icon;
3640
3640
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3641
3641
  color: var(--icon-color);
3642
3642
  }
3643
- .ListBoxItem-module__hop-ListBoxItem__badge___kKsUG {
3643
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
3644
3644
  grid-area: badge;
3645
3645
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3646
3646
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3647
3647
  }
3648
- .ListBoxItem-module__hop-ListBoxItem__description___oX2hJ {
3648
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
3649
3649
  overflow: hidden;
3650
3650
  display: -webkit-box;
3651
3651
  grid-area: description;
@@ -3656,7 +3656,7 @@
3656
3656
  }
3657
3657
 
3658
3658
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3659
- .ListBox-module__hop-ListBox___eUpnT {
3659
+ .ListBox-module__hop-ListBox___emfw7 {
3660
3660
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3661
3661
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3662
3662
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3703,11 +3703,11 @@
3703
3703
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3704
3704
  border-radius: var(--hop-ListBox-border-radius);
3705
3705
  }
3706
- .ListBox-module__hop-ListBox--fluid___Ippzh {
3706
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
3707
3707
  --max-width: var(--hop-ListBox-fluid-max-width);
3708
3708
  --width: var(--hop-ListBox-fluid-width);
3709
3709
  }
3710
- .ListBox-module__hop-ListBox__section___qvP27 {
3710
+ .ListBox-module__hop-ListBox__section___lzB6a {
3711
3711
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3712
3712
  margin-inline: var(--hop-ListBox-section-margin-inline);
3713
3713
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3715,21 +3715,21 @@
3715
3715
  border-block-start: var(--section-border-block-start);
3716
3716
  border-block-end: var(--section-border-block-end);
3717
3717
  }
3718
- .ListBox-module__hop-ListBox__item___zZ38V + .ListBox-module__hop-ListBox__section___qvP27 {
3718
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
3719
3719
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3720
3720
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3721
3721
  }
3722
- .ListBox-module__hop-ListBox__section___qvP27:has(+ .ListBox-module__hop-ListBox__item___zZ38V) {
3722
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
3723
3723
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3724
3724
  }
3725
- .ListBox-module__hop-ListBox__section___qvP27:first-child {
3725
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
3726
3726
  --section-padding-block-start: 0;
3727
3727
  }
3728
- .ListBox-module__hop-ListBox__section___qvP27:last-child {
3728
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
3729
3729
  --section-padding-block-end: 0;
3730
3730
  --section-border-block-end: 0;
3731
3731
  }
3732
- .ListBox-module__hop-ListBox__section-header___6j-wC {
3732
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
3733
3733
  margin: 0;
3734
3734
  padding: var(--hop-ListBox-section-header-padding);
3735
3735
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3740,41 +3740,47 @@
3740
3740
  text-transform: var(--hop-ListBox-section-header-text-transform);
3741
3741
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3742
3742
  }
3743
- .ListBox-module__hop-ListBox__section-header___6j-wC::before,
3744
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
3743
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
3744
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3745
3745
  content: "";
3746
3746
  display: block;
3747
3747
  box-sizing: border-box;
3748
3748
  inline-size: 0;
3749
3749
  block-size: 0;
3750
3750
  }
3751
- .ListBox-module__hop-ListBox__section-header___6j-wC::before {
3751
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
3752
3752
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3753
3753
  }
3754
- .ListBox-module__hop-ListBox__section-header___6j-wC::after {
3754
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3755
3755
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3756
3756
  }
3757
3757
 
3758
3758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3759
- .SelectValue-module__hop-SelectValue___Ki0dR {
3760
- --hop-SelectValue-display: flex;
3759
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3760
+ --hop-SelectValue-display: inline-block;
3761
+ --hop-SelectValue-slots-display: flex;
3761
3762
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3763
+ --display: var(--hop-SelectValue-display);
3762
3764
  overflow: hidden;
3763
- display: var(--hop-SelectValue-display);
3765
+ display: var(--display);
3764
3766
  flex: 1 1 auto;
3765
3767
  column-gap: var(--hop-SelectValue-column-gap);
3766
3768
  align-items: center;
3767
3769
  box-sizing: border-box;
3770
+ min-inline-size: 0;
3768
3771
  text-overflow: ellipsis;
3769
3772
  white-space: nowrap;
3770
3773
  }
3771
- .SelectValue-module__hop-SelectValue__avatar___SI2em {
3774
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
3775
+ --display: var(--hop-SelectValue-slots-display);
3776
+ }
3777
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
3772
3778
  order: 1;
3773
3779
  }
3774
- .SelectValue-module__hop-SelectValue__icon___kk1xV {
3780
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3775
3781
  order: 2;
3776
3782
  }
3777
- .SelectValue-module__hop-SelectValue__text___QfLXS {
3783
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3778
3784
  overflow: hidden;
3779
3785
  flex: 1 1 auto;
3780
3786
  order: 3;
@@ -3782,12 +3788,12 @@
3782
3788
  text-overflow: ellipsis;
3783
3789
  white-space: nowrap;
3784
3790
  }
3785
- .SelectValue-module__hop-SelectValue__end-icon___Mnitd {
3791
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3786
3792
  order: 4;
3787
3793
  }
3788
3794
 
3789
3795
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3790
- .Select-module__hop-Select___-ffji {
3796
+ .Select-module__hop-Select___9asPc {
3791
3797
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3792
3798
  --hop-Select-inline-size: 20rem;
3793
3799
  --hop-Select-inline-size-fluid: 100%;
@@ -3796,6 +3802,7 @@
3796
3802
  --hop-Select-button-border-color: var(--hop-neutral-border);
3797
3803
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
3798
3804
  --hop-Select-button-border-size: var(--hop-space-10);
3805
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
3799
3806
  --hop-Select-button-color: var(--hop-neutral-text);
3800
3807
  --hop-Select-button-cursor: pointer;
3801
3808
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -3838,13 +3845,13 @@
3838
3845
  inline-size: var(--inline-size);
3839
3846
  max-inline-size: var(--hop-Select-max-inline-size);
3840
3847
  }
3841
- .Select-module__hop-Select--fluid___a4kzj {
3848
+ .Select-module__hop-Select--fluid___kdYun {
3842
3849
  --inline-size: var(--hop-Select-inline-size-fluid);
3843
3850
  }
3844
- .Select-module__hop-Select__label___rG82d {
3851
+ .Select-module__hop-Select__label___lX0YF {
3845
3852
  order: 1;
3846
3853
  }
3847
- .Select-module__hop-Select__button___Ml5ar {
3854
+ .Select-module__hop-Select__button___72TRN {
3848
3855
  cursor: var(--button-cursor);
3849
3856
  display: flex;
3850
3857
  column-gap: var(--hop-Select-button-column-gap);
@@ -3860,59 +3867,59 @@
3860
3867
  border-radius: var(--hop-Select-button-border-radius);
3861
3868
  outline: none;
3862
3869
  }
3863
- .Select-module__hop-Select__button--sm___z5rTo {
3870
+ .Select-module__hop-Select__button--sm___t6WUP {
3864
3871
  --button-block-size: var(--hop-Select-button-sm-block-size);
3865
3872
  }
3866
- .Select-module__hop-Select__button--md___pRWBr {
3873
+ .Select-module__hop-Select__button--md___GNNkD {
3867
3874
  --button-block-size: var(--hop-Select-button-md-block-size);
3868
3875
  }
3869
- .Select-module__hop-Select__button___Ml5ar[data-hovered] {
3876
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
3870
3877
  --button-background-color: var(--hop-Select-button-background-color-hovered);
3871
3878
  --button-border-color: var(--hop-Select-button-border-color-hovered);
3872
3879
  --button-color: var(--hop-Select-button-color-hovered);
3873
3880
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
3874
3881
  }
3875
- .Select-module__hop-Select__button___Ml5ar[data-pressed] {
3882
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
3876
3883
  --button-background-color: var(--hop-Select-button-background-color-selected);
3877
3884
  --button-border-color: var(--hop-Select-button-border-color-selected);
3878
3885
  --button-color: var(--hop-Select-button-color-selected);
3879
3886
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
3880
3887
  }
3881
- .Select-module__hop-Select__button___Ml5ar[data-invalid] {
3888
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
3882
3889
  --button-border-color: var(--hop-Select-button-border-color-invalid);
3883
3890
  }
3884
- .Select-module__hop-Select__button___Ml5ar[data-focus-visible] {
3891
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
3885
3892
  --button-background-color: var(--hop-Select-button-background-color-focused);
3886
3893
  --button-border-color: var(--hop-Select-button-border-color-focused);
3887
3894
  --button-color: var(--hop-Select-button-color-focused);
3888
3895
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
3889
3896
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
3890
- outline-offset: -0.125rem;
3897
+ outline-offset: var(--hop-Select-button-outline-offset);
3891
3898
  }
3892
- .Select-module__hop-Select__button___Ml5ar:has([data-placeholder]) {
3899
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
3893
3900
  --button-color: var(--hop-Select-button-placeholder-color);
3894
3901
  }
3895
- .Select-module__hop-Select__button___Ml5ar[data-disabled] {
3902
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
3896
3903
  --button-background-color: var(--hop-Select-button-background-color-disabled);
3897
3904
  --button-border-color: var(--hop-Select-button-border-color-disabled);
3898
3905
  --button-color: var(--hop-Select-button-color-disabled);
3899
3906
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
3900
3907
  --button-cursor: var(--hop-Select-button-cursor-disabled);
3901
3908
  }
3902
- .Select-module__hop-Select__prefix___ioXh1 {
3909
+ .Select-module__hop-Select__prefix___lRC4S {
3903
3910
  color: var(--hop-Select-prefix-color);
3904
3911
  }
3905
- .Select-module__hop-Select__button-icon___hyZcO {
3912
+ .Select-module__hop-Select__button-icon___t9tu4 {
3906
3913
  margin-inline-start: auto;
3907
3914
  color: var(--button-icon-color);
3908
3915
  }
3909
- .Select-module__hop-Select__helper-message___uE0gS,
3910
- .Select-module__hop-Select__error-message___66saO {
3916
+ .Select-module__hop-Select__helper-message___-E4RI,
3917
+ .Select-module__hop-Select__error-message___cOkJl {
3911
3918
  order: 3;
3912
3919
  }
3913
3920
 
3914
3921
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3915
- .Switch-module__hop-Switch___wIPTD {
3922
+ .Switch-module__hop-Switch___ZiKpN {
3916
3923
  --hop-Switch-border-size: 0.0625rem;
3917
3924
  --hop-Switch-border-color: var(--hop-neutral-border);
3918
3925
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3969,56 +3976,56 @@
3969
3976
  inline-size: max-content;
3970
3977
  max-inline-size: 100%;
3971
3978
  }
3972
- .Switch-module__hop-Switch--sm___IbMER {
3979
+ .Switch-module__hop-Switch--sm___UnrZ2 {
3973
3980
  --inline-size: var(--hop-Switch-inline-size-sm);
3974
3981
  --block-size: var(--hop-Switch-block-size-sm);
3975
3982
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3976
3983
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3977
3984
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3978
3985
  }
3979
- .Switch-module__hop-Switch--md___u8wNw {
3986
+ .Switch-module__hop-Switch--md___FWbwB {
3980
3987
  --inline-size: var(--hop-Switch-inline-size-md);
3981
3988
  --block-size: var(--hop-Switch-block-size-md);
3982
3989
  --thumb-size: var(--hop-Switch-thumb-size-md);
3983
3990
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3984
3991
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3985
3992
  }
3986
- .Switch-module__hop-Switch___wIPTD[data-hovered] {
3993
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
3987
3994
  --border-color: var(--hop-Switch-border-color-hover);
3988
3995
  --background-color: var(--hop-Switch-background-color-hover);
3989
3996
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3990
3997
  --text-color: var(--hop-Switch-text-color-hover);
3991
3998
  }
3992
- .Switch-module__hop-Switch___wIPTD[data-pressed],
3993
- .Switch-module__hop-Switch___wIPTD[data-pressed][data-focus-visible] {
3999
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
4000
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
3994
4001
  --border-color: var(--hop-Switch-border-color-pressed);
3995
4002
  --background-color: var(--hop-Switch-background-color-pressed);
3996
4003
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3997
4004
  --text-color: var(--hop-Switch-text-color-pressed);
3998
4005
  }
3999
- .Switch-module__hop-Switch___wIPTD[data-focus-visible] {
4006
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
4000
4007
  --border-color: var(--hop-Switch-border-color-focus);
4001
4008
  --background-color: var(--hop-Switch-background-color-focus);
4002
4009
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4003
4010
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4004
4011
  --text-color: var(--hop-Switch-text-color-focus);
4005
4012
  }
4006
- .Switch-module__hop-Switch___wIPTD[data-selected],
4007
- .Switch-module__hop-Switch___wIPTD[data-selected][data-pressed] {
4013
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
4014
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
4008
4015
  --border-color: var(--hop-Switch-border-color-selected);
4009
4016
  --background-color: var(--hop-Switch-background-color-selected);
4010
4017
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4011
4018
  --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%);
4012
4019
  --text-color: var(--hop-Switch-text-color-selected);
4013
4020
  }
4014
- .Switch-module__hop-Switch___wIPTD[data-disabled] {
4021
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
4015
4022
  --border-color: var(--hop-Switch-border-color-disabled);
4016
4023
  --background-color: var(--hop-Switch-background-color-disabled);
4017
4024
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4018
4025
  --text-color: var(--hop-Switch-text-color-disabled);
4019
4026
  --cursor: not-allowed;
4020
4027
  }
4021
- .Switch-module__hop-Switch__indicator___y1-JU {
4028
+ .Switch-module__hop-Switch__indicator___lxvxY {
4022
4029
  position: relative;
4023
4030
  flex: 0 0 auto;
4024
4031
  box-sizing: border-box;
@@ -4031,7 +4038,7 @@
4031
4038
  outline-offset: 0.125rem;
4032
4039
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4033
4040
  }
4034
- .Switch-module__hop-Switch__indicator___y1-JU::before {
4041
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
4035
4042
  content: "";
4036
4043
  position: absolute;
4037
4044
  inset-block-start: 50%;
@@ -4046,20 +4053,20 @@
4046
4053
  border-radius: var(--hop-shape-circle);
4047
4054
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4048
4055
  }
4049
- .Switch-module__hop-Switch__text___tx38o {
4056
+ .Switch-module__hop-Switch__text___jt3yM {
4050
4057
  flex: 0 1 auto;
4051
4058
  order: 2;
4052
4059
  min-inline-size: 0;
4053
4060
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4054
4061
  color: var(--text-color);
4055
4062
  }
4056
- .Switch-module__hop-Switch__icon-list___nq-3a,
4057
- .Switch-module__hop-Switch__icon___EATtC {
4063
+ .Switch-module__hop-Switch__icon-list___5ELG6,
4064
+ .Switch-module__hop-Switch__icon___U8pPq {
4058
4065
  order: 3;
4059
4066
  }
4060
4067
 
4061
4068
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4062
- .SwitchField-module__hop-SwitchField___0n7-7 {
4069
+ .SwitchField-module__hop-SwitchField___ARPRk {
4063
4070
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4064
4071
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4065
4072
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4078,28 +4085,28 @@
4078
4085
  inline-size: max-content;
4079
4086
  max-inline-size: 100%;
4080
4087
  }
4081
- .SwitchField-module__hop-SwitchField___0n7-7[data-disabled] {
4088
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
4082
4089
  --description-color: var(--hop-SwitchField-description-color-disabled);
4083
4090
  }
4084
- .SwitchField-module__hop-SwitchField--sm___BwXun {
4091
+ .SwitchField-module__hop-SwitchField--sm___emckg {
4085
4092
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4086
4093
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4087
4094
  }
4088
- .SwitchField-module__hop-SwitchField--md___rQvZR {
4095
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
4089
4096
  --row-gap: var(--hop-SwitchField-md-row-gap);
4090
4097
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4091
4098
  }
4092
- .SwitchField-module__hop-SwitchField__description___9m0Ll {
4099
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
4093
4100
  order: 2;
4094
4101
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4095
4102
  color: var(--description-color);
4096
4103
  }
4097
- .SwitchField-module__hop-SwitchField__switch___g5U-l {
4104
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
4098
4105
  order: 1;
4099
4106
  }
4100
4107
 
4101
4108
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4102
- .Tag-module__hop-Tag___NM6io {
4109
+ .Tag-module__hop-Tag___QPfVY {
4103
4110
  --hop-Tag-border-size: 0.0625rem;
4104
4111
  --hop-Tag-border-radius: var(--hop-shape-pill);
4105
4112
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4338,7 +4345,7 @@
4338
4345
  outline: none;
4339
4346
  outline-offset: 0.125rem;
4340
4347
  }
4341
- .Tag-module__hop-Tag--sm___RusnS {
4348
+ .Tag-module__hop-Tag--sm___PRq4I {
4342
4349
  --block-size: var(--hop-Tag-sm-block-size);
4343
4350
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4344
4351
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4346,13 +4353,13 @@
4346
4353
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4347
4354
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4348
4355
  }
4349
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4356
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4350
4357
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4351
4358
  }
4352
- .Tag-module__hop-Tag--sm___RusnS:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4359
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4353
4360
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4354
4361
  }
4355
- .Tag-module__hop-Tag--md___kkBZU {
4362
+ .Tag-module__hop-Tag--md___k944L {
4356
4363
  --block-size: var(--hop-Tag-md-block-size);
4357
4364
  --padding-inline: var(--hop-Tag-md-padding-inline);
4358
4365
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4360,13 +4367,13 @@
4360
4367
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4361
4368
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4362
4369
  }
4363
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4370
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4364
4371
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4365
4372
  }
4366
- .Tag-module__hop-Tag--md___kkBZU:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4373
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4367
4374
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4368
4375
  }
4369
- .Tag-module__hop-Tag--lg___6uwPK {
4376
+ .Tag-module__hop-Tag--lg___vSnmb {
4370
4377
  --block-size: var(--hop-Tag-lg-block-size);
4371
4378
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4372
4379
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4374,348 +4381,348 @@
4374
4381
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4375
4382
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4376
4383
  }
4377
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__remove-btn___W-ZWY, .Tag-module__hop-Tag__Spinner___iMDOt)) {
4384
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4378
4385
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4379
4386
  }
4380
- .Tag-module__hop-Tag--lg___6uwPK:not(:has(.Tag-module__hop-Tag__avatar___Sb-9t)) {
4387
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4381
4388
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4382
4389
  }
4383
- .Tag-module__hop-Tag--neutral___USBuA {
4390
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4384
4391
  --border-color: var(--hop-Tag-neutral-border-color);
4385
4392
  --background-color: var(--hop-Tag-neutral-background-color);
4386
4393
  --text-color: var(--hop-Tag-neutral-text-color);
4387
4394
  }
4388
- .Tag-module__hop-Tag--subdued___xQkUX {
4395
+ .Tag-module__hop-Tag--subdued___pnb-b {
4389
4396
  --border-color: var(--hop-Tag-subdued-border-color);
4390
4397
  --background-color: var(--hop-Tag-subdued-background-color);
4391
4398
  --text-color: var(--hop-Tag-subdued-text-color);
4392
4399
  }
4393
- .Tag-module__hop-Tag--progress___zPefF {
4400
+ .Tag-module__hop-Tag--progress___-A1r0 {
4394
4401
  --border-color: var(--hop-Tag-progress-border-color);
4395
4402
  --background-color: var(--hop-Tag-progress-background-color);
4396
4403
  --text-color: var(--hop-Tag-progress-text-color);
4397
4404
  }
4398
- .Tag-module__hop-Tag--positive___-0pjQ {
4405
+ .Tag-module__hop-Tag--positive___NmpPG {
4399
4406
  --border-color: var(--hop-Tag-positive-border-color);
4400
4407
  --background-color: var(--hop-Tag-positive-background-color);
4401
4408
  --text-color: var(--hop-Tag-positive-text-color);
4402
4409
  }
4403
- .Tag-module__hop-Tag--caution___t7-CS {
4410
+ .Tag-module__hop-Tag--caution___Q3b1U {
4404
4411
  --border-color: var(--hop-Tag-caution-border-color);
4405
4412
  --background-color: var(--hop-Tag-caution-background-color);
4406
4413
  --text-color: var(--hop-Tag-caution-text-color);
4407
4414
  }
4408
- .Tag-module__hop-Tag--negative___B5fjH {
4415
+ .Tag-module__hop-Tag--negative___gJkuU {
4409
4416
  --border-color: var(--hop-Tag-negative-border-color);
4410
4417
  --background-color: var(--hop-Tag-negative-background-color);
4411
4418
  --text-color: var(--hop-Tag-negative-text-color);
4412
4419
  }
4413
- .Tag-module__hop-Tag--option1___AYNLX {
4420
+ .Tag-module__hop-Tag--option1___48VPO {
4414
4421
  --border-color: var(--hop-Tag-option1-border-color);
4415
4422
  --background-color: var(--hop-Tag-option1-background-color);
4416
4423
  --text-color: var(--hop-Tag-option1-text-color);
4417
4424
  }
4418
- .Tag-module__hop-Tag--option2___Sajtj {
4425
+ .Tag-module__hop-Tag--option2___07n0q {
4419
4426
  --border-color: var(--hop-Tag-option2-border-color);
4420
4427
  --background-color: var(--hop-Tag-option2-background-color);
4421
4428
  --text-color: var(--hop-Tag-option2-text-color);
4422
4429
  }
4423
- .Tag-module__hop-Tag--option3___Eivl4 {
4430
+ .Tag-module__hop-Tag--option3___0YpqQ {
4424
4431
  --border-color: var(--hop-Tag-option3-border-color);
4425
4432
  --background-color: var(--hop-Tag-option3-background-color);
4426
4433
  --text-color: var(--hop-Tag-option3-text-color);
4427
4434
  }
4428
- .Tag-module__hop-Tag--option4___24aL5 {
4435
+ .Tag-module__hop-Tag--option4___518kC {
4429
4436
  --border-color: var(--hop-Tag-option4-border-color);
4430
4437
  --background-color: var(--hop-Tag-option4-background-color);
4431
4438
  --text-color: var(--hop-Tag-option4-text-color);
4432
4439
  }
4433
- .Tag-module__hop-Tag--option5___MUm8- {
4440
+ .Tag-module__hop-Tag--option5___zE-FA {
4434
4441
  --border-color: var(--hop-Tag-option5-border-color);
4435
4442
  --background-color: var(--hop-Tag-option5-background-color);
4436
4443
  --text-color: var(--hop-Tag-option5-text-color);
4437
4444
  }
4438
- .Tag-module__hop-Tag--option6___-sBKA {
4445
+ .Tag-module__hop-Tag--option6___opxaK {
4439
4446
  --border-color: var(--hop-Tag-option6-border-color);
4440
4447
  --background-color: var(--hop-Tag-option6-background-color);
4441
4448
  --text-color: var(--hop-Tag-option6-text-color);
4442
4449
  }
4443
- .Tag-module__hop-Tag___NM6io[data-href] {
4450
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4444
4451
  cursor: pointer;
4445
4452
  }
4446
- .Tag-module__hop-Tag--neutral___USBuA[data-focus-visible] {
4453
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4447
4454
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4448
4455
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4449
4456
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4450
4457
  }
4451
- .Tag-module__hop-Tag--neutral___USBuA[data-hovered] {
4458
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4452
4459
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4453
4460
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4454
4461
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4455
4462
  }
4456
- .Tag-module__hop-Tag--neutral___USBuA[data-pressed] {
4463
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4457
4464
  --border-color: var(--hop-Tag-neutral-border-color-press);
4458
4465
  --background-color: var(--hop-Tag-neutral-background-color-press);
4459
4466
  --text-color: var(--hop-Tag-neutral-text-color-press);
4460
4467
  }
4461
- .Tag-module__hop-Tag--neutral___USBuA[data-disabled] {
4468
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4462
4469
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4463
4470
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4464
4471
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4465
4472
  }
4466
- .Tag-module__hop-Tag--subdued___xQkUX[data-focus-visible] {
4473
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4467
4474
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4468
4475
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4469
4476
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4470
4477
  }
4471
- .Tag-module__hop-Tag--subdued___xQkUX[data-hovered] {
4478
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4472
4479
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4473
4480
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4474
4481
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4475
4482
  }
4476
- .Tag-module__hop-Tag--subdued___xQkUX[data-pressed] {
4483
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4477
4484
  --border-color: var(--hop-Tag-subdued-border-color-press);
4478
4485
  --background-color: var(--hop-Tag-subdued-background-color-press);
4479
4486
  --text-color: var(--hop-Tag-subdued-text-color-press);
4480
4487
  }
4481
- .Tag-module__hop-Tag--subdued___xQkUX[data-disabled] {
4488
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4482
4489
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4483
4490
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4484
4491
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4485
4492
  }
4486
- .Tag-module__hop-Tag--progress___zPefF[data-focus-visible] {
4493
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4487
4494
  --border-color: var(--hop-Tag-progress-border-color-focus);
4488
4495
  --background-color: var(--hop-Tag-progress-background-color-focus);
4489
4496
  --text-color: var(--hop-Tag-progress-text-color-focus);
4490
4497
  }
4491
- .Tag-module__hop-Tag--progress___zPefF[data-hovered] {
4498
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4492
4499
  --border-color: var(--hop-Tag-progress-border-color-hover);
4493
4500
  --background-color: var(--hop-Tag-progress-background-color-hover);
4494
4501
  --text-color: var(--hop-Tag-progress-text-color-hover);
4495
4502
  }
4496
- .Tag-module__hop-Tag--progress___zPefF[data-pressed] {
4503
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4497
4504
  --border-color: var(--hop-Tag-progress-border-color-press);
4498
4505
  --background-color: var(--hop-Tag-progress-background-color-press);
4499
4506
  --text-color: var(--hop-Tag-progress-text-color-press);
4500
4507
  }
4501
- .Tag-module__hop-Tag--progress___zPefF[data-disabled] {
4508
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4502
4509
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4503
4510
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4504
4511
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4505
4512
  }
4506
- .Tag-module__hop-Tag--positive___-0pjQ[data-focus-visible] {
4513
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4507
4514
  --border-color: var(--hop-Tag-positive-border-color-focus);
4508
4515
  --background-color: var(--hop-Tag-positive-background-color-focus);
4509
4516
  --text-color: var(--hop-Tag-positive-text-color-focus);
4510
4517
  }
4511
- .Tag-module__hop-Tag--positive___-0pjQ[data-hovered] {
4518
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4512
4519
  --border-color: var(--hop-Tag-positive-border-color-hover);
4513
4520
  --background-color: var(--hop-Tag-positive-background-color-hover);
4514
4521
  --text-color: var(--hop-Tag-positive-text-color-hover);
4515
4522
  }
4516
- .Tag-module__hop-Tag--positive___-0pjQ[data-pressed] {
4523
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4517
4524
  --border-color: var(--hop-Tag-positive-border-color-press);
4518
4525
  --background-color: var(--hop-Tag-positive-background-color-press);
4519
4526
  --text-color: var(--hop-Tag-positive-text-color-press);
4520
4527
  }
4521
- .Tag-module__hop-Tag--positive___-0pjQ[data-disabled] {
4528
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4522
4529
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4523
4530
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4524
4531
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4525
4532
  }
4526
- .Tag-module__hop-Tag--caution___t7-CS[data-focus-visible] {
4533
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4527
4534
  --border-color: var(--hop-Tag-caution-border-color-focus);
4528
4535
  --background-color: var(--hop-Tag-caution-background-color-focus);
4529
4536
  --text-color: var(--hop-Tag-caution-text-color-focus);
4530
4537
  }
4531
- .Tag-module__hop-Tag--caution___t7-CS[data-hovered] {
4538
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4532
4539
  --border-color: var(--hop-Tag-caution-border-color-hover);
4533
4540
  --background-color: var(--hop-Tag-caution-background-color-hover);
4534
4541
  --text-color: var(--hop-Tag-caution-text-color-hover);
4535
4542
  }
4536
- .Tag-module__hop-Tag--caution___t7-CS[data-pressed] {
4543
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4537
4544
  --border-color: var(--hop-Tag-caution-border-color-press);
4538
4545
  --background-color: var(--hop-Tag-caution-background-color-press);
4539
4546
  --text-color: var(--hop-Tag-caution-text-color-press);
4540
4547
  }
4541
- .Tag-module__hop-Tag--caution___t7-CS[data-disabled] {
4548
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4542
4549
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4543
4550
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4544
4551
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4545
4552
  }
4546
- .Tag-module__hop-Tag--negative___B5fjH[data-focus-visible] {
4553
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4547
4554
  --border-color: var(--hop-Tag-negative-border-color-focus);
4548
4555
  --background-color: var(--hop-Tag-negative-background-color-focus);
4549
4556
  --text-color: var(--hop-Tag-negative-text-color-focus);
4550
4557
  }
4551
- .Tag-module__hop-Tag--negative___B5fjH[data-hovered] {
4558
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4552
4559
  --border-color: var(--hop-Tag-negative-border-color-hover);
4553
4560
  --background-color: var(--hop-Tag-negative-background-color-hover);
4554
4561
  --text-color: var(--hop-Tag-negative-text-color-hover);
4555
4562
  }
4556
- .Tag-module__hop-Tag--negative___B5fjH[data-pressed] {
4563
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4557
4564
  --border-color: var(--hop-Tag-negative-border-color-press);
4558
4565
  --background-color: var(--hop-Tag-negative-background-color-press);
4559
4566
  --text-color: var(--hop-Tag-negative-text-color-press);
4560
4567
  }
4561
- .Tag-module__hop-Tag--negative___B5fjH[data-disabled] {
4568
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4562
4569
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4563
4570
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4564
4571
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4565
4572
  }
4566
- .Tag-module__hop-Tag--option1___AYNLX[data-focus-visible] {
4573
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4567
4574
  --border-color: var(--hop-Tag-option1-border-color-focus);
4568
4575
  --background-color: var(--hop-Tag-option1-background-color-focus);
4569
4576
  --text-color: var(--hop-Tag-option1-text-color-focus);
4570
4577
  }
4571
- .Tag-module__hop-Tag--option1___AYNLX[data-hovered] {
4578
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4572
4579
  --border-color: var(--hop-Tag-option1-border-color-hover);
4573
4580
  --background-color: var(--hop-Tag-option1-background-color-hover);
4574
4581
  --text-color: var(--hop-Tag-option1-text-color-hover);
4575
4582
  }
4576
- .Tag-module__hop-Tag--option1___AYNLX[data-pressed] {
4583
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4577
4584
  --border-color: var(--hop-Tag-option1-border-color-press);
4578
4585
  --background-color: var(--hop-Tag-option1-background-color-press);
4579
4586
  --text-color: var(--hop-Tag-option1-text-color-press);
4580
4587
  }
4581
- .Tag-module__hop-Tag--option1___AYNLX[data-disabled] {
4588
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4582
4589
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4583
4590
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4584
4591
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4585
4592
  }
4586
- .Tag-module__hop-Tag--option2___Sajtj[data-focus-visible] {
4593
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4587
4594
  --border-color: var(--hop-Tag-option2-border-color-focus);
4588
4595
  --background-color: var(--hop-Tag-option2-background-color-focus);
4589
4596
  --text-color: var(--hop-Tag-option2-text-color-focus);
4590
4597
  }
4591
- .Tag-module__hop-Tag--option2___Sajtj[data-hovered] {
4598
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4592
4599
  --border-color: var(--hop-Tag-option2-border-color-hover);
4593
4600
  --background-color: var(--hop-Tag-option2-background-color-hover);
4594
4601
  --text-color: var(--hop-Tag-option2-text-color-hover);
4595
4602
  }
4596
- .Tag-module__hop-Tag--option2___Sajtj[data-pressed] {
4603
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4597
4604
  --border-color: var(--hop-Tag-option2-border-color-press);
4598
4605
  --background-color: var(--hop-Tag-option2-background-color-press);
4599
4606
  --text-color: var(--hop-Tag-option2-text-color-press);
4600
4607
  }
4601
- .Tag-module__hop-Tag--option2___Sajtj[data-disabled] {
4608
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4602
4609
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4603
4610
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4604
4611
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4605
4612
  }
4606
- .Tag-module__hop-Tag--option3___Eivl4[data-focus-visible] {
4613
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4607
4614
  --border-color: var(--hop-Tag-option3-border-color-focus);
4608
4615
  --background-color: var(--hop-Tag-option3-background-color-focus);
4609
4616
  --text-color: var(--hop-Tag-option3-text-color-focus);
4610
4617
  }
4611
- .Tag-module__hop-Tag--option3___Eivl4[data-hovered] {
4618
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4612
4619
  --border-color: var(--hop-Tag-option3-border-color-hover);
4613
4620
  --background-color: var(--hop-Tag-option3-background-color-hover);
4614
4621
  --text-color: var(--hop-Tag-option3-text-color-hover);
4615
4622
  }
4616
- .Tag-module__hop-Tag--option3___Eivl4[data-pressed] {
4623
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4617
4624
  --border-color: var(--hop-Tag-option3-border-color-press);
4618
4625
  --background-color: var(--hop-Tag-option3-background-color-press);
4619
4626
  --text-color: var(--hop-Tag-option3-text-color-press);
4620
4627
  }
4621
- .Tag-module__hop-Tag--option3___Eivl4[data-disabled] {
4628
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4622
4629
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4623
4630
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4624
4631
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4625
4632
  }
4626
- .Tag-module__hop-Tag--option4___24aL5[data-focus-visible] {
4633
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4627
4634
  --border-color: var(--hop-Tag-option4-border-color-focus);
4628
4635
  --background-color: var(--hop-Tag-option4-background-color-focus);
4629
4636
  --text-color: var(--hop-Tag-option4-text-color-focus);
4630
4637
  }
4631
- .Tag-module__hop-Tag--option4___24aL5[data-hovered] {
4638
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4632
4639
  --border-color: var(--hop-Tag-option4-border-color-hover);
4633
4640
  --background-color: var(--hop-Tag-option4-background-color-hover);
4634
4641
  --text-color: var(--hop-Tag-option4-text-color-hover);
4635
4642
  }
4636
- .Tag-module__hop-Tag--option4___24aL5[data-pressed] {
4643
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4637
4644
  --border-color: var(--hop-Tag-option4-border-color-press);
4638
4645
  --background-color: var(--hop-Tag-option4-background-color-press);
4639
4646
  --text-color: var(--hop-Tag-option4-text-color-press);
4640
4647
  }
4641
- .Tag-module__hop-Tag--option4___24aL5[data-disabled] {
4648
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4642
4649
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4643
4650
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4644
4651
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4645
4652
  }
4646
- .Tag-module__hop-Tag--option5___MUm8-[data-focus-visible] {
4653
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4647
4654
  --border-color: var(--hop-Tag-option5-border-color-focus);
4648
4655
  --background-color: var(--hop-Tag-option5-background-color-focus);
4649
4656
  --text-color: var(--hop-Tag-option5-text-color-focus);
4650
4657
  }
4651
- .Tag-module__hop-Tag--option5___MUm8-[data-hovered] {
4658
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4652
4659
  --border-color: var(--hop-Tag-option5-border-color-hover);
4653
4660
  --background-color: var(--hop-Tag-option5-background-color-hover);
4654
4661
  --text-color: var(--hop-Tag-option5-text-color-hover);
4655
4662
  }
4656
- .Tag-module__hop-Tag--option5___MUm8-[data-pressed] {
4663
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4657
4664
  --border-color: var(--hop-Tag-option5-border-color-press);
4658
4665
  --background-color: var(--hop-Tag-option5-background-color-press);
4659
4666
  --text-color: var(--hop-Tag-option5-text-color-press);
4660
4667
  }
4661
- .Tag-module__hop-Tag--option5___MUm8-[data-disabled] {
4668
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4662
4669
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4663
4670
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4664
4671
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4665
4672
  }
4666
- .Tag-module__hop-Tag--option6___-sBKA[data-focus-visible] {
4673
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4667
4674
  --border-color: var(--hop-Tag-option6-border-color-focus);
4668
4675
  --background-color: var(--hop-Tag-option6-background-color-focus);
4669
4676
  --text-color: var(--hop-Tag-option6-text-color-focus);
4670
4677
  }
4671
- .Tag-module__hop-Tag--option6___-sBKA[data-hovered] {
4678
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4672
4679
  --border-color: var(--hop-Tag-option6-border-color-hover);
4673
4680
  --background-color: var(--hop-Tag-option6-background-color-hover);
4674
4681
  --text-color: var(--hop-Tag-option6-text-color-hover);
4675
4682
  }
4676
- .Tag-module__hop-Tag--option6___-sBKA[data-pressed] {
4683
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4677
4684
  --border-color: var(--hop-Tag-option6-border-color-press);
4678
4685
  --background-color: var(--hop-Tag-option6-background-color-press);
4679
4686
  --text-color: var(--hop-Tag-option6-text-color-press);
4680
4687
  }
4681
- .Tag-module__hop-Tag--option6___-sBKA[data-disabled] {
4688
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4682
4689
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4683
4690
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4684
4691
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4685
4692
  }
4686
- .Tag-module__hop-Tag___NM6io[data-focus-visible] {
4693
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4687
4694
  outline: 0.125rem solid var(--focus-ring-color);
4688
4695
  }
4689
- .Tag-module__hop-Tag___NM6io[data-hovered] {
4696
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4690
4697
  cursor: pointer;
4691
4698
  }
4692
- .Tag-module__hop-Tag___NM6io[data-selected] {
4699
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4693
4700
  --background-color: var(--hop-Tag-background-color-selected);
4694
4701
  --border-color: var(--hop-Tag-border-color-selected);
4695
4702
  --text-color: var(--hop-Tag-text-color-selected);
4696
4703
  }
4697
- .Tag-module__hop-Tag___NM6io[data-pressed] {
4704
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4698
4705
  cursor: pointer;
4699
4706
  }
4700
- .Tag-module__hop-Tag___NM6io[data-invalid] {
4707
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4701
4708
  --border-color: var(--hop-Tag-border-color-invalid);
4702
4709
  }
4703
- .Tag-module__hop-Tag___NM6io[data-disabled] {
4710
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4704
4711
  cursor: not-allowed;
4705
4712
  }
4706
- .Tag-module__hop-Tag__avatar___Sb-9t {
4713
+ .Tag-module__hop-Tag__avatar___LCkhz {
4707
4714
  flex: 0 0 auto;
4708
4715
  order: 1;
4709
4716
  margin-inline-start: var(--avatar-margin-inline-start);
4710
4717
  }
4711
- .Tag-module__hop-Tag__icon___Kk1ms,
4712
- .Tag-module__hop-Tag__icon-list___sGKeO {
4718
+ .Tag-module__hop-Tag__icon___d-Od0,
4719
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4713
4720
  flex: 0 0 auto;
4714
4721
  flex-wrap: nowrap;
4715
4722
  order: 2;
4716
4723
  margin-inline-start: var(--icon-margin-inline-start, 0);
4717
4724
  }
4718
- .Tag-module__hop-Tag__text___QMrwz {
4725
+ .Tag-module__hop-Tag__text___HsqI9 {
4719
4726
  overflow: hidden;
4720
4727
  flex: 1 1 auto;
4721
4728
  order: 3;
@@ -4723,33 +4730,33 @@
4723
4730
  text-align: center;
4724
4731
  text-overflow: ellipsis;
4725
4732
  }
4726
- .Tag-module__hop-Tag__badge___3Bb7n {
4733
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4727
4734
  flex: 0 0 auto;
4728
4735
  order: 4;
4729
4736
  margin-inline-end: var(--badge-margin-inline-end);
4730
4737
  }
4731
- .Tag-module__hop-Tag___NM6io .Tag-module__hop-Tag__badge___3Bb7n[data-variant=subdued] {
4738
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4732
4739
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4733
4740
  color: inherit;
4734
4741
  background: none;
4735
4742
  }
4736
- .Tag-module__hop-Tag--sm___RusnS .Tag-module__hop-Tag__badge___3Bb7n {
4743
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4737
4744
  block-size: 100%;
4738
4745
  }
4739
- .Tag-module__hop-Tag__remove-btn___W-ZWY,
4740
- .Tag-module__hop-Tag__Spinner___iMDOt {
4746
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4747
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4741
4748
  flex: 0 0 auto;
4742
4749
  order: 5;
4743
4750
  }
4744
- .Tag-module__hop-Tag__Spinner___iMDOt {
4751
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4745
4752
  margin-inline-end: var(--spinner-margin-inline-end);
4746
4753
  }
4747
- .Tag-module__hop-Tag__remove-btn___W-ZWY {
4754
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4748
4755
  margin-inline: var(--clear-btn-margin-inline);
4749
4756
  }
4750
4757
 
4751
4758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4752
- .TagGroup-module__hop-TagGroup___tcuEw {
4759
+ .TagGroup-module__hop-TagGroup___14xMC {
4753
4760
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4754
4761
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4755
4762
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4769,10 +4776,10 @@
4769
4776
  inline-size: max-content;
4770
4777
  max-inline-size: 100%;
4771
4778
  }
4772
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__label___MIfwe {
4779
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4773
4780
  order: 1;
4774
4781
  }
4775
- .TagGroup-module__hop-TagGroup__list___BBlDb {
4782
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4776
4783
  display: flex;
4777
4784
  flex-wrap: wrap;
4778
4785
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4781,12 +4788,12 @@
4781
4788
  border-radius: var(--list-border-radius);
4782
4789
  outline: none;
4783
4790
  }
4784
- .TagGroup-module__hop-TagGroup__list___BBlDb[data-focus-visible] {
4791
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4785
4792
  outline: 0.125rem solid var(--list-focus-ring-color);
4786
4793
  outline-offset: 0.125rem;
4787
4794
  }
4788
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__error-message___JUQXc,
4789
- .TagGroup-module__hop-TagGroup___tcuEw > .TagGroup-module__hop-TagGroup__helper-message___Oka5s {
4795
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4796
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4790
4797
  order: 3;
4791
4798
  }
4792
4799
 
@@ -4816,17 +4823,18 @@
4816
4823
  /* src/index.css */
4817
4824
 
4818
4825
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4819
- :where(.Popover-module__hop-Popover___gIFrM *) {
4826
+ :where(.Popover-module__hop-Popover___YqMrl *) {
4820
4827
  font-family: var(--font-family);
4821
4828
  font-size: var(--font-size);
4822
4829
  font-weight: var(--font-weight);
4823
4830
  line-height: var(--line-height);
4824
4831
  outline: none;
4825
4832
  }
4826
- .Popover-module__hop-Popover___gIFrM {
4833
+ .Popover-module__hop-Popover___YqMrl {
4827
4834
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4828
4835
  --hop-Popover-inline-width: 25rem;
4829
4836
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
4837
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4830
4838
  --hop-Popover-dropdown-auto-inline-width: auto;
4831
4839
  --width: var(--hop-Popover-inline-width);
4832
4840
  --max-width: var(--hop-Popover-max-inline-width);
@@ -4835,19 +4843,22 @@
4835
4843
  inline-size: var(--width);
4836
4844
  max-inline-size: var(--max-width);
4837
4845
  }
4838
- .Popover-module__hop-Popover___gIFrM[data-trigger=Select] {
4846
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
4839
4847
  --width: var(--hop-Popover-dropdown-inline-width);
4840
4848
  }
4841
- .Popover-module__hop-Popover___gIFrM[data-auto-width] {
4849
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
4850
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4851
+ }
4852
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
4842
4853
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4843
4854
  }
4844
- .Popover-module__hop-Popover___gIFrM[data-entering] {
4845
- animation: Popover-module__fade___ph4u3 0.25s;
4855
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
4856
+ animation: Popover-module__fade___cM9Hu 0.25s;
4846
4857
  }
4847
- .Popover-module__hop-Popover___gIFrM[data-exiting] {
4848
- animation: Popover-module__fade___ph4u3 0.25s reverse;
4858
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
4859
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
4849
4860
  }
4850
- @keyframes Popover-module__fade___ph4u3 {
4861
+ @keyframes Popover-module__fade___cM9Hu {
4851
4862
  from {
4852
4863
  opacity: 0;
4853
4864
  }
@@ -4855,14 +4866,14 @@
4855
4866
  opacity: 1;
4856
4867
  }
4857
4868
  }
4858
- .Popover-module__hop-Popover__wrapper___HAIbd {
4869
+ .Popover-module__hop-Popover__wrapper___bBvVC {
4859
4870
  display: flex;
4860
4871
  flex: 1 1 auto;
4861
4872
  flex-direction: column;
4862
4873
  min-block-size: 0;
4863
4874
  }
4864
- .Popover-module__hop-Popover__dialog___UFZee,
4865
- .Popover-module__hop-Popover__dropdown___H-yZY {
4875
+ .Popover-module__hop-Popover__dialog___-Qm8I,
4876
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4866
4877
  --hop-Popover-background: var(--hop-neutral-surface);
4867
4878
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4868
4879
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4908,20 +4919,20 @@
4908
4919
  border-radius: var(--hop-Popover-border-radius);
4909
4920
  box-shadow: var(--hop-Popover-box-shadow);
4910
4921
  }
4911
- .Popover-module__hop-Popover__dropdown___H-yZY {
4922
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4912
4923
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4913
4924
  --footer-place-self: stretch;
4914
4925
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4915
4926
  --padding: var(--hop-Popover-dropdown-padding);
4916
4927
  }
4917
- .Popover-module__hop-Popover__dialog___UFZee {
4928
+ .Popover-module__hop-Popover__dialog___-Qm8I {
4918
4929
  --padding: var(--hop-Popover-dialog-padding);
4919
4930
  }
4920
- .Popover-module__hop-Popover__title___7iBNB {
4931
+ .Popover-module__hop-Popover__title___SZT2m {
4921
4932
  grid-area: header;
4922
4933
  color: var(--hop-Popover-color);
4923
4934
  }
4924
- .Popover-module__hop-Popover__content___9qGsS {
4935
+ .Popover-module__hop-Popover__content___V6KMC {
4925
4936
  --font-size: var(--hop-Popover-content-font-size);
4926
4937
  --line-height: var(--hop-Popover-content-line-height);
4927
4938
  grid-area: content;
@@ -4930,7 +4941,7 @@
4930
4941
  padding: 0;
4931
4942
  color: var(--hop-Popover-content-color);
4932
4943
  }
4933
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__list-box___4ZJko {
4944
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
4934
4945
  grid-area: content;
4935
4946
  inline-size: auto;
4936
4947
  min-inline-size: auto;
@@ -4939,7 +4950,7 @@
4939
4950
  padding: 0;
4940
4951
  border: none;
4941
4952
  }
4942
- .Popover-module__hop-Popover__footer___GUjGi {
4953
+ .Popover-module__hop-Popover__footer___sJmo- {
4943
4954
  --font-size: var(--hop-Popover-footer-font-size);
4944
4955
  --line-height: var(--hop-Popover-footer-line-height);
4945
4956
  grid-area: footer;
@@ -4947,16 +4958,16 @@
4947
4958
  margin: var(--footer-margin);
4948
4959
  color: var(--hop-Popover-color);
4949
4960
  }
4950
- .Popover-module__hop-Popover__dropdown___H-yZY .Popover-module__hop-Popover__footer___GUjGi {
4961
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
4951
4962
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4952
4963
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4953
4964
  }
4954
- .Popover-module__hop-Popover__actions___8dlIL,
4955
- .Popover-module__hop-Popover__action___PdeSV {
4965
+ .Popover-module__hop-Popover__actions___dlp9Q,
4966
+ .Popover-module__hop-Popover__action___hcQBI {
4956
4967
  grid-area: action;
4957
4968
  justify-self: end;
4958
4969
  margin-block-start: var(--hop-Popover-row-gap);
4959
4970
  }
4960
- .Popover-module__hop-Popover___gIFrM:has(.Popover-module__hop-Popover__actions___8dlIL, .Popover-module__hop-Popover__action___PdeSV) .Popover-module__hop-Popover__footer___GUjGi {
4971
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
4961
4972
  margin-inline-end: var(--hop-Popover-column-gap);
4962
4973
  }