@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,155 @@
1
1
  @import "@hopper-ui/icons/index.css";
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
5
+ .Heading-module__hop-Heading___qL-Ga {
6
+ --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
+ --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
+ --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
9
+ --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
10
+ --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
11
+ --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
12
+ --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
13
+ --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
14
+ --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
15
+ --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
16
+ --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
17
+ --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
18
+ --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
19
+ --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
20
+ --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
21
+ --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
22
+ --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
23
+ --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
24
+ --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
25
+ --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
26
+ --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
27
+ --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
28
+ --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
29
+ --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
30
+ --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
31
+ --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
32
+ --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
33
+ --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
34
+ --hop-Heading-inherit-size-font-size: inherit;
35
+ --hop-Heading-inherit-size-font-family: inherit;
36
+ --hop-Heading-inherit-size-font-weight: inherit;
37
+ --hop-Heading-inherit-size-line-height: inherit;
38
+ }
39
+ :where(.Heading-module__hop-Heading___qL-Ga) {
40
+ margin: 0;
41
+ font-family: var(--font-family);
42
+ font-size: var(--font-size);
43
+ font-weight: var(--font-weight);
44
+ line-height: var(--line-height);
45
+ }
46
+ :where(.Heading-module__hop-Heading--xs___emC4g) {
47
+ --font-size: var(--hop-Heading-xs-font-size);
48
+ --font-family: var(--hop-Heading-xs-font-family);
49
+ --font-weight: var(--hop-Heading-xs-font-weight);
50
+ --line-height: var(--hop-Heading-xs-line-height);
51
+ }
52
+ :where(.Heading-module__hop-Heading--sm___0rHcs) {
53
+ --font-size: var(--hop-Heading-sm-font-size);
54
+ --font-family: var(--hop-Heading-sm-font-family);
55
+ --font-weight: var(--hop-Heading-sm-font-weight);
56
+ --line-height: var(--hop-Heading-sm-line-height);
57
+ }
58
+ :where(.Heading-module__hop-Heading--md___lrBIc) {
59
+ --font-size: var(--hop-Heading-md-font-size);
60
+ --font-family: var(--hop-Heading-md-font-family);
61
+ --font-weight: var(--hop-Heading-md-font-weight);
62
+ --line-height: var(--hop-Heading-md-line-height);
63
+ }
64
+ :where(.Heading-module__hop-Heading--lg___9cuPI) {
65
+ --font-size: var(--hop-Heading-lg-font-size);
66
+ --font-family: var(--hop-Heading-lg-font-family);
67
+ --font-weight: var(--hop-Heading-lg-font-weight);
68
+ --line-height: var(--hop-Heading-lg-line-height);
69
+ }
70
+ :where(.Heading-module__hop-Heading--xl___WkYun) {
71
+ --font-size: var(--hop-Heading-xl-font-size);
72
+ --font-family: var(--hop-Heading-xl-font-family);
73
+ --font-weight: var(--hop-Heading-xl-font-weight);
74
+ --line-height: var(--hop-Heading-xl-line-height);
75
+ }
76
+ :where(.Heading-module__hop-Heading--2xl___RaYLz) {
77
+ --font-size: var(--hop-Heading-2xl-font-size);
78
+ --font-family: var(--hop-Heading-2xl-font-family);
79
+ --font-weight: var(--hop-Heading-2xl-font-weight);
80
+ --line-height: var(--hop-Heading-2xl-line-height);
81
+ }
82
+ :where(.Heading-module__hop-Heading--3xl___e1oE9) {
83
+ --font-size: var(--hop-Heading-3xl-font-size);
84
+ --font-family: var(--hop-Heading-3xl-font-family);
85
+ --font-weight: var(--hop-Heading-3xl-font-weight);
86
+ --line-height: var(--hop-Heading-3xl-line-height);
87
+ }
88
+
89
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
90
+ :where(.OverlineText-module__hop-OverlineText___XDVrN) {
91
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
92
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
93
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
94
+ --hop-OverlineText-letter-spacing: 0.015rem;
95
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
96
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
97
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
98
+ --font-family: var(--hop-OverlineText-font-family);
99
+ --font-size: var(--hop-OverlineText-font-size);
100
+ --font-weight: var(--hop-OverlineText-font-weight);
101
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
102
+ --line-height: var(--hop-OverlineText-line-height);
103
+ --top-offset: var(--hop-OverlineText-top-offset);
104
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
105
+ box-sizing: border-box;
106
+ font-family: var(--font-family);
107
+ font-size: var(--font-size);
108
+ font-feature-settings: "case";
109
+ font-weight: var(--font-weight);
110
+ line-height: var(--line-height);
111
+ text-transform: uppercase;
112
+ letter-spacing: var(--letter-spacing);
113
+ }
114
+ .OverlineText-module__hop-OverlineText__text___nGtRo {
115
+ box-sizing: border-box;
116
+ }
117
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before,
118
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
119
+ content: "";
120
+ display: block;
121
+ box-sizing: border-box;
122
+ inline-size: 0;
123
+ block-size: 0;
124
+ }
125
+ .OverlineText-module__hop-OverlineText__text___nGtRo::before {
126
+ margin-block-end: var(--bottom-offset);
127
+ }
128
+ .OverlineText-module__hop-OverlineText__text___nGtRo::after {
129
+ margin-block-start: var(--top-offset);
130
+ }
131
+
132
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
133
+ .Label-module__hop-Label___1zcVv {
134
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
135
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
136
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
137
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
138
+ --hop-Label-color: var(--hop-neutral-text-weak);
139
+ }
140
+ :where(.Label-module__hop-Label___1zcVv) {
141
+ font-family: var(--hop-Label-font-family);
142
+ font-size: var(--hop-Label-font-size);
143
+ font-weight: var(--hop-Label-font-weight);
144
+ line-height: var(--hop-Label-line-height);
145
+ color: var(--hop-Label-color);
146
+ }
147
+ :where(.Label-module__hop-Label__indicator___ZX47s) {
148
+ padding-inline-start: var(--hop-space-20);
149
+ }
150
+
4
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
5
- .Text-module__hop-Text___R8UuG {
152
+ .Text-module__hop-Text___aPHsZ {
6
153
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
7
154
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
8
155
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -32,49 +179,49 @@
32
179
  --hop-Text-inherit-size-font-weight: inherit;
33
180
  --hop-Text-inherit-size-line-height: inherit;
34
181
  }
35
- :where(.Text-module__hop-Text___R8UuG) {
182
+ :where(.Text-module__hop-Text___aPHsZ) {
36
183
  font-family: var(--font-family);
37
184
  font-size: var(--font-size);
38
185
  font-weight: var(--font-weight);
39
186
  line-height: var(--line-height);
40
187
  }
41
- :where(.Text-module__hop-Text--xs___N8buF) {
188
+ :where(.Text-module__hop-Text--xs___Q-dLx) {
42
189
  --font-size: var(--hop-Text-xs-font-size);
43
190
  --font-family: var(--hop-Text-xs-font-family);
44
191
  --font-weight: var(--hop-Text-xs-font-weight);
45
192
  --line-height: var(--hop-Text-xs-line-height);
46
193
  }
47
- :where(.Text-module__hop-Text--sm___ZTn2L) {
194
+ :where(.Text-module__hop-Text--sm___FPZs6) {
48
195
  --font-size: var(--hop-Text-sm-font-size);
49
196
  --font-family: var(--hop-Text-sm-font-family);
50
197
  --font-weight: var(--hop-Text-sm-font-weight);
51
198
  --line-height: var(--hop-Text-sm-line-height);
52
199
  }
53
- :where(.Text-module__hop-Text--md___PaS1r) {
200
+ :where(.Text-module__hop-Text--md___wwFGu) {
54
201
  --font-size: var(--hop-Text-md-font-size);
55
202
  --font-family: var(--hop-Text-md-font-family);
56
203
  --font-weight: var(--hop-Text-md-font-weight);
57
204
  --line-height: var(--hop-Text-md-line-height);
58
205
  }
59
- :where(.Text-module__hop-Text--lg___Wi5qN) {
206
+ :where(.Text-module__hop-Text--lg___eP1l5) {
60
207
  --font-size: var(--hop-Text-lg-font-size);
61
208
  --font-family: var(--hop-Text-lg-font-family);
62
209
  --font-weight: var(--hop-Text-lg-font-weight);
63
210
  --line-height: var(--hop-Text-lg-line-height);
64
211
  }
65
- :where(.Text-module__hop-Text--xl___zM1uq) {
212
+ :where(.Text-module__hop-Text--xl___MX4B5) {
66
213
  --font-size: var(--hop-Text-xl-font-size);
67
214
  --font-family: var(--hop-Text-xl-font-family);
68
215
  --font-weight: var(--hop-Text-xl-font-weight);
69
216
  --line-height: var(--hop-Text-xl-line-height);
70
217
  }
71
- :where(.Text-module__hop-Text--2xl___OWNYz) {
218
+ :where(.Text-module__hop-Text--2xl___jSUoQ) {
72
219
  --font-size: var(--hop-Text-2xl-font-size);
73
220
  --font-family: var(--hop-Text-2xl-font-family);
74
221
  --font-weight: var(--hop-Text-2xl-font-weight);
75
222
  --line-height: var(--hop-Text-2xl-line-height);
76
223
  }
77
- :where(.Text-module__hop-Text--inherit___r9ZJy) {
224
+ :where(.Text-module__hop-Text--inherit___rWFT-) {
78
225
  --font-size: var(--hop-Text-inherit-size-font-size);
79
226
  --font-family: var(--hop-Text-inherit-size-font-family);
80
227
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -82,7 +229,7 @@
82
229
  }
83
230
 
84
231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
85
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv {
232
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7 {
86
233
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
87
234
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
88
235
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -113,46 +260,46 @@
113
260
  background-color: var(--background-color);
114
261
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
115
262
  }
116
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow {
263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ymeLk {
117
264
  --size: var(--hop-RichIconAvatarImage-xs-size);
118
265
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
119
266
  }
120
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VLxFX {
121
268
  --size: var(--hop-RichIconAvatarImage-sm-size);
122
269
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
123
270
  }
124
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___wu-FC {
125
272
  --size: var(--hop-RichIconAvatarImage-md-size);
126
273
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
127
274
  }
128
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___mRfIY {
129
276
  --size: var(--hop-RichIconAvatarImage-lg-size);
130
277
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
131
278
  }
132
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___KfoE8 {
133
280
  --size: var(--hop-RichIconAvatarImage-xl-size);
134
281
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
135
282
  }
136
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2t0GA {
137
284
  --size: var(--hop-RichIconAvatarImage-2xl-size);
138
285
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
139
286
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] {
141
288
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
142
289
  }
143
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
290
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
144
291
  position: relative;
145
292
  display: block;
146
293
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
147
294
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
148
295
  }
149
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___48JUv[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9 {
296
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___K-Aq7[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___bCbWd {
150
297
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
151
298
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
152
299
  }
153
300
 
154
301
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
155
- .Avatar-module__hop-Avatar___wvVPM {
302
+ .Avatar-module__hop-Avatar___5sKQo {
156
303
  --hop-Avatar-border-radius: var(--hop-shape-circle);
157
304
  --hop-Avatar-mix-blend-mode: normal;
158
305
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -197,67 +344,67 @@
197
344
  background-color: var(--background-color, transparent);
198
345
  border-radius: var(--hop-Avatar-border-radius);
199
346
  }
200
- .Avatar-module__hop-Avatar--xs___xWSLM {
347
+ .Avatar-module__hop-Avatar--xs___Ady66 {
201
348
  --size: var(--hop-Avatar-xs-size);
202
349
  }
203
- .Avatar-module__hop-Avatar--sm___aYlLW {
350
+ .Avatar-module__hop-Avatar--sm___FeU7R {
204
351
  --size: var(--hop-Avatar-sm-size);
205
352
  }
206
- .Avatar-module__hop-Avatar--md___kS3ss {
353
+ .Avatar-module__hop-Avatar--md___ZKXaB {
207
354
  --size: var(--hop-Avatar-md-size);
208
355
  }
209
- .Avatar-module__hop-Avatar--lg___gjqxK {
356
+ .Avatar-module__hop-Avatar--lg___1aVAg {
210
357
  --size: var(--hop-Avatar-lg-size);
211
358
  }
212
- .Avatar-module__hop-Avatar--xl___Pyynt {
359
+ .Avatar-module__hop-Avatar--xl___OGORu {
213
360
  --size: var(--hop-Avatar-xl-size);
214
361
  }
215
- .Avatar-module__hop-Avatar--2xl___L9LKX {
362
+ .Avatar-module__hop-Avatar--2xl___IihrO {
216
363
  --size: var(--hop-Avatar-2xl-size);
217
364
  }
218
- .Avatar-module__hop-Avatar--decorative-option1___G27ag {
365
+ .Avatar-module__hop-Avatar--decorative-option1___r8yYu {
219
366
  --background-color: var(--hop-Avatar-decorative-1-background-color);
220
367
  --text-color: var(--hop-Avatar-decorative-1-text-color);
221
368
  }
222
- .Avatar-module__hop-Avatar--decorative-option2___nRYtl {
369
+ .Avatar-module__hop-Avatar--decorative-option2___QeM5w {
223
370
  --background-color: var(--hop-Avatar-decorative-2-background-color);
224
371
  --text-color: var(--hop-Avatar-decorative-2-text-color);
225
372
  }
226
- .Avatar-module__hop-Avatar--decorative-option3___YIsiX {
373
+ .Avatar-module__hop-Avatar--decorative-option3___nsycG {
227
374
  --background-color: var(--hop-Avatar-decorative-3-background-color);
228
375
  --text-color: var(--hop-Avatar-decorative-3-text-color);
229
376
  }
230
- .Avatar-module__hop-Avatar--decorative-option4___6LeoD {
377
+ .Avatar-module__hop-Avatar--decorative-option4___uBdkS {
231
378
  --background-color: var(--hop-Avatar-decorative-4-background-color);
232
379
  --text-color: var(--hop-Avatar-decorative-4-text-color);
233
380
  }
234
- .Avatar-module__hop-Avatar--decorative-option5___B92oN {
381
+ .Avatar-module__hop-Avatar--decorative-option5___VYfAD {
235
382
  --background-color: var(--hop-Avatar-decorative-5-background-color);
236
383
  --text-color: var(--hop-Avatar-decorative-5-text-color);
237
384
  }
238
- .Avatar-module__hop-Avatar--decorative-option6___xfeoB {
385
+ .Avatar-module__hop-Avatar--decorative-option6___hSbrh {
239
386
  --background-color: var(--hop-Avatar-decorative-6-background-color);
240
387
  --text-color: var(--hop-Avatar-decorative-6-text-color);
241
388
  }
242
- .Avatar-module__hop-Avatar--decorative-option7___XIlFt {
389
+ .Avatar-module__hop-Avatar--decorative-option7___yTTZQ {
243
390
  --background-color: var(--hop-Avatar-decorative-7-background-color);
244
391
  --text-color: var(--hop-Avatar-decorative-7-text-color);
245
392
  }
246
- .Avatar-module__hop-Avatar--decorative-option8___v9I39 {
393
+ .Avatar-module__hop-Avatar--decorative-option8___Ye64F {
247
394
  --background-color: var(--hop-Avatar-decorative-8-background-color);
248
395
  --text-color: var(--hop-Avatar-decorative-8-text-color);
249
396
  }
250
- .Avatar-module__hop-Avatar--decorative-option9___thark {
397
+ .Avatar-module__hop-Avatar--decorative-option9___U63SX {
251
398
  --background-color: var(--hop-Avatar-decorative-9-background-color);
252
399
  --text-color: var(--hop-Avatar-decorative-9-text-color);
253
400
  }
254
- .Avatar-module__hop-Avatar___wvVPM[data-disabled] {
401
+ .Avatar-module__hop-Avatar___5sKQo[data-disabled] {
255
402
  --background-color: var(--hop-Avatar-background-color-disabled);
256
403
  --text-color: var(--hop-Avatar-text-color-disabled);
257
404
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
258
405
  isolation: isolate;
259
406
  }
260
- .Avatar-module__hop-Avatar__image___W02lq {
407
+ .Avatar-module__hop-Avatar__image___wmX-V {
261
408
  position: relative;
262
409
  display: block;
263
410
  box-sizing: border-box;
@@ -267,51 +414,8 @@
267
414
  mix-blend-mode: var(--mix-blend-mode);
268
415
  }
269
416
 
270
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
271
- :where(.OverlineText-module__hop-OverlineText___MNaoU) {
272
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
273
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
274
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
275
- --hop-OverlineText-letter-spacing: 0.015rem;
276
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
277
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
278
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
279
- --font-family: var(--hop-OverlineText-font-family);
280
- --font-size: var(--hop-OverlineText-font-size);
281
- --font-weight: var(--hop-OverlineText-font-weight);
282
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
283
- --line-height: var(--hop-OverlineText-line-height);
284
- --top-offset: var(--hop-OverlineText-top-offset);
285
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
286
- box-sizing: border-box;
287
- font-family: var(--font-family);
288
- font-size: var(--font-size);
289
- font-feature-settings: "case";
290
- font-weight: var(--font-weight);
291
- line-height: var(--line-height);
292
- text-transform: uppercase;
293
- letter-spacing: var(--letter-spacing);
294
- }
295
- .OverlineText-module__hop-OverlineText__text___nkwdC {
296
- box-sizing: border-box;
297
- }
298
- .OverlineText-module__hop-OverlineText__text___nkwdC::before,
299
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
300
- content: "";
301
- display: block;
302
- box-sizing: border-box;
303
- inline-size: 0;
304
- block-size: 0;
305
- }
306
- .OverlineText-module__hop-OverlineText__text___nkwdC::before {
307
- margin-block-end: var(--bottom-offset);
308
- }
309
- .OverlineText-module__hop-OverlineText__text___nkwdC::after {
310
- margin-block-start: var(--top-offset);
311
- }
312
-
313
417
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
314
- .Badge-module__hop-Badge___-9bND {
418
+ .Badge-module__hop-Badge___PVPdF {
315
419
  --hop-Badge-height: 1.5rem;
316
420
  --hop-Badge-width: max-content;
317
421
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -361,67 +465,67 @@
361
465
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
362
466
  border-radius: var(--border-radius);
363
467
  }
364
- .Badge-module__hop-Badge___-9bND[data-variant=primary] {
468
+ .Badge-module__hop-Badge___PVPdF[data-variant=primary] {
365
469
  --background-color: var(--hop-Badge-primary-background-color);
366
470
  --text-color: var(--hop-Badge-primary-text-color);
367
471
  }
368
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=primary] {
472
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=primary] {
369
473
  --background-color: var(--hop-Badge-primary-background-color-hovered);
370
474
  --text-color: var(--hop-Badge-primary-text-color-hovered);
371
475
  }
372
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=primary] {
476
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=primary] {
373
477
  --background-color: var(--hop-Badge-primary-background-color-pressed);
374
478
  --text-color: var(--hop-Badge-primary-text-color-pressed);
375
479
  }
376
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=primary] {
480
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=primary] {
377
481
  --background-color: var(--hop-Badge-primary-background-color-selected);
378
482
  --text-color: var(--hop-Badge-primary-text-color-selected);
379
483
  }
380
- .Badge-module__hop-Badge___-9bND[data-variant=secondary] {
484
+ .Badge-module__hop-Badge___PVPdF[data-variant=secondary] {
381
485
  --background-color: var(--hop-Badge-secondary-background-color);
382
486
  --text-color: var(--hop-Badge-secondary-text-color);
383
487
  }
384
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=secondary] {
488
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=secondary] {
385
489
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
386
490
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
387
491
  }
388
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=secondary] {
492
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=secondary] {
389
493
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
390
494
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
391
495
  }
392
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=secondary] {
496
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=secondary] {
393
497
  --background-color: var(--hop-Badge-secondary-background-color-selected);
394
498
  --text-color: var(--hop-Badge-secondary-text-color-selected);
395
499
  }
396
- .Badge-module__hop-Badge___-9bND[data-variant=subdued] {
500
+ .Badge-module__hop-Badge___PVPdF[data-variant=subdued] {
397
501
  --background-color: var(--hop-Badge-subdued-background-color);
398
502
  --text-color: var(--hop-Badge-subdued-text-color);
399
503
  }
400
- .Badge-module__hop-Badge___-9bND[data-hovered][data-variant=subdued] {
504
+ .Badge-module__hop-Badge___PVPdF[data-hovered][data-variant=subdued] {
401
505
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
402
506
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
403
507
  }
404
- .Badge-module__hop-Badge___-9bND[data-pressed][data-variant=subdued] {
508
+ .Badge-module__hop-Badge___PVPdF[data-pressed][data-variant=subdued] {
405
509
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
406
510
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
407
511
  }
408
- .Badge-module__hop-Badge___-9bND[data-selected][data-variant=subdued] {
512
+ .Badge-module__hop-Badge___PVPdF[data-selected][data-variant=subdued] {
409
513
  --background-color: var(--hop-Badge-subdued-background-color-selected);
410
514
  --text-color: var(--hop-Badge-subdued-text-color-selected);
411
515
  }
412
- .Badge-module__hop-Badge___-9bND[data-indeterminate] {
516
+ .Badge-module__hop-Badge___PVPdF[data-indeterminate] {
413
517
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
414
518
  --height: var(--hop-Badge-indeterminate-height);
415
519
  --width: var(--hop-Badge-indeterminate-width);
416
520
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
417
521
  }
418
- .Badge-module__hop-Badge___-9bND[data-disabled] {
522
+ .Badge-module__hop-Badge___PVPdF[data-disabled] {
419
523
  --background-color: var(--hop-Badge-background-color-disabled);
420
524
  --text-color: var(--hop-Badge-text-color-disabled);
421
525
  }
422
526
 
423
527
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
424
- .FloatingBadge-module__hop-FloatingBadge___-4FWx {
528
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf {
425
529
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
426
530
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
427
531
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -462,7 +566,7 @@
462
566
  box-sizing: border-box;
463
567
  inline-size: max-content;
464
568
  }
465
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"] {
569
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"] {
466
570
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
467
571
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
468
572
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -470,11 +574,11 @@
470
574
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
471
575
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
472
576
  }
473
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top right"][data-overlap=circular] {
577
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top right"][data-overlap=circular] {
474
578
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
475
579
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
476
580
  }
477
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"] {
581
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"] {
478
582
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
479
583
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
480
584
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -482,11 +586,11 @@
482
586
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
483
587
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
484
588
  }
485
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="top left"][data-overlap=circular] {
589
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="top left"][data-overlap=circular] {
486
590
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
487
591
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
488
592
  }
489
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"] {
593
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"] {
490
594
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
491
595
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
492
596
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -494,11 +598,11 @@
494
598
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
495
599
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
496
600
  }
497
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom right"][data-overlap=circular] {
601
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom right"][data-overlap=circular] {
498
602
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
499
603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
500
604
  }
501
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"] {
605
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"] {
502
606
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
503
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
504
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -506,11 +610,11 @@
506
610
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
507
611
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
508
612
  }
509
- .FloatingBadge-module__hop-FloatingBadge___-4FWx[data-placement="bottom left"][data-overlap=circular] {
613
+ .FloatingBadge-module__hop-FloatingBadge___Y0FDf[data-placement="bottom left"][data-overlap=circular] {
510
614
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
511
615
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
512
616
  }
513
- .FloatingBadge-module__hop-FloatingBadge__badge___yOdKc {
617
+ .FloatingBadge-module__hop-FloatingBadge__badge___pl1V5 {
514
618
  position: absolute;
515
619
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
516
620
  transform-origin: var(--badge-transform-origin);
@@ -518,7 +622,7 @@
518
622
  }
519
623
 
520
624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
521
- .IconList-module__hop-IconList___j6yB2 {
625
+ .IconList-module__hop-IconList___twZdn {
522
626
  --hop-IconList-gap: var(--hop-space-inline-xs);
523
627
  display: flex;
524
628
  flex-wrap: wrap;
@@ -527,7 +631,7 @@
527
631
  }
528
632
 
529
633
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
530
- @keyframes Spinner-module__spin___-668d {
634
+ @keyframes Spinner-module__spin___6LPFS {
531
635
  0% {
532
636
  transform: rotate(0deg);
533
637
  }
@@ -535,7 +639,7 @@
535
639
  transform: rotate(360deg);
536
640
  }
537
641
  }
538
- .Spinner-module__hop-Spinner___-a1aU {
642
+ .Spinner-module__hop-Spinner___mEPxX {
539
643
  --hop-Spinner-border-radius: var(--hop-shape-circle);
540
644
  --hop-Spinner-sm-wheel-size: 1rem;
541
645
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -543,7 +647,7 @@
543
647
  --hop-Spinner-track-width: 0.125rem;
544
648
  --hop-Spinner-track-opacity: 0.2;
545
649
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
546
- --hop-Spinner-fill-animation: Spinner-module__spin___-668d .8s infinite linear;
650
+ --hop-Spinner-fill-animation: Spinner-module__spin___6LPFS .8s infinite linear;
547
651
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
548
652
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
549
653
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -554,19 +658,19 @@
554
658
  align-items: center;
555
659
  box-sizing: border-box;
556
660
  }
557
- .Spinner-module__hop-Spinner--sm___6be61 {
661
+ .Spinner-module__hop-Spinner--sm___yTrSl {
558
662
  --width: var(--hop-Spinner-sm-wheel-size);
559
663
  --height: var(--hop-Spinner-sm-wheel-size);
560
664
  }
561
- .Spinner-module__hop-Spinner--md___VLODL {
665
+ .Spinner-module__hop-Spinner--md___tnCZQ {
562
666
  --width: var(--hop-Spinner-md-wheel-size);
563
667
  --height: var(--hop-Spinner-md-wheel-size);
564
668
  }
565
- .Spinner-module__hop-Spinner--lg___40ZqO {
669
+ .Spinner-module__hop-Spinner--lg___2X4so {
566
670
  --width: var(--hop-Spinner-lg-wheel-size);
567
671
  --height: var(--hop-Spinner-lg-wheel-size);
568
672
  }
569
- .Spinner-module__hop-Spinner__track___plsYt {
673
+ .Spinner-module__hop-Spinner__track___oxWCw {
570
674
  grid-area: spinner;
571
675
  box-sizing: border-box;
572
676
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -575,7 +679,7 @@
575
679
  border: var(--hop-Spinner-track-border);
576
680
  border-radius: var(--hop-Spinner-border-radius);
577
681
  }
578
- .Spinner-module__hop-Spinner__fill___S9ATX {
682
+ .Spinner-module__hop-Spinner__fill___uPfid {
579
683
  grid-area: spinner;
580
684
  box-sizing: border-box;
581
685
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -586,17 +690,17 @@
586
690
  animation: var(--hop-Spinner-fill-animation);
587
691
  }
588
692
  @media (prefers-reduced-motion: reduce) {
589
- .Spinner-module__hop-Spinner__fill___S9ATX {
693
+ .Spinner-module__hop-Spinner__fill___uPfid {
590
694
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
591
695
  }
592
696
  }
593
- .Spinner-module__hop-Spinner__label___WoiYr {
697
+ .Spinner-module__hop-Spinner__label___rDXkL {
594
698
  grid-area: label;
595
699
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
596
700
  }
597
701
 
598
702
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
599
- .Button-module__hop-Button___2Nqnv {
703
+ .Button-module__hop-Button___hJrlG {
600
704
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
601
705
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
602
706
  --hop-Button-icon-only-padding: 0;
@@ -755,317 +859,317 @@
755
859
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
756
860
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
757
861
  }
758
- .Button-module__hop-Button___2Nqnv[data-focus-visible] {
862
+ .Button-module__hop-Button___hJrlG[data-focus-visible] {
759
863
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
760
864
  }
761
- .Button-module__hop-Button--icon-only___b6HX4 {
865
+ .Button-module__hop-Button--icon-only___FjUDk {
762
866
  --padding-block: var(--hop-Button-icon-only-padding);
763
867
  --padding-inline: var(--hop-Button-icon-only-padding);
764
868
  column-gap: 0;
765
869
  aspect-ratio: 1;
766
870
  }
767
- .Button-module__hop-Button___2Nqnv[data-disabled],
768
- .Button-module__hop-Button___2Nqnv[data-loading] {
871
+ .Button-module__hop-Button___hJrlG[data-disabled],
872
+ .Button-module__hop-Button___hJrlG[data-loading] {
769
873
  cursor: not-allowed;
770
874
  }
771
- .Button-module__hop-Button--fluid___xvmay {
875
+ .Button-module__hop-Button--fluid___zHyAn {
772
876
  --inline-size: 100%;
773
877
  }
774
- .Button-module__hop-Button--sm___WquC- {
878
+ .Button-module__hop-Button--sm___TjmEa {
775
879
  --block-size: var(--hop-Button-sm-height);
776
880
  }
777
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
881
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
778
882
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
779
883
  --padding-block: var(--hop-Button-primary-sm-padding-y);
780
884
  }
781
- .Button-module__hop-Button--primary___sY6d0.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
885
+ .Button-module__hop-Button--primary___x2k3w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
782
886
  --padding-inline: var(--hop-Button-primary-md-padding-x);
783
887
  --padding-block: var(--hop-Button-primary-md-padding-y);
784
888
  }
785
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
889
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
786
890
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
787
891
  --padding-block: var(--hop-Button-secondary-md-padding-y);
788
892
  }
789
- .Button-module__hop-Button--secondary___pINK9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
893
+ .Button-module__hop-Button--secondary___ehb-w.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
790
894
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
791
895
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
792
896
  }
793
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
897
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
794
898
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
795
899
  --padding-block: var(--hop-Button-upsell-md-padding-y);
796
900
  }
797
- .Button-module__hop-Button--upsell___ZE5jO.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
901
+ .Button-module__hop-Button--upsell___aWCox.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
798
902
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
799
903
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
800
904
  }
801
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
905
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
802
906
  --padding-inline: var(--hop-Button-danger-md-padding-x);
803
907
  --padding-block: var(--hop-Button-danger-md-padding-y);
804
908
  }
805
- .Button-module__hop-Button--danger___dSyM9.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
909
+ .Button-module__hop-Button--danger___KtNGT.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
806
910
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
807
911
  --padding-block: var(--hop-Button-danger-sm-padding-y);
808
912
  }
809
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
913
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
810
914
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
811
915
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
812
916
  }
813
- .Button-module__hop-Button--ghost-danger___c-aho.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
917
+ .Button-module__hop-Button--ghost-danger___DLGVS.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
814
918
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
815
919
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
816
920
  }
817
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
921
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
818
922
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
819
923
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
820
924
  }
821
- .Button-module__hop-Button--ghost-secondary___B0vtI.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
925
+ .Button-module__hop-Button--ghost-secondary___H0XJg.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
822
926
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
823
927
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
824
928
  }
825
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--md___egvlb:not(.Button-module__hop-Button--icon-only___b6HX4) {
929
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--md___SSJmI:not(.Button-module__hop-Button--icon-only___FjUDk) {
826
930
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
827
931
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
828
932
  }
829
- .Button-module__hop-Button--ghost-primary___LmWvy.Button-module__hop-Button--sm___WquC-:not(.Button-module__hop-Button--icon-only___b6HX4) {
933
+ .Button-module__hop-Button--ghost-primary___SaGFj.Button-module__hop-Button--sm___TjmEa:not(.Button-module__hop-Button--icon-only___FjUDk) {
830
934
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
831
935
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
832
936
  }
833
- .Button-module__hop-Button--primary___sY6d0 {
937
+ .Button-module__hop-Button--primary___x2k3w {
834
938
  --background-color: var(--hop-Button-primary-background-color);
835
939
  --color: var(--hop-Button-primary-color);
836
940
  --border: var(--hop-Button-primary-border);
837
941
  --spinner-color: var(--hop-Button-primary-spinner-color);
838
942
  }
839
- .Button-module__hop-Button--primary___sY6d0[data-disabled]:not([data-loading]) {
943
+ .Button-module__hop-Button--primary___x2k3w[data-disabled]:not([data-loading]) {
840
944
  --background-color: var(--hop-Button-primary-background-color-disabled);
841
945
  --color: var(--hop-Button-primary-color-disabled);
842
946
  --border: var(--hop-Button-primary-border-disabled);
843
947
  }
844
- .Button-module__hop-Button--primary___sY6d0[data-hovered]:not([data-disabled], [data-loading]),
845
- .Button-module__hop-Button--primary___sY6d0[data-focus-visible]:not([data-disabled], [data-loading]) {
948
+ .Button-module__hop-Button--primary___x2k3w[data-hovered]:not([data-disabled], [data-loading]),
949
+ .Button-module__hop-Button--primary___x2k3w[data-focus-visible]:not([data-disabled], [data-loading]) {
846
950
  --background-color: var(--hop-Button-primary-background-color-hover);
847
951
  --color: var(--hop-Button-primary-color-hover);
848
952
  --border: var(--hop-Button-primary-border-hover);
849
953
  }
850
- .Button-module__hop-Button--primary___sY6d0[data-pressed]:not([data-loading]) {
954
+ .Button-module__hop-Button--primary___x2k3w[data-pressed]:not([data-loading]) {
851
955
  --background-color: var(--hop-Button-primary-background-color-pressed);
852
956
  --color: var(--hop-Button-primary-color-pressed);
853
957
  --border: var(--hop-Button-primary-border-pressed);
854
958
  }
855
- .Button-module__hop-Button--secondary___pINK9 {
959
+ .Button-module__hop-Button--secondary___ehb-w {
856
960
  --background-color: var(--hop-Button-secondary-background-color);
857
961
  --color: var(--hop-Button-secondary-color);
858
962
  --border: var(--hop-Button-secondary-border);
859
963
  --spinner-color: var(--hop-Button-secondary-spinner-color);
860
964
  }
861
- .Button-module__hop-Button--secondary___pINK9[data-disabled]:not([data-loading]) {
965
+ .Button-module__hop-Button--secondary___ehb-w[data-disabled]:not([data-loading]) {
862
966
  --background-color: var(--hop-Button-secondary-background-color-disabled);
863
967
  --color: var(--hop-Button-secondary-color-disabled);
864
968
  --border: var(--hop-Button-secondary-border-disabled);
865
969
  }
866
- .Button-module__hop-Button--secondary___pINK9[data-hovered]:not([data-disabled], [data-loading]),
867
- .Button-module__hop-Button--secondary___pINK9[data-focus-visible]:not([data-disabled], [data-loading]) {
970
+ .Button-module__hop-Button--secondary___ehb-w[data-hovered]:not([data-disabled], [data-loading]),
971
+ .Button-module__hop-Button--secondary___ehb-w[data-focus-visible]:not([data-disabled], [data-loading]) {
868
972
  --background-color: var(--hop-Button-secondary-background-color-hover);
869
973
  --color: var(--hop-Button-secondary-color-hover);
870
974
  --border: var(--hop-Button-secondary-border-hover);
871
975
  }
872
- .Button-module__hop-Button--secondary___pINK9[data-pressed]:not([data-loading]) {
976
+ .Button-module__hop-Button--secondary___ehb-w[data-pressed]:not([data-loading]) {
873
977
  --background-color: var(--hop-Button-secondary-background-color-pressed);
874
978
  --color: var(--hop-Button-secondary-color-pressed);
875
979
  --border: var(--hop-Button-secondary-border-pressed);
876
980
  }
877
- .Button-module__hop-Button--upsell___ZE5jO {
981
+ .Button-module__hop-Button--upsell___aWCox {
878
982
  --background-color: var(--hop-Button-upsell-background-color);
879
983
  --color: var(--hop-Button-upsell-color);
880
984
  --border: var(--hop-Button-upsell-border);
881
985
  --spinner-color: var(--hop-Button-upsell-spinner-color);
882
986
  }
883
- .Button-module__hop-Button--upsell___ZE5jO[data-disabled]:not([data-loading]) {
987
+ .Button-module__hop-Button--upsell___aWCox[data-disabled]:not([data-loading]) {
884
988
  --background-color: var(--hop-Button-upsell-background-color-disabled);
885
989
  --color: var(--hop-Button-upsell-color-disabled);
886
990
  --border: var(--hop-Button-upsell-border-disabled);
887
991
  }
888
- .Button-module__hop-Button--upsell___ZE5jO[data-hovered]:not([data-disabled], [data-loading]),
889
- .Button-module__hop-Button--upsell___ZE5jO[data-focus-visible]:not([data-disabled], [data-loading]) {
992
+ .Button-module__hop-Button--upsell___aWCox[data-hovered]:not([data-disabled], [data-loading]),
993
+ .Button-module__hop-Button--upsell___aWCox[data-focus-visible]:not([data-disabled], [data-loading]) {
890
994
  --background-color: var(--hop-Button-upsell-background-color-hover);
891
995
  --color: var(--hop-Button-upsell-color-hover);
892
996
  --border: var(--hop-Button-upsell-border-hover);
893
997
  }
894
- .Button-module__hop-Button--upsell___ZE5jO[data-pressed]:not([data-loading]) {
998
+ .Button-module__hop-Button--upsell___aWCox[data-pressed]:not([data-loading]) {
895
999
  --background-color: var(--hop-Button-upsell-background-color-pressed);
896
1000
  --color: var(--hop-Button-upsell-color-pressed);
897
1001
  --border: var(--hop-Button-upsell-border-pressed);
898
1002
  }
899
- .Button-module__hop-Button--danger___dSyM9 {
1003
+ .Button-module__hop-Button--danger___KtNGT {
900
1004
  --background-color: var(--hop-Button-danger-background-color);
901
1005
  --color: var(--hop-Button-danger-color);
902
1006
  --border: var(--hop-Button-danger-border);
903
1007
  --spinner-color: var(--hop-Button-danger-spinner-color);
904
1008
  }
905
- .Button-module__hop-Button--danger___dSyM9[data-disabled]:not([data-loading]) {
1009
+ .Button-module__hop-Button--danger___KtNGT[data-disabled]:not([data-loading]) {
906
1010
  --background-color: var(--hop-Button-danger-background-color-disabled);
907
1011
  --color: var(--hop-Button-danger-color-disabled);
908
1012
  --border: var(--hop-Button-danger-border-disabled);
909
1013
  }
910
- .Button-module__hop-Button--danger___dSyM9[data-hovered]:not([data-disabled], [data-loading]),
911
- .Button-module__hop-Button--danger___dSyM9[data-focus-visible]:not([data-disabled], [data-loading]) {
1014
+ .Button-module__hop-Button--danger___KtNGT[data-hovered]:not([data-disabled], [data-loading]),
1015
+ .Button-module__hop-Button--danger___KtNGT[data-focus-visible]:not([data-disabled], [data-loading]) {
912
1016
  --background-color: var(--hop-Button-danger-background-color-hover);
913
1017
  --color: var(--hop-Button-danger-color-hover);
914
1018
  --border: var(--hop-Button-danger-border-hover);
915
1019
  }
916
- .Button-module__hop-Button--danger___dSyM9[data-pressed]:not([data-loading]) {
1020
+ .Button-module__hop-Button--danger___KtNGT[data-pressed]:not([data-loading]) {
917
1021
  --background-color: var(--hop-Button-danger-background-color-pressed);
918
1022
  --color: var(--hop-Button-danger-color-pressed);
919
1023
  --border: var(--hop-Button-danger-border-pressed);
920
1024
  }
921
- .Button-module__hop-Button--ghost-primary___LmWvy {
1025
+ .Button-module__hop-Button--ghost-primary___SaGFj {
922
1026
  --background-color: var(--hop-Button-ghost-primary-background-color);
923
1027
  --color: var(--hop-Button-ghost-primary-color);
924
1028
  --border: var(--hop-Button-ghost-primary-border);
925
1029
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
926
1030
  }
927
- .Button-module__hop-Button--ghost-primary___LmWvy[data-disabled]:not([data-loading]) {
1031
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-disabled]:not([data-loading]) {
928
1032
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
929
1033
  --color: var(--hop-Button-ghost-primary-color-disabled);
930
1034
  --border: var(--hop-Button-ghost-primary-border-disabled);
931
1035
  }
932
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-disabled], [data-loading]),
933
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-disabled], [data-loading]) {
1036
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-disabled], [data-loading]),
1037
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-disabled], [data-loading]) {
934
1038
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
935
1039
  --color: var(--hop-Button-ghost-primary-color-hover);
936
1040
  --border: var(--hop-Button-ghost-primary-border-hover);
937
1041
  }
938
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) {
1042
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) {
939
1043
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
940
1044
  --color: var(--hop-Button-ghost-primary-color-pressed);
941
1045
  --border: var(--hop-Button-ghost-primary-border-pressed);
942
1046
  }
943
- .Button-module__hop-Button--ghost-secondary___B0vtI {
1047
+ .Button-module__hop-Button--ghost-secondary___H0XJg {
944
1048
  --background-color: var(--hop-Button-ghost-secondary-background-color);
945
1049
  --color: var(--hop-Button-ghost-secondary-color);
946
1050
  --border: var(--hop-Button-ghost-secondary-border);
947
1051
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
948
1052
  }
949
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-disabled]:not([data-loading]) {
1053
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-disabled]:not([data-loading]) {
950
1054
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
951
1055
  --color: var(--hop-Button-ghost-secondary-color-disabled);
952
1056
  --border: var(--hop-Button-ghost-secondary-border-disabled);
953
1057
  }
954
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-disabled], [data-loading]),
955
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-disabled], [data-loading]) {
1058
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-disabled], [data-loading]),
1059
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-disabled], [data-loading]) {
956
1060
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
957
1061
  --color: var(--hop-Button-ghost-secondary-color-hover);
958
1062
  --border: var(--hop-Button-ghost-secondary-border-hover);
959
1063
  }
960
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) {
1064
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) {
961
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
962
1066
  --color: var(--hop-Button-ghost-secondary-color-pressed);
963
1067
  --border: var(--hop-Button-ghost-secondary-border-pressed);
964
1068
  }
965
- .Button-module__hop-Button--ghost-danger___c-aho {
1069
+ .Button-module__hop-Button--ghost-danger___DLGVS {
966
1070
  --background-color: var(--hop-Button-ghost-danger-background-color);
967
1071
  --color: var(--hop-Button-ghost-danger-color);
968
1072
  --border: var(--hop-Button-ghost-danger-border);
969
1073
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
970
1074
  }
971
- .Button-module__hop-Button--ghost-danger___c-aho[data-disabled]:not([data-loading]) {
1075
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-disabled]:not([data-loading]) {
972
1076
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
973
1077
  --color: var(--hop-Button-ghost-danger-color-disabled);
974
1078
  --border: var(--hop-Button-ghost-danger-border-disabled);
975
1079
  }
976
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-disabled], [data-loading]),
977
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-disabled], [data-loading]) {
1080
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-disabled], [data-loading]),
1081
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-disabled], [data-loading]) {
978
1082
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
979
1083
  --color: var(--hop-Button-ghost-danger-color-hover);
980
1084
  --border: var(--hop-Button-ghost-danger-border-hover);
981
1085
  }
982
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) {
1086
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) {
983
1087
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
984
1088
  --color: var(--hop-Button-ghost-danger-color-pressed);
985
1089
  --border: var(--hop-Button-ghost-danger-border-pressed);
986
1090
  }
987
- .Button-module__hop-Button__Spinner___HfWc0 {
1091
+ .Button-module__hop-Button__Spinner___ItCTY {
988
1092
  position: absolute;
989
1093
  justify-self: center;
990
1094
  color: var(--spinner-color);
991
1095
  }
992
- .Button-module__hop-Button__icon___AeZaO,
993
- .Button-module__hop-Button__icon-list___c9t8P {
1096
+ .Button-module__hop-Button__icon___EQqO8,
1097
+ .Button-module__hop-Button__icon-list___nrpu8 {
994
1098
  grid-area: start-icon;
995
1099
  justify-self: end;
996
1100
  }
997
- .Button-module__hop-Button__text___vtdcY {
1101
+ .Button-module__hop-Button__text___TXP9n {
998
1102
  user-select: none;
999
1103
  overflow: visible;
1000
1104
  grid-area: content;
1001
1105
  font-weight: var(--hop-font-weight-505);
1002
1106
  text-wrap: nowrap;
1003
1107
  }
1004
- .Button-module__hop-Button--ghost-primary___LmWvy[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1005
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1006
- .Button-module__hop-Button--ghost-danger___c-aho[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1007
- .Button-module__hop-Button--ghost-primary___LmWvy[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1008
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1009
- .Button-module__hop-Button--ghost-danger___c-aho[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1010
- .Button-module__hop-Button--ghost-primary___LmWvy[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1011
- .Button-module__hop-Button--ghost-secondary___B0vtI[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY,
1012
- .Button-module__hop-Button--ghost-danger___c-aho[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___vtdcY {
1108
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1109
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1110
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1111
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1112
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1113
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1114
+ .Button-module__hop-Button--ghost-primary___SaGFj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1115
+ .Button-module__hop-Button--ghost-secondary___H0XJg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n,
1116
+ .Button-module__hop-Button--ghost-danger___DLGVS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___TXP9n {
1013
1117
  text-decoration: underline;
1014
1118
  text-underline-offset: 0.125rem;
1015
1119
  }
1016
- .Button-module__hop-Button__end-icon___T9fi-,
1017
- .Button-module__hop-Button__end-icon-list___QlLz- {
1120
+ .Button-module__hop-Button__end-icon___sFMht,
1121
+ .Button-module__hop-Button__end-icon-list___f9BkT {
1018
1122
  grid-area: end-icon;
1019
1123
  }
1020
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__icon-list___c9t8P,
1021
- .Button-module__hop-Button___2Nqnv .Button-module__hop-Button__end-icon-list___QlLz- {
1124
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__icon-list___nrpu8,
1125
+ .Button-module__hop-Button___hJrlG .Button-module__hop-Button__end-icon-list___f9BkT {
1022
1126
  flex-wrap: nowrap;
1023
1127
  }
1024
- .Button-module__hop-Button___2Nqnv[data-loading] > *:not(.Button-module__hop-Button__Spinner___HfWc0) {
1128
+ .Button-module__hop-Button___hJrlG[data-loading] > *:not(.Button-module__hop-Button__Spinner___ItCTY) {
1025
1129
  opacity: 0;
1026
1130
  }
1027
1131
 
1028
1132
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1029
- .ButtonGroup-module__hop-ButtonGroup___ZhoR9 {
1133
+ .ButtonGroup-module__hop-ButtonGroup___YqGjd {
1030
1134
  display: inline-flex;
1031
1135
  flex-wrap: nowrap;
1032
1136
  gap: var(--hop-space-inline-md);
1033
1137
  }
1034
- .ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1138
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1035
1139
  justify-content: center;
1036
1140
  }
1037
- .ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1141
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1038
1142
  flex-direction: column;
1039
1143
  gap: var(--hop-space-stack-md);
1040
1144
  align-items: center;
1041
1145
  }
1042
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1146
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1043
1147
  align-items: flex-start;
1044
1148
  }
1045
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1149
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1046
1150
  align-items: center;
1047
1151
  }
1048
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W {
1152
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--vertical___Wd3u6 {
1049
1153
  align-items: flex-end;
1050
1154
  }
1051
- .ButtonGroup-module__hop-ButtonGroup--start___5lCSu.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1155
+ .ButtonGroup-module__hop-ButtonGroup--start___48eD5.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1052
1156
  justify-content: flex-start;
1053
1157
  }
1054
- .ButtonGroup-module__hop-ButtonGroup--center___vzyUz.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1158
+ .ButtonGroup-module__hop-ButtonGroup--center___WVvIF.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1055
1159
  justify-content: center;
1056
1160
  }
1057
- .ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ.ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O {
1161
+ .ButtonGroup-module__hop-ButtonGroup--end___rQM-t.ButtonGroup-module__hop-ButtonGroup--horizontal___IAVP- {
1058
1162
  justify-content: flex-end;
1059
1163
  }
1060
- .ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y {
1164
+ .ButtonGroup-module__hop-ButtonGroup--wrap___I0RTB {
1061
1165
  flex-wrap: wrap;
1062
1166
  }
1063
- .ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1 {
1167
+ .ButtonGroup-module__hop-ButtonGroup--fluid___Y0q6D {
1064
1168
  inline-size: 100%;
1065
1169
  }
1066
1170
 
1067
1171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1068
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j {
1172
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy {
1069
1173
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1070
1174
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1071
1175
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1229,7 +1333,7 @@
1229
1333
  outline: none;
1230
1334
  transition: color var(--transition);
1231
1335
  }
1232
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j::before {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy::before {
1233
1337
  content: "";
1234
1338
  position: absolute;
1235
1339
  inset-block-start: 50%;
@@ -1242,284 +1346,284 @@
1242
1346
  border-radius: var(--effect-border-radius);
1243
1347
  transition: background-color var(--transition);
1244
1348
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-square] {
1349
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-square] {
1246
1350
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1247
1351
  }
1248
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O {
1249
1353
  --inline-size: var(--hop-EmbeddedButton-md-width);
1250
1354
  --block-size: var(--hop-EmbeddedButton-md-height);
1251
1355
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1252
1356
  }
1253
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH {
1357
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ {
1254
1358
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1255
1359
  --block-size: var(--hop-EmbeddedButton-lg-height);
1256
1360
  --focus-ring-offset: 0;
1257
1361
  }
1258
- .EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz::before {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lxb1O::before {
1259
1363
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1260
1364
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1261
1365
  }
1262
- .EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH::before {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___SpjUQ::before {
1263
1367
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1264
1368
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1265
1369
  }
1266
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV {
1267
1371
  --color: var(--hop-EmbeddedButton-neutral-color);
1268
1372
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1269
1373
  }
1270
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N {
1271
1375
  --color: var(--hop-EmbeddedButton-subdued-color);
1272
1376
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1273
1377
  }
1274
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr {
1275
1379
  --color: var(--hop-EmbeddedButton-progress-color);
1276
1380
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1277
1381
  }
1278
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo {
1279
1383
  --color: var(--hop-EmbeddedButton-positive-color);
1280
1384
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1281
1385
  }
1282
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm {
1283
1387
  --color: var(--hop-EmbeddedButton-caution-color);
1284
1388
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1285
1389
  }
1286
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk {
1287
1391
  --color: var(--hop-EmbeddedButton-negative-color);
1288
1392
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1289
1393
  }
1290
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY {
1291
1395
  --color: var(--hop-EmbeddedButton-option1-color);
1292
1396
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1293
1397
  }
1294
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T {
1295
1399
  --color: var(--hop-EmbeddedButton-option2-color);
1296
1400
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1297
1401
  }
1298
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2 {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg {
1299
1403
  --color: var(--hop-EmbeddedButton-option3-color);
1300
1404
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1301
1405
  }
1302
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C {
1303
1407
  --color: var(--hop-EmbeddedButton-option4-color);
1304
1408
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1305
1409
  }
1306
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG {
1307
1411
  --color: var(--hop-EmbeddedButton-option5-color);
1308
1412
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1309
1413
  }
1310
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc {
1311
1415
  --color: var(--hop-EmbeddedButton-option6-color);
1312
1416
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1313
1417
  }
1314
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-selected] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-selected] {
1315
1419
  --color: var(--hop-EmbeddedButton-selected-color);
1316
1420
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1317
1421
  }
1318
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-focus-visible] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-focus-visible] {
1319
1423
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1320
1424
  outline-offset: var(--focus-ring-offset);
1321
1425
  }
1322
- .EmbeddedButton-module__hop-EmbeddedButton___w2T0j[data-disabled] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton___2WaLy[data-disabled] {
1323
1427
  cursor: not-allowed;
1324
1428
  }
1325
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-hovered] {
1429
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-hovered] {
1326
1430
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1327
1431
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1328
1432
  }
1329
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-focus-visible] {
1433
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-focus-visible] {
1330
1434
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1331
1435
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1332
1436
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-pressed] {
1437
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-pressed] {
1334
1438
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1335
1439
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1336
1440
  }
1337
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu[data-disabled] {
1441
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___QFnOV[data-disabled] {
1338
1442
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1339
1443
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1340
1444
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-hovered] {
1445
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-hovered] {
1342
1446
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1343
1447
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1344
1448
  }
1345
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-focus-visible] {
1449
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-focus-visible] {
1346
1450
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1347
1451
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1348
1452
  }
1349
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-pressed] {
1453
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-pressed] {
1350
1454
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1351
1455
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1352
1456
  }
1353
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS[data-disabled] {
1457
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___gJi4N[data-disabled] {
1354
1458
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1355
1459
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1356
1460
  }
1357
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-hovered] {
1461
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-hovered] {
1358
1462
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1359
1463
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1360
1464
  }
1361
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-focus-visible] {
1465
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-focus-visible] {
1362
1466
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1363
1467
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1364
1468
  }
1365
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-pressed] {
1469
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-pressed] {
1366
1470
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1367
1471
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1368
1472
  }
1369
- .EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks[data-disabled] {
1473
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___jIlHr[data-disabled] {
1370
1474
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1371
1475
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1372
1476
  }
1373
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-hovered] {
1477
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-hovered] {
1374
1478
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1375
1479
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1376
1480
  }
1377
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-focus-visible] {
1481
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-focus-visible] {
1378
1482
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1379
1483
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1380
1484
  }
1381
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-pressed] {
1485
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-pressed] {
1382
1486
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1383
1487
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1384
1488
  }
1385
- .EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV[data-disabled] {
1489
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___NQpBo[data-disabled] {
1386
1490
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1387
1491
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1388
1492
  }
1389
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-hovered] {
1493
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-hovered] {
1390
1494
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1391
1495
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1392
1496
  }
1393
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-focus-visible] {
1497
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-focus-visible] {
1394
1498
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1395
1499
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1396
1500
  }
1397
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-pressed] {
1501
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-pressed] {
1398
1502
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1399
1503
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1400
1504
  }
1401
- .EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR[data-disabled] {
1505
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___sogLm[data-disabled] {
1402
1506
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1403
1507
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1404
1508
  }
1405
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-hovered] {
1509
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-hovered] {
1406
1510
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1407
1511
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1408
1512
  }
1409
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-focus-visible] {
1513
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-focus-visible] {
1410
1514
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1411
1515
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1412
1516
  }
1413
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-pressed] {
1517
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-pressed] {
1414
1518
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1415
1519
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1416
1520
  }
1417
- .EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS[data-disabled] {
1521
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Sa9vk[data-disabled] {
1418
1522
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1419
1523
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1420
1524
  }
1421
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-hovered] {
1525
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-hovered] {
1422
1526
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1423
1527
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1424
1528
  }
1425
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-focus-visible] {
1529
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-focus-visible] {
1426
1530
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1427
1531
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1428
1532
  }
1429
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-pressed] {
1533
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-pressed] {
1430
1534
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1431
1535
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1432
1536
  }
1433
- .EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c[data-disabled] {
1537
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___RbkgY[data-disabled] {
1434
1538
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1435
1539
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1436
1540
  }
1437
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-hovered] {
1541
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-hovered] {
1438
1542
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1439
1543
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1440
1544
  }
1441
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-focus-visible] {
1545
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-focus-visible] {
1442
1546
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1443
1547
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1444
1548
  }
1445
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-pressed] {
1549
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-pressed] {
1446
1550
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1447
1551
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1448
1552
  }
1449
- .EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI[data-disabled] {
1553
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5DC-T[data-disabled] {
1450
1554
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1451
1555
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1452
1556
  }
1453
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-hovered] {
1557
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-hovered] {
1454
1558
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1455
1559
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1456
1560
  }
1457
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-focus-visible] {
1561
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-focus-visible] {
1458
1562
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1459
1563
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1460
1564
  }
1461
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-pressed] {
1565
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-pressed] {
1462
1566
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1463
1567
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1464
1568
  }
1465
- .EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2[data-disabled] {
1569
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___GBNPg[data-disabled] {
1466
1570
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1467
1571
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1468
1572
  }
1469
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-hovered] {
1573
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-hovered] {
1470
1574
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1471
1575
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1472
1576
  }
1473
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-focus-visible] {
1577
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-focus-visible] {
1474
1578
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1475
1579
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1476
1580
  }
1477
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-pressed] {
1581
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-pressed] {
1478
1582
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1479
1583
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1480
1584
  }
1481
- .EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF[data-disabled] {
1585
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___Ghg6C[data-disabled] {
1482
1586
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1483
1587
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1484
1588
  }
1485
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-hovered] {
1589
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-hovered] {
1486
1590
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1487
1591
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1488
1592
  }
1489
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-focus-visible] {
1593
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-focus-visible] {
1490
1594
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1491
1595
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1492
1596
  }
1493
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-pressed] {
1597
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-pressed] {
1494
1598
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1495
1599
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1496
1600
  }
1497
- .EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI[data-disabled] {
1601
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___MjvaG[data-disabled] {
1498
1602
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1499
1603
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1500
1604
  }
1501
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-hovered] {
1605
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-hovered] {
1502
1606
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1503
1607
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1504
1608
  }
1505
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-focus-visible] {
1609
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-focus-visible] {
1506
1610
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1507
1611
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1508
1612
  }
1509
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-pressed] {
1613
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-pressed] {
1510
1614
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1511
1615
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1512
1616
  }
1513
- .EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY[data-disabled] {
1617
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___w1Nfc[data-disabled] {
1514
1618
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1515
1619
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1516
1620
  }
1517
- .EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14 {
1621
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___NeGqZ {
1518
1622
  position: relative;
1519
1623
  }
1520
1624
 
1521
1625
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1522
- .Checkbox-module__hop-Checkbox___mAL3I {
1626
+ .Checkbox-module__hop-Checkbox___ftNKr {
1523
1627
  --hop-Checkbox-box-border-size: 0.0625rem;
1524
1628
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1525
1629
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1594,60 +1698,60 @@
1594
1698
  inline-size: max-content;
1595
1699
  max-inline-size: 100%;
1596
1700
  }
1597
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
1701
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1598
1702
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1599
1703
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1600
1704
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1601
1705
  --text-color: var(--hop-Checkbox-text-color-focused);
1602
1706
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1603
1707
  }
1604
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
1708
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
1605
1709
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1606
1710
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1607
1711
  --text-color: var(--hop-Checkbox-text-color-hovered);
1608
1712
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1609
1713
  }
1610
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
1714
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
1611
1715
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1612
1716
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1613
1717
  --text-color: var(--hop-Checkbox-text-color-pressed);
1614
1718
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1615
1719
  }
1616
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
1720
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
1617
1721
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1618
1722
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1619
1723
  --check-display: var(--hop-Checkbox-check-display-selected);
1620
1724
  --text-color: var(--hop-Checkbox-text-color-selected);
1621
1725
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1622
1726
  }
1623
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
1727
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
1624
1728
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1625
1729
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1626
1730
  --check-color: var(--hop-Checkbox-check-color-invalid);
1627
1731
  --text-color: var(--hop-Checkbox-text-color-invalid);
1628
1732
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1629
1733
  }
1630
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
1734
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
1631
1735
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1632
1736
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1633
1737
  }
1634
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
1738
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
1635
1739
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1636
1740
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1637
1741
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1638
1742
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1639
1743
  }
1640
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
1744
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
1641
1745
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1642
1746
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1643
1747
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1644
1748
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1645
1749
  }
1646
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
1750
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
1647
1751
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1648
1752
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1649
1753
  }
1650
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
1754
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
1651
1755
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1652
1756
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1653
1757
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1655,25 +1759,25 @@
1655
1759
  --text-color: var(--hop-Checkbox-text-color-disabled);
1656
1760
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1657
1761
  }
1658
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
1762
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
1659
1763
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1660
1764
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1661
1765
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1662
1766
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1663
1767
  }
1664
- .Checkbox-module__hop-Checkbox--md___jhSti {
1768
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
1665
1769
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1666
1770
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1667
1771
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1668
1772
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1669
1773
  }
1670
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
1671
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
1774
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
1775
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
1672
1776
  flex: 0 0 auto;
1673
1777
  order: 3;
1674
1778
  color: var(--icon-color);
1675
1779
  }
1676
- .Checkbox-module__hop-Checkbox__box___S46JE {
1780
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
1677
1781
  display: flex;
1678
1782
  flex: 0 0 auto;
1679
1783
  align-items: center;
@@ -1689,11 +1793,11 @@
1689
1793
  outline-offset: 0.125rem;
1690
1794
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1691
1795
  }
1692
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
1796
+ .Checkbox-module__hop-Checkbox__check___6akLc {
1693
1797
  display: var(--check-display);
1694
1798
  color: var(--check-color);
1695
1799
  }
1696
- .Checkbox-module__hop-Checkbox__text___qP2jS {
1800
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
1697
1801
  flex: 0 1 auto;
1698
1802
  order: 2;
1699
1803
  min-inline-size: 0;
@@ -1703,7 +1807,7 @@
1703
1807
  }
1704
1808
 
1705
1809
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1706
- .CheckboxField-module__hop-CheckboxField___dJieE {
1810
+ .CheckboxField-module__hop-CheckboxField___Qvdoz {
1707
1811
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1708
1812
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1709
1813
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1722,28 +1826,28 @@
1722
1826
  inline-size: max-content;
1723
1827
  max-inline-size: 100%;
1724
1828
  }
1725
- .CheckboxField-module__hop-CheckboxField___dJieE[data-disabled] {
1829
+ .CheckboxField-module__hop-CheckboxField___Qvdoz[data-disabled] {
1726
1830
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1727
1831
  }
1728
- .CheckboxField-module__hop-CheckboxField--sm___1EbWC {
1832
+ .CheckboxField-module__hop-CheckboxField--sm___4TFIz {
1729
1833
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1730
1834
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1731
1835
  }
1732
- .CheckboxField-module__hop-CheckboxField--md___vR14U {
1836
+ .CheckboxField-module__hop-CheckboxField--md___4nlaD {
1733
1837
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1734
1838
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1735
1839
  }
1736
- .CheckboxField-module__hop-CheckboxField__description___P-5jZ {
1840
+ .CheckboxField-module__hop-CheckboxField__description___t1Ev0 {
1737
1841
  order: 2;
1738
1842
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1739
1843
  color: var(--description-color);
1740
1844
  }
1741
- .CheckboxField-module__hop-CheckboxField__checkbox___fIXTk {
1845
+ .CheckboxField-module__hop-CheckboxField__checkbox___tWVL4 {
1742
1846
  order: 1;
1743
1847
  }
1744
1848
 
1745
1849
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1746
- .ErrorMessage-module__hop-ErrorMessage___ZF-hl {
1850
+ .ErrorMessage-module__hop-ErrorMessage___0kKCu {
1747
1851
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1748
1852
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1749
1853
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1760,13 +1864,13 @@
1760
1864
  line-height: var(--hop-ErrorMessage-line-height);
1761
1865
  color: var(--hop-ErrorMessage-color);
1762
1866
  }
1763
- .ErrorMessage-module__hop-ErrorMessage__icon___OKPlp {
1867
+ .ErrorMessage-module__hop-ErrorMessage__icon___7VzNH {
1764
1868
  flex: 0 0 auto;
1765
1869
  align-self: flex-start;
1766
1870
  }
1767
1871
 
1768
1872
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1769
- .HelperMessage-module__hop-HelperMessage___l3cUu {
1873
+ .HelperMessage-module__hop-HelperMessage___baQv5 {
1770
1874
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1771
1875
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1772
1876
  display: flex;
@@ -1775,32 +1879,13 @@
1775
1879
  box-sizing: border-box;
1776
1880
  color: var(--hop-HelperMessage-color);
1777
1881
  }
1778
- .HelperMessage-module__hop-HelperMessage__icon___1Lei9 {
1882
+ .HelperMessage-module__hop-HelperMessage__icon___85txW {
1779
1883
  flex: 0 0 auto;
1780
1884
  align-self: flex-start;
1781
1885
  }
1782
1886
 
1783
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
1784
- .Label-module__hop-Label___EE-2i {
1785
- --hop-Label-font-size: var(--hop-heading-xs-font-size);
1786
- --hop-Label-font-family: var(--hop-heading-xs-font-family);
1787
- --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
1788
- --hop-Label-line-height: var(--hop-heading-xs-line-height);
1789
- --hop-Label-color: var(--hop-neutral-text-weak);
1790
- }
1791
- :where(.Label-module__hop-Label___EE-2i) {
1792
- font-family: var(--hop-Label-font-family);
1793
- font-size: var(--hop-Label-font-size);
1794
- font-weight: var(--hop-Label-font-weight);
1795
- line-height: var(--hop-Label-line-height);
1796
- color: var(--hop-Label-color);
1797
- }
1798
- :where(.Label-module__hop-Label__indicator___QZV-x) {
1799
- padding-inline-start: var(--hop-space-20);
1800
- }
1801
-
1802
1887
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1803
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa {
1888
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f {
1804
1889
  --hop-CheckboxGroup-align-items: flex-start;
1805
1890
  --hop-CheckboxGroup-justify-content: flex-start;
1806
1891
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1839,46 +1924,46 @@
1839
1924
  inline-size: max-content;
1840
1925
  max-inline-size: 100%;
1841
1926
  }
1842
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 {
1927
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD {
1843
1928
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1844
1929
  --list-border-radius: var(--hop-shape-rounded-md);
1845
1930
  }
1846
- .CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
1931
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
1847
1932
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1848
1933
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1849
1934
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1850
1935
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1851
1936
  }
1852
- .CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
1937
+ .CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
1853
1938
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1854
1939
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1855
1940
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1856
1941
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1857
1942
  }
1858
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw {
1943
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6 {
1859
1944
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1860
1945
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1861
1946
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1862
1947
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1863
1948
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1864
1949
  }
1865
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2.CheckboxGroup-module__hop-CheckboxGroup--md___5vb0- {
1950
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD.CheckboxGroup-module__hop-CheckboxGroup--md___CLmD- {
1866
1951
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1867
1952
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1868
1953
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1869
1954
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1870
1955
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1871
1956
  }
1872
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa[data-orientation=horizontal] {
1957
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f[data-orientation=horizontal] {
1873
1958
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1874
1959
  }
1875
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] {
1960
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] {
1876
1961
  --flex-wrap: nowrap;
1877
1962
  }
1878
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j {
1963
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD {
1879
1964
  order: 1;
1880
1965
  }
1881
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O {
1966
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn {
1882
1967
  display: flex;
1883
1968
  flex-flow: var(--flex-direction) var(--flex-wrap);
1884
1969
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1889,7 +1974,7 @@
1889
1974
  border: var(--list-border, none);
1890
1975
  border-radius: var(--list-border-radius, 0);
1891
1976
  }
1892
- .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL {
1977
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 {
1893
1978
  position: relative;
1894
1979
  flex: 0 1 auto;
1895
1980
  align-content: start;
@@ -1897,28 +1982,28 @@
1897
1982
  min-inline-size: 0;
1898
1983
  padding: var(--checkbox-padding, 0);
1899
1984
  }
1900
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2 .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1985
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
1901
1986
  content: "";
1902
1987
  position: absolute;
1903
1988
  display: block;
1904
1989
  }
1905
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1990
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
1906
1991
  inset-block-start: 0;
1907
1992
  inset-inline: 0;
1908
1993
  border-block-start: var(--list-border, none);
1909
1994
  }
1910
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL::before {
1995
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3::before {
1911
1996
  inset-block: 0;
1912
1997
  inset-inline-start: 0;
1913
1998
  border-inline-start: var(--list-border, none);
1914
1999
  }
1915
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj,
1916
- .CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d {
2000
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z,
2001
+ .CheckboxGroup-module__hop-CheckboxGroup___YZl2f > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ- {
1917
2002
  order: 3;
1918
2003
  }
1919
2004
 
1920
2005
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1921
- .Checkbox-module__hop-Checkbox___mAL3I {
2006
+ .Checkbox-module__hop-Checkbox___ftNKr {
1922
2007
  --hop-Checkbox-box-border-size: 0.0625rem;
1923
2008
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1924
2009
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1993,60 +2078,60 @@
1993
2078
  inline-size: max-content;
1994
2079
  max-inline-size: 100%;
1995
2080
  }
1996
- .Checkbox-module__hop-Checkbox___mAL3I[data-focus-visible] {
2081
+ .Checkbox-module__hop-Checkbox___ftNKr[data-focus-visible] {
1997
2082
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1998
2083
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1999
2084
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2000
2085
  --text-color: var(--hop-Checkbox-text-color-focused);
2001
2086
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2002
2087
  }
2003
- .Checkbox-module__hop-Checkbox___mAL3I[data-hovered] {
2088
+ .Checkbox-module__hop-Checkbox___ftNKr[data-hovered] {
2004
2089
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2005
2090
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2006
2091
  --text-color: var(--hop-Checkbox-text-color-hovered);
2007
2092
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2008
2093
  }
2009
- .Checkbox-module__hop-Checkbox___mAL3I[data-pressed] {
2094
+ .Checkbox-module__hop-Checkbox___ftNKr[data-pressed] {
2010
2095
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2011
2096
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2012
2097
  --text-color: var(--hop-Checkbox-text-color-pressed);
2013
2098
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2014
2099
  }
2015
- .Checkbox-module__hop-Checkbox___mAL3I[data-selected] {
2100
+ .Checkbox-module__hop-Checkbox___ftNKr[data-selected] {
2016
2101
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2017
2102
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2018
2103
  --check-display: var(--hop-Checkbox-check-display-selected);
2019
2104
  --text-color: var(--hop-Checkbox-text-color-selected);
2020
2105
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2021
2106
  }
2022
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid] {
2107
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid] {
2023
2108
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2024
2109
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2025
2110
  --check-color: var(--hop-Checkbox-check-color-invalid);
2026
2111
  --text-color: var(--hop-Checkbox-text-color-invalid);
2027
2112
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2028
2113
  }
2029
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-focus-visible]) {
2114
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-focus-visible]) {
2030
2115
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2031
2116
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2032
2117
  }
2033
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-hovered]) {
2118
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-hovered]) {
2034
2119
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2035
2120
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2036
2121
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2037
2122
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2038
2123
  }
2039
- .Checkbox-module__hop-Checkbox___mAL3I[data-invalid]:where([data-pressed]) {
2124
+ .Checkbox-module__hop-Checkbox___ftNKr[data-invalid]:where([data-pressed]) {
2040
2125
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2041
2126
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2042
2127
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2043
2128
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2044
2129
  }
2045
- .Checkbox-module__hop-Checkbox___mAL3I:where([data-invalid])[data-selected] {
2130
+ .Checkbox-module__hop-Checkbox___ftNKr:where([data-invalid])[data-selected] {
2046
2131
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2047
2132
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2048
2133
  }
2049
- .Checkbox-module__hop-Checkbox___mAL3I[data-disabled] {
2134
+ .Checkbox-module__hop-Checkbox___ftNKr[data-disabled] {
2050
2135
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2051
2136
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2052
2137
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2054,25 +2139,25 @@
2054
2139
  --text-color: var(--hop-Checkbox-text-color-disabled);
2055
2140
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2056
2141
  }
2057
- .Checkbox-module__hop-Checkbox--sm___Wmzry {
2142
+ .Checkbox-module__hop-Checkbox--sm___aBalJ {
2058
2143
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2059
2144
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2060
2145
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2061
2146
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2062
2147
  }
2063
- .Checkbox-module__hop-Checkbox--md___jhSti {
2148
+ .Checkbox-module__hop-Checkbox--md___NRQ6W {
2064
2149
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2065
2150
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2066
2151
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2067
2152
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2068
2153
  }
2069
- .Checkbox-module__hop-Checkbox__icon___9PFwj,
2070
- .Checkbox-module__hop-Checkbox__icon-list___xhUID {
2154
+ .Checkbox-module__hop-Checkbox__icon___9RX3t,
2155
+ .Checkbox-module__hop-Checkbox__icon-list___-RBcy {
2071
2156
  flex: 0 0 auto;
2072
2157
  order: 3;
2073
2158
  color: var(--icon-color);
2074
2159
  }
2075
- .Checkbox-module__hop-Checkbox__box___S46JE {
2160
+ .Checkbox-module__hop-Checkbox__box___aUVd0 {
2076
2161
  display: flex;
2077
2162
  flex: 0 0 auto;
2078
2163
  align-items: center;
@@ -2088,11 +2173,11 @@
2088
2173
  outline-offset: 0.125rem;
2089
2174
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2090
2175
  }
2091
- .Checkbox-module__hop-Checkbox__check___UJ3Eo {
2176
+ .Checkbox-module__hop-Checkbox__check___6akLc {
2092
2177
  display: var(--check-display);
2093
2178
  color: var(--check-color);
2094
2179
  }
2095
- .Checkbox-module__hop-Checkbox__text___qP2jS {
2180
+ .Checkbox-module__hop-Checkbox__text___b92Eu {
2096
2181
  flex: 0 1 auto;
2097
2182
  order: 2;
2098
2183
  min-inline-size: 0;
@@ -2100,24 +2185,24 @@
2100
2185
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2101
2186
  color: var(--text-color);
2102
2187
  }
2103
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___ISCAP {
2188
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy {
2104
2189
  }
2105
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz {
2190
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g {
2106
2191
  }
2107
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS {
2192
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa {
2108
2193
  }
2109
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT,
2110
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V {
2194
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP,
2195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG {
2111
2196
  }
2112
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS {
2197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw {
2113
2198
  }
2114
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW {
2199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi {
2115
2200
  }
2116
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N {
2201
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- {
2117
2202
  }
2118
2203
 
2119
2204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
2120
- :where(.Divider-module__hop-Divider___g7ps6) {
2205
+ :where(.Divider-module__hop-Divider___Ri4v-) {
2121
2206
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
2122
2207
  --hop-Divider-border-size: 0.0625rem;
2123
2208
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -2142,7 +2227,7 @@
2142
2227
  border-block-end: var(--border-block-end);
2143
2228
  border-inline-start: var(--border-inline-start);
2144
2229
  }
2145
- .Divider-module__hop-Divider--vertical___a25V7 {
2230
+ .Divider-module__hop-Divider--vertical___wOMqH {
2146
2231
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
2147
2232
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
2148
2233
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -2150,7 +2235,7 @@
2150
2235
  }
2151
2236
 
2152
2237
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2153
- .InputGroup-module__hop-InputGroup___IeLq4 {
2238
+ .InputGroup-module__hop-InputGroup___-dY-s {
2154
2239
  --hop-InputGroup-background: var(--hop-neutral-surface);
2155
2240
  --hop-InputGroup-border-color: var(--hop-neutral-border);
2156
2241
  --hop-InputGroup-border-width: 0.0625rem;
@@ -2231,11 +2316,11 @@
2231
2316
  border: var(--border);
2232
2317
  border-radius: var(--hop-InputGroup-border-radius);
2233
2318
  }
2234
- .InputGroup-module__hop-InputGroup--fluid___bBTdC {
2319
+ .InputGroup-module__hop-InputGroup--fluid___VIFfq {
2235
2320
  --inline-size: 100%;
2236
2321
  --input-inline-size: 100%;
2237
2322
  }
2238
- .InputGroup-module__hop-InputGroup--sm___rt-ic {
2323
+ .InputGroup-module__hop-InputGroup--sm___MdwFD {
2239
2324
  --block-size: var(--hop-InputGroup-sm-block-size);
2240
2325
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
2241
2326
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -2243,7 +2328,7 @@
2243
2328
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
2244
2329
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
2245
2330
  }
2246
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=textarea] {
2331
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=textarea] {
2247
2332
  --gap: var(--hop-InputGroup-gap-textarea);
2248
2333
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
2249
2334
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -2251,28 +2336,28 @@
2251
2336
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
2252
2337
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
2253
2338
  }
2254
- .InputGroup-module__hop-InputGroup___IeLq4[data-input-type=number] {
2339
+ .InputGroup-module__hop-InputGroup___-dY-s[data-input-type=number] {
2255
2340
  --display: var(--hop-InputGroup-display-number);
2256
2341
  --gap: var(--hop-InputGroup-gap-number);
2257
2342
  }
2258
- .InputGroup-module__hop-InputGroup___IeLq4[data-hovered] {
2343
+ .InputGroup-module__hop-InputGroup___-dY-s[data-hovered] {
2259
2344
  --background: var(--hop-InputGroup-background-hover);
2260
2345
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
2261
2346
  }
2262
- .InputGroup-module__hop-InputGroup___IeLq4[data-focus-within] {
2347
+ .InputGroup-module__hop-InputGroup___-dY-s[data-focus-within] {
2263
2348
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
2264
2349
  }
2265
- .InputGroup-module__hop-InputGroup___IeLq4[data-invalid] {
2350
+ .InputGroup-module__hop-InputGroup___-dY-s[data-invalid] {
2266
2351
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
2267
2352
  }
2268
- .InputGroup-module__hop-InputGroup___IeLq4[data-disabled] {
2353
+ .InputGroup-module__hop-InputGroup___-dY-s[data-disabled] {
2269
2354
  --background: var(--hop-InputGroup-background-disabled);
2270
2355
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
2271
2356
  --input-color: var(--hop-InputGroup-input-color-disabled);
2272
2357
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
2273
2358
  }
2274
- .InputGroup-module__hop-InputGroup__input___pobIV,
2275
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
2359
+ .InputGroup-module__hop-InputGroup__input___prIHX,
2360
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2276
2361
  flex: 1 1 auto;
2277
2362
  box-sizing: border-box;
2278
2363
  inline-size: var(--input-inline-size);
@@ -2286,111 +2371,26 @@
2286
2371
  border: none;
2287
2372
  outline: none;
2288
2373
  }
2289
- .InputGroup-module__hop-InputGroup__input___pobIV {
2374
+ .InputGroup-module__hop-InputGroup__input___prIHX {
2290
2375
  block-size: var(--input-block-size);
2291
2376
  padding: var(--hop-InputGroup-input-padding);
2292
2377
  }
2293
- .InputGroup-module__hop-InputGroup__textarea___h-ACH {
2378
+ .InputGroup-module__hop-InputGroup__textarea___fq38N {
2294
2379
  padding: var(--hop-InputGroup-textarea-padding);
2295
2380
  }
2296
- .InputGroup-module__hop-InputGroup__input___pobIV::placeholder {
2381
+ .InputGroup-module__hop-InputGroup__input___prIHX::placeholder {
2297
2382
  font-family: var(--hop-InputGroup-placeholder-font-family);
2298
2383
  font-size: var(--hop-InputGroup-placeholder-font-size);
2299
2384
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
2300
2385
  line-height: var(--hop-InputGroup-placeholder-line-height);
2301
2386
  color: var(--input-placeholder-color);
2302
2387
  }
2303
- .InputGroup-module__hop-InputGroup__embedded-button___tggVm {
2388
+ .InputGroup-module__hop-InputGroup__embedded-button___1SGd6 {
2304
2389
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
2305
2390
  }
2306
2391
 
2307
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2308
- .Heading-module__hop-Heading___byI5a {
2309
- --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2310
- --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2311
- --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
2312
- --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
2313
- --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
2314
- --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
2315
- --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
2316
- --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
2317
- --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
2318
- --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
2319
- --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
2320
- --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
2321
- --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
2322
- --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
2323
- --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
2324
- --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
2325
- --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
2326
- --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
2327
- --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
2328
- --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
2329
- --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
2330
- --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
2331
- --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
2332
- --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
2333
- --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
2334
- --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
2335
- --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
2336
- --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
2337
- --hop-Heading-inherit-size-font-size: inherit;
2338
- --hop-Heading-inherit-size-font-family: inherit;
2339
- --hop-Heading-inherit-size-font-weight: inherit;
2340
- --hop-Heading-inherit-size-line-height: inherit;
2341
- }
2342
- :where(.Heading-module__hop-Heading___byI5a) {
2343
- margin: 0;
2344
- font-family: var(--font-family);
2345
- font-size: var(--font-size);
2346
- font-weight: var(--font-weight);
2347
- line-height: var(--line-height);
2348
- }
2349
- :where(.Heading-module__hop-Heading--xs___S-Spm) {
2350
- --font-size: var(--hop-Heading-xs-font-size);
2351
- --font-family: var(--hop-Heading-xs-font-family);
2352
- --font-weight: var(--hop-Heading-xs-font-weight);
2353
- --line-height: var(--hop-Heading-xs-line-height);
2354
- }
2355
- :where(.Heading-module__hop-Heading--sm___eYVWY) {
2356
- --font-size: var(--hop-Heading-sm-font-size);
2357
- --font-family: var(--hop-Heading-sm-font-family);
2358
- --font-weight: var(--hop-Heading-sm-font-weight);
2359
- --line-height: var(--hop-Heading-sm-line-height);
2360
- }
2361
- :where(.Heading-module__hop-Heading--md___Trt4d) {
2362
- --font-size: var(--hop-Heading-md-font-size);
2363
- --font-family: var(--hop-Heading-md-font-family);
2364
- --font-weight: var(--hop-Heading-md-font-weight);
2365
- --line-height: var(--hop-Heading-md-line-height);
2366
- }
2367
- :where(.Heading-module__hop-Heading--lg___8RulN) {
2368
- --font-size: var(--hop-Heading-lg-font-size);
2369
- --font-family: var(--hop-Heading-lg-font-family);
2370
- --font-weight: var(--hop-Heading-lg-font-weight);
2371
- --line-height: var(--hop-Heading-lg-line-height);
2372
- }
2373
- :where(.Heading-module__hop-Heading--xl___XLAp5) {
2374
- --font-size: var(--hop-Heading-xl-font-size);
2375
- --font-family: var(--hop-Heading-xl-font-family);
2376
- --font-weight: var(--hop-Heading-xl-font-weight);
2377
- --line-height: var(--hop-Heading-xl-line-height);
2378
- }
2379
- :where(.Heading-module__hop-Heading--2xl___ghz3S) {
2380
- --font-size: var(--hop-Heading-2xl-font-size);
2381
- --font-family: var(--hop-Heading-2xl-font-family);
2382
- --font-weight: var(--hop-Heading-2xl-font-weight);
2383
- --line-height: var(--hop-Heading-2xl-line-height);
2384
- }
2385
- :where(.Heading-module__hop-Heading--3xl___sTxzT) {
2386
- --font-size: var(--hop-Heading-3xl-font-size);
2387
- --font-family: var(--hop-Heading-3xl-font-family);
2388
- --font-weight: var(--hop-Heading-3xl-font-weight);
2389
- --line-height: var(--hop-Heading-3xl-line-height);
2390
- }
2391
-
2392
2392
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
2393
- .NumberField-module__hop-NumberField___-spFY {
2393
+ .NumberField-module__hop-NumberField___VWgJv {
2394
2394
  --hop-NumberField-gap: var(--hop-space-stack-xs);
2395
2395
  --hop-NumberField-inline-size: 20rem;
2396
2396
  --hop-NumberField-inline-size-fluid: 100%;
@@ -2438,30 +2438,30 @@
2438
2438
  gap: var(--hop-NumberField-gap);
2439
2439
  inline-size: var(--inline-size);
2440
2440
  }
2441
- .NumberField-module__hop-NumberField--fluid___HuQeh {
2441
+ .NumberField-module__hop-NumberField--fluid___D4KuH {
2442
2442
  --inline-size: var(--hop-NumberField-inline-size-fluid);
2443
2443
  }
2444
- .NumberField-module__hop-NumberField--mobile___jiJLy {
2444
+ .NumberField-module__hop-NumberField--mobile___JdtJi {
2445
2445
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
2446
2446
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
2447
2447
  }
2448
- .NumberField-module__hop-NumberField__Label___kcHPU {
2448
+ .NumberField-module__hop-NumberField__Label___DpcSp {
2449
2449
  order: 0;
2450
2450
  }
2451
- .NumberField-module__hop-NumberField__prefix___kC1mi {
2451
+ .NumberField-module__hop-NumberField__prefix___baTwE {
2452
2452
  grid-area: prefix;
2453
2453
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
2454
2454
  color: var(--hop-NumberField-prefix-color);
2455
2455
  }
2456
- .NumberField-module__hop-NumberField__InputGroup___GmvOU {
2456
+ .NumberField-module__hop-NumberField__InputGroup___f4BCh {
2457
2457
  grid-template: var(--input-group-template);
2458
2458
  order: 1;
2459
2459
  }
2460
- .NumberField-module__hop-NumberField__ErrorMessage___tIjYw,
2461
- .NumberField-module__hop-NumberField__HelperMessage___hYZXB {
2460
+ .NumberField-module__hop-NumberField__ErrorMessage___iTVwp,
2461
+ .NumberField-module__hop-NumberField__HelperMessage___JGOeo {
2462
2462
  order: 3;
2463
2463
  }
2464
- .NumberField-module__hop-NumberField__stepper-button___hfKPt {
2464
+ .NumberField-module__hop-NumberField__stepper-button___h67o- {
2465
2465
  cursor: pointer;
2466
2466
  display: flex;
2467
2467
  grid-area: var(--grid-area, unset);
@@ -2482,222 +2482,213 @@
2482
2482
  border-radius: var(--stepper-border-radius, 0);
2483
2483
  outline: none;
2484
2484
  }
2485
- .NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
2485
+ .NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2486
2486
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
2487
2487
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
2488
2488
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
2489
2489
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
2490
2490
  --grid-area: stepup;
2491
2491
  }
2492
- .NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
2492
+ .NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2493
2493
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
2494
2494
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
2495
2495
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
2496
2496
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
2497
2497
  --grid-area: stepdown;
2498
2498
  }
2499
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--increment___pUp8- {
2499
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--increment___bcKtE {
2500
2500
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
2501
2501
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
2502
2502
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
2503
2503
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
2504
2504
  }
2505
- .NumberField-module__hop-NumberField__stepper-button--mobile___oNcII.NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO {
2505
+ .NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1.NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q- {
2506
2506
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
2507
2507
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
2508
2508
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
2509
2509
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
2510
2510
  }
2511
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-hovered] {
2511
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-hovered] {
2512
2512
  color: var(--hop-NumberField-stepper-color-hovered);
2513
2513
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
2514
2514
  }
2515
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-pressed] {
2515
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-pressed] {
2516
2516
  color: var(--hop-NumberField-stepper-color-pressed);
2517
2517
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
2518
2518
  }
2519
- .NumberField-module__hop-NumberField__stepper-button___hfKPt[data-disabled] {
2519
+ .NumberField-module__hop-NumberField__stepper-button___h67o-[data-disabled] {
2520
2520
  cursor: not-allowed;
2521
2521
  color: var(--hop-NumberField-stepper-color-disabled);
2522
2522
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
2523
2523
  }
2524
- .NumberField-module__hop-NumberField__stepper-button__icon___l7rJE {
2524
+ .NumberField-module__hop-NumberField__stepper-button__icon___ogLPx {
2525
2525
  display: block;
2526
2526
  max-block-size: 100%;
2527
2527
  }
2528
- .NumberField-module__hop-NumberField__input___JmJl4 {
2528
+ .NumberField-module__hop-NumberField__input___7YBOI {
2529
2529
  grid-area: input;
2530
2530
  }
2531
2531
 
2532
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2533
- .TextArea-module__hop-TextArea___CigfE {
2534
- --hop-TextArea-gap: var(--hop-space-stack-xs);
2535
- --hop-TextArea-inline-size: 20rem;
2536
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2537
- --hop-TextArea-char-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
2538
- --hop-TextArea-char-count-color: var(--hop-neutral-text-weak);
2539
- --hop-TextArea-char-count-color-disabled: var(--hop-neutral-text-disabled);
2540
- --hop-TextArea-char-count-color-invalid: var(--hop-danger-text-weak);
2541
- --hop-TextArea-input-min-height: 2rem;
2542
- --inline-size: var(--hop-TextArea-inline-size);
2543
- --resize: none;
2544
- --char-count-color: var(--hop-TextArea-char-count-color);
2532
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2533
+ .PasswordField-module__hop-PasswordField___JFqMs {
2534
+ --hop-PasswordField-gap: var(--hop-space-stack-xs);
2535
+ --hop-PasswordField-inline-size: 20rem;
2536
+ --inline-size: var(--hop-PasswordField-inline-size);
2545
2537
  display: flex;
2546
2538
  flex-direction: column;
2547
- gap: var(--hop-TextArea-gap);
2539
+ gap: var(--hop-PasswordField-gap);
2548
2540
  inline-size: var(--inline-size);
2549
2541
  max-inline-size: 100%;
2550
2542
  }
2551
- .TextArea-module__hop-TextArea--fluid___RHFdR {
2543
+ .PasswordField-module__hop-PasswordField--fluid___-nCNw {
2552
2544
  --inline-size: 100%;
2553
2545
  }
2554
- .TextArea-module__hop-TextArea___CigfE[data-resize-mode=vertical] {
2555
- --resize: vertical;
2556
- }
2557
- .TextArea-module__hop-TextArea___CigfE[data-over-max-length] {
2558
- --char-count-color: var(--hop-TextArea-char-count-color-invalid);
2559
- }
2560
- .TextArea-module__hop-TextArea___CigfE[data-disabled] {
2561
- --char-count-color: var(--hop-TextArea-char-count-color-disabled);
2562
- }
2563
- .TextArea-module__hop-TextArea__Label___IesgB {
2546
+ .PasswordField-module__hop-PasswordField__Label___x9hdM {
2564
2547
  order: 0;
2565
2548
  }
2566
- .TextArea-module__hop-TextArea__prefix___CKsl5 {
2567
- color: var(--hop-TextArea-prefix-color);
2568
- }
2569
- .TextArea-module__hop-TextArea__InputGroup___Dy8Ya {
2549
+ .PasswordField-module__hop-PasswordField__InputGroup___qxBAq {
2570
2550
  order: 1;
2571
2551
  }
2572
- .TextArea-module__hop-TextArea__textarea___TaknV {
2573
- resize: var(--resize);
2574
- min-block-size: var(--hop-TextArea-input-min-height);
2552
+ .PasswordField-module__hop-PasswordField__ErrorMessage___Zs-kC,
2553
+ .PasswordField-module__hop-PasswordField__HelperMessage___BjHLI {
2554
+ order: 3;
2575
2555
  }
2576
- .TextArea-module__hop-TextArea__char-count___L5-B2 {
2577
- padding: var(--hop-TextArea-char-count-padding);
2556
+
2557
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
2558
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv {
2559
+ --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
2560
+ --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
2561
+ --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
2562
+ --char-count-color: var(--hop-RemainingCharacterCount-color);
2578
2563
  color: var(--char-count-color);
2579
2564
  }
2580
- .TextArea-module__hop-TextArea__ErrorMessage___px1UJ,
2581
- .TextArea-module__hop-TextArea__HelperMessage___rzEEf {
2582
- order: 3;
2565
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-invalid] {
2566
+ --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
2567
+ }
2568
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___rOvxv[data-disabled] {
2569
+ --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
2583
2570
  }
2584
2571
 
2585
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2586
- .TextField-module__hop-TextField___h9LPC {
2587
- --hop-TextField-gap: var(--hop-space-stack-xs);
2588
- --hop-TextField-inline-size: 20rem;
2589
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2590
- --hop-TextField-char-count-color: var(--hop-neutral-text-weak);
2591
- --hop-TextField-char-count-color-disabled: var(--hop-neutral-text-disabled);
2592
- --hop-TextField-char-count-color-invalid: var(--hop-danger-text-weak);
2593
- --inline-size: var(--hop-TextField-inline-size);
2594
- --char-count-color: var(--hop-TextField-char-count-color);
2572
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2573
+ .SearchField-module__hop-SearchField___CmlB- {
2574
+ --hop-SearchField-gap: var(--hop-space-stack-xs);
2575
+ --hop-SearchField-inline-size: 20rem;
2576
+ --hop-SearchField-color: var(--hop-neutral-text-weak);
2577
+ --hop-SearchField-padding: var(--hop-space-inset-md);
2578
+ --inline-size: var(--hop-SearchField-inline-size);
2579
+ --input-group-padding-inline-end: var(--hop-SearchField-padding);
2580
+ --input-group-padding-inline-start: var(--hop-SearchField-padding);
2581
+ --clear-button-display: flex;
2595
2582
  display: flex;
2596
2583
  flex-direction: column;
2597
- gap: var(--hop-TextField-gap);
2584
+ gap: var(--hop-SearchField-gap);
2598
2585
  inline-size: var(--inline-size);
2599
2586
  max-inline-size: 100%;
2600
2587
  }
2601
- .TextField-module__hop-TextField--fluid___Vhft- {
2588
+ .SearchField-module__hop-SearchField--fluid___cTuUW {
2602
2589
  --inline-size: 100%;
2603
2590
  }
2604
- .TextField-module__hop-TextField___h9LPC[data-over-max-length] {
2605
- --char-count-color: var(--hop-TextField-char-count-color-invalid);
2606
- }
2607
- .TextField-module__hop-TextField___h9LPC[data-disabled] {
2608
- --char-count-color: var(--hop-TextField-char-count-color-disabled);
2609
- }
2610
- .TextField-module__hop-TextField__Label___vjdjj {
2591
+ .SearchField-module__hop-SearchField__Label___w0bGj {
2611
2592
  order: 0;
2612
2593
  }
2613
- .TextField-module__hop-TextField__prefix___y4SIt {
2614
- color: var(--hop-TextField-prefix-color);
2615
- }
2616
- .TextField-module__hop-TextField__char-count___w-Y38 {
2617
- color: var(--char-count-color);
2594
+ .SearchField-module__hop-SearchField__prefix___EaYlk {
2595
+ color: var(--hop-SearchField-color);
2618
2596
  }
2619
- .TextField-module__hop-TextField__InputGroup___crbeu {
2597
+ .SearchField-module__hop-SearchField__InputGroup___c6F5A {
2620
2598
  order: 1;
2599
+ padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2600
+ }
2601
+ .SearchField-module__hop-SearchField--clearable___JYBQh {
2602
+ --input-group-padding-inline-end: 0;
2621
2603
  }
2622
- .TextField-module__hop-TextField__ErrorMessage___m-vG9,
2623
- .TextField-module__hop-TextField__HelperMessage___ahKEe {
2604
+ .SearchField-module__hop-SearchField__ErrorMessage___83XfA,
2605
+ .SearchField-module__hop-SearchField__HelperMessage___--Elt {
2624
2606
  order: 3;
2625
2607
  }
2608
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-cancel-button,
2609
+ .SearchField-module__hop-SearchField___CmlB- input::-webkit-search-decoration {
2610
+ appearance: none;
2611
+ }
2612
+ .SearchField-module__hop-SearchField___CmlB-[data-empty] {
2613
+ --clear-button-display: none;
2614
+ }
2615
+ .SearchField-module__hop-SearchField__ClearButton___ErqoJ {
2616
+ display: var(--clear-button-display);
2617
+ }
2626
2618
 
2627
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
2628
- .PasswordField-module__hop-PasswordField___I0UHA {
2629
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
2630
- --hop-PasswordField-inline-size: 20rem;
2631
- --inline-size: var(--hop-PasswordField-inline-size);
2619
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
2620
+ .TextArea-module__hop-TextArea___-k51c {
2621
+ --hop-TextArea-gap: var(--hop-space-stack-xs);
2622
+ --hop-TextArea-inline-size: 20rem;
2623
+ --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
2624
+ --hop-TextArea-input-min-height: 2rem;
2625
+ --hop-TextArea-remaining-character-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
2626
+ --inline-size: var(--hop-TextArea-inline-size);
2627
+ --resize: none;
2632
2628
  display: flex;
2633
2629
  flex-direction: column;
2634
- gap: var(--hop-PasswordField-gap);
2630
+ gap: var(--hop-TextArea-gap);
2635
2631
  inline-size: var(--inline-size);
2636
2632
  max-inline-size: 100%;
2637
2633
  }
2638
- .PasswordField-module__hop-PasswordField--fluid___T093p {
2634
+ .TextArea-module__hop-TextArea--fluid___Aw2zq {
2639
2635
  --inline-size: 100%;
2640
2636
  }
2641
- .PasswordField-module__hop-PasswordField__Label___SFE1N {
2637
+ .TextArea-module__hop-TextArea___-k51c[data-resize-mode=vertical] {
2638
+ --resize: vertical;
2639
+ }
2640
+ .TextArea-module__hop-TextArea__Label___DTyVx {
2642
2641
  order: 0;
2643
2642
  }
2644
- .PasswordField-module__hop-PasswordField__InputGroup___z0KM7 {
2643
+ .TextArea-module__hop-TextArea__prefix___BNJmg {
2644
+ color: var(--hop-TextArea-prefix-color);
2645
+ }
2646
+ .TextArea-module__hop-TextArea__InputGroup___fUwiC {
2645
2647
  order: 1;
2646
2648
  }
2647
- .PasswordField-module__hop-PasswordField__ErrorMessage___St921,
2648
- .PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm {
2649
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___U-RJM {
2650
+ padding: var(--hop-TextArea-remaining-character-count-padding);
2651
+ }
2652
+ .TextArea-module__hop-TextArea__textarea___X66az {
2653
+ resize: var(--resize);
2654
+ min-block-size: var(--hop-TextArea-input-min-height);
2655
+ }
2656
+ .TextArea-module__hop-TextArea__ErrorMessage___QhLqC,
2657
+ .TextArea-module__hop-TextArea__HelperMessage___Lp3qg {
2649
2658
  order: 3;
2650
2659
  }
2651
2660
 
2652
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
2653
- .SearchField-module__hop-SearchField___AV5d9 {
2654
- --hop-SearchField-gap: var(--hop-space-stack-xs);
2655
- --hop-SearchField-inline-size: 20rem;
2656
- --hop-SearchField-color: var(--hop-neutral-text-weak);
2657
- --hop-SearchField-padding: var(--hop-space-inset-md);
2658
- --inline-size: var(--hop-SearchField-inline-size);
2659
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
2660
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
2661
- --clear-button-display: flex;
2661
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
2662
+ .TextField-module__hop-TextField___1sv5- {
2663
+ --hop-TextField-gap: var(--hop-space-stack-xs);
2664
+ --hop-TextField-inline-size: 20rem;
2665
+ --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
2666
+ --inline-size: var(--hop-TextField-inline-size);
2662
2667
  display: flex;
2663
2668
  flex-direction: column;
2664
- gap: var(--hop-SearchField-gap);
2669
+ gap: var(--hop-TextField-gap);
2665
2670
  inline-size: var(--inline-size);
2666
2671
  max-inline-size: 100%;
2667
2672
  }
2668
- .SearchField-module__hop-SearchField--fluid___fk-1h {
2673
+ .TextField-module__hop-TextField--fluid___12PF- {
2669
2674
  --inline-size: 100%;
2670
2675
  }
2671
- .SearchField-module__hop-SearchField__Label___cDU1N {
2676
+ .TextField-module__hop-TextField__Label___v5PNS {
2672
2677
  order: 0;
2673
2678
  }
2674
- .SearchField-module__hop-SearchField__prefix___CXWRj {
2675
- color: var(--hop-SearchField-color);
2679
+ .TextField-module__hop-TextField__prefix___6Ykah {
2680
+ color: var(--hop-TextField-prefix-color);
2676
2681
  }
2677
- .SearchField-module__hop-SearchField__InputGroup___WkPdD {
2682
+ .TextField-module__hop-TextField__InputGroup___e0Vhr {
2678
2683
  order: 1;
2679
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
2680
- }
2681
- .SearchField-module__hop-SearchField--clearable___rVtfI {
2682
- --input-group-padding-inline-end: 0;
2683
2684
  }
2684
- .SearchField-module__hop-SearchField__ErrorMessage___fscIC,
2685
- .SearchField-module__hop-SearchField__HelperMessage___wlBbe {
2685
+ .TextField-module__hop-TextField__ErrorMessage___9tUFi,
2686
+ .TextField-module__hop-TextField__HelperMessage___b5vV2 {
2686
2687
  order: 3;
2687
2688
  }
2688
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-cancel-button,
2689
- .SearchField-module__hop-SearchField___AV5d9 input::-webkit-search-decoration {
2690
- appearance: none;
2691
- }
2692
- .SearchField-module__hop-SearchField___AV5d9[data-empty] {
2693
- --clear-button-display: none;
2694
- }
2695
- .SearchField-module__hop-SearchField__ClearButton___7B2Ke {
2696
- display: var(--clear-button-display);
2697
- }
2698
2689
 
2699
2690
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
2700
- .Link-module__hop-Link___hx42L {
2691
+ .Link-module__hop-Link___hCv6o {
2701
2692
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
2702
2693
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
2703
2694
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -2722,59 +2713,59 @@
2722
2713
  outline: none;
2723
2714
  outline-offset: 0.125rem;
2724
2715
  }
2725
- .Link-module__hop-Link___hx42L[data-focus-visible] {
2716
+ .Link-module__hop-Link___hCv6o[data-focus-visible] {
2726
2717
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
2727
2718
  }
2728
- .Link-module__hop-Link___hx42L[data-disabled] {
2719
+ .Link-module__hop-Link___hCv6o[data-disabled] {
2729
2720
  cursor: default;
2730
2721
  }
2731
- .Link-module__hop-Link--quiet___Sdez0[data-focus-visible],
2732
- .Link-module__hop-Link--quiet___Sdez0[data-hovered] {
2722
+ .Link-module__hop-Link--quiet___r6f69[data-focus-visible],
2723
+ .Link-module__hop-Link--quiet___r6f69[data-hovered] {
2733
2724
  text-decoration: underline;
2734
2725
  }
2735
- .Link-module__hop-Link___hx42L:not(.Link-module__hop-Link--quiet___Sdez0) {
2726
+ .Link-module__hop-Link___hCv6o:not(.Link-module__hop-Link--quiet___r6f69) {
2736
2727
  text-decoration: underline;
2737
2728
  }
2738
- .Link-module__hop-Link--primary___pd6jh {
2729
+ .Link-module__hop-Link--primary___Nrvdi {
2739
2730
  color: var(--hop-Link-primary-text-color);
2740
2731
  }
2741
- .Link-module__hop-Link--primary___pd6jh[data-disabled] {
2732
+ .Link-module__hop-Link--primary___Nrvdi[data-disabled] {
2742
2733
  color: var(--hop-Link-primary-text-disabled-color);
2743
2734
  }
2744
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-focus-visible],
2745
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-hovered] {
2735
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-focus-visible],
2736
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-hovered] {
2746
2737
  color: var(--hop-Link-primary-text-hover-color);
2747
2738
  }
2748
- .Link-module__hop-Link--primary___pd6jh:not([data-disabled])[data-pressed] {
2739
+ .Link-module__hop-Link--primary___Nrvdi:not([data-disabled])[data-pressed] {
2749
2740
  color: var(--hop-Link-primary-text-pressed-color);
2750
2741
  }
2751
- .Link-module__hop-Link--secondary___ZmHJ9 {
2742
+ .Link-module__hop-Link--secondary___4ytgC {
2752
2743
  color: var(--hop-Link-neutral-text-color);
2753
2744
  }
2754
- .Link-module__hop-Link--secondary___ZmHJ9[data-disabled] {
2745
+ .Link-module__hop-Link--secondary___4ytgC[data-disabled] {
2755
2746
  color: var(--hop-Link-neutral-text-disabled-color);
2756
2747
  }
2757
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-focus-visible],
2758
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-hovered] {
2748
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-focus-visible],
2749
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-hovered] {
2759
2750
  color: var(--hop-Link-neutral-text-hover-color);
2760
2751
  }
2761
- .Link-module__hop-Link--secondary___ZmHJ9:not([data-disabled])[data-pressed] {
2752
+ .Link-module__hop-Link--secondary___4ytgC:not([data-disabled])[data-pressed] {
2762
2753
  color: var(--hop-Link-neutral-text-pressed-color);
2763
2754
  }
2764
- .Link-module__hop-Link__icon___EzbcC,
2765
- .Link-module__hop-Link__icon-list___kDa2B {
2755
+ .Link-module__hop-Link__icon___GjiY8,
2756
+ .Link-module__hop-Link__icon-list___eWJSv {
2766
2757
  order: 2;
2767
2758
  }
2768
- .Link-module__hop-Link__text___4wQpK {
2759
+ .Link-module__hop-Link__text___VgjRa {
2769
2760
  order: 1;
2770
2761
  }
2771
- .Link-module__hop-Link__start-icon___REGAG,
2772
- .Link-module__hop-Link__start-icon-list___lhZ1C {
2762
+ .Link-module__hop-Link__start-icon___8qO6o,
2763
+ .Link-module__hop-Link__start-icon-list___2Ha5F {
2773
2764
  order: 0;
2774
2765
  }
2775
2766
 
2776
2767
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2777
- .Radio-module__hop-Radio___5q4dw {
2768
+ .Radio-module__hop-Radio___mjGTL {
2778
2769
  --hop-Radio-box-border-size: 0.0625rem;
2779
2770
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2780
2771
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2848,60 +2839,60 @@
2848
2839
  inline-size: max-content;
2849
2840
  max-inline-size: 100%;
2850
2841
  }
2851
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
2842
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
2852
2843
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2853
2844
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2854
2845
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2855
2846
  --text-color: var(--hop-Radio-text-color-focused);
2856
2847
  --icon-color: var(--hop-Radio-icon-color-focused);
2857
2848
  }
2858
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
2849
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
2859
2850
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2860
2851
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2861
2852
  --text-color: var(--hop-Radio-text-color-hovered);
2862
2853
  --icon-color: var(--hop-Radio-icon-color-hovered);
2863
2854
  }
2864
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
2855
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
2865
2856
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2866
2857
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2867
2858
  --text-color: var(--hop-Radio-text-color-pressed);
2868
2859
  --icon-color: var(--hop-Radio-icon-color-pressed);
2869
2860
  }
2870
- .Radio-module__hop-Radio___5q4dw[data-selected] {
2861
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
2871
2862
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2872
2863
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2873
2864
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2874
2865
  --text-color: var(--hop-Radio-text-color-selected);
2875
2866
  --icon-color: var(--hop-Radio-icon-color-selected);
2876
2867
  }
2877
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
2868
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
2878
2869
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2879
2870
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2880
2871
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2881
2872
  --text-color: var(--hop-Radio-text-color-invalid);
2882
2873
  --icon-color: var(--hop-Radio-icon-color-invalid);
2883
2874
  }
2884
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
2875
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
2885
2876
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2886
2877
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2887
2878
  }
2888
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
2879
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
2889
2880
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2890
2881
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2891
2882
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2892
2883
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2893
2884
  }
2894
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
2885
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
2895
2886
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2896
2887
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2897
2888
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2898
2889
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2899
2890
  }
2900
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
2891
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
2901
2892
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2902
2893
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2903
2894
  }
2904
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
2895
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
2905
2896
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2906
2897
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2907
2898
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2909,25 +2900,25 @@
2909
2900
  --text-color: var(--hop-Radio-text-color-disabled);
2910
2901
  --icon-color: var(--hop-Radio-icon-color-disabled);
2911
2902
  }
2912
- .Radio-module__hop-Radio--sm___4LYS8 {
2903
+ .Radio-module__hop-Radio--sm___yl7Uc {
2913
2904
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2914
2905
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2915
2906
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2916
2907
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2917
2908
  }
2918
- .Radio-module__hop-Radio--md___As58o {
2909
+ .Radio-module__hop-Radio--md___Umq9X {
2919
2910
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2920
2911
  --box-block-size: var(--hop-Radio-box-md-block-size);
2921
2912
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2922
2913
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2923
2914
  }
2924
- .Radio-module__hop-Radio__icon___KdTxL,
2925
- .Radio-module__hop-Radio__icon-list___4rAJh {
2915
+ .Radio-module__hop-Radio__icon___umH4r,
2916
+ .Radio-module__hop-Radio__icon-list___x6UXM {
2926
2917
  flex: 0 0 auto;
2927
2918
  order: 3;
2928
2919
  color: var(--icon-color);
2929
2920
  }
2930
- .Radio-module__hop-Radio__box___RRBuh {
2921
+ .Radio-module__hop-Radio__box___5S65W {
2931
2922
  display: flex;
2932
2923
  flex: 0 0 auto;
2933
2924
  align-items: center;
@@ -2943,11 +2934,11 @@
2943
2934
  outline-offset: 0.125rem;
2944
2935
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2945
2936
  }
2946
- .Radio-module__hop-Radio__bullet___BZw7q {
2937
+ .Radio-module__hop-Radio__bullet___9Zldv {
2947
2938
  display: var(--bullet-display);
2948
2939
  color: var(--bullet-color);
2949
2940
  }
2950
- .Radio-module__hop-Radio__text___Q7Ytg {
2941
+ .Radio-module__hop-Radio__text___Jw3rk {
2951
2942
  flex: 0 1 auto;
2952
2943
  order: 2;
2953
2944
  min-inline-size: 0;
@@ -2957,7 +2948,7 @@
2957
2948
  }
2958
2949
 
2959
2950
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2960
- .RadioField-module__hop-RadioField___A5OEY {
2951
+ .RadioField-module__hop-RadioField___y405X {
2961
2952
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2962
2953
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2963
2954
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2976,28 +2967,28 @@
2976
2967
  inline-size: max-content;
2977
2968
  max-inline-size: 100%;
2978
2969
  }
2979
- .RadioField-module__hop-RadioField___A5OEY[data-disabled] {
2970
+ .RadioField-module__hop-RadioField___y405X[data-disabled] {
2980
2971
  --description-color: var(--hop-RadioField-description-color-disabled);
2981
2972
  }
2982
- .RadioField-module__hop-RadioField--sm___08VGE {
2973
+ .RadioField-module__hop-RadioField--sm___xFdo7 {
2983
2974
  --row-gap: var(--hop-RadioField-sm-row-gap);
2984
2975
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2985
2976
  }
2986
- .RadioField-module__hop-RadioField--md___-4aoZ {
2977
+ .RadioField-module__hop-RadioField--md___-TjKd {
2987
2978
  --row-gap: var(--hop-RadioField-md-row-gap);
2988
2979
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2989
2980
  }
2990
- .RadioField-module__hop-RadioField__description___5EvIt {
2981
+ .RadioField-module__hop-RadioField__description___1rQov {
2991
2982
  order: 2;
2992
2983
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2993
2984
  color: var(--description-color);
2994
2985
  }
2995
- .RadioField-module__hop-RadioField__radio___lMDuc {
2986
+ .RadioField-module__hop-RadioField__radio___gtu2Z {
2996
2987
  order: 1;
2997
2988
  }
2998
2989
 
2999
2990
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
3000
- .RadioGroup-module__hop-RadioGroup___ByriM {
2991
+ .RadioGroup-module__hop-RadioGroup___nxPSN {
3001
2992
  --hop-RadioGroup-align-items: flex-start;
3002
2993
  --hop-RadioGroup-justify-content: flex-start;
3003
2994
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -3037,46 +3028,46 @@
3037
3028
  inline-size: var(--inline-size);
3038
3029
  max-inline-size: 100%;
3039
3030
  }
3040
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR {
3031
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq {
3041
3032
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
3042
3033
  --list-border-radius: var(--hop-shape-rounded-md);
3043
3034
  }
3044
- .RadioGroup-module__hop-RadioGroup--sm___wPypQ {
3035
+ .RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3045
3036
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
3046
3037
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
3047
3038
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
3048
3039
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
3049
3040
  }
3050
- .RadioGroup-module__hop-RadioGroup--md___uVawW {
3041
+ .RadioGroup-module__hop-RadioGroup--md___IIICc {
3051
3042
  --column-gap: var(--hop-RadioGroup-md-column-gap);
3052
3043
  --row-gap: var(--hop-RadioGroup-md-row-gap);
3053
3044
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
3054
3045
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
3055
3046
  }
3056
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--sm___wPypQ {
3047
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--sm___pG-g0 {
3057
3048
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
3058
3049
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
3059
3050
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
3060
3051
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
3061
3052
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
3062
3053
  }
3063
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR.RadioGroup-module__hop-RadioGroup--md___uVawW {
3054
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq.RadioGroup-module__hop-RadioGroup--md___IIICc {
3064
3055
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
3065
3056
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
3066
3057
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
3067
3058
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
3068
3059
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
3069
3060
  }
3070
- .RadioGroup-module__hop-RadioGroup___ByriM[data-orientation=horizontal] {
3061
+ .RadioGroup-module__hop-RadioGroup___nxPSN[data-orientation=horizontal] {
3071
3062
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
3072
3063
  }
3073
- .RadioGroup-module__hop-RadioGroup--bordered___U6RNR[data-orientation=horizontal] {
3064
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] {
3074
3065
  --flex-wrap: nowrap;
3075
3066
  }
3076
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__label___ieR7x {
3067
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__label___UhFFE {
3077
3068
  order: 1;
3078
3069
  }
3079
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 {
3070
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy {
3080
3071
  display: flex;
3081
3072
  flex-flow: var(--flex-direction) var(--flex-wrap);
3082
3073
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -3087,7 +3078,7 @@
3087
3078
  border: var(--list-border, none);
3088
3079
  border-radius: var(--list-border-radius, 0);
3089
3080
  }
3090
- .RadioGroup-module__hop-RadioGroup__list___3EuL0 > .RadioGroup-module__hop-RadioGroup__radio___m6LmJ {
3081
+ .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i {
3091
3082
  position: relative;
3092
3083
  flex: 0 1 auto;
3093
3084
  align-content: start;
@@ -3095,28 +3086,28 @@
3095
3086
  min-inline-size: 0;
3096
3087
  padding: var(--radio-padding, 0);
3097
3088
  }
3098
- .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 {
3089
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3099
3090
  content: "";
3100
3091
  position: absolute;
3101
3092
  display: block;
3102
3093
  }
3103
- .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 {
3094
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3104
3095
  inset-block-start: 0;
3105
3096
  inset-inline: 0;
3106
3097
  border-block-start: var(--list-border, none);
3107
3098
  }
3108
- .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 {
3099
+ .RadioGroup-module__hop-RadioGroup--bordered___vrAHq[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___f-mUy > .RadioGroup-module__hop-RadioGroup__radio___clP7i ~ .RadioGroup-module__hop-RadioGroup__radio___clP7i::before {
3109
3100
  inset-block: 0;
3110
3101
  inset-inline-start: 0;
3111
3102
  border-inline-start: var(--list-border, none);
3112
3103
  }
3113
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__error-message___QtRJp,
3114
- .RadioGroup-module__hop-RadioGroup___ByriM > .RadioGroup-module__hop-RadioGroup__helper-message___CHWOA {
3104
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__error-message___v73ED,
3105
+ .RadioGroup-module__hop-RadioGroup___nxPSN > .RadioGroup-module__hop-RadioGroup__helper-message___ViS27 {
3115
3106
  order: 3;
3116
3107
  }
3117
3108
 
3118
3109
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
3119
- .Radio-module__hop-Radio___5q4dw {
3110
+ .Radio-module__hop-Radio___mjGTL {
3120
3111
  --hop-Radio-box-border-size: 0.0625rem;
3121
3112
  --hop-Radio-box-border-color: var(--hop-neutral-border);
3122
3113
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -3190,60 +3181,60 @@
3190
3181
  inline-size: max-content;
3191
3182
  max-inline-size: 100%;
3192
3183
  }
3193
- .Radio-module__hop-Radio___5q4dw[data-focus-visible] {
3184
+ .Radio-module__hop-Radio___mjGTL[data-focus-visible] {
3194
3185
  --box-background-color: var(--hop-Radio-box-background-color-focused);
3195
3186
  --box-border-color: var(--hop-Radio-box-border-color-focused);
3196
3187
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
3197
3188
  --text-color: var(--hop-Radio-text-color-focused);
3198
3189
  --icon-color: var(--hop-Radio-icon-color-focused);
3199
3190
  }
3200
- .Radio-module__hop-Radio___5q4dw[data-hovered] {
3191
+ .Radio-module__hop-Radio___mjGTL[data-hovered] {
3201
3192
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
3202
3193
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
3203
3194
  --text-color: var(--hop-Radio-text-color-hovered);
3204
3195
  --icon-color: var(--hop-Radio-icon-color-hovered);
3205
3196
  }
3206
- .Radio-module__hop-Radio___5q4dw[data-pressed] {
3197
+ .Radio-module__hop-Radio___mjGTL[data-pressed] {
3207
3198
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
3208
3199
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
3209
3200
  --text-color: var(--hop-Radio-text-color-pressed);
3210
3201
  --icon-color: var(--hop-Radio-icon-color-pressed);
3211
3202
  }
3212
- .Radio-module__hop-Radio___5q4dw[data-selected] {
3203
+ .Radio-module__hop-Radio___mjGTL[data-selected] {
3213
3204
  --box-background-color: var(--hop-Radio-box-background-color-selected);
3214
3205
  --box-border-color: var(--hop-Radio-box-border-color-selected);
3215
3206
  --bullet-display: var(--hop-Radio-bullet-display-selected);
3216
3207
  --text-color: var(--hop-Radio-text-color-selected);
3217
3208
  --icon-color: var(--hop-Radio-icon-color-selected);
3218
3209
  }
3219
- .Radio-module__hop-Radio___5q4dw[data-invalid] {
3210
+ .Radio-module__hop-Radio___mjGTL[data-invalid] {
3220
3211
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
3221
3212
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
3222
3213
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
3223
3214
  --text-color: var(--hop-Radio-text-color-invalid);
3224
3215
  --icon-color: var(--hop-Radio-icon-color-invalid);
3225
3216
  }
3226
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-focus-visible] {
3217
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-focus-visible] {
3227
3218
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
3228
3219
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
3229
3220
  }
3230
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-hovered] {
3221
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-hovered] {
3231
3222
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
3232
3223
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
3233
3224
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
3234
3225
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
3235
3226
  }
3236
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-pressed] {
3227
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-pressed] {
3237
3228
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
3238
3229
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
3239
3230
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
3240
3231
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
3241
3232
  }
3242
- .Radio-module__hop-Radio___5q4dw:where([data-invalid])[data-selected] {
3233
+ .Radio-module__hop-Radio___mjGTL:where([data-invalid])[data-selected] {
3243
3234
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
3244
3235
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
3245
3236
  }
3246
- .Radio-module__hop-Radio___5q4dw[data-disabled] {
3237
+ .Radio-module__hop-Radio___mjGTL[data-disabled] {
3247
3238
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
3248
3239
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
3249
3240
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -3251,25 +3242,25 @@
3251
3242
  --text-color: var(--hop-Radio-text-color-disabled);
3252
3243
  --icon-color: var(--hop-Radio-icon-color-disabled);
3253
3244
  }
3254
- .Radio-module__hop-Radio--sm___4LYS8 {
3245
+ .Radio-module__hop-Radio--sm___yl7Uc {
3255
3246
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
3256
3247
  --box-block-size: var(--hop-Radio-box-sm-block-size);
3257
3248
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
3258
3249
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
3259
3250
  }
3260
- .Radio-module__hop-Radio--md___As58o {
3251
+ .Radio-module__hop-Radio--md___Umq9X {
3261
3252
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
3262
3253
  --box-block-size: var(--hop-Radio-box-md-block-size);
3263
3254
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
3264
3255
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
3265
3256
  }
3266
- .Radio-module__hop-Radio__icon___KdTxL,
3267
- .Radio-module__hop-Radio__icon-list___4rAJh {
3257
+ .Radio-module__hop-Radio__icon___umH4r,
3258
+ .Radio-module__hop-Radio__icon-list___x6UXM {
3268
3259
  flex: 0 0 auto;
3269
3260
  order: 3;
3270
3261
  color: var(--icon-color);
3271
3262
  }
3272
- .Radio-module__hop-Radio__box___RRBuh {
3263
+ .Radio-module__hop-Radio__box___5S65W {
3273
3264
  display: flex;
3274
3265
  flex: 0 0 auto;
3275
3266
  align-items: center;
@@ -3285,11 +3276,11 @@
3285
3276
  outline-offset: 0.125rem;
3286
3277
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
3287
3278
  }
3288
- .Radio-module__hop-Radio__bullet___BZw7q {
3279
+ .Radio-module__hop-Radio__bullet___9Zldv {
3289
3280
  display: var(--bullet-display);
3290
3281
  color: var(--bullet-color);
3291
3282
  }
3292
- .Radio-module__hop-Radio__text___Q7Ytg {
3283
+ .Radio-module__hop-Radio__text___Jw3rk {
3293
3284
  flex: 0 1 auto;
3294
3285
  order: 2;
3295
3286
  min-inline-size: 0;
@@ -3297,24 +3288,24 @@
3297
3288
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
3298
3289
  color: var(--text-color);
3299
3290
  }
3300
- .DecorativeRadio-module__hop-DecorativeRadio___xR3qR {
3291
+ .DecorativeRadio-module__hop-DecorativeRadio___6cfZi {
3301
3292
  }
3302
- .DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 {
3293
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___pLmcZ {
3303
3294
  }
3304
- .DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE {
3295
+ .DecorativeRadio-module__hop-DecorativeRadio--md___BWIIW {
3305
3296
  }
3306
- .DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5,
3307
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP {
3297
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___sI5C6,
3298
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___B17Uy {
3308
3299
  }
3309
- .DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C {
3300
+ .DecorativeRadio-module__hop-DecorativeRadio__box___0184v {
3310
3301
  }
3311
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA {
3302
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___6xwhF {
3312
3303
  }
3313
- .DecorativeRadio-module__hop-DecorativeRadio__text___guri5 {
3304
+ .DecorativeRadio-module__hop-DecorativeRadio__text___ip08j {
3314
3305
  }
3315
3306
 
3316
3307
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
3317
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Arx5F {
3308
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ {
3318
3309
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
3319
3310
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
3320
3311
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -3340,7 +3331,7 @@
3340
3331
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
3341
3332
  background-size: 400% 100%;
3342
3333
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
3343
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs;
3334
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z;
3344
3335
  animation-duration: var(--animation-duration);
3345
3336
  animation-timing-function: ease-in-out;
3346
3337
  animation-fill-mode: forwards;
@@ -3349,19 +3340,19 @@
3349
3340
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
3350
3341
  }
3351
3342
  }
3352
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW {
3343
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e {
3353
3344
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
3354
3345
  }
3355
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP {
3346
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr {
3356
3347
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
3357
3348
  }
3358
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe {
3349
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl {
3359
3350
  --height: var(--hop-ListBoxItemSkeleton-md-height);
3360
3351
  }
3361
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52 {
3352
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn {
3362
3353
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
3363
3354
  }
3364
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs {
3355
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z {
3365
3356
  0% {
3366
3357
  background-position: 125% 50%;
3367
3358
  }
@@ -3371,7 +3362,7 @@
3371
3362
  }
3372
3363
 
3373
3364
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
3374
- .ListBoxItem-module__hop-ListBoxItem___EKD3- {
3365
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR {
3375
3366
  --hop-ListBoxItem-background-color: transparent;
3376
3367
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
3377
3368
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -3468,129 +3459,129 @@
3468
3459
  outline: var(--outline);
3469
3460
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
3470
3461
  }
3471
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN {
3462
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD {
3472
3463
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
3473
3464
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
3474
3465
  --min-height: var(--hop-ListBoxItem-xs-min-height);
3475
3466
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
3476
3467
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
3477
3468
  }
3478
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY {
3469
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3 {
3479
3470
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
3480
3471
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
3481
3472
  --min-height: var(--hop-ListBoxItem-sm-min-height);
3482
3473
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
3483
3474
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
3484
3475
  }
3485
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L {
3476
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq {
3486
3477
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
3487
3478
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
3488
3479
  --min-height: var(--hop-ListBoxItem-md-min-height);
3489
3480
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
3490
3481
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
3491
3482
  }
3492
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg- {
3483
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj {
3493
3484
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
3494
3485
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
3495
3486
  --min-height: var(--hop-ListBoxItem-lg-min-height);
3496
3487
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
3497
3488
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
3498
3489
  }
3499
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selection-mode] {
3490
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selection-mode] {
3500
3491
  --cursor: pointer;
3501
3492
  }
3502
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:not([data-selection-mode]) {
3493
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:not([data-selection-mode]) {
3503
3494
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3504
3495
  }
3505
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
3496
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3506
3497
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
3507
3498
  }
3508
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8) {
3499
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU) {
3509
3500
  --checkmark-transition: none;
3510
3501
  }
3511
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-selected] {
3502
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-selected] {
3512
3503
  --background-color: var(--hop-ListBoxItem-background-color-selected);
3513
3504
  --text-color: var(--hop-ListBoxItem-text-color-selected);
3514
3505
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
3515
3506
  --checkmark-opacity: 1;
3516
3507
  }
3517
- .ListBoxItem-module__hop-ListBoxItem--xs___QDUaN[data-selected] {
3508
+ .ListBoxItem-module__hop-ListBoxItem--xs___V8rDD[data-selected] {
3518
3509
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
3519
3510
  }
3520
- .ListBoxItem-module__hop-ListBoxItem--sm___MkxrY[data-selected] {
3511
+ .ListBoxItem-module__hop-ListBoxItem--sm___Aduv3[data-selected] {
3521
3512
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
3522
3513
  }
3523
- .ListBoxItem-module__hop-ListBoxItem--md___Sh68L[data-selected] {
3514
+ .ListBoxItem-module__hop-ListBoxItem--md___Cd0tq[data-selected] {
3524
3515
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
3525
3516
  }
3526
- .ListBoxItem-module__hop-ListBoxItem--lg___mYIg-[data-selected] {
3517
+ .ListBoxItem-module__hop-ListBoxItem--lg___uroMj[data-selected] {
3527
3518
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
3528
3519
  }
3529
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-focus-visible] {
3520
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-focus-visible] {
3530
3521
  --background-color: var(--hop-ListBoxItem-background-color-focused);
3531
3522
  --text-color: var(--hop-ListBoxItem-text-color-focused);
3532
3523
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
3533
3524
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
3534
3525
  }
3535
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-hovered] {
3526
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-hovered] {
3536
3527
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
3537
3528
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
3538
3529
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
3539
3530
  }
3540
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-pressed] {
3531
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-pressed] {
3541
3532
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
3542
3533
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
3543
3534
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
3544
3535
  }
3545
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-disabled] {
3536
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-disabled] {
3546
3537
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
3547
3538
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
3548
3539
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
3549
3540
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
3550
3541
  --cursor: not-allowed;
3551
3542
  }
3552
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid] {
3543
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid] {
3553
3544
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
3554
3545
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
3555
3546
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
3556
3547
  }
3557
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-selected] {
3548
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-selected] {
3558
3549
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
3559
3550
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
3560
3551
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
3561
3552
  }
3562
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-focus-visible] {
3553
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-focus-visible] {
3563
3554
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
3564
3555
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
3565
3556
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
3566
3557
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3567
3558
  }
3568
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-hovered] {
3559
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-hovered] {
3569
3560
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3570
3561
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3571
3562
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3572
3563
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3573
3564
  }
3574
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-pressed] {
3565
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-pressed] {
3575
3566
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3576
3567
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3577
3568
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3578
3569
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3579
3570
  }
3580
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-invalid][data-disabled] {
3571
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-invalid][data-disabled] {
3581
3572
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3582
3573
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3583
3574
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3584
3575
  }
3585
- .ListBoxItem-module__hop-ListBoxItem___EKD3-:has(.ListBoxItem-module__hop-ListBoxItem__description___6SsEU) {
3576
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR:has(.ListBoxItem-module__hop-ListBoxItem__description___MyHdA) {
3586
3577
  --row-gap: var(--hop-ListBoxItem-row-gap);
3587
3578
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3588
3579
  }
3589
- .ListBoxItem-module__hop-ListBoxItem___EKD3-[data-loading] {
3580
+ .ListBoxItem-module__hop-ListBoxItem___7JVGR[data-loading] {
3590
3581
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3591
3582
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3592
3583
  }
3593
- .ListBoxItem-module__hop-ListBoxItem__inner___UCV4p {
3584
+ .ListBoxItem-module__hop-ListBoxItem__inner___jRb4M {
3594
3585
  display: grid;
3595
3586
  grid-template-areas: var(--grid-template-areas);
3596
3587
  grid-template-columns: var(--grid-template-columns);
@@ -3602,33 +3593,33 @@
3602
3593
  padding-inline: var(--padding-inline);
3603
3594
  transition: grid-template-columns .3s ease-in-out;
3604
3595
  }
3605
- .ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8 {
3596
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___QpTUU {
3606
3597
  grid-area: indicator;
3607
3598
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3608
3599
  color: var(--icon-color);
3609
3600
  opacity: var(--checkmark-opacity);
3610
3601
  transition: var(--checkmark-transition);
3611
3602
  }
3612
- .ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk,
3613
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw {
3603
+ .ListBoxItem-module__hop-ListBoxItem__radio___qWM1f,
3604
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___GUgXl {
3614
3605
  pointer-events: none;
3615
3606
  user-select: none;
3616
3607
  grid-area: indicator;
3617
3608
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3618
3609
  }
3619
- .ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ {
3610
+ .ListBoxItem-module__hop-ListBoxItem__avatar___sjHHi {
3620
3611
  grid-area: avatar;
3621
3612
  margin-block: var(--avatar-margin-block, 0);
3622
3613
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3623
3614
  }
3624
- .ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-,
3625
- .ListBoxItem-module__hop-ListBoxItem__icon___gRpdF {
3615
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___r8tji,
3616
+ .ListBoxItem-module__hop-ListBoxItem__icon___WqPrF {
3626
3617
  grid-area: icon;
3627
3618
  flex: 0 0 auto;
3628
3619
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3629
3620
  color: var(--icon-color);
3630
3621
  }
3631
- .ListBoxItem-module__hop-ListBoxItem__label___46Wdm {
3622
+ .ListBoxItem-module__hop-ListBoxItem__label___8Oxiy {
3632
3623
  overflow: hidden;
3633
3624
  grid-area: label;
3634
3625
  min-inline-size: 0;
@@ -3636,18 +3627,18 @@
3636
3627
  text-overflow: ellipsis;
3637
3628
  white-space: nowrap;
3638
3629
  }
3639
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws,
3640
- .ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc {
3630
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___pjBtZ,
3631
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cpHA- {
3641
3632
  grid-area: end-icon;
3642
3633
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3643
3634
  color: var(--icon-color);
3644
3635
  }
3645
- .ListBoxItem-module__hop-ListBoxItem__badge___3pjXI {
3636
+ .ListBoxItem-module__hop-ListBoxItem__badge___FJ8gQ {
3646
3637
  grid-area: badge;
3647
3638
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3648
3639
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3649
3640
  }
3650
- .ListBoxItem-module__hop-ListBoxItem__description___6SsEU {
3641
+ .ListBoxItem-module__hop-ListBoxItem__description___MyHdA {
3651
3642
  overflow: hidden;
3652
3643
  display: -webkit-box;
3653
3644
  grid-area: description;
@@ -3658,7 +3649,7 @@
3658
3649
  }
3659
3650
 
3660
3651
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3661
- .ListBox-module__hop-ListBox___fCheu {
3652
+ .ListBox-module__hop-ListBox___emfw7 {
3662
3653
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3663
3654
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3664
3655
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3705,11 +3696,11 @@
3705
3696
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3706
3697
  border-radius: var(--hop-ListBox-border-radius);
3707
3698
  }
3708
- .ListBox-module__hop-ListBox--fluid___2fafn {
3699
+ .ListBox-module__hop-ListBox--fluid___KXcZO {
3709
3700
  --max-width: var(--hop-ListBox-fluid-max-width);
3710
3701
  --width: var(--hop-ListBox-fluid-width);
3711
3702
  }
3712
- .ListBox-module__hop-ListBox__section___sIZIS {
3703
+ .ListBox-module__hop-ListBox__section___lzB6a {
3713
3704
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3714
3705
  margin-inline: var(--hop-ListBox-section-margin-inline);
3715
3706
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3717,21 +3708,21 @@
3717
3708
  border-block-start: var(--section-border-block-start);
3718
3709
  border-block-end: var(--section-border-block-end);
3719
3710
  }
3720
- .ListBox-module__hop-ListBox__item___4-Gsh + .ListBox-module__hop-ListBox__section___sIZIS {
3711
+ .ListBox-module__hop-ListBox__item___n6eiW + .ListBox-module__hop-ListBox__section___lzB6a {
3721
3712
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3722
3713
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3723
3714
  }
3724
- .ListBox-module__hop-ListBox__section___sIZIS:has(+ .ListBox-module__hop-ListBox__item___4-Gsh) {
3715
+ .ListBox-module__hop-ListBox__section___lzB6a:has(+ .ListBox-module__hop-ListBox__item___n6eiW) {
3725
3716
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3726
3717
  }
3727
- .ListBox-module__hop-ListBox__section___sIZIS:first-child {
3718
+ .ListBox-module__hop-ListBox__section___lzB6a:first-child {
3728
3719
  --section-padding-block-start: 0;
3729
3720
  }
3730
- .ListBox-module__hop-ListBox__section___sIZIS:last-child {
3721
+ .ListBox-module__hop-ListBox__section___lzB6a:last-child {
3731
3722
  --section-padding-block-end: 0;
3732
3723
  --section-border-block-end: 0;
3733
3724
  }
3734
- .ListBox-module__hop-ListBox__section-header___1GilQ {
3725
+ .ListBox-module__hop-ListBox__section-header___PK5X3 {
3735
3726
  margin: 0;
3736
3727
  padding: var(--hop-ListBox-section-header-padding);
3737
3728
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3742,33 +3733,34 @@
3742
3733
  text-transform: var(--hop-ListBox-section-header-text-transform);
3743
3734
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3744
3735
  }
3745
- .ListBox-module__hop-ListBox__section-header___1GilQ::before,
3746
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
3736
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before,
3737
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3747
3738
  content: "";
3748
3739
  display: block;
3749
3740
  box-sizing: border-box;
3750
3741
  inline-size: 0;
3751
3742
  block-size: 0;
3752
3743
  }
3753
- .ListBox-module__hop-ListBox__section-header___1GilQ::before {
3744
+ .ListBox-module__hop-ListBox__section-header___PK5X3::before {
3754
3745
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3755
3746
  }
3756
- .ListBox-module__hop-ListBox__section-header___1GilQ::after {
3747
+ .ListBox-module__hop-ListBox__section-header___PK5X3::after {
3757
3748
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3758
3749
  }
3759
3750
 
3760
3751
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3761
- :where(.Popover-module__hop-Popover___wpqmA *) {
3752
+ :where(.Popover-module__hop-Popover___YqMrl *) {
3762
3753
  font-family: var(--font-family);
3763
3754
  font-size: var(--font-size);
3764
3755
  font-weight: var(--font-weight);
3765
3756
  line-height: var(--line-height);
3766
3757
  outline: none;
3767
3758
  }
3768
- .Popover-module__hop-Popover___wpqmA {
3759
+ .Popover-module__hop-Popover___YqMrl {
3769
3760
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3770
3761
  --hop-Popover-inline-width: 25rem;
3771
3762
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
3763
+ --hop-Popover-combo-box-dropdown-inline-width: var(--custom-trigger-width);
3772
3764
  --hop-Popover-dropdown-auto-inline-width: auto;
3773
3765
  --width: var(--hop-Popover-inline-width);
3774
3766
  --max-width: var(--hop-Popover-max-inline-width);
@@ -3777,19 +3769,22 @@
3777
3769
  inline-size: var(--width);
3778
3770
  max-inline-size: var(--max-width);
3779
3771
  }
3780
- .Popover-module__hop-Popover___wpqmA[data-trigger=Select] {
3772
+ .Popover-module__hop-Popover___YqMrl[data-trigger=Select] {
3781
3773
  --width: var(--hop-Popover-dropdown-inline-width);
3782
3774
  }
3783
- .Popover-module__hop-Popover___wpqmA[data-auto-width] {
3775
+ .Popover-module__hop-Popover___YqMrl[data-trigger=ComboBox] {
3776
+ --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3777
+ }
3778
+ .Popover-module__hop-Popover___YqMrl[data-auto-width] {
3784
3779
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3785
3780
  }
3786
- .Popover-module__hop-Popover___wpqmA[data-entering] {
3787
- animation: Popover-module__fade___fLu22 0.25s;
3781
+ .Popover-module__hop-Popover___YqMrl[data-entering] {
3782
+ animation: Popover-module__fade___cM9Hu 0.25s;
3788
3783
  }
3789
- .Popover-module__hop-Popover___wpqmA[data-exiting] {
3790
- animation: Popover-module__fade___fLu22 0.25s reverse;
3784
+ .Popover-module__hop-Popover___YqMrl[data-exiting] {
3785
+ animation: Popover-module__fade___cM9Hu 0.25s reverse;
3791
3786
  }
3792
- @keyframes Popover-module__fade___fLu22 {
3787
+ @keyframes Popover-module__fade___cM9Hu {
3793
3788
  from {
3794
3789
  opacity: 0;
3795
3790
  }
@@ -3797,14 +3792,14 @@
3797
3792
  opacity: 1;
3798
3793
  }
3799
3794
  }
3800
- .Popover-module__hop-Popover__wrapper___-2GXF {
3795
+ .Popover-module__hop-Popover__wrapper___bBvVC {
3801
3796
  display: flex;
3802
3797
  flex: 1 1 auto;
3803
3798
  flex-direction: column;
3804
3799
  min-block-size: 0;
3805
3800
  }
3806
- .Popover-module__hop-Popover__dialog___wOPF-,
3807
- .Popover-module__hop-Popover__dropdown___hF0Ba {
3801
+ .Popover-module__hop-Popover__dialog___-Qm8I,
3802
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3808
3803
  --hop-Popover-background: var(--hop-neutral-surface);
3809
3804
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3810
3805
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3850,20 +3845,20 @@
3850
3845
  border-radius: var(--hop-Popover-border-radius);
3851
3846
  box-shadow: var(--hop-Popover-box-shadow);
3852
3847
  }
3853
- .Popover-module__hop-Popover__dropdown___hF0Ba {
3848
+ .Popover-module__hop-Popover__dropdown___2Pes0 {
3854
3849
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3855
3850
  --footer-place-self: stretch;
3856
3851
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3857
3852
  --padding: var(--hop-Popover-dropdown-padding);
3858
3853
  }
3859
- .Popover-module__hop-Popover__dialog___wOPF- {
3854
+ .Popover-module__hop-Popover__dialog___-Qm8I {
3860
3855
  --padding: var(--hop-Popover-dialog-padding);
3861
3856
  }
3862
- .Popover-module__hop-Popover__title___tULvQ {
3857
+ .Popover-module__hop-Popover__title___SZT2m {
3863
3858
  grid-area: header;
3864
3859
  color: var(--hop-Popover-color);
3865
3860
  }
3866
- .Popover-module__hop-Popover__content___xfAwJ {
3861
+ .Popover-module__hop-Popover__content___V6KMC {
3867
3862
  --font-size: var(--hop-Popover-content-font-size);
3868
3863
  --line-height: var(--hop-Popover-content-line-height);
3869
3864
  grid-area: content;
@@ -3872,7 +3867,7 @@
3872
3867
  padding: 0;
3873
3868
  color: var(--hop-Popover-content-color);
3874
3869
  }
3875
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__list-box___dtFam {
3870
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__list-box___PnPGa {
3876
3871
  grid-area: content;
3877
3872
  inline-size: auto;
3878
3873
  min-inline-size: auto;
@@ -3881,7 +3876,7 @@
3881
3876
  padding: 0;
3882
3877
  border: none;
3883
3878
  }
3884
- .Popover-module__hop-Popover__footer___nRrpk {
3879
+ .Popover-module__hop-Popover__footer___sJmo- {
3885
3880
  --font-size: var(--hop-Popover-footer-font-size);
3886
3881
  --line-height: var(--hop-Popover-footer-line-height);
3887
3882
  grid-area: footer;
@@ -3889,40 +3884,46 @@
3889
3884
  margin: var(--footer-margin);
3890
3885
  color: var(--hop-Popover-color);
3891
3886
  }
3892
- .Popover-module__hop-Popover__dropdown___hF0Ba .Popover-module__hop-Popover__footer___nRrpk {
3887
+ .Popover-module__hop-Popover__dropdown___2Pes0 .Popover-module__hop-Popover__footer___sJmo- {
3893
3888
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3894
3889
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3895
3890
  }
3896
- .Popover-module__hop-Popover__actions___9XiAv,
3897
- .Popover-module__hop-Popover__action___Gk0oe {
3891
+ .Popover-module__hop-Popover__actions___dlp9Q,
3892
+ .Popover-module__hop-Popover__action___hcQBI {
3898
3893
  grid-area: action;
3899
3894
  justify-self: end;
3900
3895
  margin-block-start: var(--hop-Popover-row-gap);
3901
3896
  }
3902
- .Popover-module__hop-Popover___wpqmA:has(.Popover-module__hop-Popover__actions___9XiAv, .Popover-module__hop-Popover__action___Gk0oe) .Popover-module__hop-Popover__footer___nRrpk {
3897
+ .Popover-module__hop-Popover___YqMrl:has(.Popover-module__hop-Popover__actions___dlp9Q, .Popover-module__hop-Popover__action___hcQBI) .Popover-module__hop-Popover__footer___sJmo- {
3903
3898
  margin-inline-end: var(--hop-Popover-column-gap);
3904
3899
  }
3905
3900
 
3906
3901
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3907
- .SelectValue-module__hop-SelectValue___fVOPa {
3908
- --hop-SelectValue-display: flex;
3902
+ .SelectValue-module__hop-SelectValue___fN5Zm {
3903
+ --hop-SelectValue-display: inline-block;
3904
+ --hop-SelectValue-slots-display: flex;
3909
3905
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3906
+ --display: var(--hop-SelectValue-display);
3910
3907
  overflow: hidden;
3911
- display: var(--hop-SelectValue-display);
3908
+ display: var(--display);
3912
3909
  flex: 1 1 auto;
3913
3910
  column-gap: var(--hop-SelectValue-column-gap);
3914
3911
  align-items: center;
3915
3912
  box-sizing: border-box;
3913
+ min-inline-size: 0;
3916
3914
  text-overflow: ellipsis;
3917
3915
  white-space: nowrap;
3918
3916
  }
3919
- .SelectValue-module__hop-SelectValue__avatar___7yyBy {
3917
+ .SelectValue-module__hop-SelectValue___fN5Zm:has(.SelectValue-module__hop-SelectValue__text___VXiZL) {
3918
+ --display: var(--hop-SelectValue-slots-display);
3919
+ }
3920
+ .SelectValue-module__hop-SelectValue__avatar___VKTK6 {
3920
3921
  order: 1;
3921
3922
  }
3922
- .SelectValue-module__hop-SelectValue__icon___s-Isr {
3923
+ .SelectValue-module__hop-SelectValue__icon___6X7KT {
3923
3924
  order: 2;
3924
3925
  }
3925
- .SelectValue-module__hop-SelectValue__text___MuSju {
3926
+ .SelectValue-module__hop-SelectValue__text___VXiZL {
3926
3927
  overflow: hidden;
3927
3928
  flex: 1 1 auto;
3928
3929
  order: 3;
@@ -3930,12 +3931,12 @@
3930
3931
  text-overflow: ellipsis;
3931
3932
  white-space: nowrap;
3932
3933
  }
3933
- .SelectValue-module__hop-SelectValue__end-icon___nrWhM {
3934
+ .SelectValue-module__hop-SelectValue__end-icon___WxTCr {
3934
3935
  order: 4;
3935
3936
  }
3936
3937
 
3937
3938
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
3938
- .Select-module__hop-Select___018w5 {
3939
+ .Select-module__hop-Select___9asPc {
3939
3940
  --hop-Select-row-gap: var(--hop-space-stack-xs);
3940
3941
  --hop-Select-inline-size: 20rem;
3941
3942
  --hop-Select-inline-size-fluid: 100%;
@@ -3944,6 +3945,7 @@
3944
3945
  --hop-Select-button-border-color: var(--hop-neutral-border);
3945
3946
  --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
3946
3947
  --hop-Select-button-border-size: var(--hop-space-10);
3948
+ --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
3947
3949
  --hop-Select-button-color: var(--hop-neutral-text);
3948
3950
  --hop-Select-button-cursor: pointer;
3949
3951
  --hop-Select-button-padding-inline: var(--hop-space-inset-md);
@@ -3986,13 +3988,13 @@
3986
3988
  inline-size: var(--inline-size);
3987
3989
  max-inline-size: var(--hop-Select-max-inline-size);
3988
3990
  }
3989
- .Select-module__hop-Select--fluid___8FKqZ {
3991
+ .Select-module__hop-Select--fluid___kdYun {
3990
3992
  --inline-size: var(--hop-Select-inline-size-fluid);
3991
3993
  }
3992
- .Select-module__hop-Select__label___h0QJ- {
3994
+ .Select-module__hop-Select__label___lX0YF {
3993
3995
  order: 1;
3994
3996
  }
3995
- .Select-module__hop-Select__button___csI9f {
3997
+ .Select-module__hop-Select__button___72TRN {
3996
3998
  cursor: var(--button-cursor);
3997
3999
  display: flex;
3998
4000
  column-gap: var(--hop-Select-button-column-gap);
@@ -4008,59 +4010,59 @@
4008
4010
  border-radius: var(--hop-Select-button-border-radius);
4009
4011
  outline: none;
4010
4012
  }
4011
- .Select-module__hop-Select__button--sm___7Bkjy {
4013
+ .Select-module__hop-Select__button--sm___t6WUP {
4012
4014
  --button-block-size: var(--hop-Select-button-sm-block-size);
4013
4015
  }
4014
- .Select-module__hop-Select__button--md___N5Huq {
4016
+ .Select-module__hop-Select__button--md___GNNkD {
4015
4017
  --button-block-size: var(--hop-Select-button-md-block-size);
4016
4018
  }
4017
- .Select-module__hop-Select__button___csI9f[data-hovered] {
4019
+ .Select-module__hop-Select__button___72TRN[data-hovered] {
4018
4020
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4019
4021
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4020
4022
  --button-color: var(--hop-Select-button-color-hovered);
4021
4023
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4022
4024
  }
4023
- .Select-module__hop-Select__button___csI9f[data-pressed] {
4025
+ .Select-module__hop-Select__button___72TRN[data-pressed] {
4024
4026
  --button-background-color: var(--hop-Select-button-background-color-selected);
4025
4027
  --button-border-color: var(--hop-Select-button-border-color-selected);
4026
4028
  --button-color: var(--hop-Select-button-color-selected);
4027
4029
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4028
4030
  }
4029
- .Select-module__hop-Select__button___csI9f[data-invalid] {
4031
+ .Select-module__hop-Select__button___72TRN[data-invalid] {
4030
4032
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4031
4033
  }
4032
- .Select-module__hop-Select__button___csI9f[data-focus-visible] {
4034
+ .Select-module__hop-Select__button___72TRN[data-focus-visible] {
4033
4035
  --button-background-color: var(--hop-Select-button-background-color-focused);
4034
4036
  --button-border-color: var(--hop-Select-button-border-color-focused);
4035
4037
  --button-color: var(--hop-Select-button-color-focused);
4036
4038
  --button-icon-color: var(--hop-Select-button-icon-color-focused);
4037
4039
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4038
- outline-offset: -0.125rem;
4040
+ outline-offset: var(--hop-Select-button-outline-offset);
4039
4041
  }
4040
- .Select-module__hop-Select__button___csI9f:has([data-placeholder]) {
4042
+ .Select-module__hop-Select__button___72TRN:has([data-placeholder]) {
4041
4043
  --button-color: var(--hop-Select-button-placeholder-color);
4042
4044
  }
4043
- .Select-module__hop-Select__button___csI9f[data-disabled] {
4045
+ .Select-module__hop-Select__button___72TRN[data-disabled] {
4044
4046
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4045
4047
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4046
4048
  --button-color: var(--hop-Select-button-color-disabled);
4047
4049
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4048
4050
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4049
4051
  }
4050
- .Select-module__hop-Select__prefix___glfPq {
4052
+ .Select-module__hop-Select__prefix___lRC4S {
4051
4053
  color: var(--hop-Select-prefix-color);
4052
4054
  }
4053
- .Select-module__hop-Select__button-icon___ADJTr {
4055
+ .Select-module__hop-Select__button-icon___t9tu4 {
4054
4056
  margin-inline-start: auto;
4055
4057
  color: var(--button-icon-color);
4056
4058
  }
4057
- .Select-module__hop-Select__helper-message___pubjR,
4058
- .Select-module__hop-Select__error-message___LLkqe {
4059
+ .Select-module__hop-Select__helper-message___-E4RI,
4060
+ .Select-module__hop-Select__error-message___cOkJl {
4059
4061
  order: 3;
4060
4062
  }
4061
4063
 
4062
4064
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4063
- .Switch-module__hop-Switch___pDNWk {
4065
+ .Switch-module__hop-Switch___ZiKpN {
4064
4066
  --hop-Switch-border-size: 0.0625rem;
4065
4067
  --hop-Switch-border-color: var(--hop-neutral-border);
4066
4068
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -4117,56 +4119,56 @@
4117
4119
  inline-size: max-content;
4118
4120
  max-inline-size: 100%;
4119
4121
  }
4120
- .Switch-module__hop-Switch--sm___iOw3G {
4122
+ .Switch-module__hop-Switch--sm___UnrZ2 {
4121
4123
  --inline-size: var(--hop-Switch-inline-size-sm);
4122
4124
  --block-size: var(--hop-Switch-block-size-sm);
4123
4125
  --thumb-size: var(--hop-Switch-thumb-size-sm);
4124
4126
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4125
4127
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4126
4128
  }
4127
- .Switch-module__hop-Switch--md___tQX-I {
4129
+ .Switch-module__hop-Switch--md___FWbwB {
4128
4130
  --inline-size: var(--hop-Switch-inline-size-md);
4129
4131
  --block-size: var(--hop-Switch-block-size-md);
4130
4132
  --thumb-size: var(--hop-Switch-thumb-size-md);
4131
4133
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4132
4134
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
4133
4135
  }
4134
- .Switch-module__hop-Switch___pDNWk[data-hovered] {
4136
+ .Switch-module__hop-Switch___ZiKpN[data-hovered] {
4135
4137
  --border-color: var(--hop-Switch-border-color-hover);
4136
4138
  --background-color: var(--hop-Switch-background-color-hover);
4137
4139
  --thumb-color: var(--hop-Switch-thumb-color-hover);
4138
4140
  --text-color: var(--hop-Switch-text-color-hover);
4139
4141
  }
4140
- .Switch-module__hop-Switch___pDNWk[data-pressed],
4141
- .Switch-module__hop-Switch___pDNWk[data-pressed][data-focus-visible] {
4142
+ .Switch-module__hop-Switch___ZiKpN[data-pressed],
4143
+ .Switch-module__hop-Switch___ZiKpN[data-pressed][data-focus-visible] {
4142
4144
  --border-color: var(--hop-Switch-border-color-pressed);
4143
4145
  --background-color: var(--hop-Switch-background-color-pressed);
4144
4146
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4145
4147
  --text-color: var(--hop-Switch-text-color-pressed);
4146
4148
  }
4147
- .Switch-module__hop-Switch___pDNWk[data-focus-visible] {
4149
+ .Switch-module__hop-Switch___ZiKpN[data-focus-visible] {
4148
4150
  --border-color: var(--hop-Switch-border-color-focus);
4149
4151
  --background-color: var(--hop-Switch-background-color-focus);
4150
4152
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4151
4153
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4152
4154
  --text-color: var(--hop-Switch-text-color-focus);
4153
4155
  }
4154
- .Switch-module__hop-Switch___pDNWk[data-selected],
4155
- .Switch-module__hop-Switch___pDNWk[data-selected][data-pressed] {
4156
+ .Switch-module__hop-Switch___ZiKpN[data-selected],
4157
+ .Switch-module__hop-Switch___ZiKpN[data-selected][data-pressed] {
4156
4158
  --border-color: var(--hop-Switch-border-color-selected);
4157
4159
  --background-color: var(--hop-Switch-background-color-selected);
4158
4160
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4159
4161
  --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
4160
4162
  --text-color: var(--hop-Switch-text-color-selected);
4161
4163
  }
4162
- .Switch-module__hop-Switch___pDNWk[data-disabled] {
4164
+ .Switch-module__hop-Switch___ZiKpN[data-disabled] {
4163
4165
  --border-color: var(--hop-Switch-border-color-disabled);
4164
4166
  --background-color: var(--hop-Switch-background-color-disabled);
4165
4167
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4166
4168
  --text-color: var(--hop-Switch-text-color-disabled);
4167
4169
  --cursor: not-allowed;
4168
4170
  }
4169
- .Switch-module__hop-Switch__indicator___zn9K- {
4171
+ .Switch-module__hop-Switch__indicator___lxvxY {
4170
4172
  position: relative;
4171
4173
  flex: 0 0 auto;
4172
4174
  box-sizing: border-box;
@@ -4179,7 +4181,7 @@
4179
4181
  outline-offset: 0.125rem;
4180
4182
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4181
4183
  }
4182
- .Switch-module__hop-Switch__indicator___zn9K-::before {
4184
+ .Switch-module__hop-Switch__indicator___lxvxY::before {
4183
4185
  content: "";
4184
4186
  position: absolute;
4185
4187
  inset-block-start: 50%;
@@ -4194,20 +4196,20 @@
4194
4196
  border-radius: var(--hop-shape-circle);
4195
4197
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4196
4198
  }
4197
- .Switch-module__hop-Switch__text___HP1cV {
4199
+ .Switch-module__hop-Switch__text___jt3yM {
4198
4200
  flex: 0 1 auto;
4199
4201
  order: 2;
4200
4202
  min-inline-size: 0;
4201
4203
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4202
4204
  color: var(--text-color);
4203
4205
  }
4204
- .Switch-module__hop-Switch__icon-list___Dv9Q0,
4205
- .Switch-module__hop-Switch__icon___ofe0Q {
4206
+ .Switch-module__hop-Switch__icon-list___5ELG6,
4207
+ .Switch-module__hop-Switch__icon___U8pPq {
4206
4208
  order: 3;
4207
4209
  }
4208
4210
 
4209
4211
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4210
- .SwitchField-module__hop-SwitchField___dDQmA {
4212
+ .SwitchField-module__hop-SwitchField___ARPRk {
4211
4213
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4212
4214
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4213
4215
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4226,28 +4228,28 @@
4226
4228
  inline-size: max-content;
4227
4229
  max-inline-size: 100%;
4228
4230
  }
4229
- .SwitchField-module__hop-SwitchField___dDQmA[data-disabled] {
4231
+ .SwitchField-module__hop-SwitchField___ARPRk[data-disabled] {
4230
4232
  --description-color: var(--hop-SwitchField-description-color-disabled);
4231
4233
  }
4232
- .SwitchField-module__hop-SwitchField--sm___2O96R {
4234
+ .SwitchField-module__hop-SwitchField--sm___emckg {
4233
4235
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4234
4236
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4235
4237
  }
4236
- .SwitchField-module__hop-SwitchField--md___YDST1 {
4238
+ .SwitchField-module__hop-SwitchField--md___vNzgC {
4237
4239
  --row-gap: var(--hop-SwitchField-md-row-gap);
4238
4240
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4239
4241
  }
4240
- .SwitchField-module__hop-SwitchField__description___0EsGA {
4242
+ .SwitchField-module__hop-SwitchField__description___2Z9-2 {
4241
4243
  order: 2;
4242
4244
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4243
4245
  color: var(--description-color);
4244
4246
  }
4245
- .SwitchField-module__hop-SwitchField__switch___phA6m {
4247
+ .SwitchField-module__hop-SwitchField__switch___XtHCo {
4246
4248
  order: 1;
4247
4249
  }
4248
4250
 
4249
4251
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4250
- .Tag-module__hop-Tag___Yy8k4 {
4252
+ .Tag-module__hop-Tag___QPfVY {
4251
4253
  --hop-Tag-border-size: 0.0625rem;
4252
4254
  --hop-Tag-border-radius: var(--hop-shape-pill);
4253
4255
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4486,7 +4488,7 @@
4486
4488
  outline: none;
4487
4489
  outline-offset: 0.125rem;
4488
4490
  }
4489
- .Tag-module__hop-Tag--sm___P8TCA {
4491
+ .Tag-module__hop-Tag--sm___PRq4I {
4490
4492
  --block-size: var(--hop-Tag-sm-block-size);
4491
4493
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4492
4494
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4494,13 +4496,13 @@
4494
4496
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4495
4497
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4496
4498
  }
4497
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4499
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4498
4500
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4499
4501
  }
4500
- .Tag-module__hop-Tag--sm___P8TCA:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4502
+ .Tag-module__hop-Tag--sm___PRq4I:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4501
4503
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4502
4504
  }
4503
- .Tag-module__hop-Tag--md___2CaEV {
4505
+ .Tag-module__hop-Tag--md___k944L {
4504
4506
  --block-size: var(--hop-Tag-md-block-size);
4505
4507
  --padding-inline: var(--hop-Tag-md-padding-inline);
4506
4508
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4508,13 +4510,13 @@
4508
4510
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4509
4511
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4510
4512
  }
4511
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4513
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4512
4514
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4513
4515
  }
4514
- .Tag-module__hop-Tag--md___2CaEV:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4516
+ .Tag-module__hop-Tag--md___k944L:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4515
4517
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4516
4518
  }
4517
- .Tag-module__hop-Tag--lg___8Dk2T {
4519
+ .Tag-module__hop-Tag--lg___vSnmb {
4518
4520
  --block-size: var(--hop-Tag-lg-block-size);
4519
4521
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4520
4522
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4522,348 +4524,348 @@
4522
4524
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4523
4525
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4524
4526
  }
4525
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__remove-btn___G2Agr, .Tag-module__hop-Tag__Spinner___mraiV)) {
4527
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__remove-btn___UNdz0, .Tag-module__hop-Tag__Spinner___tc6Uv)) {
4526
4528
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4527
4529
  }
4528
- .Tag-module__hop-Tag--lg___8Dk2T:not(:has(.Tag-module__hop-Tag__avatar___CSU4h)) {
4530
+ .Tag-module__hop-Tag--lg___vSnmb:not(:has(.Tag-module__hop-Tag__avatar___LCkhz)) {
4529
4531
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4530
4532
  }
4531
- .Tag-module__hop-Tag--neutral___yOJvu {
4533
+ .Tag-module__hop-Tag--neutral___Dh2gF {
4532
4534
  --border-color: var(--hop-Tag-neutral-border-color);
4533
4535
  --background-color: var(--hop-Tag-neutral-background-color);
4534
4536
  --text-color: var(--hop-Tag-neutral-text-color);
4535
4537
  }
4536
- .Tag-module__hop-Tag--subdued___IqCd5 {
4538
+ .Tag-module__hop-Tag--subdued___pnb-b {
4537
4539
  --border-color: var(--hop-Tag-subdued-border-color);
4538
4540
  --background-color: var(--hop-Tag-subdued-background-color);
4539
4541
  --text-color: var(--hop-Tag-subdued-text-color);
4540
4542
  }
4541
- .Tag-module__hop-Tag--progress___cH-Ng {
4543
+ .Tag-module__hop-Tag--progress___-A1r0 {
4542
4544
  --border-color: var(--hop-Tag-progress-border-color);
4543
4545
  --background-color: var(--hop-Tag-progress-background-color);
4544
4546
  --text-color: var(--hop-Tag-progress-text-color);
4545
4547
  }
4546
- .Tag-module__hop-Tag--positive___2EKCj {
4548
+ .Tag-module__hop-Tag--positive___NmpPG {
4547
4549
  --border-color: var(--hop-Tag-positive-border-color);
4548
4550
  --background-color: var(--hop-Tag-positive-background-color);
4549
4551
  --text-color: var(--hop-Tag-positive-text-color);
4550
4552
  }
4551
- .Tag-module__hop-Tag--caution___ph-FI {
4553
+ .Tag-module__hop-Tag--caution___Q3b1U {
4552
4554
  --border-color: var(--hop-Tag-caution-border-color);
4553
4555
  --background-color: var(--hop-Tag-caution-background-color);
4554
4556
  --text-color: var(--hop-Tag-caution-text-color);
4555
4557
  }
4556
- .Tag-module__hop-Tag--negative___CvM-K {
4558
+ .Tag-module__hop-Tag--negative___gJkuU {
4557
4559
  --border-color: var(--hop-Tag-negative-border-color);
4558
4560
  --background-color: var(--hop-Tag-negative-background-color);
4559
4561
  --text-color: var(--hop-Tag-negative-text-color);
4560
4562
  }
4561
- .Tag-module__hop-Tag--option1___ZQJIo {
4563
+ .Tag-module__hop-Tag--option1___48VPO {
4562
4564
  --border-color: var(--hop-Tag-option1-border-color);
4563
4565
  --background-color: var(--hop-Tag-option1-background-color);
4564
4566
  --text-color: var(--hop-Tag-option1-text-color);
4565
4567
  }
4566
- .Tag-module__hop-Tag--option2___mQBU7 {
4568
+ .Tag-module__hop-Tag--option2___07n0q {
4567
4569
  --border-color: var(--hop-Tag-option2-border-color);
4568
4570
  --background-color: var(--hop-Tag-option2-background-color);
4569
4571
  --text-color: var(--hop-Tag-option2-text-color);
4570
4572
  }
4571
- .Tag-module__hop-Tag--option3___AQSPe {
4573
+ .Tag-module__hop-Tag--option3___0YpqQ {
4572
4574
  --border-color: var(--hop-Tag-option3-border-color);
4573
4575
  --background-color: var(--hop-Tag-option3-background-color);
4574
4576
  --text-color: var(--hop-Tag-option3-text-color);
4575
4577
  }
4576
- .Tag-module__hop-Tag--option4___JVMM0 {
4578
+ .Tag-module__hop-Tag--option4___518kC {
4577
4579
  --border-color: var(--hop-Tag-option4-border-color);
4578
4580
  --background-color: var(--hop-Tag-option4-background-color);
4579
4581
  --text-color: var(--hop-Tag-option4-text-color);
4580
4582
  }
4581
- .Tag-module__hop-Tag--option5___uMkwG {
4583
+ .Tag-module__hop-Tag--option5___zE-FA {
4582
4584
  --border-color: var(--hop-Tag-option5-border-color);
4583
4585
  --background-color: var(--hop-Tag-option5-background-color);
4584
4586
  --text-color: var(--hop-Tag-option5-text-color);
4585
4587
  }
4586
- .Tag-module__hop-Tag--option6___1Vk-2 {
4588
+ .Tag-module__hop-Tag--option6___opxaK {
4587
4589
  --border-color: var(--hop-Tag-option6-border-color);
4588
4590
  --background-color: var(--hop-Tag-option6-background-color);
4589
4591
  --text-color: var(--hop-Tag-option6-text-color);
4590
4592
  }
4591
- .Tag-module__hop-Tag___Yy8k4[data-href] {
4593
+ .Tag-module__hop-Tag___QPfVY[data-href] {
4592
4594
  cursor: pointer;
4593
4595
  }
4594
- .Tag-module__hop-Tag--neutral___yOJvu[data-focus-visible] {
4596
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-focus-visible] {
4595
4597
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4596
4598
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4597
4599
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4598
4600
  }
4599
- .Tag-module__hop-Tag--neutral___yOJvu[data-hovered] {
4601
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-hovered] {
4600
4602
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4601
4603
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4602
4604
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4603
4605
  }
4604
- .Tag-module__hop-Tag--neutral___yOJvu[data-pressed] {
4606
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-pressed] {
4605
4607
  --border-color: var(--hop-Tag-neutral-border-color-press);
4606
4608
  --background-color: var(--hop-Tag-neutral-background-color-press);
4607
4609
  --text-color: var(--hop-Tag-neutral-text-color-press);
4608
4610
  }
4609
- .Tag-module__hop-Tag--neutral___yOJvu[data-disabled] {
4611
+ .Tag-module__hop-Tag--neutral___Dh2gF[data-disabled] {
4610
4612
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4611
4613
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4612
4614
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4613
4615
  }
4614
- .Tag-module__hop-Tag--subdued___IqCd5[data-focus-visible] {
4616
+ .Tag-module__hop-Tag--subdued___pnb-b[data-focus-visible] {
4615
4617
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4616
4618
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4617
4619
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4618
4620
  }
4619
- .Tag-module__hop-Tag--subdued___IqCd5[data-hovered] {
4621
+ .Tag-module__hop-Tag--subdued___pnb-b[data-hovered] {
4620
4622
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4621
4623
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4622
4624
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4623
4625
  }
4624
- .Tag-module__hop-Tag--subdued___IqCd5[data-pressed] {
4626
+ .Tag-module__hop-Tag--subdued___pnb-b[data-pressed] {
4625
4627
  --border-color: var(--hop-Tag-subdued-border-color-press);
4626
4628
  --background-color: var(--hop-Tag-subdued-background-color-press);
4627
4629
  --text-color: var(--hop-Tag-subdued-text-color-press);
4628
4630
  }
4629
- .Tag-module__hop-Tag--subdued___IqCd5[data-disabled] {
4631
+ .Tag-module__hop-Tag--subdued___pnb-b[data-disabled] {
4630
4632
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4631
4633
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4632
4634
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4633
4635
  }
4634
- .Tag-module__hop-Tag--progress___cH-Ng[data-focus-visible] {
4636
+ .Tag-module__hop-Tag--progress___-A1r0[data-focus-visible] {
4635
4637
  --border-color: var(--hop-Tag-progress-border-color-focus);
4636
4638
  --background-color: var(--hop-Tag-progress-background-color-focus);
4637
4639
  --text-color: var(--hop-Tag-progress-text-color-focus);
4638
4640
  }
4639
- .Tag-module__hop-Tag--progress___cH-Ng[data-hovered] {
4641
+ .Tag-module__hop-Tag--progress___-A1r0[data-hovered] {
4640
4642
  --border-color: var(--hop-Tag-progress-border-color-hover);
4641
4643
  --background-color: var(--hop-Tag-progress-background-color-hover);
4642
4644
  --text-color: var(--hop-Tag-progress-text-color-hover);
4643
4645
  }
4644
- .Tag-module__hop-Tag--progress___cH-Ng[data-pressed] {
4646
+ .Tag-module__hop-Tag--progress___-A1r0[data-pressed] {
4645
4647
  --border-color: var(--hop-Tag-progress-border-color-press);
4646
4648
  --background-color: var(--hop-Tag-progress-background-color-press);
4647
4649
  --text-color: var(--hop-Tag-progress-text-color-press);
4648
4650
  }
4649
- .Tag-module__hop-Tag--progress___cH-Ng[data-disabled] {
4651
+ .Tag-module__hop-Tag--progress___-A1r0[data-disabled] {
4650
4652
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4651
4653
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4652
4654
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4653
4655
  }
4654
- .Tag-module__hop-Tag--positive___2EKCj[data-focus-visible] {
4656
+ .Tag-module__hop-Tag--positive___NmpPG[data-focus-visible] {
4655
4657
  --border-color: var(--hop-Tag-positive-border-color-focus);
4656
4658
  --background-color: var(--hop-Tag-positive-background-color-focus);
4657
4659
  --text-color: var(--hop-Tag-positive-text-color-focus);
4658
4660
  }
4659
- .Tag-module__hop-Tag--positive___2EKCj[data-hovered] {
4661
+ .Tag-module__hop-Tag--positive___NmpPG[data-hovered] {
4660
4662
  --border-color: var(--hop-Tag-positive-border-color-hover);
4661
4663
  --background-color: var(--hop-Tag-positive-background-color-hover);
4662
4664
  --text-color: var(--hop-Tag-positive-text-color-hover);
4663
4665
  }
4664
- .Tag-module__hop-Tag--positive___2EKCj[data-pressed] {
4666
+ .Tag-module__hop-Tag--positive___NmpPG[data-pressed] {
4665
4667
  --border-color: var(--hop-Tag-positive-border-color-press);
4666
4668
  --background-color: var(--hop-Tag-positive-background-color-press);
4667
4669
  --text-color: var(--hop-Tag-positive-text-color-press);
4668
4670
  }
4669
- .Tag-module__hop-Tag--positive___2EKCj[data-disabled] {
4671
+ .Tag-module__hop-Tag--positive___NmpPG[data-disabled] {
4670
4672
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4671
4673
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4672
4674
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4673
4675
  }
4674
- .Tag-module__hop-Tag--caution___ph-FI[data-focus-visible] {
4676
+ .Tag-module__hop-Tag--caution___Q3b1U[data-focus-visible] {
4675
4677
  --border-color: var(--hop-Tag-caution-border-color-focus);
4676
4678
  --background-color: var(--hop-Tag-caution-background-color-focus);
4677
4679
  --text-color: var(--hop-Tag-caution-text-color-focus);
4678
4680
  }
4679
- .Tag-module__hop-Tag--caution___ph-FI[data-hovered] {
4681
+ .Tag-module__hop-Tag--caution___Q3b1U[data-hovered] {
4680
4682
  --border-color: var(--hop-Tag-caution-border-color-hover);
4681
4683
  --background-color: var(--hop-Tag-caution-background-color-hover);
4682
4684
  --text-color: var(--hop-Tag-caution-text-color-hover);
4683
4685
  }
4684
- .Tag-module__hop-Tag--caution___ph-FI[data-pressed] {
4686
+ .Tag-module__hop-Tag--caution___Q3b1U[data-pressed] {
4685
4687
  --border-color: var(--hop-Tag-caution-border-color-press);
4686
4688
  --background-color: var(--hop-Tag-caution-background-color-press);
4687
4689
  --text-color: var(--hop-Tag-caution-text-color-press);
4688
4690
  }
4689
- .Tag-module__hop-Tag--caution___ph-FI[data-disabled] {
4691
+ .Tag-module__hop-Tag--caution___Q3b1U[data-disabled] {
4690
4692
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4691
4693
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4692
4694
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4693
4695
  }
4694
- .Tag-module__hop-Tag--negative___CvM-K[data-focus-visible] {
4696
+ .Tag-module__hop-Tag--negative___gJkuU[data-focus-visible] {
4695
4697
  --border-color: var(--hop-Tag-negative-border-color-focus);
4696
4698
  --background-color: var(--hop-Tag-negative-background-color-focus);
4697
4699
  --text-color: var(--hop-Tag-negative-text-color-focus);
4698
4700
  }
4699
- .Tag-module__hop-Tag--negative___CvM-K[data-hovered] {
4701
+ .Tag-module__hop-Tag--negative___gJkuU[data-hovered] {
4700
4702
  --border-color: var(--hop-Tag-negative-border-color-hover);
4701
4703
  --background-color: var(--hop-Tag-negative-background-color-hover);
4702
4704
  --text-color: var(--hop-Tag-negative-text-color-hover);
4703
4705
  }
4704
- .Tag-module__hop-Tag--negative___CvM-K[data-pressed] {
4706
+ .Tag-module__hop-Tag--negative___gJkuU[data-pressed] {
4705
4707
  --border-color: var(--hop-Tag-negative-border-color-press);
4706
4708
  --background-color: var(--hop-Tag-negative-background-color-press);
4707
4709
  --text-color: var(--hop-Tag-negative-text-color-press);
4708
4710
  }
4709
- .Tag-module__hop-Tag--negative___CvM-K[data-disabled] {
4711
+ .Tag-module__hop-Tag--negative___gJkuU[data-disabled] {
4710
4712
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4711
4713
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4712
4714
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4713
4715
  }
4714
- .Tag-module__hop-Tag--option1___ZQJIo[data-focus-visible] {
4716
+ .Tag-module__hop-Tag--option1___48VPO[data-focus-visible] {
4715
4717
  --border-color: var(--hop-Tag-option1-border-color-focus);
4716
4718
  --background-color: var(--hop-Tag-option1-background-color-focus);
4717
4719
  --text-color: var(--hop-Tag-option1-text-color-focus);
4718
4720
  }
4719
- .Tag-module__hop-Tag--option1___ZQJIo[data-hovered] {
4721
+ .Tag-module__hop-Tag--option1___48VPO[data-hovered] {
4720
4722
  --border-color: var(--hop-Tag-option1-border-color-hover);
4721
4723
  --background-color: var(--hop-Tag-option1-background-color-hover);
4722
4724
  --text-color: var(--hop-Tag-option1-text-color-hover);
4723
4725
  }
4724
- .Tag-module__hop-Tag--option1___ZQJIo[data-pressed] {
4726
+ .Tag-module__hop-Tag--option1___48VPO[data-pressed] {
4725
4727
  --border-color: var(--hop-Tag-option1-border-color-press);
4726
4728
  --background-color: var(--hop-Tag-option1-background-color-press);
4727
4729
  --text-color: var(--hop-Tag-option1-text-color-press);
4728
4730
  }
4729
- .Tag-module__hop-Tag--option1___ZQJIo[data-disabled] {
4731
+ .Tag-module__hop-Tag--option1___48VPO[data-disabled] {
4730
4732
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4731
4733
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4732
4734
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4733
4735
  }
4734
- .Tag-module__hop-Tag--option2___mQBU7[data-focus-visible] {
4736
+ .Tag-module__hop-Tag--option2___07n0q[data-focus-visible] {
4735
4737
  --border-color: var(--hop-Tag-option2-border-color-focus);
4736
4738
  --background-color: var(--hop-Tag-option2-background-color-focus);
4737
4739
  --text-color: var(--hop-Tag-option2-text-color-focus);
4738
4740
  }
4739
- .Tag-module__hop-Tag--option2___mQBU7[data-hovered] {
4741
+ .Tag-module__hop-Tag--option2___07n0q[data-hovered] {
4740
4742
  --border-color: var(--hop-Tag-option2-border-color-hover);
4741
4743
  --background-color: var(--hop-Tag-option2-background-color-hover);
4742
4744
  --text-color: var(--hop-Tag-option2-text-color-hover);
4743
4745
  }
4744
- .Tag-module__hop-Tag--option2___mQBU7[data-pressed] {
4746
+ .Tag-module__hop-Tag--option2___07n0q[data-pressed] {
4745
4747
  --border-color: var(--hop-Tag-option2-border-color-press);
4746
4748
  --background-color: var(--hop-Tag-option2-background-color-press);
4747
4749
  --text-color: var(--hop-Tag-option2-text-color-press);
4748
4750
  }
4749
- .Tag-module__hop-Tag--option2___mQBU7[data-disabled] {
4751
+ .Tag-module__hop-Tag--option2___07n0q[data-disabled] {
4750
4752
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4751
4753
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4752
4754
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4753
4755
  }
4754
- .Tag-module__hop-Tag--option3___AQSPe[data-focus-visible] {
4756
+ .Tag-module__hop-Tag--option3___0YpqQ[data-focus-visible] {
4755
4757
  --border-color: var(--hop-Tag-option3-border-color-focus);
4756
4758
  --background-color: var(--hop-Tag-option3-background-color-focus);
4757
4759
  --text-color: var(--hop-Tag-option3-text-color-focus);
4758
4760
  }
4759
- .Tag-module__hop-Tag--option3___AQSPe[data-hovered] {
4761
+ .Tag-module__hop-Tag--option3___0YpqQ[data-hovered] {
4760
4762
  --border-color: var(--hop-Tag-option3-border-color-hover);
4761
4763
  --background-color: var(--hop-Tag-option3-background-color-hover);
4762
4764
  --text-color: var(--hop-Tag-option3-text-color-hover);
4763
4765
  }
4764
- .Tag-module__hop-Tag--option3___AQSPe[data-pressed] {
4766
+ .Tag-module__hop-Tag--option3___0YpqQ[data-pressed] {
4765
4767
  --border-color: var(--hop-Tag-option3-border-color-press);
4766
4768
  --background-color: var(--hop-Tag-option3-background-color-press);
4767
4769
  --text-color: var(--hop-Tag-option3-text-color-press);
4768
4770
  }
4769
- .Tag-module__hop-Tag--option3___AQSPe[data-disabled] {
4771
+ .Tag-module__hop-Tag--option3___0YpqQ[data-disabled] {
4770
4772
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4771
4773
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4772
4774
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4773
4775
  }
4774
- .Tag-module__hop-Tag--option4___JVMM0[data-focus-visible] {
4776
+ .Tag-module__hop-Tag--option4___518kC[data-focus-visible] {
4775
4777
  --border-color: var(--hop-Tag-option4-border-color-focus);
4776
4778
  --background-color: var(--hop-Tag-option4-background-color-focus);
4777
4779
  --text-color: var(--hop-Tag-option4-text-color-focus);
4778
4780
  }
4779
- .Tag-module__hop-Tag--option4___JVMM0[data-hovered] {
4781
+ .Tag-module__hop-Tag--option4___518kC[data-hovered] {
4780
4782
  --border-color: var(--hop-Tag-option4-border-color-hover);
4781
4783
  --background-color: var(--hop-Tag-option4-background-color-hover);
4782
4784
  --text-color: var(--hop-Tag-option4-text-color-hover);
4783
4785
  }
4784
- .Tag-module__hop-Tag--option4___JVMM0[data-pressed] {
4786
+ .Tag-module__hop-Tag--option4___518kC[data-pressed] {
4785
4787
  --border-color: var(--hop-Tag-option4-border-color-press);
4786
4788
  --background-color: var(--hop-Tag-option4-background-color-press);
4787
4789
  --text-color: var(--hop-Tag-option4-text-color-press);
4788
4790
  }
4789
- .Tag-module__hop-Tag--option4___JVMM0[data-disabled] {
4791
+ .Tag-module__hop-Tag--option4___518kC[data-disabled] {
4790
4792
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4791
4793
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4792
4794
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4793
4795
  }
4794
- .Tag-module__hop-Tag--option5___uMkwG[data-focus-visible] {
4796
+ .Tag-module__hop-Tag--option5___zE-FA[data-focus-visible] {
4795
4797
  --border-color: var(--hop-Tag-option5-border-color-focus);
4796
4798
  --background-color: var(--hop-Tag-option5-background-color-focus);
4797
4799
  --text-color: var(--hop-Tag-option5-text-color-focus);
4798
4800
  }
4799
- .Tag-module__hop-Tag--option5___uMkwG[data-hovered] {
4801
+ .Tag-module__hop-Tag--option5___zE-FA[data-hovered] {
4800
4802
  --border-color: var(--hop-Tag-option5-border-color-hover);
4801
4803
  --background-color: var(--hop-Tag-option5-background-color-hover);
4802
4804
  --text-color: var(--hop-Tag-option5-text-color-hover);
4803
4805
  }
4804
- .Tag-module__hop-Tag--option5___uMkwG[data-pressed] {
4806
+ .Tag-module__hop-Tag--option5___zE-FA[data-pressed] {
4805
4807
  --border-color: var(--hop-Tag-option5-border-color-press);
4806
4808
  --background-color: var(--hop-Tag-option5-background-color-press);
4807
4809
  --text-color: var(--hop-Tag-option5-text-color-press);
4808
4810
  }
4809
- .Tag-module__hop-Tag--option5___uMkwG[data-disabled] {
4811
+ .Tag-module__hop-Tag--option5___zE-FA[data-disabled] {
4810
4812
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4811
4813
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4812
4814
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4813
4815
  }
4814
- .Tag-module__hop-Tag--option6___1Vk-2[data-focus-visible] {
4816
+ .Tag-module__hop-Tag--option6___opxaK[data-focus-visible] {
4815
4817
  --border-color: var(--hop-Tag-option6-border-color-focus);
4816
4818
  --background-color: var(--hop-Tag-option6-background-color-focus);
4817
4819
  --text-color: var(--hop-Tag-option6-text-color-focus);
4818
4820
  }
4819
- .Tag-module__hop-Tag--option6___1Vk-2[data-hovered] {
4821
+ .Tag-module__hop-Tag--option6___opxaK[data-hovered] {
4820
4822
  --border-color: var(--hop-Tag-option6-border-color-hover);
4821
4823
  --background-color: var(--hop-Tag-option6-background-color-hover);
4822
4824
  --text-color: var(--hop-Tag-option6-text-color-hover);
4823
4825
  }
4824
- .Tag-module__hop-Tag--option6___1Vk-2[data-pressed] {
4826
+ .Tag-module__hop-Tag--option6___opxaK[data-pressed] {
4825
4827
  --border-color: var(--hop-Tag-option6-border-color-press);
4826
4828
  --background-color: var(--hop-Tag-option6-background-color-press);
4827
4829
  --text-color: var(--hop-Tag-option6-text-color-press);
4828
4830
  }
4829
- .Tag-module__hop-Tag--option6___1Vk-2[data-disabled] {
4831
+ .Tag-module__hop-Tag--option6___opxaK[data-disabled] {
4830
4832
  --border-color: var(--hop-Tag-option6-border-color-disabled);
4831
4833
  --background-color: var(--hop-Tag-option6-background-color-disabled);
4832
4834
  --text-color: var(--hop-Tag-option6-text-color-disabled);
4833
4835
  }
4834
- .Tag-module__hop-Tag___Yy8k4[data-focus-visible] {
4836
+ .Tag-module__hop-Tag___QPfVY[data-focus-visible] {
4835
4837
  outline: 0.125rem solid var(--focus-ring-color);
4836
4838
  }
4837
- .Tag-module__hop-Tag___Yy8k4[data-hovered] {
4839
+ .Tag-module__hop-Tag___QPfVY[data-hovered] {
4838
4840
  cursor: pointer;
4839
4841
  }
4840
- .Tag-module__hop-Tag___Yy8k4[data-selected] {
4842
+ .Tag-module__hop-Tag___QPfVY[data-selected] {
4841
4843
  --background-color: var(--hop-Tag-background-color-selected);
4842
4844
  --border-color: var(--hop-Tag-border-color-selected);
4843
4845
  --text-color: var(--hop-Tag-text-color-selected);
4844
4846
  }
4845
- .Tag-module__hop-Tag___Yy8k4[data-pressed] {
4847
+ .Tag-module__hop-Tag___QPfVY[data-pressed] {
4846
4848
  cursor: pointer;
4847
4849
  }
4848
- .Tag-module__hop-Tag___Yy8k4[data-invalid] {
4850
+ .Tag-module__hop-Tag___QPfVY[data-invalid] {
4849
4851
  --border-color: var(--hop-Tag-border-color-invalid);
4850
4852
  }
4851
- .Tag-module__hop-Tag___Yy8k4[data-disabled] {
4853
+ .Tag-module__hop-Tag___QPfVY[data-disabled] {
4852
4854
  cursor: not-allowed;
4853
4855
  }
4854
- .Tag-module__hop-Tag__avatar___CSU4h {
4856
+ .Tag-module__hop-Tag__avatar___LCkhz {
4855
4857
  flex: 0 0 auto;
4856
4858
  order: 1;
4857
4859
  margin-inline-start: var(--avatar-margin-inline-start);
4858
4860
  }
4859
- .Tag-module__hop-Tag__icon___-1ejX,
4860
- .Tag-module__hop-Tag__icon-list___xKNVa {
4861
+ .Tag-module__hop-Tag__icon___d-Od0,
4862
+ .Tag-module__hop-Tag__icon-list___xNT1d {
4861
4863
  flex: 0 0 auto;
4862
4864
  flex-wrap: nowrap;
4863
4865
  order: 2;
4864
4866
  margin-inline-start: var(--icon-margin-inline-start, 0);
4865
4867
  }
4866
- .Tag-module__hop-Tag__text___sSfKQ {
4868
+ .Tag-module__hop-Tag__text___HsqI9 {
4867
4869
  overflow: hidden;
4868
4870
  flex: 1 1 auto;
4869
4871
  order: 3;
@@ -4871,33 +4873,33 @@
4871
4873
  text-align: center;
4872
4874
  text-overflow: ellipsis;
4873
4875
  }
4874
- .Tag-module__hop-Tag__badge___2wkBC {
4876
+ .Tag-module__hop-Tag__badge___Vt5u0 {
4875
4877
  flex: 0 0 auto;
4876
4878
  order: 4;
4877
4879
  margin-inline-end: var(--badge-margin-inline-end);
4878
4880
  }
4879
- .Tag-module__hop-Tag___Yy8k4 .Tag-module__hop-Tag__badge___2wkBC[data-variant=subdued] {
4881
+ .Tag-module__hop-Tag___QPfVY .Tag-module__hop-Tag__badge___Vt5u0[data-variant=subdued] {
4880
4882
  margin-inline-start: var(--badge-secondary-margin-inline-start);
4881
4883
  color: inherit;
4882
4884
  background: none;
4883
4885
  }
4884
- .Tag-module__hop-Tag--sm___P8TCA .Tag-module__hop-Tag__badge___2wkBC {
4886
+ .Tag-module__hop-Tag--sm___PRq4I .Tag-module__hop-Tag__badge___Vt5u0 {
4885
4887
  block-size: 100%;
4886
4888
  }
4887
- .Tag-module__hop-Tag__remove-btn___G2Agr,
4888
- .Tag-module__hop-Tag__Spinner___mraiV {
4889
+ .Tag-module__hop-Tag__remove-btn___UNdz0,
4890
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4889
4891
  flex: 0 0 auto;
4890
4892
  order: 5;
4891
4893
  }
4892
- .Tag-module__hop-Tag__Spinner___mraiV {
4894
+ .Tag-module__hop-Tag__Spinner___tc6Uv {
4893
4895
  margin-inline-end: var(--spinner-margin-inline-end);
4894
4896
  }
4895
- .Tag-module__hop-Tag__remove-btn___G2Agr {
4897
+ .Tag-module__hop-Tag__remove-btn___UNdz0 {
4896
4898
  margin-inline: var(--clear-btn-margin-inline);
4897
4899
  }
4898
4900
 
4899
4901
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
4900
- .TagGroup-module__hop-TagGroup___bQxw7 {
4902
+ .TagGroup-module__hop-TagGroup___14xMC {
4901
4903
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
4902
4904
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
4903
4905
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -4917,10 +4919,10 @@
4917
4919
  inline-size: max-content;
4918
4920
  max-inline-size: 100%;
4919
4921
  }
4920
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__label___cVWgA {
4922
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__label___l2bhv {
4921
4923
  order: 1;
4922
4924
  }
4923
- .TagGroup-module__hop-TagGroup__list___luCe0 {
4925
+ .TagGroup-module__hop-TagGroup__list___neJyh {
4924
4926
  display: flex;
4925
4927
  flex-wrap: wrap;
4926
4928
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -4929,12 +4931,12 @@
4929
4931
  border-radius: var(--list-border-radius);
4930
4932
  outline: none;
4931
4933
  }
4932
- .TagGroup-module__hop-TagGroup__list___luCe0[data-focus-visible] {
4934
+ .TagGroup-module__hop-TagGroup__list___neJyh[data-focus-visible] {
4933
4935
  outline: 0.125rem solid var(--list-focus-ring-color);
4934
4936
  outline-offset: 0.125rem;
4935
4937
  }
4936
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__error-message___35gef,
4937
- .TagGroup-module__hop-TagGroup___bQxw7 > .TagGroup-module__hop-TagGroup__helper-message___QBlgC {
4938
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__error-message___rWmWC,
4939
+ .TagGroup-module__hop-TagGroup___14xMC > .TagGroup-module__hop-TagGroup__helper-message___XikDk {
4938
4940
  order: 3;
4939
4941
  }
4940
4942
 
@@ -4964,7 +4966,7 @@
4964
4966
  /* src/index.css */
4965
4967
 
4966
4968
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
4967
- .Form-module__hop-Form___t89dJ {
4969
+ .Form-module__hop-Form___jz9NZ {
4968
4970
  display: flex;
4969
4971
  flex-direction: column;
4970
4972
  gap: var(--hop-space-stack-lg);