@hopper-ui/components 1.3.7 → 1.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +237 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +184 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +237 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +237 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +184 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +205 -21
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +237 -10
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +215 -31
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/ComboBox/src/ComboBox.css +5135 -0
  19. package/dist/ComboBox/src/ComboBox.d.ts +90 -0
  20. package/dist/ComboBox/src/ComboBox.js +124 -0
  21. package/dist/ComboBox/src/ComboBoxContext.d.ts +16 -0
  22. package/dist/ComboBox/src/ComboBoxContext.js +2 -0
  23. package/dist/ComboBox/src/index.css +5135 -0
  24. package/dist/ComboBox/src/index.d.ts +12 -0
  25. package/dist/ComboBox/src/index.js +124 -0
  26. package/dist/Divider/src/Divider.css +229 -2
  27. package/dist/Divider/src/Divider.js +1 -1
  28. package/dist/Divider/src/index.css +229 -2
  29. package/dist/Divider/src/index.js +1 -1
  30. package/dist/ErrorMessage/src/ErrorMessage.css +158 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  32. package/dist/ErrorMessage/src/index.css +158 -11
  33. package/dist/ErrorMessage/src/index.js +2 -2
  34. package/dist/Form/src/Form.css +896 -894
  35. package/dist/Form/src/Form.js +70 -68
  36. package/dist/Form/src/index.css +896 -894
  37. package/dist/Form/src/index.js +70 -68
  38. package/dist/HelperMessage/src/HelperMessage.css +158 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  40. package/dist/HelperMessage/src/index.css +158 -11
  41. package/dist/HelperMessage/src/index.js +2 -2
  42. package/dist/IconList/src/IconList.css +228 -1
  43. package/dist/IconList/src/IconList.js +1 -1
  44. package/dist/IconList/src/index.css +228 -1
  45. package/dist/IconList/src/index.js +1 -1
  46. package/dist/Link/src/Link.css +184 -37
  47. package/dist/Link/src/Link.js +3 -3
  48. package/dist/Link/src/index.css +184 -37
  49. package/dist/Link/src/index.js +3 -3
  50. package/dist/ListBox/src/ListBox.css +398 -346
  51. package/dist/ListBox/src/ListBox.js +7 -8
  52. package/dist/ListBox/src/ListBoxItem.css +391 -306
  53. package/dist/ListBox/src/ListBoxItem.js +5 -5
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +234 -7
  55. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  56. package/dist/ListBox/src/index.css +398 -346
  57. package/dist/ListBox/src/index.js +7 -8
  58. package/dist/Select/src/Select.css +961 -959
  59. package/dist/Select/src/Select.js +70 -68
  60. package/dist/Select/src/SelectValue.css +197 -191
  61. package/dist/Select/src/SelectValue.js +5 -5
  62. package/dist/Select/src/index.css +961 -959
  63. package/dist/Select/src/index.js +70 -68
  64. package/dist/Spinner/src/Spinner.css +166 -19
  65. package/dist/Spinner/src/Spinner.js +2 -2
  66. package/dist/Spinner/src/index.css +166 -19
  67. package/dist/Spinner/src/index.js +2 -2
  68. package/dist/buttons/src/Button.css +247 -100
  69. package/dist/buttons/src/Button.js +4 -4
  70. package/dist/buttons/src/ButtonGroup.css +238 -11
  71. package/dist/buttons/src/ButtonGroup.js +2 -2
  72. package/dist/buttons/src/ClearButton.css +298 -71
  73. package/dist/buttons/src/ClearButton.js +2 -2
  74. package/dist/buttons/src/EmbeddedButton.css +298 -71
  75. package/dist/buttons/src/EmbeddedButton.js +1 -1
  76. package/dist/buttons/src/index.css +329 -182
  77. package/dist/buttons/src/index.js +8 -8
  78. package/dist/checkbox/src/Checkbox.css +181 -34
  79. package/dist/checkbox/src/Checkbox.js +2 -2
  80. package/dist/checkbox/src/CheckboxField.css +162 -15
  81. package/dist/checkbox/src/CheckboxField.js +1 -1
  82. package/dist/checkbox/src/CheckboxGroup.css +233 -105
  83. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  84. package/dist/checkbox/src/DecorativeCheckbox.css +189 -42
  85. package/dist/checkbox/src/DecorativeCheckbox.js +2 -2
  86. package/dist/checkbox/src/index.css +233 -105
  87. package/dist/checkbox/src/index.js +8 -8
  88. package/dist/{chunk-IZUZUN6Z.js → chunk-2GYC6ADT.js} +5 -5
  89. package/dist/{chunk-MJ24AAEX.js → chunk-2SF7BBJT.js} +1 -1
  90. package/dist/{chunk-ZVOVNXPJ.js → chunk-2WK465I4.js} +1 -1
  91. package/dist/chunk-2ZXF62AA.js +52 -0
  92. package/dist/{chunk-DSUR3NPA.js → chunk-3O74ORYF.js} +3 -3
  93. package/dist/{chunk-LULNSRRY.js → chunk-4EUVVRTY.js} +1 -1
  94. package/dist/{chunk-BZC3DOXC.js → chunk-4FVIH73F.js} +2 -2
  95. package/dist/{chunk-SRT6TJ7K.js → chunk-4PBFVO5S.js} +1 -1
  96. package/dist/chunk-4XHTP4GX.js +7 -0
  97. package/dist/{chunk-PGYHBNCP.js → chunk-54U727IV.js} +2 -2
  98. package/dist/{chunk-IA343FCT.js → chunk-5TH7VHRH.js} +3 -3
  99. package/dist/{chunk-FKFP4LFR.js → chunk-6KHTQTRF.js} +1 -1
  100. package/dist/{chunk-2LS24P2S.js → chunk-6U6JI3L3.js} +1 -1
  101. package/dist/{chunk-VZAUDQPW.js → chunk-7LTA4KPO.js} +3 -3
  102. package/dist/chunk-A3E76SDY.js +9 -0
  103. package/dist/{chunk-WD3GLWJA.js → chunk-ANO4F3LJ.js} +2 -2
  104. package/dist/{chunk-JZGG67JQ.js → chunk-B2O3ZCYC.js} +1 -1
  105. package/dist/{chunk-SZIBBFKI.js → chunk-BGOYDN4M.js} +2 -2
  106. package/dist/{chunk-MDI3RFZS.js → chunk-CZRCXQFS.js} +1 -1
  107. package/dist/{chunk-PVLUQZAG.js → chunk-E4JB7I3F.js} +2 -2
  108. package/dist/{chunk-4PCMNJTD.js → chunk-ENHK4K3U.js} +2 -2
  109. package/dist/{chunk-5LGDXMKZ.js → chunk-FBABNQTM.js} +3 -3
  110. package/dist/{chunk-BUI76FPU.js → chunk-GDVP2QEZ.js} +1 -1
  111. package/dist/{chunk-DNFIKL5N.js → chunk-GIMOHY5C.js} +2 -2
  112. package/dist/{chunk-FSRORCX7.js → chunk-HCJLAF2O.js} +4 -4
  113. package/dist/{chunk-T2DEFREG.js → chunk-HI2SHIGG.js} +1 -1
  114. package/dist/{chunk-PJLVJG4E.js → chunk-I55EPFTM.js} +2 -2
  115. package/dist/{chunk-JKE2GH2D.js → chunk-JX5YYFB3.js} +2 -2
  116. package/dist/{chunk-VMSIQERT.js → chunk-KOT3ULJY.js} +2 -2
  117. package/dist/{chunk-F4XYXAPX.js → chunk-KQQCELPA.js} +1 -1
  118. package/dist/chunk-KSKIQSYM.js +260 -0
  119. package/dist/{chunk-5CR5V44E.js → chunk-MLHAFFJQ.js} +1 -1
  120. package/dist/{chunk-DCTC6KDW.js → chunk-N66DZLL6.js} +2 -2
  121. package/dist/{chunk-HIF2U66B.js → chunk-NQD2OQEG.js} +1 -1
  122. package/dist/{chunk-MTQURD2G.js → chunk-PAW7CB3K.js} +2 -2
  123. package/dist/{chunk-CWP3RDUT.js → chunk-Q6SYCTJD.js} +2 -2
  124. package/dist/{chunk-BNBUTFBN.js → chunk-RDLI353P.js} +1 -1
  125. package/dist/{chunk-DMAM2GFN.js → chunk-S6AH3YTH.js} +14 -22
  126. package/dist/{chunk-C4W3WI5F.js → chunk-TMGUYWTR.js} +2 -2
  127. package/dist/{chunk-JGOXWGEG.js → chunk-TRDXTYZD.js} +3 -3
  128. package/dist/{chunk-LXWDXMVL.js → chunk-UJXKUNEW.js} +42 -33
  129. package/dist/{chunk-AWYN6573.js → chunk-UR3NK3LV.js} +1 -1
  130. package/dist/{chunk-AHMI7DHJ.js → chunk-VC3HSOGC.js} +3 -3
  131. package/dist/{chunk-Z63VLZM2.js → chunk-VQKJXEPU.js} +2 -2
  132. package/dist/{chunk-YFJWAPT5.js → chunk-XHW2Z6AX.js} +1 -1
  133. package/dist/{chunk-YUMDUDZX.js → chunk-XQFICAVB.js} +4 -8
  134. package/dist/{chunk-PQTB3F7K.js → chunk-YQDRT547.js} +12 -21
  135. package/dist/index.css +896 -894
  136. package/dist/index.d.ts +13 -11
  137. package/dist/index.js +70 -68
  138. package/dist/inputs/src/InputGroup.css +344 -197
  139. package/dist/inputs/src/InputGroup.js +1 -1
  140. package/dist/inputs/src/NumberField.css +336 -336
  141. package/dist/inputs/src/NumberField.js +6 -6
  142. package/dist/inputs/src/PasswordField.css +354 -354
  143. package/dist/inputs/src/PasswordField.js +7 -7
  144. package/dist/inputs/src/RemainingCharacterCount.css +241 -0
  145. package/dist/inputs/src/RemainingCharacterCount.d.ts +25 -0
  146. package/dist/inputs/src/RemainingCharacterCount.js +17 -0
  147. package/dist/inputs/src/SearchField.css +360 -360
  148. package/dist/inputs/src/SearchField.js +8 -8
  149. package/dist/inputs/src/TextArea.css +346 -342
  150. package/dist/inputs/src/TextArea.js +8 -6
  151. package/dist/inputs/src/TextField.css +370 -368
  152. package/dist/inputs/src/TextField.js +11 -9
  153. package/dist/inputs/src/index.css +464 -473
  154. package/dist/inputs/src/index.d.ts +8 -4
  155. package/dist/inputs/src/index.js +18 -16
  156. package/dist/overlays/Popover/src/Popover.css +896 -894
  157. package/dist/overlays/Popover/src/Popover.js +70 -68
  158. package/dist/overlays/Popover/src/index.css +896 -894
  159. package/dist/overlays/Popover/src/index.js +70 -68
  160. package/dist/radio/src/DecorativeRadio.css +189 -42
  161. package/dist/radio/src/DecorativeRadio.js +2 -2
  162. package/dist/radio/src/Radio.css +181 -34
  163. package/dist/radio/src/Radio.js +2 -2
  164. package/dist/radio/src/RadioField.css +162 -15
  165. package/dist/radio/src/RadioField.js +1 -1
  166. package/dist/radio/src/RadioGroup.css +227 -99
  167. package/dist/radio/src/RadioGroup.js +2 -2
  168. package/dist/radio/src/index.css +233 -105
  169. package/dist/radio/src/index.js +8 -8
  170. package/dist/switch/src/Switch.css +178 -31
  171. package/dist/switch/src/Switch.js +2 -2
  172. package/dist/switch/src/SwitchField.css +162 -15
  173. package/dist/switch/src/SwitchField.js +2 -2
  174. package/dist/switch/src/index.css +184 -37
  175. package/dist/switch/src/index.js +4 -4
  176. package/dist/tag/src/Tag.css +464 -360
  177. package/dist/tag/src/Tag.js +5 -5
  178. package/dist/tag/src/TagGroup.css +166 -38
  179. package/dist/tag/src/TagGroup.js +2 -2
  180. package/dist/tag/src/TagList.css +226 -0
  181. package/dist/tag/src/index.css +474 -389
  182. package/dist/tag/src/index.js +9 -9
  183. package/dist/typography/Heading/src/Heading.css +151 -9
  184. package/dist/typography/Heading/src/Heading.js +1 -1
  185. package/dist/typography/Heading/src/index.css +151 -9
  186. package/dist/typography/Heading/src/index.js +1 -1
  187. package/dist/typography/Label/src/Label.css +211 -3
  188. package/dist/typography/Label/src/Label.js +1 -1
  189. package/dist/typography/Label/src/index.css +211 -3
  190. package/dist/typography/Label/src/index.js +1 -1
  191. package/dist/typography/OverlineText/src/OverlineText.css +190 -6
  192. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  193. package/dist/typography/OverlineText/src/index.css +190 -6
  194. package/dist/typography/OverlineText/src/index.js +1 -1
  195. package/dist/typography/Text/src/Text.css +156 -9
  196. package/dist/typography/Text/src/Text.js +1 -1
  197. package/dist/typography/Text/src/index.css +156 -9
  198. package/dist/typography/Text/src/index.js +1 -1
  199. package/dist/utils/src/EnsureTextWrapper.css +226 -0
  200. package/dist/utils/src/EnsureTextWrapper.d.ts +9 -0
  201. package/dist/utils/src/EnsureTextWrapper.js +16 -0
  202. package/dist/utils/src/index.css +226 -0
  203. package/dist/utils/src/index.d.ts +11 -10
  204. package/dist/utils/src/index.js +13 -2
  205. package/package.json +2 -2
@@ -1,8 +1,192 @@
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/Text/src/Text.module.css/#css-module-data */
90
+ .Text-module__hop-Text___aPHsZ {
91
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
92
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
93
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
94
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
95
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
96
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
97
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
98
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
99
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
100
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
101
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
102
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
103
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
104
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
105
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
106
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
107
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
108
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
109
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
110
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
111
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
112
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
113
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
114
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
115
+ --hop-Text-inherit-size-font-size: inherit;
116
+ --hop-Text-inherit-size-font-family: inherit;
117
+ --hop-Text-inherit-size-font-weight: inherit;
118
+ --hop-Text-inherit-size-line-height: inherit;
119
+ }
120
+ :where(.Text-module__hop-Text___aPHsZ) {
121
+ font-family: var(--font-family);
122
+ font-size: var(--font-size);
123
+ font-weight: var(--font-weight);
124
+ line-height: var(--line-height);
125
+ }
126
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
127
+ --font-size: var(--hop-Text-xs-font-size);
128
+ --font-family: var(--hop-Text-xs-font-family);
129
+ --font-weight: var(--hop-Text-xs-font-weight);
130
+ --line-height: var(--hop-Text-xs-line-height);
131
+ }
132
+ :where(.Text-module__hop-Text--sm___FPZs6) {
133
+ --font-size: var(--hop-Text-sm-font-size);
134
+ --font-family: var(--hop-Text-sm-font-family);
135
+ --font-weight: var(--hop-Text-sm-font-weight);
136
+ --line-height: var(--hop-Text-sm-line-height);
137
+ }
138
+ :where(.Text-module__hop-Text--md___wwFGu) {
139
+ --font-size: var(--hop-Text-md-font-size);
140
+ --font-family: var(--hop-Text-md-font-family);
141
+ --font-weight: var(--hop-Text-md-font-weight);
142
+ --line-height: var(--hop-Text-md-line-height);
143
+ }
144
+ :where(.Text-module__hop-Text--lg___eP1l5) {
145
+ --font-size: var(--hop-Text-lg-font-size);
146
+ --font-family: var(--hop-Text-lg-font-family);
147
+ --font-weight: var(--hop-Text-lg-font-weight);
148
+ --line-height: var(--hop-Text-lg-line-height);
149
+ }
150
+ :where(.Text-module__hop-Text--xl___MX4B5) {
151
+ --font-size: var(--hop-Text-xl-font-size);
152
+ --font-family: var(--hop-Text-xl-font-family);
153
+ --font-weight: var(--hop-Text-xl-font-weight);
154
+ --line-height: var(--hop-Text-xl-line-height);
155
+ }
156
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
157
+ --font-size: var(--hop-Text-2xl-font-size);
158
+ --font-family: var(--hop-Text-2xl-font-family);
159
+ --font-weight: var(--hop-Text-2xl-font-weight);
160
+ --line-height: var(--hop-Text-2xl-line-height);
161
+ }
162
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
163
+ --font-size: var(--hop-Text-inherit-size-font-size);
164
+ --font-family: var(--hop-Text-inherit-size-font-family);
165
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
166
+ --line-height: var(--hop-Text-inherit-size-line-height);
167
+ }
168
+
169
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
170
+ .Label-module__hop-Label___1zcVv {
171
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
172
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
173
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
174
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
175
+ --hop-Label-color: var(--hop-neutral-text-weak);
176
+ }
177
+ :where(.Label-module__hop-Label___1zcVv) {
178
+ font-family: var(--hop-Label-font-family);
179
+ font-size: var(--hop-Label-font-size);
180
+ font-weight: var(--hop-Label-font-weight);
181
+ line-height: var(--hop-Label-line-height);
182
+ color: var(--hop-Label-color);
183
+ }
184
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
185
+ padding-inline-start: var(--hop-space-20);
186
+ }
187
+
4
188
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
5
- :where(.OverlineText-module__hop-OverlineText___MNaoU) {
189
+ :where(.OverlineText-module__hop-OverlineText___XDVrN) {
6
190
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
7
191
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
8
192
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -26,26 +210,26 @@
26
210
  text-transform: uppercase;
27
211
  letter-spacing: var(--letter-spacing);
28
212
  }
29
- .OverlineText-module__hop-OverlineText__text___nkwdC {
213
+ .OverlineText-module__hop-OverlineText__text___nGtRo {
30
214
  box-sizing: border-box;
31
215
  }
32
- .OverlineText-module__hop-OverlineText__text___nkwdC::before,
33
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
216
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before,
217
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
34
218
  content: "";
35
219
  display: block;
36
220
  box-sizing: border-box;
37
221
  inline-size: 0;
38
222
  block-size: 0;
39
223
  }
40
- .OverlineText-module__hop-OverlineText__text___nkwdC::before {
224
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before {
41
225
  margin-block-end: var(--bottom-offset);
42
226
  }
43
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
227
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
44
228
  margin-block-start: var(--top-offset);
45
229
  }
46
230
 
47
231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
48
- .Badge-module__hop-Badge___-9bND {
232
+ .Badge-module__hop-Badge___PVPdF {
49
233
  --hop-Badge-height: 1.5rem;
50
234
  --hop-Badge-width: max-content;
51
235
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -95,67 +279,67 @@
95
279
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
96
280
  border-radius: var(--border-radius);
97
281
  }
98
- .Badge-module__hop-Badge___-9bND[data-variant=primary] {
282
+ .Badge-module__hop-Badge___PVPdF[data-variant=primary] {
99
283
  --background-color: var(--hop-Badge-primary-background-color);
100
284
  --text-color: var(--hop-Badge-primary-text-color);
101
285
  }
102
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=primary] {
286
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=primary] {
103
287
  --background-color: var(--hop-Badge-primary-background-color-hovered);
104
288
  --text-color: var(--hop-Badge-primary-text-color-hovered);
105
289
  }
106
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=primary] {
290
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=primary] {
107
291
  --background-color: var(--hop-Badge-primary-background-color-pressed);
108
292
  --text-color: var(--hop-Badge-primary-text-color-pressed);
109
293
  }
110
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=primary] {
294
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=primary] {
111
295
  --background-color: var(--hop-Badge-primary-background-color-selected);
112
296
  --text-color: var(--hop-Badge-primary-text-color-selected);
113
297
  }
114
- .Badge-module__hop-Badge___-9bND[data-variant=secondary] {
298
+ .Badge-module__hop-Badge___PVPdF[data-variant=secondary] {
115
299
  --background-color: var(--hop-Badge-secondary-background-color);
116
300
  --text-color: var(--hop-Badge-secondary-text-color);
117
301
  }
118
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=secondary] {
302
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=secondary] {
119
303
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
120
304
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
121
305
  }
122
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=secondary] {
306
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=secondary] {
123
307
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
124
308
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
125
309
  }
126
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=secondary] {
310
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=secondary] {
127
311
  --background-color: var(--hop-Badge-secondary-background-color-selected);
128
312
  --text-color: var(--hop-Badge-secondary-text-color-selected);
129
313
  }
130
- .Badge-module__hop-Badge___-9bND[data-variant=subdued] {
314
+ .Badge-module__hop-Badge___PVPdF[data-variant=subdued] {
131
315
  --background-color: var(--hop-Badge-subdued-background-color);
132
316
  --text-color: var(--hop-Badge-subdued-text-color);
133
317
  }
134
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=subdued] {
318
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=subdued] {
135
319
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
136
320
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
137
321
  }
138
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=subdued] {
322
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=subdued] {
139
323
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
140
324
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
141
325
  }
142
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=subdued] {
326
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=subdued] {
143
327
  --background-color: var(--hop-Badge-subdued-background-color-selected);
144
328
  --text-color: var(--hop-Badge-subdued-text-color-selected);
145
329
  }
146
- .Badge-module__hop-Badge___-9bND[data-indeterminate] {
330
+ .Badge-module__hop-Badge___PVPdF[data-indeterminate] {
147
331
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
148
332
  --height: var(--hop-Badge-indeterminate-height);
149
333
  --width: var(--hop-Badge-indeterminate-width);
150
334
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
151
335
  }
152
- .Badge-module__hop-Badge___-9bND[data-disabled] {
336
+ .Badge-module__hop-Badge___PVPdF[data-disabled] {
153
337
  --background-color: var(--hop-Badge-background-color-disabled);
154
338
  --text-color: var(--hop-Badge-text-color-disabled);
155
339
  }
156
340
 
157
341
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
158
- .FloatingBadge-module__hop-FloatingBadge___-4FWx {
342
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf {
159
343
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
160
344
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
161
345
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -196,7 +380,7 @@
196
380
  box-sizing: border-box;
197
381
  inline-size: max-content;
198
382
  }
199
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"] {
383
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"] {
200
384
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
201
385
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
202
386
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -204,11 +388,11 @@
204
388
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
205
389
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
206
390
  }
207
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"][data-overlap=circular] {
391
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"][data-overlap=circular] {
208
392
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
209
393
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
210
394
  }
211
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"] {
395
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"] {
212
396
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
213
397
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
214
398
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -216,11 +400,11 @@
216
400
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
217
401
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
218
402
  }
