@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,77 +3704,83 @@
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/Select/src/SelectValue.module.css/#css-module-data */
3768
- .SelectValue-module__hop-SelectValue___fVOPa {
3769
- --hop-SelectValue-display: flex;
3759
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3760
+ --hop-SelectValue-display: inline-block;
3761
+ --hop-SelectValue-slots-display: flex;
3770
3762
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3763
+ --display: var(--hop-SelectValue-display);
3771
3764
  overflow: hidden;
3772
- display: var(--hop-SelectValue-display);
3765
+ display: var(--display);
3773
3766
  flex: 1 1 auto;
3774
3767
  column-gap: var(--hop-SelectValue-column-gap);
3775
3768
  align-items: center;
3776
3769
  box-sizing: border-box;
3770
+ min-inline-size: 0;
3777
3771
  text-overflow: ellipsis;
3778
3772
  white-space: nowrap;
3779
3773
  }
3780
- .SelectValue-module__hop-SelectValue__avatar___7yyBy {
3774
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
3775
+ --display: var(--hop-SelectValue-slots-display);
3776
+ }
3777
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
3781
3778
  order: 1;
3782
3779
  }
3783
- .SelectValue-module__hop-SelectValue__icon___s-Isr {
3780
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3784
3781
  order: 2;
3785
3782
  }
3786
- .SelectValue-module__hop-SelectValue__text___MuSju {
3783
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3787
3784
  overflow: hidden;
3788
3785
  flex: 1 1 auto;
3789
3786
  order: 3;
@@ -3791,12 +3788,12 @@
3791
3788
  text-overflow: ellipsis;
3792
3789
  white-space: nowrap;
3793
3790
  }
3794
- .SelectValue-module__hop-SelectValue__end-icon___nrWhM {
3791
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3795
3792
  order: 4;
3796
3793
  }
3797
3794
 
3798
3795
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
3799
- .Switch-module__hop-Switch___pDNWk {
3796
+ .Switch-module__hop-Switch___ZiKpN {
3800
3797
  --hop-Switch-border-size: 0.0625rem;
3801
3798
  --hop-Switch-border-color: var(--hop-neutral-border);
3802
3799
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -3853,56 +3850,56 @@
3853
3850
  inline-size: max-content;
3854
3851
  max-inline-size: 100%;
3855
3852
  }
3856
- .Switch-module__hop-Switch--sm___iOw3G {
3853
+ .Switch-module__hop-Switch--sm___UnrZ2 {
3857
3854
  --inline-size: var(--hop-Switch-inline-size-sm);
3858
3855
  --block-size: var(--hop-Switch-block-size-sm);
3859
3856
  --thumb-size: var(--hop-Switch-thumb-size-sm);
3860
3857
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
3861
3858
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
3862
3859
  }
3863
- .Switch-module__hop-Switch--md___tQX-I {
3860
+ .Switch-module__hop-Switch--md___FWbwB {
3864
3861
  --inline-size: var(--hop-Switch-inline-size-md);
3865
3862
  --block-size: var(--hop-Switch-block-size-md);
3866
3863
  --thumb-size: var(--hop-Switch-thumb-size-md);
3867
3864
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
3868
3865
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
3869
3866
  }
3870
- .Switch-module__hop-Switch___pDNWk[data-hovered] {
3867
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
3871
3868
  --border-color: var(--hop-Switch-border-color-hover);
3872
3869
  --background-color: var(--hop-Switch-background-color-hover);
3873
3870
  --thumb-color: var(--hop-Switch-thumb-color-hover);
3874
3871
  --text-color: var(--hop-Switch-text-color-hover);
3875
3872
  }
3876
- .Switch-module__hop-Switch___pDNWk[data-pressed],
3877
- .Switch-module__hop-Switch___pDNWk[data-pressed][data-focus-visible] {
3873
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
3874
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
3878
3875
  --border-color: var(--hop-Switch-border-color-pressed);
3879
3876
  --background-color: var(--hop-Switch-background-color-pressed);
3880
3877
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
3881
3878
  --text-color: var(--hop-Switch-text-color-pressed);
3882
3879
  }
3883
- .Switch-module__hop-Switch___pDNWk[data-focus-visible] {
3880
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
3884
3881
  --border-color: var(--hop-Switch-border-color-focus);
3885
3882
  --background-color: var(--hop-Switch-background-color-focus);
3886
3883
  --thumb-color: var(--hop-Switch-thumb-color-focus);
3887
3884
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
3888
3885
  --text-color: var(--hop-Switch-text-color-focus);
3889
3886
  }
3890
- .Switch-module__hop-Switch___pDNWk[data-selected],
3891
- .Switch-module__hop-Switch___pDNWk[data-selected][data-pressed] {
3887
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
3888
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
3892
3889
  --border-color: var(--hop-Switch-border-color-selected);
3893
3890
  --background-color: var(--hop-Switch-background-color-selected);
3894
3891
  --thumb-color: var(--hop-Switch-thumb-color-selected);
3895
3892
  --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%);
3896
3893
  --text-color: var(--hop-Switch-text-color-selected);
3897
3894
  }
3898
- .Switch-module__hop-Switch___pDNWk[data-disabled] {
3895
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
3899
3896
  --border-color: var(--hop-Switch-border-color-disabled);
3900
3897
  --background-color: var(--hop-Switch-background-color-disabled);
3901
3898
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
3902
3899
  --text-color: var(--hop-Switch-text-color-disabled);
3903
3900
  --cursor: not-allowed;
3904
3901
  }
3905
- .Switch-module__hop-Switch__indicator___zn9K- {
3902
+ .Switch-module__hop-Switch__indicator___lxvxY {
3906
3903
  position: relative;
3907
3904
  flex: 0 0 auto;
3908
3905
  box-sizing: border-box;
@@ -3915,7 +3912,7 @@
3915
3912
  outline-offset: 0.125rem;
3916
3913
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
3917
3914
  }
3918
- .Switch-module__hop-Switch__indicator___zn9K-::before {
3915
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
3919
3916
  content: "";
3920
3917
  position: absolute;
3921
3918
  inset-block-start: 50%;
@@ -3930,20 +3927,20 @@
3930
3927
  border-radius: var(--hop-shape-circle);
3931
3928
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
3932
3929
  }
3933
- .Switch-module__hop-Switch__text___HP1cV {
3930
+ .Switch-module__hop-Switch__text___jt3yM {
3934
3931
  flex: 0 1 auto;
3935
3932
  order: 2;
3936
3933
  min-inline-size: 0;
3937
3934
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
3938
3935
  color: var(--text-color);
3939
3936
  }
3940
- .Switch-module__hop-Switch__icon-list___Dv9Q0,
3941
- .Switch-module__hop-Switch__icon___ofe0Q {
3937
+ .Switch-module__hop-Switch__icon-list___5ELG6,
3938
+ .Switch-module__hop-Switch__icon___U8pPq {
3942
3939
  order: 3;
3943
3940
  }
3944
3941
 
3945
3942
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
3946
- .SwitchField-module__hop-SwitchField___dDQmA {
3943
+ .SwitchField-module__hop-SwitchField___ARPRk {
3947
3944
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
3948
3945
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
3949
3946
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -3962,28 +3959,28 @@
3962
3959
  inline-size: max-content;
3963
3960
  max-inline-size: 100%;
3964
3961
  }
3965
- .SwitchField-module__hop-SwitchField___dDQmA[data-disabled] {
3962
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
3966
3963
  --description-color: var(--hop-SwitchField-description-color-disabled);
3967
3964
  }
3968
- .SwitchField-module__hop-SwitchField--sm___2O96R {
3965
+ .SwitchField-module__hop-SwitchField--sm___emckg {
3969
3966
  --row-gap: var(--hop-SwitchField-sm-row-gap);
3970
3967
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
3971
3968
  }
3972
- .SwitchField-module__hop-SwitchField--md___YDST1 {
3969
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
3973
3970
  --row-gap: var(--hop-SwitchField-md-row-gap);
3974
3971
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
3975
3972
  }
3976
- .SwitchField-module__hop-SwitchField__description___0EsGA {
3973
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
3977
3974
  order: 2;
3978
3975
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
3979
3976
  color: var(--description-color);
3980
3977
  }
3981
- .SwitchField-module__hop-SwitchField__switch___phA6m {
3978
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
3982
3979
  order: 1;
3983
3980
  }
3984
3981
 
3985
3982
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
3986
- .Tag-module__hop-Tag___Yy8k4 {
3983
+ .Tag-module__hop-Tag___QPfVY {
3987
3984
  --hop-Tag-border-size: 0.0625rem;
3988
3985
  --hop-Tag-border-radius: var(--hop-shape-pill);
3989
3986
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4222,7 +4219,7 @@
4222
4219
  outline: none;
4223
4220
  outline-offset: 0.125rem;
4224
4221
  }
4225
- .Tag-module__hop-Tag--sm___P8TCA {
4222
+ .Tag-module__hop-Tag--sm___PRq4I {
4226
4223
  --block-size: var(--hop-Tag-sm-block-size);
4227
4224
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4228
4225
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4230,13 +4227,13 @@
4230
4227
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4231
4228
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4232
4229
  }
4233
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4230
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4234
4231
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4235
4232
  }
4236
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4233
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4237
4234
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4238
4235
  }
4239
- .Tag-module__hop-Tag--md___2CaEV {
4236
+ .Tag-module__hop-Tag--md___k944L {
4240
4237
  --block-size: var(--hop-Tag-md-block-size);
4241
4238
  --padding-inline: var(--hop-Tag-md-padding-inline);
4242
4239
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4244,13 +4241,13 @@
4244
4241
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4245
4242
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4246
4243
  }
4247
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4244
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4248
4245
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4249
4246
  }
4250
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4247
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4251
4248
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4252
4249
  }
4253
- .Tag-module__hop-Tag--lg___8Dk2T {
4250
+ .Tag-module__hop-Tag--lg___vSnmb {
4254
4251
  --block-size: var(--hop-Tag-lg-block-size);
4255
4252
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4256
4253
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4258,348 +4255,348 @@
4258
4255
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4259
4256
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4260
4257
  }
4261
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4258
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4262
4259
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4263
4260
  }
4264
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4261
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4265
4262
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4266
4263
  }
4267
- .Tag-module__hop-Tag--neutral___yOJvu {
4264
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4268
4265
  --border-color: var(--hop-Tag-neutral-border-color);
4269
4266
  --background-color: var(--hop-Tag-neutral-background-color);
4270
4267
  --text-color: var(--hop-Tag-neutral-text-color);
4271
4268
  }
4272
- .Tag-module__hop-Tag--subdued___IqCd5 {
4269
+ .Tag-module__hop-Tag--subdued___pnb-b {
4273
4270
  --border-color: var(--hop-Tag-subdued-border-color);
4274
4271
  --background-color: var(--hop-Tag-subdued-background-color);
4275
4272
  --text-color: var(--hop-Tag-subdued-text-color);
4276
4273
  }
4277
- .Tag-module__hop-Tag--progress___cH-Ng {
4274
+ .Tag-module__hop-Tag--progress___-A1r0 {
4278
4275
  --border-color: var(--hop-Tag-progress-border-color);
4279
4276
  --background-color: var(--hop-Tag-progress-background-color);
4280
4277
  --text-color: var(--hop-Tag-progress-text-color);
4281
4278
  }
4282
- .Tag-module__hop-Tag--positive___2EKCj {
4279
+ .Tag-module__hop-Tag--positive___NmpPG {
4283
4280
  --border-color: var(--hop-Tag-positive-border-color);
4284
4281
  --background-color: var(--hop-Tag-positive-background-color);
4285
4282
  --text-color: var(--hop-Tag-positive-text-color);
4286
4283
  }
4287
- .Tag-module__hop-Tag--caution___ph-FI {
4284
+ .Tag-module__hop-Tag--caution___Q3b1U {
4288
4285
  --border-color: var(--hop-Tag-caution-border-color);
4289
4286
  --background-color: var(--hop-Tag-caution-background-color);
4290
4287
  --text-color: var(--hop-Tag-caution-text-color);
4291
4288
  }
4292
- .Tag-module__hop-Tag--negative___CvM-K {
4289
+ .Tag-module__hop-Tag--negative___gJkuU {
4293
4290
  --border-color: var(--hop-Tag-negative-border-color);
4294
4291
  --background-color: var(--hop-Tag-negative-background-color);
4295
4292
  --text-color: var(--hop-Tag-negative-text-color);
4296
4293
  }
4297
- .Tag-module__hop-Tag--option1___ZQJIo {
4294
+ .Tag-module__hop-Tag--option1___48VPO {
4298
4295
  --border-color: var(--hop-Tag-option1-border-color);
4299
4296
  --background-color: var(--hop-Tag-option1-background-color);
4300
4297
  --text-color: var(--hop-Tag-option1-text-color);
4301
4298
  }
4302
- .Tag-module__hop-Tag--option2___mQBU7 {
4299
+ .Tag-module__hop-Tag--option2___07n0q {
4303
4300
  --border-color: var(--hop-Tag-option2-border-color);
4304
4301
  --background-color: var(--hop-Tag-option2-background-color);
4305
4302
  --text-color: var(--hop-Tag-option2-text-color);
4306
4303
  }
4307
- .Tag-module__hop-Tag--option3___AQSPe {
4304
+ .Tag-module__hop-Tag--option3___0YpqQ {
4308
4305
  --border-color: var(--hop-Tag-option3-border-color);
4309
4306
  --background-color: var(--hop-Tag-option3-background-color);
4310
4307
  --text-color: var(--hop-Tag-option3-text-color);
4311
4308
  }
4312
- .Tag-module__hop-Tag--option4___JVMM0 {
4309
+ .Tag-module__hop-Tag--option4___518kC {
4313
4310
  --border-color: var(--hop-Tag-option4-border-color);
4314
4311
  --background-color: var(--hop-Tag-option4-background-color);
4315
4312
  --text-color: var(--hop-Tag-option4-text-color);
4316
4313
  }
4317
- .Tag-module__hop-Tag--option5___uMkwG {
4314
+ .Tag-module__hop-Tag--option5___zE-FA {
4318
4315
  --border-color: var(--hop-Tag-option5-border-color);
4319
4316
  --background-color: var(--hop-Tag-option5-background-color);
4320
4317
  --text-color: var(--hop-Tag-option5-text-color);
4321
4318
  }
4322
- .Tag-module__hop-Tag--option6___1Vk-2 {
4319
+ .Tag-module__hop-Tag--option6___opxaK {
4323
4320
  --border-color: var(--hop-Tag-option6-border-color);
4324
4321
  --background-color: var(--hop-Tag-option6-background-color);
4325
4322
  --text-color: var(--hop-Tag-option6-text-color);
4326
4323
  }
4327
- .Tag-module__hop-Tag___Yy8k4[data-href] {
4324
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4328
4325
  cursor: pointer;
4329
4326
  }
4330
- .Tag-module__hop-Tag--neutral___yOJvu[data-focus-visible] {
4327
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4331
4328
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4332
4329
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4333
4330
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4334
4331
  }
4335
- .Tag-module__hop-Tag--neutral___yOJvu[data-hovered] {
4332
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4336
4333
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4337
4334
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4338
4335
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4339
4336
  }
4340
- .Tag-module__hop-Tag--neutral___yOJvu[data-pressed] {
4337
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4341
4338
  --border-color: var(--hop-Tag-neutral-border-color-press);
4342
4339
  --background-color: var(--hop-Tag-neutral-background-color-press);
4343
4340
  --text-color: var(--hop-Tag-neutral-text-color-press);
4344
4341
  }
4345
- .Tag-module__hop-Tag--neutral___yOJvu[data-disabled] {
4342
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4346
4343
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4347
4344
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4348
4345
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4349
4346
  }
4350
- .Tag-module__hop-Tag--subdued___IqCd5[data-focus-visible] {
4347
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4351
4348
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4352
4349
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4353
4350
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4354
4351
  }
4355
- .Tag-module__hop-Tag--subdued___IqCd5[data-hovered] {
4352
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4356
4353
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4357
4354
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4358
4355
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4359
4356
  }
4360
- .Tag-module__hop-Tag--subdued___IqCd5[data-pressed] {
4357
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4361
4358
  --border-color: var(--hop-Tag-subdued-border-color-press);
4362
4359
  --background-color: var(--hop-Tag-subdued-background-color-press);
4363
4360
  --text-color: var(--hop-Tag-subdued-text-color-press);
4364
4361
  }
4365
- .Tag-module__hop-Tag--subdued___IqCd5[data-disabled] {
4362
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4366
4363
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4367
4364
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4368
4365
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4369
4366
  }
4370
- .Tag-module__hop-Tag--progress___cH-Ng[data-focus-visible] {
4367
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4371
4368
  --border-color: var(--hop-Tag-progress-border-color-focus);
4372
4369
  --background-color: var(--hop-Tag-progress-background-color-focus);
4373
4370
  --text-color: var(--hop-Tag-progress-text-color-focus);
4374
4371
  }
4375
- .Tag-module__hop-Tag--progress___cH-Ng[data-hovered] {
4372
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4376
4373
  --border-color: var(--hop-Tag-progress-border-color-hover);
4377
4374
  --background-color: var(--hop-Tag-progress-background-color-hover);
4378
4375
  --text-color: var(--hop-Tag-progress-text-color-hover);
4379
4376
  }
4380
- .Tag-module__hop-Tag--progress___cH-Ng[data-pressed] {
4377
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4381
4378
  --border-color: var(--hop-Tag-progress-border-color-press);
4382
4379
  --background-color: var(--hop-Tag-progress-background-color-press);
4383
4380
  --text-color: var(--hop-Tag-progress-text-color-press);
4384
4381
  }
4385
- .Tag-module__hop-Tag--progress___cH-Ng[data-disabled] {
4382
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4386
4383
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4387
4384
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4388
4385
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4389
4386
  }
4390
- .Tag-module__hop-Tag--positive___2EKCj[data-focus-visible] {
4387
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4391
4388
  --border-color: var(--hop-Tag-positive-border-color-focus);
4392
4389
  --background-color: var(--hop-Tag-positive-background-color-focus);
4393
4390
  --text-color: var(--hop-Tag-positive-text-color-focus);
4394
4391
  }
4395
- .Tag-module__hop-Tag--positive___2EKCj[data-hovered] {
4392
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4396
4393
  --border-color: var(--hop-Tag-positive-border-color-hover);
4397
4394
  --background-color: var(--hop-Tag-positive-background-color-hover);
4398
4395
  --text-color: var(--hop-Tag-positive-text-color-hover);
4399
4396
  }
4400
- .Tag-module__hop-Tag--positive___2EKCj[data-pressed] {
4397
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4401
4398
  --border-color: var(--hop-Tag-positive-border-color-press);
4402
4399
  --background-color: var(--hop-Tag-positive-background-color-press);
4403
4400
  --text-color: var(--hop-Tag-positive-text-color-press);
4404
4401
  }
4405
- .Tag-module__hop-Tag--positive___2EKCj[data-disabled] {
4402
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4406
4403
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4407
4404
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4408
4405
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4409
4406
  }
4410
- .Tag-module__hop-Tag--caution___ph-FI[data-focus-visible] {
4407
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4411
4408
  --border-color: var(--hop-Tag-caution-border-color-focus);
4412
4409
  --background-color: var(--hop-Tag-caution-background-color-focus);
4413
4410
  --text-color: var(--hop-Tag-caution-text-color-focus);
4414
4411
  }
4415
- .Tag-module__hop-Tag--caution___ph-FI[data-hovered] {
4412
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4416
4413
  --border-color: var(--hop-Tag-caution-border-color-hover);
4417
4414
  --background-color: var(--hop-Tag-caution-background-color-hover);
4418
4415
  --text-color: var(--hop-Tag-caution-text-color-hover);
4419
4416
  }
4420
- .Tag-module__hop-Tag--caution___ph-FI[data-pressed] {
4417
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4421
4418
  --border-color: var(--hop-Tag-caution-border-color-press);
4422
4419
  --background-color: var(--hop-Tag-caution-background-color-press);
4423
4420
  --text-color: var(--hop-Tag-caution-text-color-press);
4424
4421
  }
4425
- .Tag-module__hop-Tag--caution___ph-FI[data-disabled] {
4422
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4426
4423
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4427
4424
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4428
4425
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4429
4426
  }
4430
- .Tag-module__hop-Tag--negative___CvM-K[data-focus-visible] {
4427
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4431
4428
  --border-color: var(--hop-Tag-negative-border-color-focus);
4432
4429
  --background-color: var(--hop-Tag-negative-background-color-focus);
4433
4430
  --text-color: var(--hop-Tag-negative-text-color-focus);
4434
4431
  }
4435
- .Tag-module__hop-Tag--negative___CvM-K[data-hovered] {
4432
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4436
4433
  --border-color: var(--hop-Tag-negative-border-color-hover);
4437
4434
  --background-color: var(--hop-Tag-negative-background-color-hover);
4438
4435
  --text-color: var(--hop-Tag-negative-text-color-hover);
4439
4436
  }
4440
- .Tag-module__hop-Tag--negative___CvM-K[data-pressed] {
4437
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4441
4438
  --border-color: var(--hop-Tag-negative-border-color-press);
4442
4439
  --background-color: var(--hop-Tag-negative-background-color-press);
4443
4440
  --text-color: var(--hop-Tag-negative-text-color-press);
4444
4441
  }
4445
- .Tag-module__hop-Tag--negative___CvM-K[data-disabled] {
4442
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4446
4443
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4447
4444
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4448
4445
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4449
4446
  }
4450
- .Tag-module__hop-Tag--option1___ZQJIo[data-focus-visible] {
4447
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4451
4448
  --border-color: var(--hop-Tag-option1-border-color-focus);
4452
4449
  --background-color: var(--hop-Tag-option1-background-color-focus);
4453
4450
  --text-color: var(--hop-Tag-option1-text-color-focus);
4454
4451
  }
4455
- .Tag-module__hop-Tag--option1___ZQJIo[data-hovered] {
4452
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4456
4453
  --border-color: var(--hop-Tag-option1-border-color-hover);
4457
4454
  --background-color: var(--hop-Tag-option1-background-color-hover);
4458
4455
  --text-color: var(--hop-Tag-option1-text-color-hover);
4459
4456
  }
4460
- .Tag-module__hop-Tag--option1___ZQJIo[data-pressed] {
4457
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4461
4458
  --border-color: var(--hop-Tag-option1-border-color-press);
4462
4459
  --background-color: var(--hop-Tag-option1-background-color-press);
4463
4460
  --text-color: var(--hop-Tag-option1-text-color-press);
4464
4461
  }
4465
- .Tag-module__hop-Tag--option1___ZQJIo[data-disabled] {
4462
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4466
4463
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4467
4464
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4468
4465
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4469
4466
  }
4470
- .Tag-module__hop-Tag--option2___mQBU7[data-focus-visible] {
4467
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4471
4468
  --border-color: var(--hop-Tag-option2-border-color-focus);
4472
4469
  --background-color: var(--hop-Tag-option2-background-color-focus);
4473
4470
  --text-color: var(--hop-Tag-option2-text-color-focus);
4474
4471
  }
4475
- .Tag-module__hop-Tag--option2___mQBU7[data-hovered] {
4472
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4476
4473
  --border-color: var(--hop-Tag-option2-border-color-hover);
4477
4474
  --background-color: var(--hop-Tag-option2-background-color-hover);
4478
4475
  --text-color: var(--hop-Tag-option2-text-color-hover);
4479
4476
  }
4480
- .Tag-module__hop-Tag--option2___mQBU7[data-pressed] {
4477
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4481
4478
  --border-color: var(--hop-Tag-option2-border-color-press);
4482
4479
  --background-color: var(--hop-Tag-option2-background-color-press);
4483
4480
  --text-color: var(--hop-Tag-option2-text-color-press);
4484
4481
  }
4485
- .Tag-module__hop-Tag--option2___mQBU7[data-disabled] {
4482
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4486
4483
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4487
4484
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4488
4485
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4489
4486
  }
4490
- .Tag-module__hop-Tag--option3___AQSPe[data-focus-visible] {
4487
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4491
4488
  --border-color: var(--hop-Tag-option3-border-color-focus);
4492
4489
  --background-color: var(--hop-Tag-option3-background-color-focus);
4493
4490
  --text-color: var(--hop-Tag-option3-text-color-focus);
4494
4491
  }
4495
- .Tag-module__hop-Tag--option3___AQSPe[data-hovered] {
4492
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4496
4493
  --border-color: var(--hop-Tag-option3-border-color-hover);
4497
4494
  --background-color: var(--hop-Tag-option3-background-color-hover);
4498
4495
  --text-color: var(--hop-Tag-option3-text-color-hover);
4499
4496
  }
4500
- .Tag-module__hop-Tag--option3___AQSPe[data-pressed] {
4497
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4501
4498
  --border-color: var(--hop-Tag-option3-border-color-press);
4502
4499
  --background-color: var(--hop-Tag-option3-background-color-press);
4503
4500
  --text-color: var(--hop-Tag-option3-text-color-press);
4504
4501
  }
4505
- .Tag-module__hop-Tag--option3___AQSPe[data-disabled] {
4502
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4506
4503
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4507
4504
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4508
4505
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4509
4506
  }
4510
- .Tag-module__hop-Tag--option4___JVMM0[data-focus-visible] {
4507
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4511
4508
  --border-color: var(--hop-Tag-option4-border-color-focus);
4512
4509
  --background-color: var(--hop-Tag-option4-background-color-focus);
4513
4510
  --text-color: var(--hop-Tag-option4-text-color-focus);
4514
4511
  }
4515
- .Tag-module__hop-Tag--option4___JVMM0[data-hovered] {
4512
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4516
4513
  --border-color: var(--hop-Tag-option4-border-color-hover);
4517
4514
  --background-color: var(--hop-Tag-option4-background-color-hover);
4518
4515
  --text-color: var(--hop-Tag-option4-text-color-hover);
4519
4516
  }
4520
- .Tag-module__hop-Tag--option4___JVMM0[data-pressed] {
4517
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4521
4518
  --border-color: var(--hop-Tag-option4-border-color-press);
4522
4519
  --background-color: var(--hop-Tag-option4-background-color-press);
4523
4520
  --text-color: var(--hop-Tag-option4-text-color-press);
4524
4521
  }
4525
- .Tag-module__hop-Tag--option4___JVMM0[data-disabled] {
4522
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4526
4523
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4527
4524
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4528
4525
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4529
4526
  }
4530
- .Tag-module__hop-Tag--option5___uMkwG[data-focus-visible] {
4527
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4531
4528
  --border-color: var(--hop-Tag-option5-border-color-focus);
4532
4529
  --background-color: var(--hop-Tag-option5-background-color-focus);
4533
4530
  --text-color: var(--hop-Tag-option5-text-color-focus);
4534
4531
  }
4535
- .Tag-module__hop-Tag--option5___uMkwG[data-hovered] {
4532
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4536
4533
  --border-color: var(--hop-Tag-option5-border-color-hover);
4537
4534
  --background-color: var(--hop-Tag-option5-background-color-hover);
4538
4535
  --text-color: var(--hop-Tag-option5-text-color-hover);
4539
4536
  }
4540
- .Tag-module__hop-Tag--option5___uMkwG[data-pressed] {
4537
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4541
4538
  --border-color: var(--hop-Tag-option5-border-color-press);
4542
4539
  --background-color: var(--hop-Tag-option5-background-color-press);
4543
4540
  --text-color: var(--hop-Tag-option5-text-color-press);
4544
4541
  }
4545
- .Tag-module__hop-Tag--option5___uMkwG[data-disabled] {
4542
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4546
4543
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4547
4544
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4548
4545
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4549
4546
  }
4550
- .Tag-module__hop-Tag--option6___1Vk-2[data-focus-visible] {
4547
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4551
4548
  --border-color: var(--hop-Tag-option6-border-color-focus);
4552
4549
  --background-color: var(--hop-Tag-option6-background-color-focus);
4553
4550
  --text-color: var(--hop-Tag-option6-text-color-focus);
4554
4551
  }
4555
- .Tag-module__hop-Tag--option6___1Vk-2[data-hovered] {
4552
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4556
4553
  --border-color: var(--hop-Tag-option6-border-color-hover);
4557
4554
  --background-color: var(--hop-Tag-option6-background-color-hover);
4558
4555
  --text-color: var(--hop-Tag-option6-text-color-hover);
4559
4556
  }
4560
- .Tag-module__hop-Tag--option6___1Vk-2[data-pressed] {
4557
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4561
4558
  --border-color: var(--hop-Tag-option6-border-color-press);
4562
4559
  --background-color: var(--hop-Tag-option6-background-color-press);
4563
4560
  --text-color: var(--hop-Tag-option6-text-color-press);
4564
4561
  }
4565
- .Tag-module__hop-Tag--option6___1Vk-2[data-disabled] {
4562
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4566
4563
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4567
4564
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4568
4565
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4569
4566
  }
4570
- .Tag-module__hop-Tag___Yy8k4[data-focus-visible] {
4567
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4571
4568
  outline: 0.125rem solid var(--focus-ring-color);
4572
4569
  }
4573
- .Tag-module__hop-Tag___Yy8k4[data-hovered] {
4570
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4574
4571
  cursor: pointer;
4575
4572
  }
4576
- .Tag-module__hop-Tag___Yy8k4[data-selected] {
4573
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4577
4574
  --background-color: var(--hop-Tag-background-color-selected);
4578
4575
  --border-color: var(--hop-Tag-border-color-selected);
4579
4576
  --text-color: var(--hop-Tag-text-color-selected);
4580
4577
  }
4581
- .Tag-module__hop-Tag___Yy8k4[data-pressed] {
4578
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4582
4579
  cursor: pointer;
4583
4580
  }
4584
- .Tag-module__hop-Tag___Yy8k4[data-invalid] {
4581
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4585
4582
  --border-color: var(--hop-Tag-border-color-invalid);
4586
4583
  }
4587
- .Tag-module__hop-Tag___Yy8k4[data-disabled] {
4584
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4588
4585
  cursor: not-allowed;
4589
4586
  }
4590
- .Tag-module__hop-Tag__avatar___CSU4h {
4587
+ .Tag-module__hop-Tag__avatar___LCkhz {
4591
4588
  flex: 0 0 auto;
4592
4589
  order: 1;
4593
4590
  margin-inline-start: var(--avatar-margin-inline-start);
4594
4591
  }
4595
- .Tag-module__hop-Tag__icon___-1ejX,
4596
- .Tag-module__hop-Tag__icon-list___xKNVa {
4592
+ .Tag-module__hop-Tag__icon___d-Od0,
4593
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4597
4594
  flex: 0 0 auto;
4598
4595
  flex-wrap: nowrap;
4599
4596
  order: 2;
4600
4597
  margin-inline-start: var(--icon-margin-inline-start, 0);
4601
4598
  }
4602
- .Tag-module__hop-Tag__text___sSfKQ {
4599
+ .Tag-module__hop-Tag__text___HsqI9 {
4603
4600
  overflow: hidden;
4604
4601
  flex: 1 1 auto;
4605
4602
  order: 3;
@@ -4607,33 +4604,33 @@
4607
4604
  text-align: center;
4608
4605
  text-overflow: ellipsis;
4609
4606
  }
4610
- .Tag-module__hop-Tag__badge___2wkBC {
4607
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4611
4608
  flex: 0 0 auto;
4612
4609
  order: 4;
4613
4610
  margin-inline-end: var(--badge-margin-inline-end);
4614
4611
  }
4615
- .Tag-module__hop-Tag___Yy8k4 .Tag-module__hop-Tag__badge___2wkBC[data-variant=subdued] {
4612
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4616
4613
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4617
4614
  color: inherit;
4618
4615
  background: none;
4619
4616
  }
4620
- .Tag-module__hop-Tag--sm___P8TCA .Tag-module__hop-Tag__badge___2wkBC {
4617
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4621
4618
  block-size: 100%;
4622
4619
  }
4623
- .Tag-module__hop-Tag__remove-btn___G2Agr,
4624
- .Tag-module__hop-Tag__Spinner___mraiV {
4620
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4621
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4625
4622
  flex: 0 0 auto;
4626
4623
  order: 5;
4627
4624
  }
4628
- .Tag-module__hop-Tag__Spinner___mraiV {
4625
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4629
4626
  margin-inline-end: var(--spinner-margin-inline-end);
4630
4627
  }
4631
- .Tag-module__hop-Tag__remove-btn___G2Agr {
4628
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4632
4629
  margin-inline: var(--clear-btn-margin-inline);
4633
4630
  }
4634
4631
 
4635
4632
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4636
- .TagGroup-module__hop-TagGroup___bQxw7 {
4633
+ .TagGroup-module__hop-TagGroup___14xMC {
4637
4634
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4638
4635
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4639
4636
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4653,10 +4650,10 @@
4653
4650
  inline-size: max-content;
4654
4651
  max-inline-size: 100%;
4655
4652
  }
4656
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__label___cVWgA {
4653
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4657
4654
  order: 1;
4658
4655
  }
4659
- .TagGroup-module__hop-TagGroup__list___luCe0 {
4656
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4660
4657
  display: flex;
4661
4658
  flex-wrap: wrap;
4662
4659
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4665,12 +4662,12 @@
4665
4662
  border-radius: var(--list-border-radius);
4666
4663
  outline: none;
4667
4664
  }
4668
- .TagGroup-module__hop-TagGroup__list___luCe0[data-focus-visible] {
4665
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4669
4666
  outline: 0.125rem solid var(--list-focus-ring-color);
4670
4667
  outline-offset: 0.125rem;
4671
4668
  }
4672
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__error-message___35gef,
4673
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__helper-message___QBlgC {
4669
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4670
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4674
4671
  order: 3;
4675
4672
  }
4676
4673
 
@@ -4700,17 +4697,18 @@
4700
4697
  /* src/index.css */
4701
4698
 
4702
4699
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
4703
- :where(.Popover-module__hop-Popover___wpqmA *) {
4700
+ :where(.Popover-module__hop-Popover___YqMrl *) {
4704
4701
  font-family: var(--font-family);
4705
4702
  font-size: var(--font-size);
4706
4703
  font-weight: var(--font-weight);
4707
4704
  line-height: var(--line-height);
4708
4705
  outline: none;
4709
4706
  }
4710
- .Popover-module__hop-Popover___wpqmA {
4707
+ .Popover-module__hop-Popover___YqMrl {
4711
4708
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
4712
4709
  --hop-Popover-inline-width: 25rem;
4713
4710
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
4711
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
4714
4712
  --hop-Popover-dropdown-auto-inline-width: auto;
4715
4713
  --width: var(--hop-Popover-inline-width);
4716
4714
  --max-width: var(--hop-Popover-max-inline-width);
@@ -4719,19 +4717,22 @@
4719
4717
  inline-size: var(--width);
4720
4718
  max-inline-size: var(--max-width);
4721
4719
  }
4722
- .Popover-module__hop-Popover___wpqmA[data-trigger=Select] {
4720
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
4723
4721
  --width: var(--hop-Popover-dropdown-inline-width);
4724
4722
  }
4725
- .Popover-module__hop-Popover___wpqmA[data-auto-width] {
4723
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
4724
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
4725
+ }
4726
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
4726
4727
  --width: var(--hop-Popover-dropdown-auto-inline-width);
4727
4728
  }
4728
- .Popover-module__hop-Popover___wpqmA[data-entering] {
4729
- animation: Popover-module__fade___fLu22 0.25s;
4729
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
4730
+ animation: Popover-module__fade___cM9Hu 0.25s;
4730
4731
  }
4731
- .Popover-module__hop-Popover___wpqmA[data-exiting] {
4732
- animation: Popover-module__fade___fLu22 0.25s reverse;
4732
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
4733
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
4733
4734
  }
4734
- @keyframes Popover-module__fade___fLu22 {
4735
+ @keyframes Popover-module__fade___cM9Hu {
4735
4736
  from {
4736
4737
  opacity: 0;
4737
4738
  }
@@ -4739,14 +4740,14 @@
4739
4740
  opacity: 1;
4740
4741
  }
4741
4742
  }
4742
- .Popover-module__hop-Popover__wrapper___-2GXF {
4743
+ .Popover-module__hop-Popover__wrapper___bBvVC {
4743
4744
  display: flex;
4744
4745
  flex: 1 1 auto;
4745
4746
  flex-direction: column;
4746
4747
  min-block-size: 0;
4747
4748
  }
4748
- .Popover-module__hop-Popover__dialog___wOPF-,
4749
- .Popover-module__hop-Popover__dropdown___hF0Ba {
4749
+ .Popover-module__hop-Popover__dialog___-Qm8I,
4750
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4750
4751
  --hop-Popover-background: var(--hop-neutral-surface);
4751
4752
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
4752
4753
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -4792,20 +4793,20 @@
4792
4793
  border-radius: var(--hop-Popover-border-radius);
4793
4794
  box-shadow: var(--hop-Popover-box-shadow);
4794
4795
  }
4795
- .Popover-module__hop-Popover__dropdown___hF0Ba {
4796
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
4796
4797
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
4797
4798
  --footer-place-self: stretch;
4798
4799
  --grid-template: var(--hop-Popover-dropdown-grid-template);
4799
4800
  --padding: var(--hop-Popover-dropdown-padding);
4800
4801
  }
4801
- .Popover-module__hop-Popover__dialog___wOPF- {
4802
+ .Popover-module__hop-Popover__dialog___-Qm8I {
4802
4803
  --padding: var(--hop-Popover-dialog-padding);
4803
4804
  }
4804
- .Popover-module__hop-Popover__title___tULvQ {
4805
+ .Popover-module__hop-Popover__title___SZT2m {
4805
4806
  grid-area: header;
4806
4807
  color: var(--hop-Popover-color);
4807
4808
  }
4808
- .Popover-module__hop-Popover__content___xfAwJ {
4809
+ .Popover-module__hop-Popover__content___V6KMC {
4809
4810
  --font-size: var(--hop-Popover-content-font-size);
4810
4811
  --line-height: var(--hop-Popover-content-line-height);
4811
4812
  grid-area: content;
@@ -4814,7 +4815,7 @@
4814
4815
  padding: 0;
4815
4816
  color: var(--hop-Popover-content-color);
4816
4817
  }
4817
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__list-box___dtFam {
4818
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
4818
4819
  grid-area: content;
4819
4820
  inline-size: auto;
4820
4821
  min-inline-size: auto;
@@ -4823,7 +4824,7 @@
4823
4824
  padding: 0;
4824
4825
  border: none;
4825
4826
  }
4826
- .Popover-module__hop-Popover__footer___nRrpk {
4827
+ .Popover-module__hop-Popover__footer___sJmo- {
4827
4828
  --font-size: var(--hop-Popover-footer-font-size);
4828
4829
  --line-height: var(--hop-Popover-footer-line-height);
4829
4830
  grid-area: footer;
@@ -4831,22 +4832,22 @@
4831
4832
  margin: var(--footer-margin);
4832
4833
  color: var(--hop-Popover-color);
4833
4834
  }
4834
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__footer___nRrpk {
4835
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
4835
4836
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
4836
4837
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
4837
4838
  }
4838
- .Popover-module__hop-Popover__actions___9XiAv,
4839
- .Popover-module__hop-Popover__action___Gk0oe {
4839
+ .Popover-module__hop-Popover__actions___dlp9Q,
4840
+ .Popover-module__hop-Popover__action___hcQBI {
4840
4841
  grid-area: action;
4841
4842
  justify-self: end;
4842
4843
  margin-block-start: var(--hop-Popover-row-gap);
4843
4844
  }
4844
- .Popover-module__hop-Popover___wpqmA:has(.Popover-module__hop-Popover__actions___9XiAv, .Popover-module__hop-Popover__action___Gk0oe) .Popover-module__hop-Popover__footer___nRrpk {
4845
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
4845
4846
  margin-inline-end: var(--hop-Popover-column-gap);
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
  }