219
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"][data-overlap=circular] {
403
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"][data-overlap=circular] {
220
404
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
221
405
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
222
406
  }
223
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"] {
407
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"] {
224
408
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
225
409
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
226
410
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -228,11 +412,11 @@
228
412
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
229
413
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
230
414
  }
231
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"][data-overlap=circular] {
415
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"][data-overlap=circular] {
232
416
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
233
417
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
234
418
  }
235
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"] {
419
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"] {
236
420
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
237
421
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
238
422
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -240,99 +424,19 @@
240
424
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
241
425
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
242
426
  }
243
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"][data-overlap=circular] {
427
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"][data-overlap=circular] {
244
428
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
245
429
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
246
430
  }
247
- .FloatingBadge-module__hop-FloatingBadge__badge___yOdKc {
431
+ .FloatingBadge-module__hop-FloatingBadge__badge___pl1V5 {
248
432
  position: absolute;
249
433
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
250
434
  transform-origin: var(--badge-transform-origin);
251
435
  transform: var(--badge-transform);
252
436
  }
253
437
 
254
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
255
- .Text-module__hop-Text___R8UuG {
256
- --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
257
- --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
258
- --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
259
- --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
260
- --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
261
- --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
262
- --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
263
- --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
264
- --hop-Text-md-font-size: var(--hop-body-md-font-size);
265
- --hop-Text-md-font-family: var(--hop-body-md-font-family);
266
- --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
267
- --hop-Text-md-line-height: var(--hop-body-md-line-height);
268
- --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
269
- --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
270
- --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
271
- --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
272
- --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
273
- --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
274
- --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
275
- --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
276
- --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
277
- --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
278
- --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
279
- --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
280
- --hop-Text-inherit-size-font-size: inherit;
281
- --hop-Text-inherit-size-font-family: inherit;
282
- --hop-Text-inherit-size-font-weight: inherit;
283
- --hop-Text-inherit-size-line-height: inherit;
284
- }
285
- :where(.Text-module__hop-Text___R8UuG) {
286
- font-family: var(--font-family);
287
- font-size: var(--font-size);
288
- font-weight: var(--font-weight);
289
- line-height: var(--line-height);
290
- }
291
- :where(.Text-module__hop-Text--xs___N8buF) {
292
- --font-size: var(--hop-Text-xs-font-size);
293
- --font-family: var(--hop-Text-xs-font-family);
294
- --font-weight: var(--hop-Text-xs-font-weight);
295
- --line-height: var(--hop-Text-xs-line-height);
296
- }
297
- :where(.Text-module__hop-Text--sm___ZTn2L) {
298
- --font-size: var(--hop-Text-sm-font-size);
299
- --font-family: var(--hop-Text-sm-font-family);
300
- --font-weight: var(--hop-Text-sm-font-weight);
301
- --line-height: var(--hop-Text-sm-line-height);
302
- }
303
- :where(.Text-module__hop-Text--md___PaS1r) {
304
- --font-size: var(--hop-Text-md-font-size);
305
- --font-family: var(--hop-Text-md-font-family);
306
- --font-weight: var(--hop-Text-md-font-weight);
307
- --line-height: var(--hop-Text-md-line-height);
308
- }
309
- :where(.Text-module__hop-Text--lg___Wi5qN) {
310
- --font-size: var(--hop-Text-lg-font-size);
311
- --font-family: var(--hop-Text-lg-font-family);
312
- --font-weight: var(--hop-Text-lg-font-weight);
313
- --line-height: var(--hop-Text-lg-line-height);
314
- }
315
- :where(.Text-module__hop-Text--xl___zM1uq) {
316
- --font-size: var(--hop-Text-xl-font-size);
317
- --font-family: var(--hop-Text-xl-font-family);
318
- --font-weight: var(--hop-Text-xl-font-weight);
319
- --line-height: var(--hop-Text-xl-line-height);
320
- }
321
- :where(.Text-module__hop-Text--2xl___OWNYz) {
322
- --font-size: var(--hop-Text-2xl-font-size);
323
- --font-family: var(--hop-Text-2xl-font-family);
324
- --font-weight: var(--hop-Text-2xl-font-weight);
325
- --line-height: var(--hop-Text-2xl-line-height);
326
- }
327
- :where(.Text-module__hop-Text--inherit___r9ZJy) {
328
- --font-size: var(--hop-Text-inherit-size-font-size);
329
- --font-family: var(--hop-Text-inherit-size-font-family);
330
- --font-weight: var(--hop-Text-inherit-size-font-weight);
331
- --line-height: var(--hop-Text-inherit-size-line-height);
332
- }
333
-
334
438
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
335
- .ErrorMessage-module__hop-ErrorMessage___ZF-hl {
439
+ .ErrorMessage-module__hop-ErrorMessage___0kKCu {
336
440
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
337
441
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
338
442
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -349,13 +453,13 @@
349
453
  line-height: var(--hop-ErrorMessage-line-height);
350
454
  color: var(--hop-ErrorMessage-color);
351
455
  }
352
- .ErrorMessage-module__hop-ErrorMessage__icon___OKPlp {
456
+ .ErrorMessage-module__hop-ErrorMessage__icon___7VzNH {
353
457
  flex: 0 0 auto;
354
458
  align-self: flex-start;
355
459
  }
356
460
 
357
461
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
358
- .HelperMessage-module__hop-HelperMessage___l3cUu {
462
+ .HelperMessage-module__hop-HelperMessage___baQv5 {
359
463
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
360
464
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
361
465
  display: flex;
@@ -364,46 +468,13 @@
364
468
  box-sizing: border-box;
365
469
  color: var(--hop-HelperMessage-color);
366
470
  }
367
- .HelperMessage-module__hop-HelperMessage__icon___1Lei9 {
471
+ .HelperMessage-module__hop-HelperMessage__icon___85txW {
368
472
  flex: 0 0 auto;
369
473
  align-self: flex-start;
370
474
  }
371
475
 
372
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
373
- :where(.Divider-module__hop-Divider___g7ps6) {
374
- --hop-Divider-border-color: var(--hop-neutral-border-weak);
375
- --hop-Divider-border-size: 0.0625rem;
376
- --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
377
- --hop-Divider-horizontal-border-inline-start: none;
378
- --hop-Divider-horizontal-inline-size: auto;
379
- --hop-Divider-horizontal-block-size: 0;
380
- --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
381
- --hop-Divider-vertical-border-block-end: none;
382
- --hop-Divider-vertical-inline-size: 0;
383
- --hop-Divider-vertical-block-size: auto;
384
- --border-block-end: var(--hop-Divider-horizontal-border-block-end);
385
- --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
386
- --inline-size: var(--hop-Divider-horizontal-inline-size);
387
- --block-size: var(--hop-Divider-horizontal-block-size);
388
- display: block;
389
- flex: 0 0 auto;
390
- box-sizing: border-box;
391
- inline-size: var(--inline-size);
392
- block-size: var(--block-size);
393
- margin: 0;
394
- border: none;
395
- border-block-end: var(--border-block-end);
396
- border-inline-start: var(--border-inline-start);
397
- }
398
- .Divider-module__hop-Divider--vertical___a25V7 {
399
- --border-block-end: var(--hop-Divider-vertical-border-block-end);
400
- --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
401
- --inline-size: var(--hop-Divider-vertical-inline-size);
402
- --block-size: var(--hop-Divider-vertical-block-size);
403
- }
404
-
405
476
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
406
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv {
477
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7 {
407
478
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
408
479
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
409
480
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -434,46 +505,46 @@
434
505
  background-color: var(--background-color);
435
506
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
436
507
  }
437
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow {
508
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ymeLk {
438
509
  --size: var(--hop-RichIconAvatarImage-xs-size);
439
510
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
440
511
  }
441
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l {
512
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VLxFX {
442
513
  --size: var(--hop-RichIconAvatarImage-sm-size);
443
514
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
444
515
  }
445
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw {
516
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___wu-FC {
446
517
  --size: var(--hop-RichIconAvatarImage-md-size);
447
518
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
448
519
  }
449
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo {
520
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___mRfIY {
450
521
  --size: var(--hop-RichIconAvatarImage-lg-size);
451
522
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
452
523
  }
453
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm {
524
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___KfoE8 {
454
525
  --size: var(--hop-RichIconAvatarImage-xl-size);
455
526
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
456
527
  }
457
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm {
528
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2t0GA {
458
529
  --size: var(--hop-RichIconAvatarImage-2xl-size);
459
530
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
460
531
  }
461
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] {
532
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] {
462
533
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
463
534
  }
464
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
535
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
465
536
  position: relative;
466
537
  display: block;
467
538
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
468
539
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
469
540
  }
470
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
541
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
471
542
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
472
543
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
473
544
  }
474
545
 
475
546
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
476
- .Avatar-module__hop-Avatar___wvVPM {
547
+ .Avatar-module__hop-Avatar___5sKQo {
477
548
  --hop-Avatar-border-radius: var(--hop-shape-circle);
478
549
  --hop-Avatar-mix-blend-mode: normal;
479
550
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -518,67 +589,67 @@
518
589
  background-color: var(--background-color, transparent);
519
590
  border-radius: var(--hop-Avatar-border-radius);
520
591
  }
521
- .Avatar-module__hop-Avatar--xs___xWSLM {
592
+ .Avatar-module__hop-Avatar--xs___Ady66 {
522
593
  --size: var(--hop-Avatar-xs-size);
523
594
  }
524
- .Avatar-module__hop-Avatar--sm___aYlLW {
595
+ .Avatar-module__hop-Avatar--sm___FeU7R {
525
596
  --size: var(--hop-Avatar-sm-size);
526
597
  }
527
- .Avatar-module__hop-Avatar--md___kS3ss {
598
+ .Avatar-module__hop-Avatar--md___ZKXaB {
528
599
  --size: var(--hop-Avatar-md-size);
529
600
  }
530
- .Avatar-module__hop-Avatar--lg___gjqxK {
601
+ .Avatar-module__hop-Avatar--lg___1aVAg {
531
602
  --size: var(--hop-Avatar-lg-size);
532
603
  }
533
- .Avatar-module__hop-Avatar--xl___Pyynt {
604
+ .Avatar-module__hop-Avatar--xl___OGORu {
534
605
  --size: var(--hop-Avatar-xl-size);
535
606
  }
536
- .Avatar-module__hop-Avatar--2xl___L9LKX {
607
+ .Avatar-module__hop-Avatar--2xl___IihrO {
537
608
  --size: var(--hop-Avatar-2xl-size);
538
609
  }
539
- .Avatar-module__hop-Avatar--decorative-option1___G27ag {
610
+ .Avatar-module__hop-Avatar--decorative-option1___r8yYu {
540
611
  --background-color: var(--hop-Avatar-decorative-1-background-color);
541
612
  --text-color: var(--hop-Avatar-decorative-1-text-color);
542
613
  }
543
- .Avatar-module__hop-Avatar--decorative-option2___nRYtl {
614
+ .Avatar-module__hop-Avatar--decorative-option2___QeM5w {
544
615
  --background-color: var(--hop-Avatar-decorative-2-background-color);
545
616
  --text-color: var(--hop-Avatar-decorative-2-text-color);
546
617
  }
547
- .Avatar-module__hop-Avatar--decorative-option3___YIsiX {
618
+ .Avatar-module__hop-Avatar--decorative-option3___nsycG {
548
619
  --background-color: var(--hop-Avatar-decorative-3-background-color);
549
620
  --text-color: var(--hop-Avatar-decorative-3-text-color);
550
621
  }
551
- .Avatar-module__hop-Avatar--decorative-option4___6LeoD {
622
+ .Avatar-module__hop-Avatar--decorative-option4___uBdkS {
552
623
  --background-color: var(--hop-Avatar-decorative-4-background-color);
553
624
  --text-color: var(--hop-Avatar-decorative-4-text-color);
554
625
  }
555
- .Avatar-module__hop-Avatar--decorative-option5___B92oN {
626
+ .Avatar-module__hop-Avatar--decorative-option5___VYfAD {
556
627
  --background-color: var(--hop-Avatar-decorative-5-background-color);
557
628
  --text-color: var(--hop-Avatar-decorative-5-text-color);
558
629
  }
559
- .Avatar-module__hop-Avatar--decorative-option6___xfeoB {
630
+ .Avatar-module__hop-Avatar--decorative-option6___hSbrh {
560
631
  --background-color: var(--hop-Avatar-decorative-6-background-color);
561
632
  --text-color: var(--hop-Avatar-decorative-6-text-color);
562
633
  }
563
- .Avatar-module__hop-Avatar--decorative-option7___XIlFt {
634
+ .Avatar-module__hop-Avatar--decorative-option7___yTTZQ {
564
635
  --background-color: var(--hop-Avatar-decorative-7-background-color);
565
636
  --text-color: var(--hop-Avatar-decorative-7-text-color);
566
637
  }
567
- .Avatar-module__hop-Avatar--decorative-option8___v9I39 {
638
+ .Avatar-module__hop-Avatar--decorative-option8___Ye64F {
568
639
  --background-color: var(--hop-Avatar-decorative-8-background-color);
569
640
  --text-color: var(--hop-Avatar-decorative-8-text-color);
570
641
  }
571
- .Avatar-module__hop-Avatar--decorative-option9___thark {
642
+ .Avatar-module__hop-Avatar--decorative-option9___U63SX {
572
643
  --background-color: var(--hop-Avatar-decorative-9-background-color);
573
644
  --text-color: var(--hop-Avatar-decorative-9-text-color);
574
645
  }
575
- .Avatar-module__hop-Avatar___wvVPM[data-disabled] {
646
+ .Avatar-module__hop-Avatar___5sKQo[data-disabled] {
576
647
  --background-color: var(--hop-Avatar-background-color-disabled);
577
648
  --text-color: var(--hop-Avatar-text-color-disabled);
578
649
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
579
650
  isolation: isolate;
580
651
  }
581
- .Avatar-module__hop-Avatar__image___W02lq {
652
+ .Avatar-module__hop-Avatar__image___wmX-V {
582
653
  position: relative;
583
654
  display: block;
584
655
  box-sizing: border-box;
@@ -589,7 +660,7 @@
589
660
  }
590
661
 
591
662
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
592
- .IconList-module__hop-IconList___j6yB2 {
663
+ .IconList-module__hop-IconList___twZdn {
593
664
  --hop-IconList-gap: var(--hop-space-inline-xs);
594
665
  display: flex;
595
666
  flex-wrap: wrap;
@@ -598,7 +669,7 @@
598
669
  }
599
670
 
600
671
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
601
- .Checkbox-module__hop-Checkbox___mAL3I {
672
+ .Checkbox-module__hop-Checkbox___ftNKr {
602
673
  --hop-Checkbox-box-border-size: 0.0625rem;
603
674
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
604
675
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -673,60 +744,60 @@
673
744
  inline-size: max-content;
674
745
  max-inline-size: 100%;
675
746
  }
676
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
747
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
677
748
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
678
749
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
679
750
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
680
751
  --text-color: var(--hop-Checkbox-text-color-focused);
681
752
  --icon-color: var(--hop-Checkbox-icon-color-focused);
682
753
  }
683
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
754
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
684
755
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
685
756
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
686
757
  --text-color: var(--hop-Checkbox-text-color-hovered);
687
758
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
688
759
  }
689
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
760
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
690
761
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
691
762
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
692
763
  --text-color: var(--hop-Checkbox-text-color-pressed);
693
764
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
694
765
  }
695
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
766
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
696
767
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
697
768
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
698
769
  --check-display: var(--hop-Checkbox-check-display-selected);
699
770
  --text-color: var(--hop-Checkbox-text-color-selected);
700
771
  --icon-color: var(--hop-Checkbox-icon-color-selected);
701
772
  }
702
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
773
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
703
774
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
704
775
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
705
776
  --check-color: var(--hop-Checkbox-check-color-invalid);
706
777
  --text-color: var(--hop-Checkbox-text-color-invalid);
707
778
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
708
779
  }
709
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
780
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
710
781
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
711
782
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
712
783
  }
713
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
784
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
714
785
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
715
786
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
716
787
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
717
788
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
718
789
  }
719
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
790
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
720
791
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
721
792
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
722
793
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
723
794
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
724
795
  }
725
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
796
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
726
797
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
727
798
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
728
799
  }
729
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
800
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
730
801
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
731
802
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
732
803
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -734,25 +805,25 @@
734
805
  --text-color: var(--hop-Checkbox-text-color-disabled);
735
806
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
736
807
  }
737
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
808
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
738
809
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
739
810
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
740
811
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
741
812
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
742
813
  }
743
- .Checkbox-module__hop-Checkbox--md___jhSti {
814
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
744
815
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
745
816
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
746
817
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
747
818
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
748
819
  }
749
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
750
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
820
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
821
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
751
822
  flex: 0 0 auto;
752
823
  order: 3;
753
824
  color: var(--icon-color);
754
825
  }
755
- .Checkbox-module__hop-Checkbox__box___S46JE {
826
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
756
827
  display: flex;
757
828
  flex: 0 0 auto;
758
829
  align-items: center;
@@ -768,11 +839,11 @@
768
839
  outline-offset: 0.125rem;
769
840
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
770
841
  }
771
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
842
+ .Checkbox-module__hop-Checkbox__check___6akLc {
772
843
  display: var(--check-display);
773
844
  color: var(--check-color);
774
845
  }
775
- .Checkbox-module__hop-Checkbox__text___qP2jS {
846
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
776
847
  flex: 0 1 auto;
777
848
  order: 2;
778
849
  min-inline-size: 0;
@@ -782,7 +853,7 @@
782
853
  }
783
854
 
784
855
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
785
- .CheckboxField-module__hop-CheckboxField___dJieE {
856
+ .CheckboxField-module__hop-CheckboxField___Qvdoz {
786
857
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
787
858
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
788
859
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -801,47 +872,28 @@
801
872
  inline-size: max-content;
802
873
  max-inline-size: 100%;
803
874
  }
804
- .CheckboxField-module__hop-CheckboxField___dJieE[data-disabled] {
875
+ .CheckboxField-module__hop-CheckboxField___Qvdoz[data-disabled] {
805
876
  --description-color: var(--hop-CheckboxField-description-color-disabled);
806
877
  }
807
- .CheckboxField-module__hop-CheckboxField--sm___1EbWC {
878
+ .CheckboxField-module__hop-CheckboxField--sm___4TFIz {
808
879
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
809
880
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
810
881
  }
811
- .CheckboxField-module__hop-CheckboxField--md___vR14U {
882
+ .CheckboxField-module__hop-CheckboxField--md___4nlaD {
812
883
  --row-gap: var(--hop-CheckboxField-md-row-gap);
813
884
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
814
885
  }
815
- .CheckboxField-module__hop-CheckboxField__description___P-5jZ {
886
+ .CheckboxField-module__hop-CheckboxField__description___t1Ev0 {
816
887
  order: 2;
817
888
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
818
889
  color: var(--description-color);
819
890
  }
820
- .CheckboxField-module__hop-CheckboxField__checkbox___fIXTk {
891
+ .CheckboxField-module__hop-CheckboxField__checkbox___tWVL4 {
821
892
  order: 1;
822
893
  }
823
894
 
824
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
825
- .Label-module__hop-Label___EE-2i {
826
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
827
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
828
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
829
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
830
- --hop-Label-color: var(--hop-neutral-text-weak);
831
- }
832
- :where(.Label-module__hop-Label___EE-2i) {
833
- font-family: var(--hop-Label-font-family);
834
- font-size: var(--hop-Label-font-size);
835
- font-weight: var(--hop-Label-font-weight);
836
- line-height: var(--hop-Label-line-height);
837
- color: var(--hop-Label-color);
838
- }
839
- :where(.Label-module__hop-Label__indicator___QZV-x) {
840
- padding-inline-start: var(--hop-space-20);
841
- }
842
-
843
895
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
844
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa {
896
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f {
845
897
  --hop-CheckboxGroup-align-items: flex-start;
846
898
  --hop-CheckboxGroup-justify-content: flex-start;
847
899
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -880,46 +932,46 @@
880
932
  inline-size: max-content;
881
933
  max-inline-size: 100%;
882
934
  }
883
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 {
935
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD {
884
936
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
885
937
  --list-border-radius: var(--hop-shape-rounded-md);
886
938
  }
887
- .CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
939
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
888
940
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
889
941
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
890
942
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
891
943
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
892
944
  }
893
- .CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
945
+ .CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
894
946
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
895
947
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
896
948
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
897
949
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
898
950
  }
899
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
951
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
900
952
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
901
953
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
902
954
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
903
955
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
904
956
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
905
957
  }
906
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
958
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
907
959
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
908
960
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
909
961
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
910
962
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
911
963
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
912
964
  }
913
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa[data-orientation=horizontal] {
965
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f[data-orientation=horizontal] {
914
966
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
915
967
  }
916
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] {
968
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] {
917
969
  --flex-wrap: nowrap;
918
970
  }
919
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j {
971
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
920
972
  order: 1;
921
973
  }
922
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O {
974
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn {
923
975
  display: flex;
924
976
  flex-flow: var(--flex-direction) var(--flex-wrap);
925
977
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -930,7 +982,7 @@
930
982
  border: var(--list-border, none);
931
983
  border-radius: var(--list-border-radius, 0);
932
984
  }
933
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL {
985
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 {
934
986
  position: relative;
935
987
  flex: 0 1 auto;
936
988
  align-content: start;
@@ -938,28 +990,28 @@
938
990
  min-inline-size: 0;
939
991
  padding: var(--checkbox-padding, 0);
940
992
  }
941
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
993
+ .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 {
942
994
  content: "";
943
995
  position: absolute;
944
996
  display: block;
945
997
  }
946
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
998
+ .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 {
947
999
  inset-block-start: 0;
948
1000
  inset-inline: 0;
949
1001
  border-block-start: var(--list-border, none);
950
1002
  }
951
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1003
+ .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 {
952
1004
  inset-block: 0;
953
1005
  inset-inline-start: 0;
954
1006
  border-inline-start: var(--list-border, none);
955
1007
  }
956
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj,
957
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d {
1008
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z,
1009
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ- {
958
1010
  order: 3;
959
1011
  }
960
1012
 
961
1013
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
962
- .Checkbox-module__hop-Checkbox___mAL3I {
1014
+ .Checkbox-module__hop-Checkbox___ftNKr {
963
1015
  --hop-Checkbox-box-border-size: 0.0625rem;
964
1016
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
965
1017
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1034,60 +1086,60 @@
1034
1086
  inline-size: max-content;
1035
1087
  max-inline-size: 100%;
1036
1088
  }
1037
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
1089
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1038
1090
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1039
1091
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1040
1092
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1041
1093
  --text-color: var(--hop-Checkbox-text-color-focused);
1042
1094
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1043
1095
  }
1044
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
1096
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
1045
1097
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1046
1098
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1047
1099
  --text-color: var(--hop-Checkbox-text-color-hovered);
1048
1100
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1049
1101
  }
1050
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
1102
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
1051
1103
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1052
1104
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1053
1105
  --text-color: var(--hop-Checkbox-text-color-pressed);
1054
1106
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1055
1107
  }
1056
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
1108
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
1057
1109
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1058
1110
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1059
1111
  --check-display: var(--hop-Checkbox-check-display-selected);
1060
1112
  --text-color: var(--hop-Checkbox-text-color-selected);
1061
1113
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1062
1114
  }
1063
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
1115
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
1064
1116
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1065
1117
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1066
1118
  --check-color: var(--hop-Checkbox-check-color-invalid);
1067
1119
  --text-color: var(--hop-Checkbox-text-color-invalid);
1068
1120
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1069
1121
  }
1070
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
1122
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
1071
1123
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1072
1124
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1073
1125
  }
1074
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
1126
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
1075
1127
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1076
1128
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1077
1129
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1078
1130
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1079
1131
  }
1080
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
1132
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
1081
1133
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1082
1134
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1083
1135
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1084
1136
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1085
1137
  }
1086
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
1138
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
1087
1139
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1088
1140
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1089
1141
  }
1090
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
1142
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
1091
1143
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1092
1144
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1093
1145
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1095,25 +1147,25 @@
1095
1147
  --text-color: var(--hop-Checkbox-text-color-disabled);
1096
1148
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1097
1149
  }
1098
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
1150
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
1099
1151
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1100
1152
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1101
1153
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1102
1154
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1103
1155
  }
1104
- .Checkbox-module__hop-Checkbox--md___jhSti {
1156
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
1105
1157
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1106
1158
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1107
1159
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1108
1160
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1109
1161
  }
1110
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
1111
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
1162
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
1163
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
1112
1164
  flex: 0 0 auto;
1113
1165
  order: 3;
1114
1166
  color: var(--icon-color);
1115
1167
  }
1116
- .Checkbox-module__hop-Checkbox__box___S46JE {
1168
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
1117
1169
  display: flex;
1118
1170
  flex: 0 0 auto;
1119
1171
  align-items: center;
@@ -1129,11 +1181,11 @@
1129
1181
  outline-offset: 0.125rem;
1130
1182
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1131
1183
  }
1132
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
1184
+ .Checkbox-module__hop-Checkbox__check___6akLc {
1133
1185
  display: var(--check-display);
1134
1186
  color: var(--check-color);
1135
1187
  }
1136
- .Checkbox-module__hop-Checkbox__text___qP2jS {
1188
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
1137
1189
  flex: 0 1 auto;
1138
1190
  order: 2;
1139
1191
  min-inline-size: 0;
@@ -1141,24 +1193,24 @@
1141
1193
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1142
1194
  color: var(--text-color);
1143
1195
  }
1144
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ISCAP {
1196
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy {
1145
1197
  }
1146
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz {
1198
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
1147
1199
  }
1148
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS {
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
1149
1201
  }
1150
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT,
1151
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
1203
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
1152
1204
  }
1153
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS {
1205
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
1154
1206
  }
1155
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW {
1207
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
1156
1208
  }
1157
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N {
1209
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- {
1158
1210
  }
1159
1211
 
1160
1212
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1161
- .Radio-module__hop-Radio___5q4dw {
1213
+ .Radio-module__hop-Radio___mjGTL {
1162
1214
  --hop-Radio-box-border-size: 0.0625rem;
1163
1215
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1164
1216
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1232,60 +1284,60 @@
1232
1284
  inline-size: max-content;
1233
1285
  max-inline-size: 100%;
1234
1286
  }
1235
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
1287
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
1236
1288
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1237
1289
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1238
1290
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1239
1291
  --text-color: var(--hop-Radio-text-color-focused);
1240
1292
  --icon-color: var(--hop-Radio-icon-color-focused);
1241
1293
  }
1242
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
1294
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
1243
1295
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1244
1296
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1245
1297
  --text-color: var(--hop-Radio-text-color-hovered);
1246
1298
  --icon-color: var(--hop-Radio-icon-color-hovered);
1247
1299
  }
1248
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
1300
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
1249
1301
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1250
1302
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1251
1303
  --text-color: var(--hop-Radio-text-color-pressed);
1252
1304
  --icon-color: var(--hop-Radio-icon-color-pressed);
1253
1305
  }
1254
- .Radio-module__hop-Radio___5q4dw[data-selected] {
1306
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
1255
1307
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1256
1308
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1257
1309
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1258
1310
  --text-color: var(--hop-Radio-text-color-selected);
1259
1311
  --icon-color: var(--hop-Radio-icon-color-selected);
1260
1312
  }
1261
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
1313
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
1262
1314
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1263
1315
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1264
1316
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1265
1317
  --text-color: var(--hop-Radio-text-color-invalid);
1266
1318
  --icon-color: var(--hop-Radio-icon-color-invalid);
1267
1319
  }
1268
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
1320
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
1269
1321
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1270
1322
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1271
1323
  }
1272
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
1324
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
1273
1325
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1274
1326
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1275
1327
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1276
1328
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1277
1329
  }
1278
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
1330
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
1279
1331
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1280
1332
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1281
1333
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1282
1334
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1283
1335
  }
1284
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
1336
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
1285
1337
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1286
1338
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1287
1339
  }
1288
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
1340
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
1289
1341
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1290
1342
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1291
1343
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1293,25 +1345,25 @@
1293
1345
  --text-color: var(--hop-Radio-text-color-disabled);
1294
1346
  --icon-color: var(--hop-Radio-icon-color-disabled);
1295
1347
  }
1296
- .Radio-module__hop-Radio--sm___4LYS8 {
1348
+ .Radio-module__hop-Radio--sm___yl7Uc {
1297
1349
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1298
1350
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1299
1351
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1300
1352
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1301
1353
  }
1302
- .Radio-module__hop-Radio--md___As58o {
1354
+ .Radio-module__hop-Radio--md___Umq9X {
1303
1355
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1304
1356
  --box-block-size: var(--hop-Radio-box-md-block-size);
1305
1357
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1306
1358
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1307
1359
  }
1308
- .Radio-module__hop-Radio__icon___KdTxL,
1309
- .Radio-module__hop-Radio__icon-list___4rAJh {
1360
+ .Radio-module__hop-Radio__icon___umH4r,
1361
+ .Radio-module__hop-Radio__icon-list___x6UXM {
1310
1362
  flex: 0 0 auto;
1311
1363
  order: 3;
1312
1364
  color: var(--icon-color);
1313
1365
  }
1314
- .Radio-module__hop-Radio__box___RRBuh {
1366
+ .Radio-module__hop-Radio__box___5S65W {
1315
1367
  display: flex;
1316
1368
  flex: 0 0 auto;
1317
1369
  align-items: center;
@@ -1327,11 +1379,11 @@
1327
1379
  outline-offset: 0.125rem;
1328
1380
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1329
1381
  }
1330
- .Radio-module__hop-Radio__bullet___BZw7q {
1382
+ .Radio-module__hop-Radio__bullet___9Zldv {
1331
1383
  display: var(--bullet-display);
1332
1384
  color: var(--bullet-color);
1333
1385
  }
1334
- .Radio-module__hop-Radio__text___Q7Ytg {
1386
+ .Radio-module__hop-Radio__text___Jw3rk {
1335
1387
  flex: 0 1 auto;
1336
1388
  order: 2;
1337
1389
  min-inline-size: 0;
@@ -1341,7 +1393,7 @@
1341
1393
  }
1342
1394
 
1343
1395
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1344
- .RadioField-module__hop-RadioField___A5OEY {
1396
+ .RadioField-module__hop-RadioField___y405X {
1345
1397
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1346
1398
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1347
1399
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1360,28 +1412,28 @@
1360
1412
  inline-size: max-content;
1361
1413
  max-inline-size: 100%;
1362
1414
  }
1363
- .RadioField-module__hop-RadioField___A5OEY[data-disabled] {
1415
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
1364
1416
  --description-color: var(--hop-RadioField-description-color-disabled);
1365
1417
  }
1366
- .RadioField-module__hop-RadioField--sm___08VGE {
1418
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
1367
1419
  --row-gap: var(--hop-RadioField-sm-row-gap);
1368
1420
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1369
1421
  }
1370
- .RadioField-module__hop-RadioField--md___-4aoZ {
1422
+ .RadioField-module__hop-RadioField--md___-TjKd {
1371
1423
  --row-gap: var(--hop-RadioField-md-row-gap);
1372
1424
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1373
1425
  }
1374
- .RadioField-module__hop-RadioField__description___5EvIt {
1426
+ .RadioField-module__hop-RadioField__description___1rQov {
1375
1427
  order: 2;
1376
1428
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1377
1429
  color: var(--description-color);
1378
1430
  }
1379
- .RadioField-module__hop-RadioField__radio___lMDuc {
1431
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
1380
1432
  order: 1;
1381
1433
  }
1382
1434
 
1383
1435
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1384
- .RadioGroup-module__hop-RadioGroup___ByriM {
1436
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
1385
1437
  --hop-RadioGroup-align-items: flex-start;
1386
1438
  --hop-RadioGroup-justify-content: flex-start;
1387
1439
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1421,46 +1473,46 @@
1421
1473
  inline-size: var(--inline-size);
1422
1474
  max-inline-size: 100%;
1423
1475
  }
1424
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR {
1476
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
1425
1477
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1426
1478
  --list-border-radius: var(--hop-shape-rounded-md);
1427
1479
  }
1428
- .RadioGroup-module__hop-RadioGroup--sm___wPypQ {
1480
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
1429
1481
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1430
1482
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1431
1483
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1432
1484
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1433
1485
  }
1434
- .RadioGroup-module__hop-RadioGroup--md___uVawW {
1486
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
1435
1487
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1436
1488
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1437
1489
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1438
1490
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1439
1491
  }
1440
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
1492
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
1441
1493
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1442
1494
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1443
1495
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1444
1496
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1445
1497
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1446
1498
  }
1447
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--md___uVawW {
1499
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
1448
1500
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1449
1501
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1450
1502
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1451
1503
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1452
1504
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1453
1505
  }
1454
- .RadioGroup-module__hop-RadioGroup___ByriM[data-orientation=horizontal] {
1506
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
1455
1507
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1456
1508
  }
1457
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] {
1509
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
1458
1510
  --flex-wrap: nowrap;
1459
1511
  }
1460
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__label___ieR7x {
1512
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
1461
1513
  order: 1;
1462
1514
  }
1463
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 {
1515
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
1464
1516
  display: flex;
1465
1517
  flex-flow: var(--flex-direction) var(--flex-wrap);
1466
1518
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1471,7 +1523,7 @@
1471
1523
  border: var(--list-border, none);
1472
1524
  border-radius: var(--list-border-radius, 0);
1473
1525
  }
1474
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ {
1526
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
1475
1527
  position: relative;
1476
1528
  flex: 0 1 auto;
1477
1529
  align-content: start;
@@ -1479,28 +1531,28 @@
1479
1531
  min-inline-size: 0;
1480
1532
  padding: var(--radio-padding, 0);
1481
1533
  }
1482
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
1534
+ .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 {
1483
1535
  content: "";
1484
1536
  position: absolute;
1485
1537
  display: block;
1486
1538
  }
1487
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
1539
+ .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 {
1488
1540
  inset-block-start: 0;
1489
1541
  inset-inline: 0;
1490
1542
  border-block-start: var(--list-border, none);
1491
1543
  }
1492
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ ~ .RadioGroup-module__hop-RadioGroup__radio___m6LmJ::before {
1544
+ .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 {
1493
1545
  inset-block: 0;
1494
1546
  inset-inline-start: 0;
1495
1547
  border-inline-start: var(--list-border, none);
1496
1548
  }
1497
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__error-message___QtRJp,
1498
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__helper-message___CHWOA {
1549
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
1550
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
1499
1551
  order: 3;
1500
1552
  }
1501
1553
 
1502
1554
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1503
- .Radio-module__hop-Radio___5q4dw {
1555
+ .Radio-module__hop-Radio___mjGTL {
1504
1556
  --hop-Radio-box-border-size: 0.0625rem;
1505
1557
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1506
1558
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1574,60 +1626,60 @@
1574
1626
  inline-size: max-content;
1575
1627
  max-inline-size: 100%;
1576
1628
  }
1577
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
1629
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
1578
1630
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1579
1631
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1580
1632
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1581
1633
  --text-color: var(--hop-Radio-text-color-focused);
1582
1634
  --icon-color: var(--hop-Radio-icon-color-focused);
1583
1635
  }
1584
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
1636
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
1585
1637
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1586
1638
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1587
1639
  --text-color: var(--hop-Radio-text-color-hovered);
1588
1640
  --icon-color: var(--hop-Radio-icon-color-hovered);
1589
1641
  }
1590
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
1642
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
1591
1643
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1592
1644
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1593
1645
  --text-color: var(--hop-Radio-text-color-pressed);
1594
1646
  --icon-color: var(--hop-Radio-icon-color-pressed);
1595
1647
  }
1596
- .Radio-module__hop-Radio___5q4dw[data-selected] {
1648
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
1597
1649
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1598
1650
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1599
1651
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1600
1652
  --text-color: var(--hop-Radio-text-color-selected);
1601
1653
  --icon-color: var(--hop-Radio-icon-color-selected);
1602
1654
  }
1603
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
1655
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
1604
1656
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1605
1657
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1606
1658
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1607
1659
  --text-color: var(--hop-Radio-text-color-invalid);
1608
1660
  --icon-color: var(--hop-Radio-icon-color-invalid);
1609
1661
  }
1610
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
1662
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
1611
1663
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1612
1664
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1613
1665
  }
1614
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
1666
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
1615
1667
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1616
1668
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1617
1669
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1618
1670
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1619
1671
  }
1620
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
1672
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
1621
1673
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1622
1674
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1623
1675
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1624
1676
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1625
1677
  }
1626
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
1678
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
1627
1679
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1628
1680
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1629
1681
  }
1630
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
1682
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
1631
1683
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1632
1684
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1633
1685
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1635,25 +1687,25 @@
1635
1687
  --text-color: var(--hop-Radio-text-color-disabled);
1636
1688
  --icon-color: var(--hop-Radio-icon-color-disabled);
1637
1689
  }
1638
- .Radio-module__hop-Radio--sm___4LYS8 {
1690
+ .Radio-module__hop-Radio--sm___yl7Uc {
1639
1691
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1640
1692
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1641
1693
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1642
1694
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1643
1695
  }
1644
- .Radio-module__hop-Radio--md___As58o {
1696
+ .Radio-module__hop-Radio--md___Umq9X {
1645
1697
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1646
1698
  --box-block-size: var(--hop-Radio-box-md-block-size);
1647
1699
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1648
1700
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1649
1701
  }
1650
- .Radio-module__hop-Radio__icon___KdTxL,
1651
- .Radio-module__hop-Radio__icon-list___4rAJh {
1702
+ .Radio-module__hop-Radio__icon___umH4r,
1703
+ .Radio-module__hop-Radio__icon-list___x6UXM {
1652
1704
  flex: 0 0 auto;
1653
1705
  order: 3;
1654
1706
  color: var(--icon-color);
1655
1707
  }
1656
- .Radio-module__hop-Radio__box___RRBuh {
1708
+ .Radio-module__hop-Radio__box___5S65W {
1657
1709
  display: flex;
1658
1710
  flex: 0 0 auto;
1659
1711
  align-items: center;
@@ -1669,11 +1721,11 @@
1669
1721
  outline-offset: 0.125rem;
1670
1722
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1671
1723
  }
1672
- .Radio-module__hop-Radio__bullet___BZw7q {
1724
+ .Radio-module__hop-Radio__bullet___9Zldv {
1673
1725
  display: var(--bullet-display);
1674
1726
  color: var(--bullet-color);
1675
1727
  }
1676
- .Radio-module__hop-Radio__text___Q7Ytg {
1728
+ .Radio-module__hop-Radio__text___Jw3rk {
1677
1729
  flex: 0 1 auto;
1678
1730
  order: 2;
1679
1731
  min-inline-size: 0;
@@ -1681,24 +1733,24 @@
1681
1733
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1682
1734
  color: var(--text-color);
1683
1735
  }
1684
- .DecorativeRadio-module__hop-DecorativeRadio___xR3qR {
1736
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
1685
1737
  }
1686
- .DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 {
1738
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
1687
1739
  }
1688
- .DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE {
1740
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
1689
1741
  }
1690
- .DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5,
1691
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP {
1742
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
1743
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
1692
1744
  }
1693
- .DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C {
1745
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
1694
1746
  }
1695
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA {
1747
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
1696
1748
  }
1697
- .DecorativeRadio-module__hop-DecorativeRadio__text___guri5 {
1749
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
1698
1750
  }
1699
1751
 
1700
1752
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1701
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Arx5F {
1753
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
1702
1754
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1703
1755
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1704
1756
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1724,7 +1776,7 @@
1724
1776
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1725
1777
  background-size: 400% 100%;
1726
1778
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1727
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs;
1779
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
1728
1780
  animation-duration: var(--animation-duration);
1729
1781
  animation-timing-function: ease-in-out;
1730
1782
  animation-fill-mode: forwards;
@@ -1733,19 +1785,19 @@
1733
1785
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1734
1786
  }
1735
1787
  }
1736
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW {
1788
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
1737
1789
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1738
1790
  }
1739
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
1740
1792
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1741
1793
  }
1742
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
1743
1795
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1744
1796
  }
1745
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52 {
1797
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
1746
1798
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1747
1799
  }
1748
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs {
1800
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
1749
1801
  0% {
1750
1802
  background-position: 125% 50%;
1751
1803
  }
@@ -1755,7 +1807,7 @@
1755
1807
  }
1756
1808
 
1757
1809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1758
- .ListBoxItem-module__hop-ListBoxItem___EKD3- {
1810
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
1759
1811
  --hop-ListBoxItem-background-color: transparent;
1760
1812
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1761
1813
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1852,129 +1904,129 @@
1852
1904
  outline: var(--outline);
1853
1905
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1854
1906
  }
1855
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN {
1907
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
1856
1908
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1857
1909
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1858
1910
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1859
1911
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1860
1912
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1861
1913
  }
1862
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY {
1914
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
1863
1915
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1864
1916
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1865
1917
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1866
1918
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1867
1919
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1868
1920
  }
1869
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L {
1921
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
1870
1922
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1871
1923
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1872
1924
  --min-height: var(--hop-ListBoxItem-md-min-height);
1873
1925
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1874
1926
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1875
1927
  }
1876
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg- {
1928
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
1877
1929
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1878
1930
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1879
1931
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1880
1932
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1881
1933
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1882
1934
  }
1883
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selection-mode] {
1935
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
1884
1936
  --cursor: pointer;
1885
1937
  }
1886
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:not([data-selection-mode]) {
1938
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
1887
1939
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1888
1940
  }
1889
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
1941
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
1890
1942
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1891
1943
  }
1892
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
1944
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
1893
1945
  --checkmark-transition: none;
1894
1946
  }
1895
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selected] {
1947
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
1896
1948
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1897
1949
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1898
1950
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1899
1951
  --checkmark-opacity: 1;
1900
1952
  }
1901
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN[data-selected] {
1953
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
1902
1954
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1903
1955
  }
1904
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY[data-selected] {
1956
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
1905
1957
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1906
1958
  }
1907
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L[data-selected] {
1959
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
1908
1960
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1909
1961
  }
1910
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg-[data-selected] {
1962
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
1911
1963
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1912
1964
  }
1913
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-focus-visible] {
1965
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
1914
1966
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1915
1967
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1916
1968
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1917
1969
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1918
1970
  }
1919
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-hovered] {
1971
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
1920
1972
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1921
1973
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1922
1974
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1923
1975
  }
1924
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-pressed] {
1976
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
1925
1977
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1926
1978
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1927
1979
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1928
1980
  }
1929
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-disabled] {
1981
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
1930
1982
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1931
1983
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1932
1984
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1933
1985
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1934
1986
  --cursor: not-allowed;
1935
1987
  }
1936
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid] {
1988
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
1937
1989
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1938
1990
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1939
1991
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1940
1992
  }
1941
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-selected] {
1993
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
1942
1994
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1943
1995
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1944
1996
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1945
1997
  }
1946
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-focus-visible] {
1998
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
1947
1999
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1948
2000
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1949
2001
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1950
2002
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1951
2003
  }
1952
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-hovered] {
2004
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
1953
2005
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1954
2006
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1955
2007
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1956
2008
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1957
2009
  }
1958
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-pressed] {
2010
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
1959
2011
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1960
2012
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1961
2013
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1962
2014
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1963
2015
  }
1964
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-disabled] {
2016
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
1965
2017
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1966
2018
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1967
2019
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1968
2020
  }
1969
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:has(.ListBoxItem-module__hop-ListBoxItem__description___6SsEU) {
2021
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
1970
2022
  --row-gap: var(--hop-ListBoxItem-row-gap);
1971
2023
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1972
2024
  }
1973
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-loading] {
2025
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
1974
2026
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1975
2027
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1976
2028
  }
1977
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p {
2029
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
1978
2030
  display: grid;
1979
2031
  grid-template-areas: var(--grid-template-areas);
1980
2032
  grid-template-columns: var(--grid-template-columns);
@@ -1986,33 +2038,33 @@
1986
2038
  padding-inline: var(--padding-inline);
1987
2039
  transition: grid-template-columns .3s ease-in-out;
1988
2040
  }
1989
- .ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8 {
2041
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
1990
2042
  grid-area: indicator;
1991
2043
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1992
2044
  color: var(--icon-color);
1993
2045
  opacity: var(--checkmark-opacity);
1994
2046
  transition: var(--checkmark-transition);
1995
2047
  }
1996
- .ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk,
1997
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw {
2048
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
2049
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
1998
2050
  pointer-events: none;
1999
2051
  user-select: none;
2000
2052
  grid-area: indicator;
2001
2053
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2002
2054
  }
2003
- .ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ {
2055
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
2004
2056
  grid-area: avatar;
2005
2057
  margin-block: var(--avatar-margin-block, 0);
2006
2058
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2007
2059
  }
2008
- .ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-,
2009
- .ListBoxItem-module__hop-ListBoxItem__icon___gRpdF {
2060
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
2061
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
2010
2062
  grid-area: icon;
2011
2063
  flex: 0 0 auto;
2012
2064
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2013
2065
  color: var(--icon-color);
2014
2066
  }
2015
- .ListBoxItem-module__hop-ListBoxItem__label___46Wdm {
2067
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
2016
2068
  overflow: hidden;
2017
2069
  grid-area: label;
2018
2070
  min-inline-size: 0;
@@ -2020,18 +2072,18 @@
2020
2072
  text-overflow: ellipsis;
2021
2073
  white-space: nowrap;
2022
2074
  }
2023
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws,
2024
- .ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc {
2075
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
2076
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
2025
2077
  grid-area: end-icon;
2026
2078
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2027
2079
  color: var(--icon-color);
2028
2080
  }
2029
- .ListBoxItem-module__hop-ListBoxItem__badge___3pjXI {
2081
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
2030
2082
  grid-area: badge;
2031
2083
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2032
2084
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2033
2085
  }
2034
- .ListBoxItem-module__hop-ListBoxItem__description___6SsEU {
2086
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
2035
2087
  overflow: hidden;
2036
2088
  display: -webkit-box;
2037
2089
  grid-area: description;
@@ -2042,7 +2094,7 @@
2042
2094
  }
2043
2095
 
2044
2096
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2045
- .ListBox-module__hop-ListBox___fCheu {
2097
+ .ListBox-module__hop-ListBox___emfw7 {
2046
2098
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2047
2099
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2048
2100
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2089,11 +2141,11 @@
2089
2141
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2090
2142
  border-radius: var(--hop-ListBox-border-radius);
2091
2143
  }
2092
- .ListBox-module__hop-ListBox--fluid___2fafn {
2144
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
2093
2145
  --max-width: var(--hop-ListBox-fluid-max-width);
2094
2146
  --width: var(--hop-ListBox-fluid-width);
2095
2147
  }
2096
- .ListBox-module__hop-ListBox__section___sIZIS {
2148
+ .ListBox-module__hop-ListBox__section___lzB6a {
2097
2149
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2098
2150
  margin-inline: var(--hop-ListBox-section-margin-inline);
2099
2151
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2101,21 +2153,21 @@
2101
2153
  border-block-start: var(--section-border-block-start);
2102
2154
  border-block-end: var(--section-border-block-end);
2103
2155
  }
2104
- .ListBox-module__hop-ListBox__item___4-Gsh + .ListBox-module__hop-ListBox__section___sIZIS {
2156
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
2105
2157
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2106
2158
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2107
2159
  }
2108
- .ListBox-module__hop-ListBox__section___sIZIS:has(+ .ListBox-module__hop-ListBox__item___4-Gsh) {
2160
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
2109
2161
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2110
2162
  }
2111
- .ListBox-module__hop-ListBox__section___sIZIS:first-child {
2163
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
2112
2164
  --section-padding-block-start: 0;
2113
2165
  }
2114
- .ListBox-module__hop-ListBox__section___sIZIS:last-child {
2166
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
2115
2167
  --section-padding-block-end: 0;
2116
2168
  --section-border-block-end: 0;
2117
2169
  }
2118
- .ListBox-module__hop-ListBox__section-header___1GilQ {
2170
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
2119
2171
  margin: 0;
2120
2172
  padding: var(--hop-ListBox-section-header-padding);
2121
2173
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2126,23 +2178,23 @@
2126
2178
  text-transform: var(--hop-ListBox-section-header-text-transform);
2127
2179
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2128
2180
  }
2129
- .ListBox-module__hop-ListBox__section-header___1GilQ::before,
2130
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
2181
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
2182
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
2131
2183
  content: "";
2132
2184
  display: block;
2133
2185
  box-sizing: border-box;
2134
2186
  inline-size: 0;
2135
2187
  block-size: 0;
2136
2188
  }
2137
- .ListBox-module__hop-ListBox__section-header___1GilQ::before {
2189
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
2138
2190
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2139
2191
  }
2140
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
2192
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
2141
2193
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2142
2194
  }
2143
2195
 
2144
2196
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
2145
- @keyframes Spinner-module__spin___-668d {
2197
+ @keyframes Spinner-module__spin___6LPFS {
2146
2198
  0% {
2147
2199
  transform: rotate(0deg);
2148
2200
  }
@@ -2150,7 +2202,7 @@
2150
2202
  transform: rotate(360deg);
2151
2203
  }
2152
2204
  }
2153
- .Spinner-module__hop-Spinner___-a1aU {
2205
+ .Spinner-module__hop-Spinner___mEPxX {
2154
2206
  --hop-Spinner-border-radius: var(--hop-shape-circle);
2155
2207
  --hop-Spinner-sm-wheel-size: 1rem;
2156
2208
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -2158,7 +2210,7 @@
2158
2210
  --hop-Spinner-track-width: 0.125rem;
2159
2211
  --hop-Spinner-track-opacity: 0.2;
2160
2212
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
2161
- --hop-Spinner-fill-animation: Spinner-module__spin___-668d .8s infinite linear;
2213
+ --hop-Spinner-fill-animation: Spinner-module__spin___6LPFS .8s infinite linear;
2162
2214
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
2163
2215
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
2164
2216
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -2169,19 +2221,19 @@
2169
2221
  align-items: center;
2170
2222
  box-sizing: border-box;
2171
2223
  }
2172
- .Spinner-module__hop-Spinner--sm___6be61 {
2224
+ .Spinner-module__hop-Spinner--sm___yTrSl {
2173
2225
  --width: var(--hop-Spinner-sm-wheel-size);
2174
2226
  --height: var(--hop-Spinner-sm-wheel-size);
2175
2227
  }
2176
- .Spinner-module__hop-Spinner--md___VLODL {
2228
+ .Spinner-module__hop-Spinner--md___tnCZQ {
2177
2229
  --width: var(--hop-Spinner-md-wheel-size);
2178
2230
  --height: var(--hop-Spinner-md-wheel-size);
2179
2231
  }
2180
- .Spinner-module__hop-Spinner--lg___40ZqO {
2232
+ .Spinner-module__hop-Spinner--lg___2X4so {
2181
2233
  --width: var(--hop-Spinner-lg-wheel-size);
2182
2234
  --height: var(--hop-Spinner-lg-wheel-size);
2183
2235
  }
2184
- .Spinner-module__hop-Spinner__track___plsYt {
2236
+ .Spinner-module__hop-Spinner__track___oxWCw {
2185
2237
  grid-area: spinner;
2186
2238
  box-sizing: border-box;
2187
2239
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2190,7 +2242,7 @@
2190
2242
  border: var(--hop-Spinner-track-border);
2191
2243
  border-radius: var(--hop-Spinner-border-radius);
2192
2244
  }
2193
- .Spinner-module__hop-Spinner__fill___S9ATX {
2245
+ .Spinner-module__hop-Spinner__fill___uPfid {
2194
2246
  grid-area: spinner;
2195
2247
  box-sizing: border-box;
2196
2248
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2201,17 +2253,17 @@
2201
2253
  animation: var(--hop-Spinner-fill-animation);
2202
2254
  }
2203
2255
  @media (prefers-reduced-motion: reduce) {
2204
- .Spinner-module__hop-Spinner__fill___S9ATX {
2256
+ .Spinner-module__hop-Spinner__fill___uPfid {
2205
2257
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
2206
2258
  }
2207
2259
  }
2208
- .Spinner-module__hop-Spinner__label___WoiYr {
2260
+ .Spinner-module__hop-Spinner__label___rDXkL {
2209
2261
  grid-area: label;
2210
2262
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
2211
2263
  }
2212
2264
 
2213
2265
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
2214
- .Button-module__hop-Button___2Nqnv {
2266
+ .Button-module__hop-Button___hJrlG {
2215
2267
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
2216
2268
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2217
2269
  --hop-Button-icon-only-padding: 0;
@@ -2370,317 +2422,317 @@
2370
2422
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2371
2423
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2372
2424
  }
2373
- .Button-module__hop-Button___2Nqnv[data-focus-visible] {
2425
+ .Button-module__hop-Button___hJrlG[data-focus-visible] {
2374
2426
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
2375
2427
  }
2376
- .Button-module__hop-Button--icon-only___b6HX4 {
2428
+ .Button-module__hop-Button--icon-only___FjUDk {
2377
2429
  --padding-block: var(--hop-Button-icon-only-padding);
2378
2430
  --padding-inline: var(--hop-Button-icon-only-padding);
2379
2431
  column-gap: 0;
2380
2432
  aspect-ratio: 1;
2381
2433
  }
2382
- .Button-module__hop-Button___2Nqnv[data-disabled],
2383
- .Button-module__hop-Button___2Nqnv[data-loading] {
2434
+ .Button-module__hop-Button___hJrlG[data-disabled],
2435
+ .Button-module__hop-Button___hJrlG[data-loading] {
2384
2436
  cursor: not-allowed;
2385
2437
  }
2386
- .Button-module__hop-Button--fluid___xvmay {
2438
+ .Button-module__hop-Button--fluid___zHyAn {
2387
2439
  --inline-size: 100%;
2388
2440
  }
2389
- .Button-module__hop-Button--sm___WquC- {
2441
+ .Button-module__hop-Button--sm___TjmEa {
2390
2442
  --block-size: var(--hop-Button-sm-height);
2391
2443
  }
2392
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
2444
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
2393
2445
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
2394
2446
  --padding-block: var(--hop-Button-primary-sm-padding-y);
2395
2447
  }
2396
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
2448
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
2397
2449
  --padding-inline: var(--hop-Button-primary-md-padding-x);
2398
2450
  --padding-block: var(--hop-Button-primary-md-padding-y);
2399
2451
  }
2400
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
2452
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
2401
2453
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
2402
2454
  --padding-block: var(--hop-Button-secondary-md-padding-y);
2403
2455
  }
2404
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
2456
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
2405
2457
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
2406
2458
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
2407
2459
  }
2408
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
2460
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
2409
2461
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
2410
2462
  --padding-block: var(--hop-Button-upsell-md-padding-y);
2411
2463
  }
2412
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
2464
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
2413
2465
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
2414
2466
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
2415
2467
  }
2416
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
2468
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
2417
2469
  --padding-inline: var(--hop-Button-danger-md-padding-x);
2418
2470
  --padding-block: var(--hop-Button-danger-md-padding-y);
2419
2471
  }
2420
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
2472
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
2421
2473
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
2422
2474
  --padding-block: var(--hop-Button-danger-sm-padding-y);
2423
2475
  }
2424
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
2476
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
2425
2477
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
2426
2478
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
2427
2479
  }
2428
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
2480
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
2429
2481
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
2430
2482
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
2431
2483
  }
2432
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
2484
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
2433
2485
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
2434
2486
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
2435
2487
  }
2436
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
2488
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
2437
2489
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
2438
2490
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
2439
2491
  }
2440
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
2492
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
2441
2493
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
2442
2494
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
2443
2495
  }
2444
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
2496
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
2445
2497
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
2446
2498
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
2447
2499
  }
2448
- .Button-module__hop-Button--primary___sY6d0 {
2500
+ .Button-module__hop-Button--primary___x2k3w {
2449
2501
  --background-color: var(--hop-Button-primary-background-color);
2450
2502
  --color: var(--hop-Button-primary-color);
2451
2503
  --border: var(--hop-Button-primary-border);
2452
2504
  --spinner-color: var(--hop-Button-primary-spinner-color);
2453
2505
  }
2454
- .Button-module__hop-Button--primary___sY6d0[data-disabled]:not([data-loading]) {
2506
+ .Button-module__hop-Button--primary___x2k3w[data-disabled]:not([data-loading]) {
2455
2507
  --background-color: var(--hop-Button-primary-background-color-disabled);
2456
2508
  --color: var(--hop-Button-primary-color-disabled);
2457
2509
  --border: var(--hop-Button-primary-border-disabled);
2458
2510
  }
2459
- .Button-module__hop-Button--primary___sY6d0[data-hovered]:not([data-disabled], [data-loading]),
2460
- .Button-module__hop-Button--primary___sY6d0[data-focus-visible]:not([data-disabled], [data-loading]) {
2511
+ .Button-module__hop-Button--primary___x2k3w[data-hovered]:not([data-disabled], [data-loading]),
2512
+ .Button-module__hop-Button--primary___x2k3w[data-focus-visible]:not([data-disabled], [data-loading]) {
2461
2513
  --background-color: var(--hop-Button-primary-background-color-hover);
2462
2514
  --color: var(--hop-Button-primary-color-hover);
2463
2515
  --border: var(--hop-Button-primary-border-hover);
2464
2516
  }
2465
- .Button-module__hop-Button--primary___sY6d0[data-pressed]:not([data-loading]) {
2517
+ .Button-module__hop-Button--primary___x2k3w[data-pressed]:not([data-loading]) {
2466
2518
  --background-color: var(--hop-Button-primary-background-color-pressed);
2467
2519
  --color: var(--hop-Button-primary-color-pressed);
2468
2520
  --border: var(--hop-Button-primary-border-pressed);
2469
2521
  }
2470
- .Button-module__hop-Button--secondary___pINK9 {
2522
+ .Button-module__hop-Button--secondary___ehb-w {
2471
2523
  --background-color: var(--hop-Button-secondary-background-color);
2472
2524
  --color: var(--hop-Button-secondary-color);
2473
2525
  --border: var(--hop-Button-secondary-border);
2474
2526
  --spinner-color: var(--hop-Button-secondary-spinner-color);
2475
2527
  }
2476
- .Button-module__hop-Button--secondary___pINK9[data-disabled]:not([data-loading]) {
2528
+ .Button-module__hop-Button--secondary___ehb-w[data-disabled]:not([data-loading]) {
2477
2529
  --background-color: var(--hop-Button-secondary-background-color-disabled);
2478
2530
  --color: var(--hop-Button-secondary-color-disabled);
2479
2531
  --border: var(--hop-Button-secondary-border-disabled);
2480
2532
  }
2481
- .Button-module__hop-Button--secondary___pINK9[data-hovered]:not([data-disabled], [data-loading]),
2482
- .Button-module__hop-Button--secondary___pINK9[data-focus-visible]:not([data-disabled], [data-loading]) {
2533
+ .Button-module__hop-Button--secondary___ehb-w[data-hovered]:not([data-disabled], [data-loading]),
2534
+ .Button-module__hop-Button--secondary___ehb-w[data-focus-visible]:not([data-disabled], [data-loading]) {
2483
2535
  --background-color: var(--hop-Button-secondary-background-color-hover);
2484
2536
  --color: var(--hop-Button-secondary-color-hover);
2485
2537
  --border: var(--hop-Button-secondary-border-hover);
2486
2538
  }
2487
- .Button-module__hop-Button--secondary___pINK9[data-pressed]:not([data-loading]) {
2539
+ .Button-module__hop-Button--secondary___ehb-w[data-pressed]:not([data-loading]) {
2488
2540
  --background-color: var(--hop-Button-secondary-background-color-pressed);
2489
2541
  --color: var(--hop-Button-secondary-color-pressed);
2490
2542
  --border: var(--hop-Button-secondary-border-pressed);
2491
2543
  }
2492
- .Button-module__hop-Button--upsell___ZE5jO {
2544
+ .Button-module__hop-Button--upsell___aWCox {
2493
2545
  --background-color: var(--hop-Button-upsell-background-color);
2494
2546
  --color: var(--hop-Button-upsell-color);
2495
2547
  --border: var(--hop-Button-upsell-border);
2496
2548
  --spinner-color: var(--hop-Button-upsell-spinner-color);
2497
2549
  }
2498
- .Button-module__hop-Button--upsell___ZE5jO[data-disabled]:not([data-loading]) {
2550
+ .Button-module__hop-Button--upsell___aWCox[data-disabled]:not([data-loading]) {
2499
2551
  --background-color: var(--hop-Button-upsell-background-color-disabled);
2500
2552
  --color: var(--hop-Button-upsell-color-disabled);
2501
2553
  --border: var(--hop-Button-upsell-border-disabled);
2502
2554
  }
2503
- .Button-module__hop-Button--upsell___ZE5jO[data-hovered]:not([data-disabled], [data-loading]),
2504
- .Button-module__hop-Button--upsell___ZE5jO[data-focus-visible]:not([data-disabled], [data-loading]) {
2555
+ .Button-module__hop-Button--upsell___aWCox[data-hovered]:not([data-disabled], [data-loading]),
2556
+ .Button-module__hop-Button--upsell___aWCox[data-focus-visible]:not([data-disabled], [data-loading]) {
2505
2557
  --background-color: var(--hop-Button-upsell-background-color-hover);
2506
2558
  --color: var(--hop-Button-upsell-color-hover);
2507
2559
  --border: var(--hop-Button-upsell-border-hover);
2508
2560
  }
2509
- .Button-module__hop-Button--upsell___ZE5jO[data-pressed]:not([data-loading]) {
2561
+ .Button-module__hop-Button--upsell___aWCox[data-pressed]:not([data-loading]) {
2510
2562
  --background-color: var(--hop-Button-upsell-background-color-pressed);
2511
2563
  --color: var(--hop-Button-upsell-color-pressed);
2512
2564
  --border: var(--hop-Button-upsell-border-pressed);
2513
2565
  }
2514
- .Button-module__hop-Button--danger___dSyM9 {
2566
+ .Button-module__hop-Button--danger___KtNGT {
2515
2567
  --background-color: var(--hop-Button-danger-background-color);
2516
2568
  --color: var(--hop-Button-danger-color);
2517
2569
  --border: var(--hop-Button-danger-border);
2518
2570
  --spinner-color: var(--hop-Button-danger-spinner-color);
2519
2571
  }
2520
- .Button-module__hop-Button--danger___dSyM9[data-disabled]:not([data-loading]) {
2572
+ .Button-module__hop-Button--danger___KtNGT[data-disabled]:not([data-loading]) {
2521
2573
  --background-color: var(--hop-Button-danger-background-color-disabled);
2522
2574
  --color: var(--hop-Button-danger-color-disabled);
2523
2575
  --border: var(--hop-Button-danger-border-disabled);
2524
2576
  }
2525
- .Button-module__hop-Button--danger___dSyM9[data-hovered]:not([data-disabled], [data-loading]),
2526
- .Button-module__hop-Button--danger___dSyM9[data-focus-visible]:not([data-disabled], [data-loading]) {
2577
+ .Button-module__hop-Button--danger___KtNGT[data-hovered]:not([data-disabled], [data-loading]),
2578
+ .Button-module__hop-Button--danger___KtNGT[data-focus-visible]:not([data-disabled], [data-loading]) {
2527
2579
  --background-color: var(--hop-Button-danger-background-color-hover);
2528
2580
  --color: var(--hop-Button-danger-color-hover);
2529
2581
  --border: var(--hop-Button-danger-border-hover);
2530
2582
  }
2531
- .Button-module__hop-Button--danger___dSyM9[data-pressed]:not([data-loading]) {
2583
+ .Button-module__hop-Button--danger___KtNGT[data-pressed]:not([data-loading]) {
2532
2584
  --background-color: var(--hop-Button-danger-background-color-pressed);
2533
2585
  --color: var(--hop-Button-danger-color-pressed);
2534
2586
  --border: var(--hop-Button-danger-border-pressed);
2535
2587
  }
2536
- .Button-module__hop-Button--ghost-primary___LmWvy {
2588
+ .Button-module__hop-Button--ghost-primary___SaGFj {
2537
2589
  --background-color: var(--hop-Button-ghost-primary-background-color);
2538
2590
  --color: var(--hop-Button-ghost-primary-color);
2539
2591
  --border: var(--hop-Button-ghost-primary-border);
2540
2592
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2541
2593
  }
2542
- .Button-module__hop-Button--ghost-primary___LmWvy[data-disabled]:not([data-loading]) {
2594
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-disabled]:not([data-loading]) {
2543
2595
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
2544
2596
  --color: var(--hop-Button-ghost-primary-color-disabled);
2545
2597
  --border: var(--hop-Button-ghost-primary-border-disabled);
2546
2598
  }
2547
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-disabled], [data-loading]),
2548
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-disabled], [data-loading]) {
2599
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-disabled], [data-loading]),
2600
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-disabled], [data-loading]) {
2549
2601
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2550
2602
  --color: var(--hop-Button-ghost-primary-color-hover);
2551
2603
  --border: var(--hop-Button-ghost-primary-border-hover);
2552
2604
  }
2553
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) {
2605
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) {
2554
2606
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2555
2607
  --color: var(--hop-Button-ghost-primary-color-pressed);
2556
2608
  --border: var(--hop-Button-ghost-primary-border-pressed);
2557
2609
  }
2558
- .Button-module__hop-Button--ghost-secondary___B0vtI {
2610
+ .Button-module__hop-Button--ghost-secondary___H0XJg {
2559
2611
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2560
2612
  --color: var(--hop-Button-ghost-secondary-color);
2561
2613
  --border: var(--hop-Button-ghost-secondary-border);
2562
2614
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2563
2615
  }
2564
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-disabled]:not([data-loading]) {
2616
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-disabled]:not([data-loading]) {
2565
2617
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
2566
2618
  --color: var(--hop-Button-ghost-secondary-color-disabled);
2567
2619
  --border: var(--hop-Button-ghost-secondary-border-disabled);
2568
2620
  }
2569
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-disabled], [data-loading]),
2570
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-disabled], [data-loading]) {
2621
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-disabled], [data-loading]),
2622
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-disabled], [data-loading]) {
2571
2623
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2572
2624
  --color: var(--hop-Button-ghost-secondary-color-hover);
2573
2625
  --border: var(--hop-Button-ghost-secondary-border-hover);
2574
2626
  }
2575
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) {
2627
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) {
2576
2628
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2577
2629
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2578
2630
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2579
2631
  }
2580
- .Button-module__hop-Button--ghost-danger___c-aho {
2632
+ .Button-module__hop-Button--ghost-danger___DLGVS {
2581
2633
  --background-color: var(--hop-Button-ghost-danger-background-color);
2582
2634
  --color: var(--hop-Button-ghost-danger-color);
2583
2635
  --border: var(--hop-Button-ghost-danger-border);
2584
2636
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2585
2637
  }
2586
- .Button-module__hop-Button--ghost-danger___c-aho[data-disabled]:not([data-loading]) {
2638
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-disabled]:not([data-loading]) {
2587
2639
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
2588
2640
  --color: var(--hop-Button-ghost-danger-color-disabled);
2589
2641
  --border: var(--hop-Button-ghost-danger-border-disabled);
2590
2642
  }
2591
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-disabled], [data-loading]),
2592
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-disabled], [data-loading]) {
2643
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-disabled], [data-loading]),
2644
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-disabled], [data-loading]) {
2593
2645
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2594
2646
  --color: var(--hop-Button-ghost-danger-color-hover);
2595
2647
  --border: var(--hop-Button-ghost-danger-border-hover);
2596
2648
  }
2597
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) {
2649
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) {
2598
2650
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2599
2651
  --color: var(--hop-Button-ghost-danger-color-pressed);
2600
2652
  --border: var(--hop-Button-ghost-danger-border-pressed);
2601
2653
  }
2602
- .Button-module__hop-Button__Spinner___HfWc0 {
2654
+ .Button-module__hop-Button__Spinner___ItCTY {
2603
2655
  position: absolute;
2604
2656
  justify-self: center;
2605
2657
  color: var(--spinner-color);
2606
2658
  }
2607
- .Button-module__hop-Button__icon___AeZaO,
2608
- .Button-module__hop-Button__icon-list___c9t8P {
2659
+ .Button-module__hop-Button__icon___EQqO8,
2660
+ .Button-module__hop-Button__icon-list___nrpu8 {
2609
2661
  grid-area: start-icon;
2610
2662
  justify-self: end;
2611
2663
  }
2612
- .Button-module__hop-Button__text___vtdcY {
2664
+ .Button-module__hop-Button__text___TXP9n {
2613
2665
  user-select: none;
2614
2666
  overflow: visible;
2615
2667
  grid-area: content;
2616
2668
  font-weight: var(--hop-font-weight-505);
2617
2669
  text-wrap: nowrap;
2618
2670
  }
2619
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2620
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2621
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2622
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2623
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2624
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2625
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2626
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
2627
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY {
2671
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2672
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2673
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2674
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2675
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2676
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2677
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2678
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
2679
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n {
2628
2680
  text-decoration: underline;
2629
2681
  text-underline-offset: 0.125rem;
2630
2682
  }
2631
- .Button-module__hop-Button__end-icon___T9fi-,
2632
- .Button-module__hop-Button__end-icon-list___QlLz- {
2683
+ .Button-module__hop-Button__end-icon___sFMht,
2684
+ .Button-module__hop-Button__end-icon-list___f9BkT {
2633
2685
  grid-area: end-icon;
2634
2686
  }
2635
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__icon-list___c9t8P,
2636
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__end-icon-list___QlLz- {
2687
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__icon-list___nrpu8,
2688
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__end-icon-list___f9BkT {
2637
2689
  flex-wrap: nowrap;
2638
2690
  }
2639
- .Button-module__hop-Button___2Nqnv[data-loading] > *:not(.Button-module__hop-Button__Spinner___HfWc0) {
2691
+ .Button-module__hop-Button___hJrlG[data-loading] > *:not(.Button-module__hop-Button__Spinner___ItCTY) {
2640
2692
  opacity: 0;
2641
2693
  }
2642
2694
 
2643
2695
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2644
- .ButtonGroup-module__hop-ButtonGroup___ZhoR9 {
2696
+ .ButtonGroup-module__hop-ButtonGroup___YqGjd {
2645
2697
  display: inline-flex;
2646
2698
  flex-wrap: nowrap;
2647
2699
  gap: var(--hop-space-inline-md);
2648
2700
  }
2649
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
2701
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
2650
2702
  justify-content: center;
2651
2703
  }
2652
- .ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
2704
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
2653
2705
  flex-direction: column;
2654
2706
  gap: var(--hop-space-stack-md);
2655
2707
  align-items: center;
2656
2708
  }
2657
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
2709
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
2658
2710
  align-items: flex-start;
2659
2711
  }
2660
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
2712
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
2661
2713
  align-items: center;
2662
2714
  }
2663
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
2715
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
2664
2716
  align-items: flex-end;
2665
2717
  }
2666
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
2718
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
2667
2719
  justify-content: flex-start;
2668
2720
  }
2669
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
2721
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
2670
2722
  justify-content: center;
2671
2723
  }
2672
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
2724
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
2673
2725
  justify-content: flex-end;
2674
2726
  }
2675
- .ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y {
2727
+ .ButtonGroup-module__hop-ButtonGroup--wrap___I0RTB {
2676
2728
  flex-wrap: wrap;
2677
2729
  }
2678
- .ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1 {
2730
+ .ButtonGroup-module__hop-ButtonGroup--fluid___Y0q6D {
2679
2731
  inline-size: 100%;
2680
2732
  }
2681
2733
 
2682
2734
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2683
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j {
2735
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy {
2684
2736
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2685
2737
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2686
2738
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -2844,7 +2896,7 @@
2844
2896
  outline: none;
2845
2897
  transition: color var(--transition);
2846
2898
  }
2847
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j::before {
2899
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy::before {
2848
2900
  content: "";
2849
2901
  position: absolute;
2850
2902
  inset-block-start: 50%;
@@ -2857,291 +2909,324 @@
2857
2909
  border-radius: var(--effect-border-radius);
2858
2910
  transition: background-color var(--transition);
2859
2911
  }
2860
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-square] {
2912
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-square] {
2861
2913
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2862
2914
  }
2863
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz {
2915
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O {
2864
2916
  --inline-size: var(--hop-EmbeddedButton-md-width);
2865
2917
  --block-size: var(--hop-EmbeddedButton-md-height);
2866
2918
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2867
2919
  }
2868
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH {
2920
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ {
2869
2921
  --inline-size: var(--hop-EmbeddedButton-lg-width);
2870
2922
  --block-size: var(--hop-EmbeddedButton-lg-height);
2871
2923
  --focus-ring-offset: 0;
2872
2924
  }
2873
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz::before {
2925
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O::before {
2874
2926
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2875
2927
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2876
2928
  }
2877
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH::before {
2929
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ::before {
2878
2930
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2879
2931
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2880
2932
  }
2881
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu {
2933
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV {
2882
2934
  --color: var(--hop-EmbeddedButton-neutral-color);
2883
2935
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2884
2936
  }
2885
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS {
2937
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N {
2886
2938
  --color: var(--hop-EmbeddedButton-subdued-color);
2887
2939
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2888
2940
  }
2889
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks {
2941
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr {
2890
2942
  --color: var(--hop-EmbeddedButton-progress-color);
2891
2943
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2892
2944
  }
2893
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV {
2945
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo {
2894
2946
  --color: var(--hop-EmbeddedButton-positive-color);
2895
2947
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2896
2948
  }
2897
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR {
2949
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm {
2898
2950
  --color: var(--hop-EmbeddedButton-caution-color);
2899
2951
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2900
2952
  }
2901
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS {
2953
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk {
2902
2954
  --color: var(--hop-EmbeddedButton-negative-color);
2903
2955
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2904
2956
  }
2905
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c {
2957
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY {
2906
2958
  --color: var(--hop-EmbeddedButton-option1-color);
2907
2959
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2908
2960
  }
2909
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI {
2961
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T {
2910
2962
  --color: var(--hop-EmbeddedButton-option2-color);
2911
2963
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2912
2964
  }
2913
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2 {
2965
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg {
2914
2966
  --color: var(--hop-EmbeddedButton-option3-color);
2915
2967
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2916
2968
  }
2917
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF {
2969
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C {
2918
2970
  --color: var(--hop-EmbeddedButton-option4-color);
2919
2971
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2920
2972
  }
2921
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI {
2973
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG {
2922
2974
  --color: var(--hop-EmbeddedButton-option5-color);
2923
2975
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2924
2976
  }
2925
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY {
2977
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc {
2926
2978
  --color: var(--hop-EmbeddedButton-option6-color);
2927
2979
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2928
2980
  }
2929
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-selected] {
2981
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-selected] {
2930
2982
  --color: var(--hop-EmbeddedButton-selected-color);
2931
2983
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2932
2984
  }
2933
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-focus-visible] {
2985
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-focus-visible] {
2934
2986
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2935
2987
  outline-offset: var(--focus-ring-offset);
2936
2988
  }
2937
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-disabled] {
2989
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-disabled] {
2938
2990
  cursor: not-allowed;
2939
2991
  }
2940
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-hovered] {
2992
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-hovered] {
2941
2993
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2942
2994
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2943
2995
  }
2944
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-focus-visible] {
2996
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-focus-visible] {
2945
2997
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2946
2998
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
2947
2999
  }
2948
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-pressed] {
3000
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-pressed] {
2949
3001
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2950
3002
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2951
3003
  }
2952
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-disabled] {
3004
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-disabled] {
2953
3005
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2954
3006
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2955
3007
  }
2956
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-hovered] {
3008
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-hovered] {
2957
3009
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2958
3010
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2959
3011
  }
2960
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-focus-visible] {
3012
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-focus-visible] {
2961
3013
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2962
3014
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
2963
3015
  }
2964
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-pressed] {
3016
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-pressed] {
2965
3017
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2966
3018
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2967
3019
  }
2968
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-disabled] {
3020
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-disabled] {
2969
3021
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2970
3022
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2971
3023
  }
2972
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-hovered] {
3024
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-hovered] {
2973
3025
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2974
3026
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
2975
3027
  }
2976
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-focus-visible] {
3028
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-focus-visible] {
2977
3029
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2978
3030
  --color: var(--hop-EmbeddedButton-progress-color-focused);
2979
3031
  }
2980
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-pressed] {
3032
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-pressed] {
2981
3033
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2982
3034
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
2983
3035
  }
2984
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-disabled] {
3036
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-disabled] {
2985
3037
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2986
3038
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
2987
3039
  }
2988
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-hovered] {
3040
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-hovered] {
2989
3041
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2990
3042
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
2991
3043
  }
2992
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-focus-visible] {
3044
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-focus-visible] {
2993
3045
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
2994
3046
  --color: var(--hop-EmbeddedButton-positive-color-focused);
2995
3047
  }
2996
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-pressed] {
3048
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-pressed] {
2997
3049
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
2998
3050
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
2999
3051
  }
3000
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-disabled] {
3052
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-disabled] {
3001
3053
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
3002
3054
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
3003
3055
  }
3004
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-hovered] {
3056
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-hovered] {
3005
3057
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
3006
3058
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
3007
3059
  }
3008
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-focus-visible] {
3060
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-focus-visible] {
3009
3061
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
3010
3062
  --color: var(--hop-EmbeddedButton-caution-color-focused);
3011
3063
  }
3012
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-pressed] {
3064
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-pressed] {
3013
3065
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
3014
3066
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
3015
3067
  }
3016
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-disabled] {
3068
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-disabled] {
3017
3069
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
3018
3070
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
3019
3071
  }
3020
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-hovered] {
3072
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-hovered] {
3021
3073
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
3022
3074
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
3023
3075
  }
3024
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-focus-visible] {
3076
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-focus-visible] {
3025
3077
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
3026
3078
  --color: var(--hop-EmbeddedButton-negative-color-focused);
3027
3079
  }
3028
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-pressed] {
3080
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-pressed] {
3029
3081
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
3030
3082
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
3031
3083
  }
3032
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-disabled] {
3084
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-disabled] {
3033
3085
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
3034
3086
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
3035
3087
  }
3036
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-hovered] {
3088
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-hovered] {
3037
3089
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
3038
3090
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
3039
3091
  }
3040
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-focus-visible] {
3092
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-focus-visible] {
3041
3093
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
3042
3094
  --color: var(--hop-EmbeddedButton-option1-color-focused);
3043
3095
  }
3044
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-pressed] {
3096
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-pressed] {
3045
3097
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
3046
3098
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
3047
3099
  }
3048
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-disabled] {
3100
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-disabled] {
3049
3101
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
3050
3102
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
3051
3103
  }
3052
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-hovered] {
3104
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-hovered] {
3053
3105
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
3054
3106
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
3055
3107
  }
3056
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-focus-visible] {
3108
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-focus-visible] {
3057
3109
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
3058
3110
  --color: var(--hop-EmbeddedButton-option2-color-focused);
3059
3111
  }
3060
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-pressed] {
3112
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-pressed] {
3061
3113
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
3062
3114
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
3063
3115
  }
3064
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-disabled] {
3116
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-disabled] {
3065
3117
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
3066
3118
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
3067
3119
  }
3068
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-hovered] {
3120
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-hovered] {
3069
3121
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
3070
3122
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
3071
3123
  }
3072
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-focus-visible] {
3124
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-focus-visible] {
3073
3125
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
3074
3126
  --color: var(--hop-EmbeddedButton-option3-color-focused);
3075
3127
  }
3076
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-pressed] {
3128
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-pressed] {
3077
3129
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
3078
3130
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
3079
3131
  }
3080
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-disabled] {
3132
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-disabled] {
3081
3133
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
3082
3134
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
3083
3135
  }
3084
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-hovered] {
3136
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-hovered] {
3085
3137
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
3086
3138
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
3087
3139
  }
3088
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-focus-visible] {
3140
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-focus-visible] {
3089
3141
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
3090
3142
  --color: var(--hop-EmbeddedButton-option4-color-focused);
3091
3143
  }
3092
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-pressed] {
3144
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-pressed] {
3093
3145
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
3094
3146
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
3095
3147
  }
3096
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-disabled] {
3148
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-disabled] {
3097
3149
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
3098
3150
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
3099
3151
  }
3100
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-hovered] {
3152
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-hovered] {
3101
3153
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
3102
3154
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
3103
3155
  }
3104
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-focus-visible] {
3156
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-focus-visible] {
3105
3157
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
3106
3158
  --color: var(--hop-EmbeddedButton-option5-color-focused);
3107
3159
  }
3108
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-pressed] {
3160
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-pressed] {
3109
3161
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
3110
3162
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
3111
3163
  }
3112
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-disabled] {
3164
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-disabled] {
3113
3165
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
3114
3166
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
3115
3167
  }
3116
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-hovered] {
3168
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-hovered] {
3117
3169
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
3118
3170
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
3119
3171
  }
3120
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-focus-visible] {
3172
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-focus-visible] {
3121
3173
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
3122
3174
  --color: var(--hop-EmbeddedButton-option6-color-focused);
3123
3175
  }
3124
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-pressed] {
3176
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-pressed] {
3125
3177
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
3126
3178
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
3127
3179
  }
3128
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-disabled] {
3180
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-disabled] {
3129
3181
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
3130
3182
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
3131
3183
  }
3132
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14 {
3184
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___NeGqZ {
3133
3185
  position: relative;
3134
3186
  }
3135
3187
 
3188
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3189
+ :where(.Divider-module__hop-Divider___Ri4v-) {
3190
+ --hop-Divider-border-color: var(--hop-neutral-border-weak);
3191
+ --hop-Divider-border-size: 0.0625rem;
3192
+ --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3193
+ --hop-Divider-horizontal-border-inline-start: none;
3194
+ --hop-Divider-horizontal-inline-size: auto;
3195
+ --hop-Divider-horizontal-block-size: 0;
3196
+ --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3197
+ --hop-Divider-vertical-border-block-end: none;
3198
+ --hop-Divider-vertical-inline-size: 0;
3199
+ --hop-Divider-vertical-block-size: auto;
3200
+ --border-block-end: var(--hop-Divider-horizontal-border-block-end);
3201
+ --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
3202
+ --inline-size: var(--hop-Divider-horizontal-inline-size);
3203
+ --block-size: var(--hop-Divider-horizontal-block-size);
3204
+ display: block;
3205
+ flex: 0 0 auto;
3206
+ box-sizing: border-box;
3207
+ inline-size: var(--inline-size);
3208
+ block-size: var(--block-size);
3209
+ margin: 0;
3210
+ border: none;
3211
+ border-block-end: var(--border-block-end);
3212
+ border-inline-start: var(--border-inline-start);
3213
+ }
3214
+ .Divider-module__hop-Divider--vertical___wOMqH {
3215
+ --border-block-end: var(--hop-Divider-vertical-border-block-end);
3216
+ --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3217
+ --inline-size: var(--hop-Divider-vertical-inline-size);
3218
+ --block-size: var(--hop-Divider-vertical-block-size);
3219
+ }
3220
+
3136
3221
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3137
- .Form-module__hop-Form___t89dJ {
3222
+ .Form-module__hop-Form___jz9NZ {
3138
3223
  display: flex;
3139
3224
  flex-direction: column;
3140
3225
  gap: var(--hop-space-stack-lg);
3141
3226
  }
3142
3227
 
3143
3228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3144
- .InputGroup-module__hop-InputGroup___IeLq4 {
3229
+ .InputGroup-module__hop-InputGroup___-dY-s {
3145
3230
  --hop-InputGroup-background: var(--hop-neutral-surface);
3146
3231
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3147
3232
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3222,11 +3307,11 @@
3222
3307
  border: var(--border);
3223
3308
  border-radius: var(--hop-InputGroup-border-radius);
3224
3309
  }
3225
- .InputGroup-module__hop-InputGroup--fluid___bBTdC {
3310
+ .InputGroup-module__hop-InputGroup--fluid___VIFfq {
3226
3311
  --inline-size: 100%;
3227
3312
  --input-inline-size: 100%;
3228
3313
  }
3229
- .InputGroup-module__hop-InputGroup--sm___rt-ic {
3314
+ .InputGroup-module__hop-InputGroup--sm___MdwFD {
3230
3315
  --block-size: var(--hop-InputGroup-sm-block-size);
3231
3316
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3232
3317
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3234,7 +3319,7 @@
3234
3319
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3235
3320
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3236
3321
  }
3237
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=textarea] {
3322
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=textarea] {
3238
3323
  --gap: var(--hop-InputGroup-gap-textarea);
3239
3324
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3240
3325
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3242,28 +3327,28 @@
3242
3327
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3243
3328
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3244
3329
  }
3245
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=number] {
3330
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=number] {
3246
3331
  --display: var(--hop-InputGroup-display-number);
3247
3332
  --gap: var(--hop-InputGroup-gap-number);
3248
3333
  }
3249
- .InputGroup-module__hop-InputGroup___IeLq4[data-hovered] {
3334
+ .InputGroup-module__hop-InputGroup___-dY-s[data-hovered] {
3250
3335
  --background: var(--hop-InputGroup-background-hover);
3251
3336
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3252
3337
  }
3253
- .InputGroup-module__hop-InputGroup___IeLq4[data-focus-within] {
3338
+ .InputGroup-module__hop-InputGroup___-dY-s[data-focus-within] {
3254
3339
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3255
3340
  }
3256
- .InputGroup-module__hop-InputGroup___IeLq4[data-invalid] {
3341
+ .InputGroup-module__hop-InputGroup___-dY-s[data-invalid] {
3257
3342
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3258
3343
  }
3259
- .InputGroup-module__hop-InputGroup___IeLq4[data-disabled] {
3344
+ .InputGroup-module__hop-InputGroup___-dY-s[data-disabled] {
3260
3345
  --background: var(--hop-InputGroup-background-disabled);
3261
3346
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3262
3347
  --input-color: var(--hop-InputGroup-input-color-disabled);
3263
3348
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3264
3349
  }
3265
- .InputGroup-module__hop-InputGroup__input___pobIV,
3266
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
3350
+ .InputGroup-module__hop-InputGroup__input___prIHX,
3351
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
3267
3352
  flex: 1 1 auto;
3268
3353
  box-sizing: border-box;
3269
3354
  inline-size: var(--input-inline-size);
@@ -3277,111 +3362,26 @@
3277
3362
  border: none;
3278
3363
  outline: none;
3279
3364
  }
3280
- .InputGroup-module__hop-InputGroup__input___pobIV {
3365
+ .InputGroup-module__hop-InputGroup__input___prIHX {
3281
3366
  block-size: var(--input-block-size);
3282
3367
  padding: var(--hop-InputGroup-input-padding);
3283
3368
  }
3284
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
3369
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
3285
3370
  padding: var(--hop-InputGroup-textarea-padding);
3286
3371
  }
3287
- .InputGroup-module__hop-InputGroup__input___pobIV::placeholder {
3372
+ .InputGroup-module__hop-InputGroup__input___prIHX::placeholder {
3288
3373
  font-family: var(--hop-InputGroup-placeholder-font-family);
3289
3374
  font-size: var(--hop-InputGroup-placeholder-font-size);
3290
3375
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
3291
3376
  line-height: var(--hop-InputGroup-placeholder-line-height);
3292
3377
  color: var(--input-placeholder-color);
3293
3378
  }
3294
- .InputGroup-module__hop-InputGroup__embedded-button___tggVm {
3379
+ .InputGroup-module__hop-InputGroup__embedded-button___1SGd6 {
3295
3380
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3296
3381
  }
3297
3382
 
3298
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
3299
- .Heading-module__hop-Heading___byI5a {
3300
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
3301
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
3302
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
3303
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
3304
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
3305
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
3306
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
3307
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
3308
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
3309
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
3310
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
3311
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
3312
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
3313
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
3314
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
3315
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
3316
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
3317
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
3318
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
3319
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
3320
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
3321
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
3322
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
3323
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
3324
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
3325
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
3326
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
3327
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
3328
- --hop-Heading-inherit-size-font-size: inherit;
3329
- --hop-Heading-inherit-size-font-family: inherit;
3330
- --hop-Heading-inherit-size-font-weight: inherit;
3331
- --hop-Heading-inherit-size-line-height: inherit;
3332
- }
3333
- :where(.Heading-module__hop-Heading___byI5a) {
3334
- margin: 0;
3335
- font-family: var(--font-family);
3336
- font-size: var(--font-size);
3337
- font-weight: var(--font-weight);
3338
- line-height: var(--line-height);
3339
- }
3340
- :where(.Heading-module__hop-Heading--xs___S-Spm) {
3341
- --font-size: var(--hop-Heading-xs-font-size);
3342
- --font-family: var(--hop-Heading-xs-font-family);
3343
- --font-weight: var(--hop-Heading-xs-font-weight);
3344
- --line-height: var(--hop-Heading-xs-line-height);
3345
- }
3346
- :where(.Heading-module__hop-Heading--sm___eYVWY) {
3347
- --font-size: var(--hop-Heading-sm-font-size);
3348
- --font-family: var(--hop-Heading-sm-font-family);
3349
- --font-weight: var(--hop-Heading-sm-font-weight);
3350
- --line-height: var(--hop-Heading-sm-line-height);
3351
- }
3352
- :where(.Heading-module__hop-Heading--md___Trt4d) {
3353
- --font-size: var(--hop-Heading-md-font-size);
3354
- --font-family: var(--hop-Heading-md-font-family);
3355
- --font-weight: var(--hop-Heading-md-font-weight);
3356
- --line-height: var(--hop-Heading-md-line-height);
3357
- }
3358
- :where(.Heading-module__hop-Heading--lg___8RulN) {
3359
- --font-size: var(--hop-Heading-lg-font-size);
3360
- --font-family: var(--hop-Heading-lg-font-family);
3361
- --font-weight: var(--hop-Heading-lg-font-weight);
3362
- --line-height: var(--hop-Heading-lg-line-height);
3363
- }
3364
- :where(.Heading-module__hop-Heading--xl___XLAp5) {
3365
- --font-size: var(--hop-Heading-xl-font-size);
3366
- --font-family: var(--hop-Heading-xl-font-family);
3367
- --font-weight: var(--hop-Heading-xl-font-weight);
3368
- --line-height: var(--hop-Heading-xl-line-height);
3369
- }
3370
- :where(.Heading-module__hop-Heading--2xl___ghz3S) {
3371
- --font-size: var(--hop-Heading-2xl-font-size);
3372
- --font-family: var(--hop-Heading-2xl-font-family);
3373
- --font-weight: var(--hop-Heading-2xl-font-weight);
3374
- --line-height: var(--hop-Heading-2xl-line-height);
3375
- }
3376
- :where(.Heading-module__hop-Heading--3xl___sTxzT) {
3377
- --font-size: var(--hop-Heading-3xl-font-size);
3378
- --font-family: var(--hop-Heading-3xl-font-family);
3379
- --font-weight: var(--hop-Heading-3xl-font-weight);
3380
- --line-height: var(--hop-Heading-3xl-line-height);
3381
- }
3382
-
3383
3383
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3384
- .NumberField-module__hop-NumberField___-spFY {
3384
+ .NumberField-module__hop-NumberField___VWgJv {
3385
3385
  --hop-NumberField-gap: var(--hop-space-stack-xs);
3386
3386
  --hop-NumberField-inline-size: 20rem;
3387
3387
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3429,30 +3429,30 @@
3429
3429
  gap: var(--hop-NumberField-gap);
3430
3430
  inline-size: var(--inline-size);
3431
3431
  }
3432
- .NumberField-module__hop-NumberField--fluid___HuQeh {
3432
+ .NumberField-module__hop-NumberField--fluid___D4KuH {
3433
3433
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3434
3434
  }
3435
- .NumberField-module__hop-NumberField--mobile___jiJLy {
3435
+ .NumberField-module__hop-NumberField--mobile___JdtJi {
3436
3436
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3437
3437
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3438
3438
  }
3439
- .NumberField-module__hop-NumberField__Label___kcHPU {
3439
+ .NumberField-module__hop-NumberField__Label___DpcSp {
3440
3440
  order: 0;
3441
3441
  }
3442
- .NumberField-module__hop-NumberField__prefix___kC1mi {
3442
+ .NumberField-module__hop-NumberField__prefix___baTwE {
3443
3443
  grid-area: prefix;
3444
3444
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3445
3445
  color: var(--hop-NumberField-prefix-color);
3446
3446
  }
3447
- .NumberField-module__hop-NumberField__InputGroup___GmvOU {
3447
+ .NumberField-module__hop-NumberField__InputGroup___f4BCh {
3448
3448
  grid-template: var(--input-group-template);
3449
3449
  order: 1;
3450
3450
  }
3451
- .NumberField-module__hop-NumberField__ErrorMessage___tIjYw,
3452
- .NumberField-module__hop-NumberField__HelperMessage___hYZXB {
3451
+ .NumberField-module__hop-NumberField__ErrorMessage___iTVwp,
3452
+ .NumberField-module__hop-NumberField__HelperMessage___JGOeo {
3453
3453
  order: 3;
3454
3454
  }
3455
- .NumberField-module__hop-NumberField__stepper-button___hfKPt {
3455
+ .NumberField-module__hop-NumberField__stepper-button___h67o- {
3456
3456
  cursor: pointer;
3457
3457
  display: flex;
3458
3458
  grid-area: var(--grid-area, unset);
@@ -3473,222 +3473,213 @@
3473
3473
  border-radius: var(--stepper-border-radius, 0);
3474
3474
  outline: none;
3475
3475
  }
3476
- .NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
3476
+ .NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
3477
3477
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3478
3478
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3479
3479
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3480
3480
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3481
3481
  --grid-area: stepup;
3482
3482
  }
3483
- .NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
3483
+ .NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
3484
3484
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3485
3485
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3486
3486
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3487
3487
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3488
3488
  --grid-area: stepdown;
3489
3489
  }
3490
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
3490
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
3491
3491
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3492
3492
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3493
3493
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3494
3494
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3495
3495
  }
3496
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
3496
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
3497
3497
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3498
3498
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3499
3499
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3500
3500
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3501
3501
  }
3502
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-hovered] {
3502
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-hovered] {
3503
3503
  color: var(--hop-NumberField-stepper-color-hovered);
3504
3504
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3505
3505
  }
3506
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-pressed] {
3506
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-pressed] {
3507
3507
  color: var(--hop-NumberField-stepper-color-pressed);
3508
3508
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3509
3509
  }
3510
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-disabled] {
3510
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-disabled] {
3511
3511
  cursor: not-allowed;
3512
3512
  color: var(--hop-NumberField-stepper-color-disabled);
3513
3513
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3514
3514
  }
3515
- .NumberField-module__hop-NumberField__stepper-button__icon___l7rJE {
3515
+ .NumberField-module__hop-NumberField__stepper-button__icon___ogLPx {
3516
3516
  display: block;
3517
3517
  max-block-size: 100%;
3518
3518
  }
3519
- .NumberField-module__hop-NumberField__input___JmJl4 {
3519
+ .NumberField-module__hop-NumberField__input___7YBOI {
3520
3520
  grid-area: input;
3521
3521
  }
3522
3522
 
3523
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3524
- .TextArea-module__hop-TextArea___CigfE {
3525
- --hop-TextArea-gap: var(--hop-space-stack-xs);
3526
- --hop-TextArea-inline-size: 20rem;
3527
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
3528
- --hop-TextArea-char-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
3529
- --hop-TextArea-char-count-color: var(--hop-neutral-text-weak);
3530
- --hop-TextArea-char-count-color-disabled: var(--hop-neutral-text-disabled);
3531
- --hop-TextArea-char-count-color-invalid: var(--hop-danger-text-weak);
3532
- --hop-TextArea-input-min-height: 2rem;
3533
- --inline-size: var(--hop-TextArea-inline-size);
3534
- --resize: none;
3535
- --char-count-color: var(--hop-TextArea-char-count-color);
3523
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3524
+ .PasswordField-module__hop-PasswordField___JFqMs {
3525
+ --hop-PasswordField-gap: var(--hop-space-stack-xs);
3526
+ --hop-PasswordField-inline-size: 20rem;
3527
+ --inline-size: var(--hop-PasswordField-inline-size);
3536
3528
  display: flex;
3537
3529
  flex-direction: column;
3538
- gap: var(--hop-TextArea-gap);
3530
+ gap: var(--hop-PasswordField-gap);
3539
3531
  inline-size: var(--inline-size);
3540
3532
  max-inline-size: 100%;
3541
3533
  }
3542
- .TextArea-module__hop-TextArea--fluid___RHFdR {
3534
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
3543
3535
  --inline-size: 100%;
3544
3536
  }
3545
- .TextArea-module__hop-TextArea___CigfE[data-resize-mode=vertical] {
3546
- --resize: vertical;
3547
- }
3548
- .TextArea-module__hop-TextArea___CigfE[data-over-max-length] {
3549
- --char-count-color: var(--hop-TextArea-char-count-color-invalid);
3550
- }
3551
- .TextArea-module__hop-TextArea___CigfE[data-disabled] {
3552
- --char-count-color: var(--hop-TextArea-char-count-color-disabled);
3553
- }
3554
- .TextArea-module__hop-TextArea__Label___IesgB {
3537
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
3555
3538
  order: 0;
3556
3539
  }
3557
- .TextArea-module__hop-TextArea__prefix___CKsl5 {
3558
- color: var(--hop-TextArea-prefix-color);
3559
- }
3560
- .TextArea-module__hop-TextArea__InputGroup___Dy8Ya {
3540
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
3561
3541
  order: 1;
3562
3542
  }
3563
- .TextArea-module__hop-TextArea__textarea___TaknV {
3564
- resize: var(--resize);
3565
- min-block-size: var(--hop-TextArea-input-min-height);
3543
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
3544
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
3545
+ order: 3;
3566
3546
  }
3567
- .TextArea-module__hop-TextArea__char-count___L5-B2 {
3568
- padding: var(--hop-TextArea-char-count-padding);
3547
+
3548
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
3549
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
3550
+ --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3551
+ --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3552
+ --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3553
+ --char-count-color: var(--hop-RemainingCharacterCount-color);
3569
3554
  color: var(--char-count-color);
3570
3555
  }
3571
- .TextArea-module__hop-TextArea__ErrorMessage___px1UJ,
3572
- .TextArea-module__hop-TextArea__HelperMessage___rzEEf {
3573
- order: 3;
3556
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
3557
+ --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3558
+ }
3559
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
3560
+ --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3574
3561
  }
3575
3562
 
3576
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3577
- .TextField-module__hop-TextField___h9LPC {
3578
- --hop-TextField-gap: var(--hop-space-stack-xs);
3579
- --hop-TextField-inline-size: 20rem;
3580
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
3581
- --hop-TextField-char-count-color: var(--hop-neutral-text-weak);
3582
- --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
3583
- --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
3584
- --inline-size: var(--hop-TextField-inline-size);
3585
- --char-count-color: var(--hop-TextField-char-count-color);
3563
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3564
+ .SearchField-module__hop-SearchField___CmlB- {
3565
+ --hop-SearchField-gap: var(--hop-space-stack-xs);
3566
+ --hop-SearchField-inline-size: 20rem;
3567
+ --hop-SearchField-color: var(--hop-neutral-text-weak);
3568
+ --hop-SearchField-padding: var(--hop-space-inset-md);
3569
+ --inline-size: var(--hop-SearchField-inline-size);
3570
+ --input-group-padding-inline-end: var(--hop-SearchField-padding);
3571
+ --input-group-padding-inline-start: var(--hop-SearchField-padding);
3572
+ --clear-button-display: flex;
3586
3573
  display: flex;
3587
3574
  flex-direction: column;
3588
- gap: var(--hop-TextField-gap);
3575
+ gap: var(--hop-SearchField-gap);
3589
3576
  inline-size: var(--inline-size);
3590
3577
  max-inline-size: 100%;
3591
3578
  }
3592
- .TextField-module__hop-TextField--fluid___Vhft- {
3579
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
3593
3580
  --inline-size: 100%;
3594
3581
  }
3595
- .TextField-module__hop-TextField___h9LPC[data-over-max-length] {
3596
- --char-count-color: var(--hop-TextField-char-count-color-invalid);
3597
- }
3598
- .TextField-module__hop-TextField___h9LPC[data-disabled] {
3599
- --char-count-color: var(--hop-TextField-char-count-color-disabled);
3600
- }
3601
- .TextField-module__hop-TextField__Label___vjdjj {
3582
+ .SearchField-module__hop-SearchField__Label___w0bGj {
3602
3583
  order: 0;
3603
3584
  }
3604
- .TextField-module__hop-TextField__prefix___y4SIt {
3605
- color: var(--hop-TextField-prefix-color);
3606
- }
3607
- .TextField-module__hop-TextField__char-count___w-Y38 {
3608
- color: var(--char-count-color);
3585
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
3586
+ color: var(--hop-SearchField-color);
3609
3587
  }
3610
- .TextField-module__hop-TextField__InputGroup___crbeu {
3588
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
3611
3589
  order: 1;
3590
+ padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3591
+ }
3592
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
3593
+ --input-group-padding-inline-end: 0;
3612
3594
  }
3613
- .TextField-module__hop-TextField__ErrorMessage___m-vG9,
3614
- .TextField-module__hop-TextField__HelperMessage___ahKEe {
3595
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
3596
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
3615
3597
  order: 3;
3616
3598
  }
3599
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
3600
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
3601
+ appearance: none;
3602
+ }
3603
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
3604
+ --clear-button-display: none;
3605
+ }
3606
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
3607
+ display: var(--clear-button-display);
3608
+ }
3617
3609
 
3618
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3619
- .PasswordField-module__hop-PasswordField___I0UHA {
3620
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
3621
- --hop-PasswordField-inline-size: 20rem;
3622
- --inline-size: var(--hop-PasswordField-inline-size);
3610
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3611
+ .TextArea-module__hop-TextArea___-k51c {
3612
+ --hop-TextArea-gap: var(--hop-space-stack-xs);
3613
+ --hop-TextArea-inline-size: 20rem;
3614
+ --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
3615
+ --hop-TextArea-input-min-height: 2rem;
3616
+ --hop-TextArea-remaining-character-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
3617
+ --inline-size: var(--hop-TextArea-inline-size);
3618
+ --resize: none;
3623
3619
  display: flex;
3624
3620
  flex-direction: column;
3625
- gap: var(--hop-PasswordField-gap);
3621
+ gap: var(--hop-TextArea-gap);
3626
3622
  inline-size: var(--inline-size);
3627
3623
  max-inline-size: 100%;
3628
3624
  }
3629
- .PasswordField-module__hop-PasswordField--fluid___T093p {
3625
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
3630
3626
  --inline-size: 100%;
3631
3627
  }
3632
- .PasswordField-module__hop-PasswordField__Label___SFE1N {
3628
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
3629
+ --resize: vertical;
3630
+ }
3631
+ .TextArea-module__hop-TextArea__Label___DTyVx {
3633
3632
  order: 0;
3634
3633
  }
3635
- .PasswordField-module__hop-PasswordField__InputGroup___z0KM7 {
3634
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
3635
+ color: var(--hop-TextArea-prefix-color);
3636
+ }
3637
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
3636
3638
  order: 1;
3637
3639
  }
3638
- .PasswordField-module__hop-PasswordField__ErrorMessage___St921,
3639
- .PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm {
3640
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
3641
+ padding: var(--hop-TextArea-remaining-character-count-padding);
3642
+ }
3643
+ .TextArea-module__hop-TextArea__textarea___X66az {
3644
+ resize: var(--resize);
3645
+ min-block-size: var(--hop-TextArea-input-min-height);
3646
+ }
3647
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
3648
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
3640
3649
  order: 3;
3641
3650
  }
3642
3651
 
3643
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3644
- .SearchField-module__hop-SearchField___AV5d9 {
3645
- --hop-SearchField-gap: var(--hop-space-stack-xs);
3646
- --hop-SearchField-inline-size: 20rem;
3647
- --hop-SearchField-color: var(--hop-neutral-text-weak);
3648
- --hop-SearchField-padding: var(--hop-space-inset-md);
3649
- --inline-size: var(--hop-SearchField-inline-size);
3650
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
3651
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
3652
- --clear-button-display: flex;
3652
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3653
+ .TextField-module__hop-TextField___1sv5- {
3654
+ --hop-TextField-gap: var(--hop-space-stack-xs);
3655
+ --hop-TextField-inline-size: 20rem;
3656
+ --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
3657
+ --inline-size: var(--hop-TextField-inline-size);
3653
3658
  display: flex;
3654
3659
  flex-direction: column;
3655
- gap: var(--hop-SearchField-gap);
3660
+ gap: var(--hop-TextField-gap);
3656
3661
  inline-size: var(--inline-size);
3657
3662
  max-inline-size: 100%;
3658
3663
  }
3659
- .SearchField-module__hop-SearchField--fluid___fk-1h {
3664
+ .TextField-module__hop-TextField--fluid___12PF- {
3660
3665
  --inline-size: 100%;
3661
3666
  }
3662
- .SearchField-module__hop-SearchField__Label___cDU1N {
3667
+ .TextField-module__hop-TextField__Label___v5PNS {
3663
3668
  order: 0;
3664
3669
  }
3665
- .SearchField-module__hop-SearchField__prefix___CXWRj {
3666
- color: var(--hop-SearchField-color);
3670
+ .TextField-module__hop-TextField__prefix___6Ykah {
3671
+ color: var(--hop-TextField-prefix-color);
3667
3672
  }
3668
- .SearchField-module__hop-SearchField__InputGroup___WkPdD {
3673
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
3669
3674
  order: 1;
3670
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3671
- }
3672
- .SearchField-module__hop-SearchField--clearable___rVtfI {
3673
- --input-group-padding-inline-end: 0;
3674
3675
  }
3675
- .SearchField-module__hop-SearchField__ErrorMessage___fscIC,
3676
- .SearchField-module__hop-SearchField__HelperMessage___wlBbe {
3676
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
3677
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
3677
3678
  order: 3;
3678
3679
  }
3679
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-cancel-button,
3680
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-decoration {
3681
- appearance: none;
3682
- }
3683
- .SearchField-module__hop-SearchField___AV5d9[data-empty] {
3684
- --clear-button-display: none;
3685
- }
3686
- .SearchField-module__hop-SearchField__ClearButton___7B2Ke {
3687
- display: var(--clear-button-display);
3688
- }
3689
3680
 
3690
3681
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3691
- .Link-module__hop-Link___hx42L {
3682
+ .Link-module__hop-Link___hCv6o {
3692
3683
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3693
3684
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3694
3685
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -3713,59 +3704,59 @@
3713
3704
  outline: none;
3714
3705
  outline-offset: 0.125rem;
3715
3706
  }
3716
- .Link-module__hop-Link___hx42L[data-focus-visible] {
3707
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
3717
3708
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
3718
3709
  }
3719
- .Link-module__hop-Link___hx42L[data-disabled] {
3710
+ .Link-module__hop-Link___hCv6o[data-disabled] {
3720
3711
  cursor: default;
3721
3712
  }
3722
- .Link-module__hop-Link--quiet___Sdez0[data-focus-visible],
3723
- .Link-module__hop-Link--quiet___Sdez0[data-hovered] {
3713
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
3714
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
3724
3715
  text-decoration: underline;
3725
3716
  }
3726
- .Link-module__hop-Link___hx42L:not(.Link-module__hop-Link--quiet___Sdez0) {
3717
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
3727
3718
  text-decoration: underline;
3728
3719
  }
3729
- .Link-module__hop-Link--primary___pd6jh {
3720
+ .Link-module__hop-Link--primary___Nrvdi {
3730
3721
  color: var(--hop-Link-primary-text-color);
3731
3722
  }
3732
- .Link-module__hop-Link--primary___pd6jh[data-disabled] {
3723
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
3733
3724
  color: var(--hop-Link-primary-text-disabled-color);
3734
3725
  }
3735
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-focus-visible],
3736
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-hovered] {
3726
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-focus-visible],
3727
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-hovered] {
3737
3728
  color: var(--hop-Link-primary-text-hover-color);
3738
3729
  }
3739
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-pressed] {
3730
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
3740
3731
  color: var(--hop-Link-primary-text-pressed-color);
3741
3732
  }
3742
- .Link-module__hop-Link--secondary___ZmHJ9 {
3733
+ .Link-module__hop-Link--secondary___4ytgC {
3743
3734
  color: var(--hop-Link-neutral-text-color);
3744
3735
  }
3745
- .Link-module__hop-Link--secondary___ZmHJ9[data-disabled] {
3736
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
3746
3737
  color: var(--hop-Link-neutral-text-disabled-color);
3747
3738
  }
3748
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-focus-visible],
3749
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-hovered] {
3739
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-focus-visible],
3740
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-hovered] {
3750
3741
  color: var(--hop-Link-neutral-text-hover-color);
3751
3742
  }
3752
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-pressed] {
3743
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
3753
3744
  color: var(--hop-Link-neutral-text-pressed-color);
3754
3745
  }
3755
- .Link-module__hop-Link__icon___EzbcC,
3756
- .Link-module__hop-Link__icon-list___kDa2B {
3746
+ .Link-module__hop-Link__icon___GjiY8,
3747
+ .Link-module__hop-Link__icon-list___eWJSv {
3757
3748
  order: 2;
3758
3749
  }
3759
- .Link-module__hop-Link__text___4wQpK {
3750
+ .Link-module__hop-Link__text___VgjRa {
3760
3751
  order: 1;
3761
3752
  }
3762
- .Link-module__hop-Link__start-icon___REGAG,
3763
- .Link-module__hop-Link__start-icon-list___lhZ1C {
3753
+ .Link-module__hop-Link__start-icon___8qO6o,
3754
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
3764
3755
  order: 0;
3765
3756
  }
3766
3757
 
3767
3758
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3768
- .Switch-module__hop-Switch___pDNWk {
3759
+ .Switch-module__hop-Switch___ZiKpN {
3769
3760
  --hop-Switch-border-size: 0.0625rem;
3770
3761
  --hop-Switch-border-color: var(--hop-neutral-border);
3771
3762
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3822,56 +3813,56 @@
3822
3813
  inline-size: max-content;
3823
3814
  max-inline-size: 100%;
3824
3815
  }
3825
- .Switch-module__hop-Switch--sm___iOw3G {
3816
+ .Switch-module__hop-Switch--sm___UnrZ2 {
3826
3817
  --inline-size: var(--hop-Switch-inline-size-sm);
3827
3818
  --block-size: var(--hop-Switch-block-size-sm);
3828
3819
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3829
3820
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3830
3821
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3831
3822
  }
3832
- .Switch-module__hop-Switch--md___tQX-I {
3823
+ .Switch-module__hop-Switch--md___FWbwB {
3833
3824
  --inline-size: var(--hop-Switch-inline-size-md);
3834
3825
  --block-size: var(--hop-Switch-block-size-md);
3835
3826
  --thumb-size: var(--hop-Switch-thumb-size-md);
3836
3827
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3837
3828
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3838
3829
  }
3839
- .Switch-module__hop-Switch___pDNWk[data-hovered] {
3830
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
3840
3831
  --border-color: var(--hop-Switch-border-color-hover);
3841
3832
  --background-color: var(--hop-Switch-background-color-hover);
3842
3833
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3843
3834
  --text-color: var(--hop-Switch-text-color-hover);
3844
3835
  }
3845
- .Switch-module__hop-Switch___pDNWk[data-pressed],
3846
- .Switch-module__hop-Switch___pDNWk[data-pressed][data-focus-visible] {
3836
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
3837
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
3847
3838
  --border-color: var(--hop-Switch-border-color-pressed);
3848
3839
  --background-color: var(--hop-Switch-background-color-pressed);
3849
3840
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3850
3841
  --text-color: var(--hop-Switch-text-color-pressed);
3851
3842
  }
3852
- .Switch-module__hop-Switch___pDNWk[data-focus-visible] {
3843
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
3853
3844
  --border-color: var(--hop-Switch-border-color-focus);
3854
3845
  --background-color: var(--hop-Switch-background-color-focus);
3855
3846
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3856
3847
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3857
3848
  --text-color: var(--hop-Switch-text-color-focus);
3858
3849
  }
3859
- .Switch-module__hop-Switch___pDNWk[data-selected],
3860
- .Switch-module__hop-Switch___pDNWk[data-selected][data-pressed] {
3850
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
3851
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
3861
3852
  --border-color: var(--hop-Switch-border-color-selected);
3862
3853
  --background-color: var(--hop-Switch-background-color-selected);
3863
3854
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3864
3855
  --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%);
3865
3856
  --text-color: var(--hop-Switch-text-color-selected);
3866
3857
  }
3867
- .Switch-module__hop-Switch___pDNWk[data-disabled] {
3858
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
3868
3859
  --border-color: var(--hop-Switch-border-color-disabled);
3869
3860
  --background-color: var(--hop-Switch-background-color-disabled);
3870
3861
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3871
3862
  --text-color: var(--hop-Switch-text-color-disabled);
3872
3863
  --cursor: not-allowed;
3873
3864
  }
3874
- .Switch-module__hop-Switch__indicator___zn9K- {
3865
+ .Switch-module__hop-Switch__indicator___lxvxY {
3875
3866
  position: relative;
3876
3867
  flex: 0 0 auto;
3877
3868
  box-sizing: border-box;
@@ -3884,7 +3875,7 @@
3884
3875
  outline-offset: 0.125rem;
3885
3876
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3886
3877
  }
3887
- .Switch-module__hop-Switch__indicator___zn9K-::before {
3878
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
3888
3879
  content: "";
3889
3880
  position: absolute;
3890
3881
  inset-block-start: 50%;
@@ -3899,20 +3890,20 @@
3899
3890
  border-radius: var(--hop-shape-circle);
3900
3891
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3901
3892
  }
3902
- .Switch-module__hop-Switch__text___HP1cV {
3893
+ .Switch-module__hop-Switch__text___jt3yM {
3903
3894
  flex: 0 1 auto;
3904
3895
  order: 2;
3905
3896
  min-inline-size: 0;
3906
3897
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3907
3898
  color: var(--text-color);
3908
3899
  }
3909
- .Switch-module__hop-Switch__icon-list___Dv9Q0,
3910
- .Switch-module__hop-Switch__icon___ofe0Q {
3900
+ .Switch-module__hop-Switch__icon-list___5ELG6,
3901
+ .Switch-module__hop-Switch__icon___U8pPq {
3911
3902
  order: 3;
3912
3903
  }
3913
3904
 
3914
3905
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3915
- .SwitchField-module__hop-SwitchField___dDQmA {
3906
+ .SwitchField-module__hop-SwitchField___ARPRk {
3916
3907
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3917
3908
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3918
3909
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3931,28 +3922,28 @@
3931
3922
  inline-size: max-content;
3932
3923
  max-inline-size: 100%;
3933
3924
  }
3934
- .SwitchField-module__hop-SwitchField___dDQmA[data-disabled] {
3925
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
3935
3926
  --description-color: var(--hop-SwitchField-description-color-disabled);
3936
3927
  }
3937
- .SwitchField-module__hop-SwitchField--sm___2O96R {
3928
+ .SwitchField-module__hop-SwitchField--sm___emckg {
3938
3929
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3939
3930
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3940
3931
  }
3941
- .SwitchField-module__hop-SwitchField--md___YDST1 {
3932
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
3942
3933
  --row-gap: var(--hop-SwitchField-md-row-gap);
3943
3934
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3944
3935
  }
3945
- .SwitchField-module__hop-SwitchField__description___0EsGA {
3936
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
3946
3937
  order: 2;
3947
3938
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3948
3939
  color: var(--description-color);
3949
3940
  }
3950
- .SwitchField-module__hop-SwitchField__switch___phA6m {
3941
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
3951
3942
  order: 1;
3952
3943
  }
3953
3944
 
3954
3945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3955
- .Tag-module__hop-Tag___Yy8k4 {
3946
+ .Tag-module__hop-Tag___QPfVY {
3956
3947
  --hop-Tag-border-size: 0.0625rem;
3957
3948
  --hop-Tag-border-radius: var(--hop-shape-pill);
3958
3949
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4191,7 +4182,7 @@
4191
4182
  outline: none;
4192
4183
  outline-offset: 0.125rem;
4193
4184
  }
4194
- .Tag-module__hop-Tag--sm___P8TCA {
4185
+ .Tag-module__hop-Tag--sm___PRq4I {
4195
4186
  --block-size: var(--hop-Tag-sm-block-size);
4196
4187
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4197
4188
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4199,13 +4190,13 @@
4199
4190
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4200
4191
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4201
4192
  }
4202
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4193
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4203
4194
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4204
4195
  }
4205
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4196
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4206
4197
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4207
4198
  }
4208
- .Tag-module__hop-Tag--md___2CaEV {
4199
+ .Tag-module__hop-Tag--md___k944L {
4209
4200
  --block-size: var(--hop-Tag-md-block-size);
4210
4201
  --padding-inline: var(--hop-Tag-md-padding-inline);
4211
4202
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4213,13 +4204,13 @@
4213
4204
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4214
4205
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4215
4206
  }
4216
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4207
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4217
4208
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4218
4209
  }
4219
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4210
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4220
4211
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4221
4212
  }
4222
- .Tag-module__hop-Tag--lg___8Dk2T {
4213
+ .Tag-module__hop-Tag--lg___vSnmb {
4223
4214
  --block-size: var(--hop-Tag-lg-block-size);
4224
4215
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4225
4216
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4227,348 +4218,348 @@
4227
4218
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4228
4219
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4229
4220
  }
4230
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4221
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4231
4222
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4232
4223
  }
4233
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4224
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4234
4225
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4235
4226
  }
4236
- .Tag-module__hop-Tag--neutral___yOJvu {
4227
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4237
4228
  --border-color: var(--hop-Tag-neutral-border-color);
4238
4229
  --background-color: var(--hop-Tag-neutral-background-color);
4239
4230
  --text-color: var(--hop-Tag-neutral-text-color);
4240
4231
  }
4241
- .Tag-module__hop-Tag--subdued___IqCd5 {
4232
+ .Tag-module__hop-Tag--subdued___pnb-b {
4242
4233
  --border-color: var(--hop-Tag-subdued-border-color);
4243
4234
  --background-color: var(--hop-Tag-subdued-background-color);
4244
4235
  --text-color: var(--hop-Tag-subdued-text-color);
4245
4236
  }
4246
- .Tag-module__hop-Tag--progress___cH-Ng {
4237
+ .Tag-module__hop-Tag--progress___-A1r0 {
4247
4238
  --border-color: var(--hop-Tag-progress-border-color);
4248
4239
  --background-color: var(--hop-Tag-progress-background-color);
4249
4240
  --text-color: var(--hop-Tag-progress-text-color);
4250
4241
  }
4251
- .Tag-module__hop-Tag--positive___2EKCj {
4242
+ .Tag-module__hop-Tag--positive___NmpPG {
4252
4243
  --border-color: var(--hop-Tag-positive-border-color);
4253
4244
  --background-color: var(--hop-Tag-positive-background-color);
4254
4245
  --text-color: var(--hop-Tag-positive-text-color);
4255
4246
  }
4256
- .Tag-module__hop-Tag--caution___ph-FI {
4247
+ .Tag-module__hop-Tag--caution___Q3b1U {
4257
4248
  --border-color: var(--hop-Tag-caution-border-color);
4258
4249
  --background-color: var(--hop-Tag-caution-background-color);
4259
4250
  --text-color: var(--hop-Tag-caution-text-color);
4260
4251
  }
4261
- .Tag-module__hop-Tag--negative___CvM-K {
4252
+ .Tag-module__hop-Tag--negative___gJkuU {
4262
4253
  --border-color: var(--hop-Tag-negative-border-color);
4263
4254
  --background-color: var(--hop-Tag-negative-background-color);
4264
4255
  --text-color: var(--hop-Tag-negative-text-color);
4265
4256
  }
4266
- .Tag-module__hop-Tag--option1___ZQJIo {
4257
+ .Tag-module__hop-Tag--option1___48VPO {
4267
4258
  --border-color: var(--hop-Tag-option1-border-color);
4268
4259
  --background-color: var(--hop-Tag-option1-background-color);
4269
4260
  --text-color: var(--hop-Tag-option1-text-color);
4270
4261
  }
4271
- .Tag-module__hop-Tag--option2___mQBU7 {
4262
+ .Tag-module__hop-Tag--option2___07n0q {
4272
4263
  --border-color: var(--hop-Tag-option2-border-color);
4273
4264
  --background-color: var(--hop-Tag-option2-background-color);
4274
4265
  --text-color: var(--hop-Tag-option2-text-color);
4275
4266
  }
4276
- .Tag-module__hop-Tag--option3___AQSPe {
4267
+ .Tag-module__hop-Tag--option3___0YpqQ {
4277
4268
  --border-color: var(--hop-Tag-option3-border-color);
4278
4269
  --background-color: var(--hop-Tag-option3-background-color);
4279
4270
  --text-color: var(--hop-Tag-option3-text-color);
4280
4271
  }
4281
- .Tag-module__hop-Tag--option4___JVMM0 {
4272
+ .Tag-module__hop-Tag--option4___518kC {
4282
4273
  --border-color: var(--hop-Tag-option4-border-color);
4283
4274
  --background-color: var(--hop-Tag-option4-background-color);
4284
4275
  --text-color: var(--hop-Tag-option4-text-color);
4285
4276
  }
4286
- .Tag-module__hop-Tag--option5___uMkwG {
4277
+ .Tag-module__hop-Tag--option5___zE-FA {
4287
4278
  --border-color: var(--hop-Tag-option5-border-color);
4288
4279
  --background-color: var(--hop-Tag-option5-background-color);
4289
4280
  --text-color: var(--hop-Tag-option5-text-color);
4290
4281
  }
4291
- .Tag-module__hop-Tag--option6___1Vk-2 {
4282
+ .Tag-module__hop-Tag--option6___opxaK {
4292
4283
  --border-color: var(--hop-Tag-option6-border-color);
4293
4284
  --background-color: var(--hop-Tag-option6-background-color);
4294
4285
  --text-color: var(--hop-Tag-option6-text-color);
4295
4286
  }
4296
- .Tag-module__hop-Tag___Yy8k4[data-href] {
4287
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4297
4288
  cursor: pointer;
4298
4289
  }
4299
- .Tag-module__hop-Tag--neutral___yOJvu[data-focus-visible] {
4290
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4300
4291
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4301
4292
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4302
4293
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4303
4294
  }
4304
- .Tag-module__hop-Tag--neutral___yOJvu[data-hovered] {
4295
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4305
4296
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4306
4297
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4307
4298
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4308
4299
  }
4309
- .Tag-module__hop-Tag--neutral___yOJvu[data-pressed] {
4300
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4310
4301
  --border-color: var(--hop-Tag-neutral-border-color-press);
4311
4302
  --background-color: var(--hop-Tag-neutral-background-color-press);
4312
4303
  --text-color: var(--hop-Tag-neutral-text-color-press);
4313
4304
  }
4314
- .Tag-module__hop-Tag--neutral___yOJvu[data-disabled] {
4305
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4315
4306
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4316
4307
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4317
4308
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4318
4309
  }
4319
- .Tag-module__hop-Tag--subdued___IqCd5[data-focus-visible] {
4310
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4320
4311
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4321
4312
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4322
4313
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4323
4314
  }
4324
- .Tag-module__hop-Tag--subdued___IqCd5[data-hovered] {
4315
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4325
4316
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4326
4317
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4327
4318
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4328
4319
  }
4329
- .Tag-module__hop-Tag--subdued___IqCd5[data-pressed] {
4320
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4330
4321
  --border-color: var(--hop-Tag-subdued-border-color-press);
4331
4322
  --background-color: var(--hop-Tag-subdued-background-color-press);
4332
4323
  --text-color: var(--hop-Tag-subdued-text-color-press);
4333
4324
  }
4334
- .Tag-module__hop-Tag--subdued___IqCd5[data-disabled] {
4325
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4335
4326
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4336
4327
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4337
4328
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4338
4329
  }
4339
- .Tag-module__hop-Tag--progress___cH-Ng[data-focus-visible] {
4330
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4340
4331
  --border-color: var(--hop-Tag-progress-border-color-focus);
4341
4332
  --background-color: var(--hop-Tag-progress-background-color-focus);
4342
4333
  --text-color: var(--hop-Tag-progress-text-color-focus);
4343
4334
  }
4344
- .Tag-module__hop-Tag--progress___cH-Ng[data-hovered] {
4335
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4345
4336
  --border-color: var(--hop-Tag-progress-border-color-hover);
4346
4337
  --background-color: var(--hop-Tag-progress-background-color-hover);
4347
4338
  --text-color: var(--hop-Tag-progress-text-color-hover);
4348
4339
  }
4349
- .Tag-module__hop-Tag--progress___cH-Ng[data-pressed] {
4340
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4350
4341
  --border-color: var(--hop-Tag-progress-border-color-press);
4351
4342
  --background-color: var(--hop-Tag-progress-background-color-press);
4352
4343
  --text-color: var(--hop-Tag-progress-text-color-press);
4353
4344
  }
4354
- .Tag-module__hop-Tag--progress___cH-Ng[data-disabled] {
4345
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4355
4346
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4356
4347
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4357
4348
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4358
4349
  }
4359
- .Tag-module__hop-Tag--positive___2EKCj[data-focus-visible] {
4350
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4360
4351
  --border-color: var(--hop-Tag-positive-border-color-focus);
4361
4352
  --background-color: var(--hop-Tag-positive-background-color-focus);
4362
4353
  --text-color: var(--hop-Tag-positive-text-color-focus);
4363
4354
  }
4364
- .Tag-module__hop-Tag--positive___2EKCj[data-hovered] {
4355
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4365
4356
  --border-color: var(--hop-Tag-positive-border-color-hover);
4366
4357
  --background-color: var(--hop-Tag-positive-background-color-hover);
4367
4358
  --text-color: var(--hop-Tag-positive-text-color-hover);
4368
4359
  }
4369
- .Tag-module__hop-Tag--positive___2EKCj[data-pressed] {
4360
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4370
4361
  --border-color: var(--hop-Tag-positive-border-color-press);
4371
4362
  --background-color: var(--hop-Tag-positive-background-color-press);
4372
4363
  --text-color: var(--hop-Tag-positive-text-color-press);
4373
4364
  }
4374
- .Tag-module__hop-Tag--positive___2EKCj[data-disabled] {
4365
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4375
4366
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4376
4367
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4377
4368
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4378
4369
  }
4379
- .Tag-module__hop-Tag--caution___ph-FI[data-focus-visible] {
4370
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4380
4371
  --border-color: var(--hop-Tag-caution-border-color-focus);
4381
4372
  --background-color: var(--hop-Tag-caution-background-color-focus);
4382
4373
  --text-color: var(--hop-Tag-caution-text-color-focus);
4383
4374
  }
4384
- .Tag-module__hop-Tag--caution___ph-FI[data-hovered] {
4375
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4385
4376
  --border-color: var(--hop-Tag-caution-border-color-hover);
4386
4377
  --background-color: var(--hop-Tag-caution-background-color-hover);
4387
4378
  --text-color: var(--hop-Tag-caution-text-color-hover);
4388
4379
  }
4389
- .Tag-module__hop-Tag--caution___ph-FI[data-pressed] {
4380
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4390
4381
  --border-color: var(--hop-Tag-caution-border-color-press);
4391
4382
  --background-color: var(--hop-Tag-caution-background-color-press);
4392
4383
  --text-color: var(--hop-Tag-caution-text-color-press);
4393
4384
  }
4394
- .Tag-module__hop-Tag--caution___ph-FI[data-disabled] {
4385
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4395
4386
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4396
4387
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4397
4388
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4398
4389
  }
4399
- .Tag-module__hop-Tag--negative___CvM-K[data-focus-visible] {
4390
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4400
4391
  --border-color: var(--hop-Tag-negative-border-color-focus);
4401
4392
  --background-color: var(--hop-Tag-negative-background-color-focus);
4402
4393
  --text-color: var(--hop-Tag-negative-text-color-focus);
4403
4394
  }
4404
- .Tag-module__hop-Tag--negative___CvM-K[data-hovered] {
4395
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4405
4396
  --border-color: var(--hop-Tag-negative-border-color-hover);
4406
4397
  --background-color: var(--hop-Tag-negative-background-color-hover);
4407
4398
  --text-color: var(--hop-Tag-negative-text-color-hover);
4408
4399
  }
4409
- .Tag-module__hop-Tag--negative___CvM-K[data-pressed] {
4400
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4410
4401
  --border-color: var(--hop-Tag-negative-border-color-press);
4411
4402
  --background-color: var(--hop-Tag-negative-background-color-press);
4412
4403
  --text-color: var(--hop-Tag-negative-text-color-press);
4413
4404
  }
4414
- .Tag-module__hop-Tag--negative___CvM-K[data-disabled] {
4405
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4415
4406
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4416
4407
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4417
4408
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4418
4409
  }
4419
- .Tag-module__hop-Tag--option1___ZQJIo[data-focus-visible] {
4410
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4420
4411
  --border-color: var(--hop-Tag-option1-border-color-focus);
4421
4412
  --background-color: var(--hop-Tag-option1-background-color-focus);
4422
4413
  --text-color: var(--hop-Tag-option1-text-color-focus);
4423
4414
  }
4424
- .Tag-module__hop-Tag--option1___ZQJIo[data-hovered] {
4415
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4425
4416
  --border-color: var(--hop-Tag-option1-border-color-hover);
4426
4417
  --background-color: var(--hop-Tag-option1-background-color-hover);
4427
4418
  --text-color: var(--hop-Tag-option1-text-color-hover);
4428
4419
  }
4429
- .Tag-module__hop-Tag--option1___ZQJIo[data-pressed] {
4420
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4430
4421
  --border-color: var(--hop-Tag-option1-border-color-press);
4431
4422
  --background-color: var(--hop-Tag-option1-background-color-press);
4432
4423
  --text-color: var(--hop-Tag-option1-text-color-press);
4433
4424
  }
4434
- .Tag-module__hop-Tag--option1___ZQJIo[data-disabled] {
4425
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4435
4426
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4436
4427
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4437
4428
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4438
4429
  }
4439
- .Tag-module__hop-Tag--option2___mQBU7[data-focus-visible] {
4430
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4440
4431
  --border-color: var(--hop-Tag-option2-border-color-focus);
4441
4432
  --background-color: var(--hop-Tag-option2-background-color-focus);
4442
4433
  --text-color: var(--hop-Tag-option2-text-color-focus);
4443
4434
  }
4444
- .Tag-module__hop-Tag--option2___mQBU7[data-hovered] {
4435
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4445
4436
  --border-color: var(--hop-Tag-option2-border-color-hover);
4446
4437
  --background-color: var(--hop-Tag-option2-background-color-hover);
4447
4438
  --text-color: var(--hop-Tag-option2-text-color-hover);
4448
4439
  }
4449
- .Tag-module__hop-Tag--option2___mQBU7[data-pressed] {
4440
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4450
4441
  --border-color: var(--hop-Tag-option2-border-color-press);
4451
4442
  --background-color: var(--hop-Tag-option2-background-color-press);
4452
4443
  --text-color: var(--hop-Tag-option2-text-color-press);
4453
4444
  }
4454
- .Tag-module__hop-Tag--option2___mQBU7[data-disabled] {
4445
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4455
4446
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4456
4447
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4457
4448
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4458
4449
  }
4459
- .Tag-module__hop-Tag--option3___AQSPe[data-focus-visible] {
4450
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4460
4451
  --border-color: var(--hop-Tag-option3-border-color-focus);
4461
4452
  --background-color: var(--hop-Tag-option3-background-color-focus);
4462
4453
  --text-color: var(--hop-Tag-option3-text-color-focus);
4463
4454
  }
4464
- .Tag-module__hop-Tag--option3___AQSPe[data-hovered] {
4455
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4465
4456
  --border-color: var(--hop-Tag-option3-border-color-hover);
4466
4457
  --background-color: var(--hop-Tag-option3-background-color-hover);
4467
4458
  --text-color: var(--hop-Tag-option3-text-color-hover);
4468
4459
  }
4469
- .Tag-module__hop-Tag--option3___AQSPe[data-pressed] {
4460
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4470
4461
  --border-color: var(--hop-Tag-option3-border-color-press);
4471
4462
  --background-color: var(--hop-Tag-option3-background-color-press);
4472
4463
  --text-color: var(--hop-Tag-option3-text-color-press);
4473
4464
  }
4474
- .Tag-module__hop-Tag--option3___AQSPe[data-disabled] {
4465
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4475
4466
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4476
4467
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4477
4468
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4478
4469
  }
4479
- .Tag-module__hop-Tag--option4___JVMM0[data-focus-visible] {
4470
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4480
4471
  --border-color: var(--hop-Tag-option4-border-color-focus);
4481
4472
  --background-color: var(--hop-Tag-option4-background-color-focus);
4482
4473
  --text-color: var(--hop-Tag-option4-text-color-focus);
4483
4474
  }
4484
- .Tag-module__hop-Tag--option4___JVMM0[data-hovered] {
4475
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4485
4476
  --border-color: var(--hop-Tag-option4-border-color-hover);
4486
4477
  --background-color: var(--hop-Tag-option4-background-color-hover);
4487
4478
  --text-color: var(--hop-Tag-option4-text-color-hover);
4488
4479
  }
4489
- .Tag-module__hop-Tag--option4___JVMM0[data-pressed] {
4480
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4490
4481
  --border-color: var(--hop-Tag-option4-border-color-press);
4491
4482
  --background-color: var(--hop-Tag-option4-background-color-press);
4492
4483
  --text-color: var(--hop-Tag-option4-text-color-press);
4493
4484
  }
4494
- .Tag-module__hop-Tag--option4___JVMM0[data-disabled] {
4485
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4495
4486
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4496
4487
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4497
4488
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4498
4489
  }
4499
- .Tag-module__hop-Tag--option5___uMkwG[data-focus-visible] {
4490
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4500
4491
  --border-color: var(--hop-Tag-option5-border-color-focus);
4501
4492
  --background-color: var(--hop-Tag-option5-background-color-focus);
4502
4493
  --text-color: var(--hop-Tag-option5-text-color-focus);
4503
4494
  }
4504
- .Tag-module__hop-Tag--option5___uMkwG[data-hovered] {
4495
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4505
4496
  --border-color: var(--hop-Tag-option5-border-color-hover);
4506
4497
  --background-color: var(--hop-Tag-option5-background-color-hover);
4507
4498
  --text-color: var(--hop-Tag-option5-text-color-hover);
4508
4499
  }
4509
- .Tag-module__hop-Tag--option5___uMkwG[data-pressed] {
4500
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4510
4501
  --border-color: var(--hop-Tag-option5-border-color-press);
4511
4502
  --background-color: var(--hop-Tag-option5-background-color-press);
4512
4503
  --text-color: var(--hop-Tag-option5-text-color-press);
4513
4504
  }
4514
- .Tag-module__hop-Tag--option5___uMkwG[data-disabled] {
4505
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4515
4506
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4516
4507
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4517
4508
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4518
4509
  }
4519
- .Tag-module__hop-Tag--option6___1Vk-2[data-focus-visible] {
4510
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4520
4511
  --border-color: var(--hop-Tag-option6-border-color-focus);
4521
4512
  --background-color: var(--hop-Tag-option6-background-color-focus);
4522
4513
  --text-color: var(--hop-Tag-option6-text-color-focus);
4523
4514
  }
4524
- .Tag-module__hop-Tag--option6___1Vk-2[data-hovered] {
4515
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4525
4516
  --border-color: var(--hop-Tag-option6-border-color-hover);
4526
4517
  --background-color: var(--hop-Tag-option6-background-color-hover);
4527
4518
  --text-color: var(--hop-Tag-option6-text-color-hover);
4528
4519
  }
4529
- .Tag-module__hop-Tag--option6___1Vk-2[data-pressed] {
4520
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4530
4521
  --border-color: var(--hop-Tag-option6-border-color-press);
4531
4522
  --background-color: var(--hop-Tag-option6-background-color-press);
4532
4523
  --text-color: var(--hop-Tag-option6-text-color-press);
4533
4524
  }
4534
- .Tag-module__hop-Tag--option6___1Vk-2[data-disabled] {
4525
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4535
4526
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4536
4527
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4537
4528
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4538
4529
  }
4539
- .Tag-module__hop-Tag___Yy8k4[data-focus-visible] {
4530
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4540
4531
  outline: 0.125rem solid var(--focus-ring-color);
4541
4532
  }
4542
- .Tag-module__hop-Tag___Yy8k4[data-hovered] {
4533
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4543
4534
  cursor: pointer;
4544
4535
  }
4545
- .Tag-module__hop-Tag___Yy8k4[data-selected] {
4536
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4546
4537
  --background-color: var(--hop-Tag-background-color-selected);
4547
4538
  --border-color: var(--hop-Tag-border-color-selected);
4548
4539
  --text-color: var(--hop-Tag-text-color-selected);
4549
4540
  }
4550
- .Tag-module__hop-Tag___Yy8k4[data-pressed] {
4541
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4551
4542
  cursor: pointer;
4552
4543
  }
4553
- .Tag-module__hop-Tag___Yy8k4[data-invalid] {
4544
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4554
4545
  --border-color: var(--hop-Tag-border-color-invalid);
4555
4546
  }
4556
- .Tag-module__hop-Tag___Yy8k4[data-disabled] {
4547
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4557
4548
  cursor: not-allowed;
4558
4549
  }
4559
- .Tag-module__hop-Tag__avatar___CSU4h {
4550
+ .Tag-module__hop-Tag__avatar___LCkhz {
4560
4551
  flex: 0 0 auto;
4561
4552
  order: 1;
4562
4553
  margin-inline-start: var(--avatar-margin-inline-start);
4563
4554
  }
4564
- .Tag-module__hop-Tag__icon___-1ejX,
4565
- .Tag-module__hop-Tag__icon-list___xKNVa {
4555
+ .Tag-module__hop-Tag__icon___d-Od0,
4556
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4566
4557
  flex: 0 0 auto;
4567
4558
  flex-wrap: nowrap;
4568
4559
  order: 2;
4569
4560
  margin-inline-start: var(--icon-margin-inline-start, 0);
4570
4561
  }
4571
- .Tag-module__hop-Tag__text___sSfKQ {
4562
+ .Tag-module__hop-Tag__text___HsqI9 {
4572
4563
  overflow: hidden;
4573
4564
  flex: 1 1 auto;
4574
4565
  order: 3;
@@ -4576,33 +4567,33 @@
4576
4567
  text-align: center;
4577
4568
  text-overflow: ellipsis;
4578
4569
  }
4579
- .Tag-module__hop-Tag__badge___2wkBC {
4570
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4580
4571
  flex: 0 0 auto;
4581
4572
  order: 4;
4582
4573
  margin-inline-end: var(--badge-margin-inline-end);
4583
4574
  }
4584
- .Tag-module__hop-Tag___Yy8k4 .Tag-module__hop-Tag__badge___2wkBC[data-variant=subdued] {
4575
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4585
4576
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4586
4577
  color: inherit;
4587
4578
  background: none;
4588
4579
  }
4589
- .Tag-module__hop-Tag--sm___P8TCA .Tag-module__hop-Tag__badge___2wkBC {
4580
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4590
4581
  block-size: 100%;
4591
4582
  }
4592
- .Tag-module__hop-Tag__remove-btn___G2Agr,
4593
- .Tag-module__hop-Tag__Spinner___mraiV {
4583
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4584
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4594
4585
  flex: 0 0 auto;
4595
4586
  order: 5;
4596
4587
  }
4597
- .Tag-module__hop-Tag__Spinner___mraiV {
4588
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4598
4589
  margin-inline-end: var(--spinner-margin-inline-end);
4599
4590
  }
4600
- .Tag-module__hop-Tag__remove-btn___G2Agr {
4591
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4601
4592
  margin-inline: var(--clear-btn-margin-inline);
4602
4593
  }
4603
4594
 
4604
4595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4605
- .TagGroup-module__hop-TagGroup___bQxw7 {
4596
+ .TagGroup-module__hop-TagGroup___14xMC {
4606
4597
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4607
4598
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4608
4599
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4622,10 +4613,10 @@
4622
4613
  inline-size: max-content;
4623
4614
  max-inline-size: 100%;
4624
4615
  }
4625
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__label___cVWgA {
4616
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4626
4617
  order: 1;
4627
4618
  }
4628
- .TagGroup-module__hop-TagGroup__list___luCe0 {
4619
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4629
4620
  display: flex;
4630
4621
  flex-wrap: wrap;
4631
4622
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4634,12 +4625,12 @@
4634
4625
  border-radius: var(--list-border-radius);
4635
4626
  outline: none;
4636
4627
  }
4637
- .TagGroup-module__hop-TagGroup__list___luCe0[data-focus-visible] {
4628
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4638
4629
  outline: 0.125rem solid var(--list-focus-ring-color);
4639
4630
  outline-offset: 0.125rem;
4640
4631
  }
4641
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__error-message___35gef,
4642
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__helper-message___QBlgC {
4632
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4633
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4643
4634
  order: 3;
4644
4635
  }
4645
4636
 
@@ -4669,17 +4660,18 @@
4669
4660
  /* src/index.css */
4670
4661
 
4671
4662
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4672
- :where(.Popover-module__hop-Popover___wpqmA *) {
4663
+ :where(.Popover-module__hop-Popover___YqMrl *) {
4673
4664
  font-family: var(--font-family);
4674
4665
  font-size: var(--font-size);
4675
4666
  font-weight: var(--font-weight);
4676
4667
  line-height: var(--line-height);
4677
4668
  outline: none;
4678
4669
  }
4679
- .Popover-module__hop-Popover___wpqmA {
4670
+ .Popover-module__hop-Popover___YqMrl {
4680
4671
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4681
4672
  --hop-Popover-inline-width: 25rem;
4682
4673
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
4674
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4683
4675
  --hop-Popover-dropdown-auto-inline-width: auto;
4684
4676
  --width: var(--hop-Popover-inline-width);
4685
4677
  --max-width: var(--hop-Popover-max-inline-width);
@@ -4688,19 +4680,22 @@
4688
4680
  inline-size: var(--width);
4689
4681
  max-inline-size: var(--max-width);
4690
4682
  }
4691
- .Popover-module__hop-Popover___wpqmA[data-trigger=Select] {
4683
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
4692
4684
  --width: var(--hop-Popover-dropdown-inline-width);
4693
4685
  }
4694
- .Popover-module__hop-Popover___wpqmA[data-auto-width] {
4686
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
4687
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4688
+ }
4689
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
4695
4690
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4696
4691
  }
4697
- .Popover-module__hop-Popover___wpqmA[data-entering] {
4698
- animation: Popover-module__fade___fLu22 0.25s;
4692
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
4693
+ animation: Popover-module__fade___cM9Hu 0.25s;
4699
4694
  }
4700
- .Popover-module__hop-Popover___wpqmA[data-exiting] {
4701
- animation: Popover-module__fade___fLu22 0.25s reverse;
4695
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
4696
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
4702
4697
  }
4703
- @keyframes Popover-module__fade___fLu22 {
4698
+ @keyframes Popover-module__fade___cM9Hu {
4704
4699
  from {
4705
4700
  opacity: 0;
4706
4701
  }
@@ -4708,14 +4703,14 @@
4708
4703
  opacity: 1;
4709
4704
  }
4710
4705
  }
4711
- .Popover-module__hop-Popover__wrapper___-2GXF {
4706
+ .Popover-module__hop-Popover__wrapper___bBvVC {
4712
4707
  display: flex;
4713
4708
  flex: 1 1 auto;
4714
4709
  flex-direction: column;
4715
4710
  min-block-size: 0;
4716
4711
  }
4717
- .Popover-module__hop-Popover__dialog___wOPF-,
4718
- .Popover-module__hop-Popover__dropdown___hF0Ba {
4712
+ .Popover-module__hop-Popover__dialog___-Qm8I,
4713
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4719
4714
  --hop-Popover-background: var(--hop-neutral-surface);
4720
4715
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4721
4716
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4761,20 +4756,20 @@
4761
4756
  border-radius: var(--hop-Popover-border-radius);
4762
4757
  box-shadow: var(--hop-Popover-box-shadow);
4763
4758
  }
4764
- .Popover-module__hop-Popover__dropdown___hF0Ba {
4759
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4765
4760
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4766
4761
  --footer-place-self: stretch;
4767
4762
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4768
4763
  --padding: var(--hop-Popover-dropdown-padding);
4769
4764
  }
4770
- .Popover-module__hop-Popover__dialog___wOPF- {
4765
+ .Popover-module__hop-Popover__dialog___-Qm8I {
4771
4766
  --padding: var(--hop-Popover-dialog-padding);
4772
4767
  }
4773
- .Popover-module__hop-Popover__title___tULvQ {
4768
+ .Popover-module__hop-Popover__title___SZT2m {
4774
4769
  grid-area: header;
4775
4770
  color: var(--hop-Popover-color);
4776
4771
  }
4777
- .Popover-module__hop-Popover__content___xfAwJ {
4772
+ .Popover-module__hop-Popover__content___V6KMC {
4778
4773
  --font-size: var(--hop-Popover-content-font-size);
4779
4774
  --line-height: var(--hop-Popover-content-line-height);
4780
4775
  grid-area: content;
@@ -4783,7 +4778,7 @@
4783
4778
  padding: 0;
4784
4779
  color: var(--hop-Popover-content-color);
4785
4780
  }
4786
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__list-box___dtFam {
4781
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
4787
4782
  grid-area: content;
4788
4783
  inline-size: auto;
4789
4784
  min-inline-size: auto;
@@ -4792,7 +4787,7 @@
4792
4787
  padding: 0;
4793
4788
  border: none;
4794
4789
  }
4795
- .Popover-module__hop-Popover__footer___nRrpk {
4790
+ .Popover-module__hop-Popover__footer___sJmo- {
4796
4791
  --font-size: var(--hop-Popover-footer-font-size);
4797
4792
  --line-height: var(--hop-Popover-footer-line-height);
4798
4793
  grid-area: footer;
@@ -4800,40 +4795,46 @@
4800
4795
  margin: var(--footer-margin);
4801
4796
  color: var(--hop-Popover-color);
4802
4797
  }
4803
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__footer___nRrpk {
4798
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
4804
4799
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4805
4800
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4806
4801
  }
4807
- .Popover-module__hop-Popover__actions___9XiAv,
4808
- .Popover-module__hop-Popover__action___Gk0oe {
4802
+ .Popover-module__hop-Popover__actions___dlp9Q,
4803
+ .Popover-module__hop-Popover__action___hcQBI {
4809
4804
  grid-area: action;
4810
4805
  justify-self: end;
4811
4806
  margin-block-start: var(--hop-Popover-row-gap);
4812
4807
  }
4813
- .Popover-module__hop-Popover___wpqmA:has(.Popover-module__hop-Popover__actions___9XiAv, .Popover-module__hop-Popover__action___Gk0oe) .Popover-module__hop-Popover__footer___nRrpk {
4808
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
4814
4809
  margin-inline-end: var(--hop-Popover-column-gap);
4815
4810
  }
4816
4811
 
4817
4812
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4818
- .SelectValue-module__hop-SelectValue___fVOPa {
4819
- --hop-SelectValue-display: flex;
4813
+ .SelectValue-module__hop-SelectValue___fN5Zm {
4814
+ --hop-SelectValue-display: inline-block;
4815
+ --hop-SelectValue-slots-display: flex;
4820
4816
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
4817
+ --display: var(--hop-SelectValue-display);
4821
4818
  overflow: hidden;
4822
- display: var(--hop-SelectValue-display);
4819
+ display: var(--display);
4823
4820
  flex: 1 1 auto;
4824
4821
  column-gap: var(--hop-SelectValue-column-gap);
4825
4822
  align-items: center;
4826
4823
  box-sizing: border-box;
4824
+ min-inline-size: 0;
4827
4825
  text-overflow: ellipsis;
4828
4826
  white-space: nowrap;
4829
4827
  }
4830
- .SelectValue-module__hop-SelectValue__avatar___7yyBy {
4828
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
4829
+ --display: var(--hop-SelectValue-slots-display);
4830
+ }
4831
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
4831
4832
  order: 1;
4832
4833
  }
4833
- .SelectValue-module__hop-SelectValue__icon___s-Isr {
4834
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
4834
4835
  order: 2;
4835
4836
  }
4836
- .SelectValue-module__hop-SelectValue__text___MuSju {
4837
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
4837
4838
  overflow: hidden;
4838
4839
  flex: 1 1 auto;
4839
4840
  order: 3;
@@ -4841,12 +4842,12 @@
4841
4842
  text-overflow: ellipsis;
4842
4843
  white-space: nowrap;
4843
4844
  }
4844
- .SelectValue-module__hop-SelectValue__end-icon___nrWhM {
4845
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
4845
4846
  order: 4;
4846
4847
  }
4847
4848
 
4848
4849
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4849
- .Select-module__hop-Select___018w5 {
4850
+ .Select-module__hop-Select___9asPc {
4850
4851
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4851
4852
  --hop-Select-inline-size: 20rem;
4852
4853
  --hop-Select-inline-size-fluid: 100%;
@@ -4855,6 +4856,7 @@
4855
4856
  --hop-Select-button-border-color: var(--hop-neutral-border);
4856
4857
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
4857
4858
  --hop-Select-button-border-size: var(--hop-space-10);
4859
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
4858
4860
  --hop-Select-button-color: var(--hop-neutral-text);
4859
4861
  --hop-Select-button-cursor: pointer;
4860
4862
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -4897,13 +4899,13 @@
4897
4899
  inline-size: var(--inline-size);
4898
4900
  max-inline-size: var(--hop-Select-max-inline-size);
4899
4901
  }
4900
- .Select-module__hop-Select--fluid___8FKqZ {
4902
+ .Select-module__hop-Select--fluid___kdYun {
4901
4903
  --inline-size: var(--hop-Select-inline-size-fluid);
4902
4904
  }
4903
- .Select-module__hop-Select__label___h0QJ- {
4905
+ .Select-module__hop-Select__label___lX0YF {
4904
4906
  order: 1;
4905
4907
  }
4906
- .Select-module__hop-Select__button___csI9f {
4908
+ .Select-module__hop-Select__button___72TRN {
4907
4909
  cursor: var(--button-cursor);
4908
4910
  display: flex;
4909
4911
  column-gap: var(--hop-Select-button-column-gap);
@@ -4919,53 +4921,53 @@
4919
4921
  border-radius: var(--hop-Select-button-border-radius);
4920
4922
  outline: none;
4921
4923
  }
4922
- .Select-module__hop-Select__button--sm___7Bkjy {
4924
+ .Select-module__hop-Select__button--sm___t6WUP {
4923
4925
  --button-block-size: var(--hop-Select-button-sm-block-size);
4924
4926
  }
4925
- .Select-module__hop-Select__button--md___N5Huq {
4927
+ .Select-module__hop-Select__button--md___GNNkD {
4926
4928
  --button-block-size: var(--hop-Select-button-md-block-size);
4927
4929
  }
4928
- .Select-module__hop-Select__button___csI9f[data-hovered] {
4930
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
4929
4931
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4930
4932
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4931
4933
  --button-color: var(--hop-Select-button-color-hovered);
4932
4934
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4933
4935
  }
4934
- .Select-module__hop-Select__button___csI9f[data-pressed] {
4936
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
4935
4937
  --button-background-color: var(--hop-Select-button-background-color-selected);
4936
4938
  --button-border-color: var(--hop-Select-button-border-color-selected);
4937
4939
  --button-color: var(--hop-Select-button-color-selected);
4938
4940
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4939
4941
  }
4940
- .Select-module__hop-Select__button___csI9f[data-invalid] {
4942
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
4941
4943
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4942
4944
  }
4943
- .Select-module__hop-Select__button___csI9f[data-focus-visible] {
4945
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
4944
4946
  --button-background-color: var(--hop-Select-button-background-color-focused);
4945
4947
  --button-border-color: var(--hop-Select-button-border-color-focused);
4946
4948
  --button-color: var(--hop-Select-button-color-focused);
4947
4949
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
4948
4950
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4949
- outline-offset: -0.125rem;
4951
+ outline-offset: var(--hop-Select-button-outline-offset);
4950
4952
  }
4951
- .Select-module__hop-Select__button___csI9f:has([data-placeholder]) {
4953
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
4952
4954
  --button-color: var(--hop-Select-button-placeholder-color);
4953
4955
  }
4954
- .Select-module__hop-Select__button___csI9f[data-disabled] {
4956
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
4955
4957
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4956
4958
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4957
4959
  --button-color: var(--hop-Select-button-color-disabled);
4958
4960
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4959
4961
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4960
4962
  }
4961
- .Select-module__hop-Select__prefix___glfPq {
4963
+ .Select-module__hop-Select__prefix___lRC4S {
4962
4964
  color: var(--hop-Select-prefix-color);
4963
4965
  }
4964
- .Select-module__hop-Select__button-icon___ADJTr {
4966
+ .Select-module__hop-Select__button-icon___t9tu4 {
4965
4967
  margin-inline-start: auto;
4966
4968
  color: var(--button-icon-color);
4967
4969
  }
4968
- .Select-module__hop-Select__helper-message___pubjR,
4969
- .Select-module__hop-Select__error-message___LLkqe {
4970
+ .Select-module__hop-Select__helper-message___-E4RI,
4971
+ .Select-module__hop-Select__error-message___cOkJl {
4970
4972
  order: 3;
4971
4973
  }