@hopper-ui/components 1.3.20 → 1.3.21

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 (219) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.js +4 -4
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +6 -6
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +3 -3
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +2 -2
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +5 -5
  18. package/dist/ComboBox/src/ComboBox.css +1179 -866
  19. package/dist/ComboBox/src/ComboBox.js +8 -8
  20. package/dist/ComboBox/src/ComboBoxOptions.css +1179 -866
  21. package/dist/ComboBox/src/ComboBoxOptions.js +63 -61
  22. package/dist/ComboBox/src/index.css +1179 -866
  23. package/dist/ComboBox/src/index.js +63 -61
  24. package/dist/Divider/src/Divider.css +29 -29
  25. package/dist/Divider/src/Divider.js +1 -1
  26. package/dist/Divider/src/index.css +29 -29
  27. package/dist/Divider/src/index.js +1 -1
  28. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  29. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  30. package/dist/ErrorMessage/src/index.css +29 -29
  31. package/dist/ErrorMessage/src/index.js +3 -3
  32. package/dist/Form/src/Form.css +1179 -866
  33. package/dist/Form/src/Form.js +63 -61
  34. package/dist/Form/src/index.css +1179 -866
  35. package/dist/Form/src/index.js +63 -61
  36. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  37. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  38. package/dist/HelperMessage/src/index.css +29 -29
  39. package/dist/HelperMessage/src/index.js +2 -2
  40. package/dist/IconList/src/IconList.css +28 -28
  41. package/dist/IconList/src/IconList.js +1 -1
  42. package/dist/IconList/src/index.css +28 -28
  43. package/dist/IconList/src/index.js +1 -1
  44. package/dist/Link/src/Link.css +49 -49
  45. package/dist/Link/src/Link.js +7 -7
  46. package/dist/Link/src/index.css +49 -49
  47. package/dist/Link/src/index.js +7 -7
  48. package/dist/ListBox/src/ListBox.css +274 -274
  49. package/dist/ListBox/src/ListBox.js +12 -12
  50. package/dist/ListBox/src/ListBoxItem.css +262 -262
  51. package/dist/ListBox/src/ListBoxItem.d.ts +2 -6
  52. package/dist/ListBox/src/ListBoxItem.js +11 -11
  53. package/dist/ListBox/src/ListBoxItemContext.d.ts +1 -2
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  55. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +0 -1
  56. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  57. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +0 -1
  58. package/dist/ListBox/src/index.css +274 -274
  59. package/dist/ListBox/src/index.js +12 -12
  60. package/dist/Select/src/Select.css +296 -296
  61. package/dist/Select/src/Select.js +8 -8
  62. package/dist/Select/src/SelectOptions.css +1179 -866
  63. package/dist/Select/src/SelectOptions.js +63 -61
  64. package/dist/Select/src/SelectValue.css +61 -61
  65. package/dist/Select/src/SelectValue.js +6 -6
  66. package/dist/Select/src/index.css +1179 -866
  67. package/dist/Select/src/index.js +63 -61
  68. package/dist/Spinner/src/Spinner.css +37 -37
  69. package/dist/Spinner/src/Spinner.js +3 -3
  70. package/dist/Spinner/src/index.css +37 -37
  71. package/dist/Spinner/src/index.js +3 -3
  72. package/dist/buttons/src/Button.css +186 -265
  73. package/dist/buttons/src/Button.d.ts +5 -14
  74. package/dist/buttons/src/Button.js +8 -9
  75. package/dist/buttons/src/ButtonContext.d.ts +4 -6
  76. package/dist/buttons/src/ButtonGroup.css +38 -38
  77. package/dist/buttons/src/ButtonGroup.d.ts +1 -2
  78. package/dist/buttons/src/ButtonGroup.js +2 -1
  79. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -2
  80. package/dist/buttons/src/ClearButton.css +98 -98
  81. package/dist/buttons/src/ClearButton.js +3 -3
  82. package/dist/buttons/src/EmbeddedButton.css +98 -98
  83. package/dist/buttons/src/EmbeddedButton.js +2 -2
  84. package/dist/buttons/src/LinkButton.css +627 -0
  85. package/dist/buttons/src/LinkButton.d.ts +30 -0
  86. package/dist/buttons/src/LinkButton.js +21 -0
  87. package/dist/buttons/src/LinkButtonContext.d.ts +9 -0
  88. package/dist/buttons/src/LinkButtonContext.js +2 -0
  89. package/dist/buttons/src/index.css +660 -347
  90. package/dist/buttons/src/index.d.ts +6 -3
  91. package/dist/buttons/src/index.js +13 -12
  92. package/dist/checkbox/src/Checkbox.css +46 -46
  93. package/dist/checkbox/src/Checkbox.js +7 -7
  94. package/dist/checkbox/src/CheckboxField.css +33 -33
  95. package/dist/checkbox/src/CheckboxField.js +2 -2
  96. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  97. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  98. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  99. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  100. package/dist/checkbox/src/index.css +98 -98
  101. package/dist/checkbox/src/index.js +10 -10
  102. package/dist/{chunk-56JPORN2.js → chunk-2FXHD5EF.js} +2 -2
  103. package/dist/{chunk-G3KPVKSY.js → chunk-3PONZZJH.js} +1 -1
  104. package/dist/{chunk-PMLYF4LY.js → chunk-3TN23WXI.js} +3 -3
  105. package/dist/chunk-3UQFC2NQ.js +7 -0
  106. package/dist/{chunk-DF556GIE.js → chunk-4MJUV4Y4.js} +1 -1
  107. package/dist/{chunk-NBU2JO34.js → chunk-7XRGRMKN.js} +2 -2
  108. package/dist/{chunk-2TKSTDV2.js → chunk-AJAXFPMZ.js} +1 -1
  109. package/dist/{chunk-LOK2QDPO.js → chunk-BZDYEIAN.js} +2 -2
  110. package/dist/{chunk-MILAEJ2L.js → chunk-CRBWHSR5.js} +1 -1
  111. package/dist/{chunk-ZFLVZHFU.js → chunk-D3ES4N5I.js} +4 -4
  112. package/dist/{chunk-FH236DA7.js → chunk-DQ3RMWYV.js} +6 -6
  113. package/dist/{chunk-653VMV4L.js → chunk-DSDDTQSP.js} +4 -4
  114. package/dist/{chunk-7S4WBT4G.js → chunk-E6KLDSL7.js} +2 -2
  115. package/dist/{chunk-3YY4L64N.js → chunk-EI3IUNUO.js} +3 -3
  116. package/dist/{chunk-LQQIV4NI.js → chunk-F6SXVFV7.js} +3 -3
  117. package/dist/{chunk-EOFFODBT.js → chunk-H5SFGSQY.js} +2 -2
  118. package/dist/{chunk-VR5K6SKY.js → chunk-HCDZVQF5.js} +3 -3
  119. package/dist/{chunk-AW7BK3KI.js → chunk-HEAER6AM.js} +1 -1
  120. package/dist/{chunk-MZUJCQXJ.js → chunk-HIDFOPDG.js} +2 -2
  121. package/dist/{chunk-AKZXMYPT.js → chunk-I7RO3Y4Y.js} +2 -2
  122. package/dist/{chunk-5DE3AIOL.js → chunk-ID7CLQIZ.js} +1 -1
  123. package/dist/{chunk-BAVC57WI.js → chunk-IRP5O2PB.js} +1 -1
  124. package/dist/{chunk-OQPYRC2F.js → chunk-IVVBR4PT.js} +2 -2
  125. package/dist/{chunk-EH3ONDLF.js → chunk-J3D3EFH7.js} +3 -3
  126. package/dist/{chunk-LU7FB5PR.js → chunk-KGVQXCKY.js} +7 -7
  127. package/dist/{chunk-FSXYBGL2.js → chunk-KWYYG3UT.js} +1 -1
  128. package/dist/{chunk-F4NDKYBQ.js → chunk-LTIKJWVL.js} +2 -2
  129. package/dist/{chunk-FGBJ4BQN.js → chunk-MCGBD7B2.js} +4 -4
  130. package/dist/{chunk-XAEUK2IS.js → chunk-MHDM4YO4.js} +1 -1
  131. package/dist/{chunk-ETRACW2O.js → chunk-N4TMRRF4.js} +3 -3
  132. package/dist/{chunk-H2IB2YPL.js → chunk-NH4G3E35.js} +2 -2
  133. package/dist/{chunk-D2ZXLYC4.js → chunk-NZUOHL5V.js} +2 -2
  134. package/dist/{chunk-VOPMQNZU.js → chunk-OD7U6X4F.js} +3 -3
  135. package/dist/{chunk-2GH5MFYM.js → chunk-QFWFNJTE.js} +7 -7
  136. package/dist/{chunk-4AJKRRST.js → chunk-QTVWIRCB.js} +4 -4
  137. package/dist/{chunk-GQE7EKQR.js → chunk-RJW3T3TL.js} +15 -9
  138. package/dist/{chunk-KFE26Z37.js → chunk-SH2PCVCP.js} +2 -2
  139. package/dist/{chunk-NHWFS4AT.js → chunk-SM3RKPS2.js} +3 -3
  140. package/dist/{chunk-UXX325G4.js → chunk-SUMAGCIA.js} +3 -3
  141. package/dist/chunk-T54ITIHK.js +107 -0
  142. package/dist/{chunk-DDCNAIN3.js → chunk-UHT3G5QZ.js} +1 -1
  143. package/dist/chunk-UKR2P5OV.js +130 -0
  144. package/dist/{chunk-CSG4J7DG.js → chunk-WMRLDPFX.js} +3 -3
  145. package/dist/{chunk-FZANHOCL.js → chunk-X5N7I2HV.js} +4 -4
  146. package/dist/{chunk-5IJ5WIHP.js → chunk-XSAC6GZB.js} +4 -4
  147. package/dist/{chunk-3RAC77T3.js → chunk-Y76Z32VB.js} +1 -1
  148. package/dist/{chunk-YTMJJOJ7.js → chunk-YGZQBJTZ.js} +11 -6
  149. package/dist/{chunk-QRJ5QOOH.js → chunk-YIIWGRHM.js} +3 -3
  150. package/dist/{chunk-K37GG2W4.js → chunk-ZWUASBUA.js} +1 -1
  151. package/dist/index.css +1179 -866
  152. package/dist/index.d.ts +6 -3
  153. package/dist/index.js +63 -61
  154. package/dist/inputs/src/InputGroup.css +675 -362
  155. package/dist/inputs/src/InputGroup.js +2 -2
  156. package/dist/inputs/src/NumberField.css +697 -384
  157. package/dist/inputs/src/NumberField.js +9 -9
  158. package/dist/inputs/src/PasswordField.css +685 -372
  159. package/dist/inputs/src/PasswordField.js +9 -9
  160. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  161. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  162. package/dist/inputs/src/SearchField.css +691 -378
  163. package/dist/inputs/src/SearchField.js +9 -9
  164. package/dist/inputs/src/TextArea.css +692 -379
  165. package/dist/inputs/src/TextArea.js +8 -8
  166. package/dist/inputs/src/TextField.css +689 -376
  167. package/dist/inputs/src/TextField.js +12 -12
  168. package/dist/inputs/src/index.css +735 -422
  169. package/dist/inputs/src/index.js +18 -18
  170. package/dist/overlays/Popover/src/Popover.css +1179 -866
  171. package/dist/overlays/Popover/src/Popover.js +63 -61
  172. package/dist/overlays/Popover/src/index.css +1179 -866
  173. package/dist/overlays/Popover/src/index.js +63 -61
  174. package/dist/radio/src/DecorativeRadio.css +54 -54
  175. package/dist/radio/src/DecorativeRadio.js +7 -7
  176. package/dist/radio/src/Radio.css +46 -46
  177. package/dist/radio/src/Radio.js +7 -7
  178. package/dist/radio/src/RadioField.css +33 -33
  179. package/dist/radio/src/RadioField.js +2 -2
  180. package/dist/radio/src/RadioGroup.css +98 -98
  181. package/dist/radio/src/RadioGroup.js +3 -3
  182. package/dist/radio/src/index.css +98 -98
  183. package/dist/radio/src/index.js +11 -11
  184. package/dist/switch/src/Switch.css +43 -43
  185. package/dist/switch/src/Switch.js +7 -7
  186. package/dist/switch/src/SwitchField.css +33 -33
  187. package/dist/switch/src/SwitchField.js +3 -3
  188. package/dist/switch/src/index.css +49 -49
  189. package/dist/switch/src/index.js +9 -9
  190. package/dist/tag/src/Tag.css +801 -488
  191. package/dist/tag/src/Tag.js +11 -11
  192. package/dist/tag/src/TagGroup.css +37 -37
  193. package/dist/tag/src/TagGroup.js +1 -1
  194. package/dist/tag/src/TagList.css +27 -27
  195. package/dist/tag/src/index.css +811 -498
  196. package/dist/tag/src/index.js +12 -12
  197. package/dist/types-CVCUJ7un.d.ts +4 -0
  198. package/dist/typography/Heading/src/Heading.css +27 -27
  199. package/dist/typography/Heading/src/Heading.js +1 -1
  200. package/dist/typography/Heading/src/index.css +27 -27
  201. package/dist/typography/Heading/src/index.js +1 -1
  202. package/dist/typography/Label/src/Label.css +27 -27
  203. package/dist/typography/Label/src/Label.js +1 -1
  204. package/dist/typography/Label/src/index.css +27 -27
  205. package/dist/typography/Label/src/index.js +1 -1
  206. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  207. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  208. package/dist/typography/OverlineText/src/index.css +27 -27
  209. package/dist/typography/OverlineText/src/index.js +1 -1
  210. package/dist/typography/Text/src/Text.css +27 -27
  211. package/dist/typography/Text/src/Text.js +1 -1
  212. package/dist/typography/Text/src/index.css +27 -27
  213. package/dist/typography/Text/src/index.js +1 -1
  214. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  215. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  216. package/dist/utils/src/index.css +27 -27
  217. package/dist/utils/src/index.js +7 -7
  218. package/package.json +10 -10
  219. package/dist/chunk-BPH5ATEH.js +0 -187
@@ -2,7 +2,7 @@
2
2
  @import "@hopper-ui/styled-system/index.css";
3
3
 
4
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___7drzK {
5
+ .Heading-module__hop-Heading___JWvs8 {
6
6
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
7
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
8
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -36,50 +36,50 @@
36
36
  --hop-Heading-inherit-size-font-weight: inherit;
37
37
  --hop-Heading-inherit-size-line-height: inherit;
38
38
  }
39
- :where(.Heading-module__hop-Heading___7drzK) {
39
+ :where(.Heading-module__hop-Heading___JWvs8) {
40
40
  margin: 0;
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___0JHJR) {
46
+ :where(.Heading-module__hop-Heading--xs___Cfweo) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___FfRbr) {
52
+ :where(.Heading-module__hop-Heading--sm___sAf2J) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___iEZB3) {
58
+ :where(.Heading-module__hop-Heading--md___6wrhw) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___CiHJr) {
64
+ :where(.Heading-module__hop-Heading--lg___jvv5C) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___BxXWu) {
70
+ :where(.Heading-module__hop-Heading--xl___rJZ8W) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___AaMF1) {
76
+ :where(.Heading-module__hop-Heading--2xl___vy5tr) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___KsM39) {
82
+ :where(.Heading-module__hop-Heading--3xl___sHzoB) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
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___DX8iF) {
90
+ :where(.OverlineText-module__hop-OverlineText___6KBG7) {
91
91
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
92
92
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
93
93
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -111,45 +111,45 @@
111
111
  text-transform: uppercase;
112
112
  letter-spacing: var(--letter-spacing);
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___p5TCe {
114
+ .OverlineText-module__hop-OverlineText__text___MHRJ4 {
115
115
  box-sizing: border-box;
116
116
  }
117
- .OverlineText-module__hop-OverlineText__text___p5TCe::before,
118
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
117
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before,
118
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::after {
119
119
  content: "";
120
120
  display: block;
121
121
  box-sizing: border-box;
122
122
  inline-size: 0;
123
123
  block-size: 0;
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___p5TCe::before {
125
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::before {
126
126
  margin-block-end: var(--bottom-offset);
127
127
  }
128
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
128
+ .OverlineText-module__hop-OverlineText__text___MHRJ4::after {
129
129
  margin-block-start: var(--top-offset);
130
130
  }
131
131
 
132
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___YFmlQ {
133
+ .Label-module__hop-Label___2VJx8 {
134
134
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
135
135
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
136
136
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
137
137
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
138
138
  --hop-Label-color: var(--hop-neutral-text-weak);
139
139
  }
140
- :where(.Label-module__hop-Label___YFmlQ) {
140
+ :where(.Label-module__hop-Label___2VJx8) {
141
141
  font-family: var(--hop-Label-font-family);
142
142
  font-size: var(--hop-Label-font-size);
143
143
  font-weight: var(--hop-Label-font-weight);
144
144
  line-height: var(--hop-Label-line-height);
145
145
  color: var(--hop-Label-color);
146
146
  }
147
- :where(.Label-module__hop-Label__indicator___32htv) {
147
+ :where(.Label-module__hop-Label__indicator___UgwtS) {
148
148
  padding-inline-start: var(--hop-space-20);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
152
- .Text-module__hop-Text___-EUra {
152
+ .Text-module__hop-Text___45Zf4 {
153
153
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
154
154
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
155
155
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -179,49 +179,49 @@
179
179
  --hop-Text-inherit-size-font-weight: inherit;
180
180
  --hop-Text-inherit-size-line-height: inherit;
181
181
  }
182
- :where(.Text-module__hop-Text___-EUra) {
182
+ :where(.Text-module__hop-Text___45Zf4) {
183
183
  font-family: var(--font-family);
184
184
  font-size: var(--font-size);
185
185
  font-weight: var(--font-weight);
186
186
  line-height: var(--line-height);
187
187
  }
188
- :where(.Text-module__hop-Text--xs___t4w0g) {
188
+ :where(.Text-module__hop-Text--xs___d9F1w) {
189
189
  --font-size: var(--hop-Text-xs-font-size);
190
190
  --font-family: var(--hop-Text-xs-font-family);
191
191
  --font-weight: var(--hop-Text-xs-font-weight);
192
192
  --line-height: var(--hop-Text-xs-line-height);
193
193
  }
194
- :where(.Text-module__hop-Text--sm___3fx9R) {
194
+ :where(.Text-module__hop-Text--sm___-NvEj) {
195
195
  --font-size: var(--hop-Text-sm-font-size);
196
196
  --font-family: var(--hop-Text-sm-font-family);
197
197
  --font-weight: var(--hop-Text-sm-font-weight);
198
198
  --line-height: var(--hop-Text-sm-line-height);
199
199
  }
200
- :where(.Text-module__hop-Text--md___N-FVs) {
200
+ :where(.Text-module__hop-Text--md___lFLy8) {
201
201
  --font-size: var(--hop-Text-md-font-size);
202
202
  --font-family: var(--hop-Text-md-font-family);
203
203
  --font-weight: var(--hop-Text-md-font-weight);
204
204
  --line-height: var(--hop-Text-md-line-height);
205
205
  }
206
- :where(.Text-module__hop-Text--lg___Hk0C7) {
206
+ :where(.Text-module__hop-Text--lg___eI9o1) {
207
207
  --font-size: var(--hop-Text-lg-font-size);
208
208
  --font-family: var(--hop-Text-lg-font-family);
209
209
  --font-weight: var(--hop-Text-lg-font-weight);
210
210
  --line-height: var(--hop-Text-lg-line-height);
211
211
  }
212
- :where(.Text-module__hop-Text--xl___a4t-X) {
212
+ :where(.Text-module__hop-Text--xl___gyrV0) {
213
213
  --font-size: var(--hop-Text-xl-font-size);
214
214
  --font-family: var(--hop-Text-xl-font-family);
215
215
  --font-weight: var(--hop-Text-xl-font-weight);
216
216
  --line-height: var(--hop-Text-xl-line-height);
217
217
  }
218
- :where(.Text-module__hop-Text--2xl___PFpVA) {
218
+ :where(.Text-module__hop-Text--2xl___ZQS8X) {
219
219
  --font-size: var(--hop-Text-2xl-font-size);
220
220
  --font-family: var(--hop-Text-2xl-font-family);
221
221
  --font-weight: var(--hop-Text-2xl-font-weight);
222
222
  --line-height: var(--hop-Text-2xl-line-height);
223
223
  }
224
- :where(.Text-module__hop-Text--inherit___ENNdv) {
224
+ :where(.Text-module__hop-Text--inherit___wmhsR) {
225
225
  --font-size: var(--hop-Text-inherit-size-font-size);
226
226
  --font-family: var(--hop-Text-inherit-size-font-family);
227
227
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -229,7 +229,7 @@
229
229
  }
230
230
 
231
231
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
232
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___NKQzj {
232
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4 {
233
233
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
234
234
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
235
235
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -260,46 +260,46 @@
260
260
  background-color: var(--background-color);
261
261
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
262
262
  }
263
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___R-2LR {
263
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___jFcEk {
264
264
  --size: var(--hop-RichIconAvatarImage-xs-size);
265
265
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
266
266
  }
267
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___DG4lv {
267
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Tp-W8 {
268
268
  --size: var(--hop-RichIconAvatarImage-sm-size);
269
269
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
270
270
  }
271
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___TduzT {
271
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___f4Jds {
272
272
  --size: var(--hop-RichIconAvatarImage-md-size);
273
273
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
274
274
  }
275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___fMUgx {
275
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TJeA3 {
276
276
  --size: var(--hop-RichIconAvatarImage-lg-size);
277
277
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
278
278
  }
279
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___YuZQW {
279
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___TnS4q {
280
280
  --size: var(--hop-RichIconAvatarImage-xl-size);
281
281
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
282
282
  }
283
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___w5WGF {
283
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___All-Y {
284
284
  --size: var(--hop-RichIconAvatarImage-2xl-size);
285
285
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
286
286
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___NKQzj[data-disabled] {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] {
288
288
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
289
289
  }
290
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___uDj92 {
290
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
291
291
  position: relative;
292
292
  display: block;
293
293
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
294
294
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
295
295
  }
296
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___NKQzj[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___uDj92 {
296
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___WBGT4[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___V5XSb {
297
297
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
298
298
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
299
299
  }
300
300
 
301
301
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
302
- .Avatar-module__hop-Avatar___S3G8c {
302
+ .Avatar-module__hop-Avatar___V-tog {
303
303
  --hop-Avatar-border-radius: var(--hop-shape-circle);
304
304
  --hop-Avatar-mix-blend-mode: normal;
305
305
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -344,67 +344,67 @@
344
344
  background-color: var(--background-color, transparent);
345
345
  border-radius: var(--hop-Avatar-border-radius);
346
346
  }
347
- .Avatar-module__hop-Avatar--xs___GjK0- {
347
+ .Avatar-module__hop-Avatar--xs___Q55Yc {
348
348
  --size: var(--hop-Avatar-xs-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--sm___Uc9w7 {
350
+ .Avatar-module__hop-Avatar--sm___m2WLy {
351
351
  --size: var(--hop-Avatar-sm-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--md___wj9GR {
353
+ .Avatar-module__hop-Avatar--md___Gf8i9 {
354
354
  --size: var(--hop-Avatar-md-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--lg___yzcBv {
356
+ .Avatar-module__hop-Avatar--lg___DRafX {
357
357
  --size: var(--hop-Avatar-lg-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--xl___nO3hZ {
359
+ .Avatar-module__hop-Avatar--xl___VUaj9 {
360
360
  --size: var(--hop-Avatar-xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--2xl___124-T {
362
+ .Avatar-module__hop-Avatar--2xl___T7F4O {
363
363
  --size: var(--hop-Avatar-2xl-size);
364
364
  }
365
- .Avatar-module__hop-Avatar--decorative-option1___WAMt4 {
365
+ .Avatar-module__hop-Avatar--decorative-option1___q8Gq1 {
366
366
  --background-color: var(--hop-Avatar-decorative-1-background-color);
367
367
  --text-color: var(--hop-Avatar-decorative-1-text-color);
368
368
  }
369
- .Avatar-module__hop-Avatar--decorative-option2___rdhY- {
369
+ .Avatar-module__hop-Avatar--decorative-option2___4pj7q {
370
370
  --background-color: var(--hop-Avatar-decorative-2-background-color);
371
371
  --text-color: var(--hop-Avatar-decorative-2-text-color);
372
372
  }
373
- .Avatar-module__hop-Avatar--decorative-option3___m1yRU {
373
+ .Avatar-module__hop-Avatar--decorative-option3___Xqgtl {
374
374
  --background-color: var(--hop-Avatar-decorative-3-background-color);
375
375
  --text-color: var(--hop-Avatar-decorative-3-text-color);
376
376
  }
377
- .Avatar-module__hop-Avatar--decorative-option4___XSbQE {
377
+ .Avatar-module__hop-Avatar--decorative-option4___NZjJ2 {
378
378
  --background-color: var(--hop-Avatar-decorative-4-background-color);
379
379
  --text-color: var(--hop-Avatar-decorative-4-text-color);
380
380
  }
381
- .Avatar-module__hop-Avatar--decorative-option5___6JthT {
381
+ .Avatar-module__hop-Avatar--decorative-option5___D8-8Q {
382
382
  --background-color: var(--hop-Avatar-decorative-5-background-color);
383
383
  --text-color: var(--hop-Avatar-decorative-5-text-color);
384
384
  }
385
- .Avatar-module__hop-Avatar--decorative-option6___dghk6 {
385
+ .Avatar-module__hop-Avatar--decorative-option6___57wIP {
386
386
  --background-color: var(--hop-Avatar-decorative-6-background-color);
387
387
  --text-color: var(--hop-Avatar-decorative-6-text-color);
388
388
  }
389
- .Avatar-module__hop-Avatar--decorative-option7___aBDkk {
389
+ .Avatar-module__hop-Avatar--decorative-option7___Lls3f {
390
390
  --background-color: var(--hop-Avatar-decorative-7-background-color);
391
391
  --text-color: var(--hop-Avatar-decorative-7-text-color);
392
392
  }
393
- .Avatar-module__hop-Avatar--decorative-option8___-eIVi {
393
+ .Avatar-module__hop-Avatar--decorative-option8___kbBbR {
394
394
  --background-color: var(--hop-Avatar-decorative-8-background-color);
395
395
  --text-color: var(--hop-Avatar-decorative-8-text-color);
396
396
  }
397
- .Avatar-module__hop-Avatar--decorative-option9___TIR9s {
397
+ .Avatar-module__hop-Avatar--decorative-option9___nLT4F {
398
398
  --background-color: var(--hop-Avatar-decorative-9-background-color);
399
399
  --text-color: var(--hop-Avatar-decorative-9-text-color);
400
400
  }
401
- .Avatar-module__hop-Avatar___S3G8c[data-disabled] {
401
+ .Avatar-module__hop-Avatar___V-tog[data-disabled] {
402
402
  --background-color: var(--hop-Avatar-background-color-disabled);
403
403
  --text-color: var(--hop-Avatar-text-color-disabled);
404
404
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
405
405
  isolation: isolate;
406
406
  }
407
- .Avatar-module__hop-Avatar__image___MIRJd {
407
+ .Avatar-module__hop-Avatar__image___YIAYq {
408
408
  position: relative;
409
409
  display: block;
410
410
  box-sizing: border-box;
@@ -415,7 +415,7 @@
415
415
  }
416
416
 
417
417
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
418
- .Badge-module__hop-Badge___5fQ5c {
418
+ .Badge-module__hop-Badge___OVJ7C {
419
419
  --hop-Badge-height: 1.5rem;
420
420
  --hop-Badge-width: max-content;
421
421
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -465,67 +465,67 @@
465
465
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
466
466
  border-radius: var(--border-radius);
467
467
  }
468
- .Badge-module__hop-Badge___5fQ5c[data-variant=primary] {
468
+ .Badge-module__hop-Badge___OVJ7C[data-variant=primary] {
469
469
  --background-color: var(--hop-Badge-primary-background-color);
470
470
  --text-color: var(--hop-Badge-primary-text-color);
471
471
  }
472
- .Badge-module__hop-Badge___5fQ5c[data-hovered][data-variant=primary] {
472
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=primary] {
473
473
  --background-color: var(--hop-Badge-primary-background-color-hovered);
474
474
  --text-color: var(--hop-Badge-primary-text-color-hovered);
475
475
  }
476
- .Badge-module__hop-Badge___5fQ5c[data-pressed][data-variant=primary] {
476
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=primary] {
477
477
  --background-color: var(--hop-Badge-primary-background-color-pressed);
478
478
  --text-color: var(--hop-Badge-primary-text-color-pressed);
479
479
  }
480
- .Badge-module__hop-Badge___5fQ5c[data-selected][data-variant=primary] {
480
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=primary] {
481
481
  --background-color: var(--hop-Badge-primary-background-color-selected);
482
482
  --text-color: var(--hop-Badge-primary-text-color-selected);
483
483
  }
484
- .Badge-module__hop-Badge___5fQ5c[data-variant=secondary] {
484
+ .Badge-module__hop-Badge___OVJ7C[data-variant=secondary] {
485
485
  --background-color: var(--hop-Badge-secondary-background-color);
486
486
  --text-color: var(--hop-Badge-secondary-text-color);
487
487
  }
488
- .Badge-module__hop-Badge___5fQ5c[data-hovered][data-variant=secondary] {
488
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=secondary] {
489
489
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
490
490
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
491
491
  }
492
- .Badge-module__hop-Badge___5fQ5c[data-pressed][data-variant=secondary] {
492
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=secondary] {
493
493
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
494
494
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
495
495
  }
496
- .Badge-module__hop-Badge___5fQ5c[data-selected][data-variant=secondary] {
496
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=secondary] {
497
497
  --background-color: var(--hop-Badge-secondary-background-color-selected);
498
498
  --text-color: var(--hop-Badge-secondary-text-color-selected);
499
499
  }
500
- .Badge-module__hop-Badge___5fQ5c[data-variant=subdued] {
500
+ .Badge-module__hop-Badge___OVJ7C[data-variant=subdued] {
501
501
  --background-color: var(--hop-Badge-subdued-background-color);
502
502
  --text-color: var(--hop-Badge-subdued-text-color);
503
503
  }
504
- .Badge-module__hop-Badge___5fQ5c[data-hovered][data-variant=subdued] {
504
+ .Badge-module__hop-Badge___OVJ7C[data-hovered][data-variant=subdued] {
505
505
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
506
506
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
507
507
  }
508
- .Badge-module__hop-Badge___5fQ5c[data-pressed][data-variant=subdued] {
508
+ .Badge-module__hop-Badge___OVJ7C[data-pressed][data-variant=subdued] {
509
509
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
510
510
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
511
511
  }
512
- .Badge-module__hop-Badge___5fQ5c[data-selected][data-variant=subdued] {
512
+ .Badge-module__hop-Badge___OVJ7C[data-selected][data-variant=subdued] {
513
513
  --background-color: var(--hop-Badge-subdued-background-color-selected);
514
514
  --text-color: var(--hop-Badge-subdued-text-color-selected);
515
515
  }
516
- .Badge-module__hop-Badge___5fQ5c[data-indeterminate] {
516
+ .Badge-module__hop-Badge___OVJ7C[data-indeterminate] {
517
517
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
518
518
  --height: var(--hop-Badge-indeterminate-height);
519
519
  --width: var(--hop-Badge-indeterminate-width);
520
520
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
521
521
  }
522
- .Badge-module__hop-Badge___5fQ5c[data-disabled] {
522
+ .Badge-module__hop-Badge___OVJ7C[data-disabled] {
523
523
  --background-color: var(--hop-Badge-background-color-disabled);
524
524
  --text-color: var(--hop-Badge-text-color-disabled);
525
525
  }
526
526
 
527
527
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
528
- .FloatingBadge-module__hop-FloatingBadge___AkP3O {
528
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3 {
529
529
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
530
530
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
531
531
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -566,7 +566,7 @@
566
566
  box-sizing: border-box;
567
567
  inline-size: max-content;
568
568
  }
569
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top right"] {
569
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top right"] {
570
570
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
571
571
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
572
572
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -574,11 +574,11 @@
574
574
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
575
575
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
576
576
  }
577
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top right"][data-overlap=circular] {
577
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top right"][data-overlap=circular] {
578
578
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
579
579
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
580
580
  }
581
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top left"] {
581
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top left"] {
582
582
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
583
583
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
584
584
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -586,11 +586,11 @@
586
586
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
587
587
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
588
588
  }
589
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="top left"][data-overlap=circular] {
589
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="top left"][data-overlap=circular] {
590
590
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
591
591
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
592
592
  }
593
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom right"] {
593
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom right"] {
594
594
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
595
595
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
596
596
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -598,11 +598,11 @@
598
598
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
599
599
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
600
600
  }
601
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom right"][data-overlap=circular] {
601
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom right"][data-overlap=circular] {
602
602
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
603
603
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
604
604
  }
605
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom left"] {
605
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom left"] {
606
606
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
607
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
608
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -610,11 +610,11 @@
610
610
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
611
611
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
612
612
  }
613
- .FloatingBadge-module__hop-FloatingBadge___AkP3O[data-placement="bottom left"][data-overlap=circular] {
613
+ .FloatingBadge-module__hop-FloatingBadge___CqOJ3[data-placement="bottom left"][data-overlap=circular] {
614
614
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
615
615
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
616
616
  }
617
- .FloatingBadge-module__hop-FloatingBadge__badge___Igord {
617
+ .FloatingBadge-module__hop-FloatingBadge__badge___-OFJO {
618
618
  position: absolute;
619
619
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
620
620
  transform-origin: var(--badge-transform-origin);
@@ -622,7 +622,7 @@
622
622
  }
623
623
 
624
624
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
625
- .IconList-module__hop-IconList___6ZKNr {
625
+ .IconList-module__hop-IconList___EG9zZ {
626
626
  --hop-IconList-gap: var(--hop-space-inline-xs);
627
627
  display: flex;
628
628
  flex-wrap: wrap;
@@ -631,7 +631,7 @@
631
631
  }
632
632
 
633
633
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
634
- @keyframes Spinner-module__spin___X-87m {
634
+ @keyframes Spinner-module__spin___PNrmz {
635
635
  0% {
636
636
  transform: rotate(0deg);
637
637
  }
@@ -639,7 +639,7 @@
639
639
  transform: rotate(360deg);
640
640
  }
641
641
  }
642
- .Spinner-module__hop-Spinner___Y71Fj {
642
+ .Spinner-module__hop-Spinner___4oEd8 {
643
643
  --hop-Spinner-border-radius: var(--hop-shape-circle);
644
644
  --hop-Spinner-sm-wheel-size: 1rem;
645
645
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -647,7 +647,7 @@
647
647
  --hop-Spinner-track-width: 0.125rem;
648
648
  --hop-Spinner-track-opacity: 0.2;
649
649
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
650
- --hop-Spinner-fill-animation: Spinner-module__spin___X-87m .8s infinite linear;
650
+ --hop-Spinner-fill-animation: Spinner-module__spin___PNrmz .8s infinite linear;
651
651
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
652
652
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
653
653
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -658,19 +658,19 @@
658
658
  align-items: center;
659
659
  box-sizing: border-box;
660
660
  }
661
- .Spinner-module__hop-Spinner--sm___t0TNT {
661
+ .Spinner-module__hop-Spinner--sm___rFYBa {
662
662
  --width: var(--hop-Spinner-sm-wheel-size);
663
663
  --height: var(--hop-Spinner-sm-wheel-size);
664
664
  }
665
- .Spinner-module__hop-Spinner--md___RrMzk {
665
+ .Spinner-module__hop-Spinner--md___qHIq6 {
666
666
  --width: var(--hop-Spinner-md-wheel-size);
667
667
  --height: var(--hop-Spinner-md-wheel-size);
668
668
  }
669
- .Spinner-module__hop-Spinner--lg___Kk95a {
669
+ .Spinner-module__hop-Spinner--lg___XeZ29 {
670
670
  --width: var(--hop-Spinner-lg-wheel-size);
671
671
  --height: var(--hop-Spinner-lg-wheel-size);
672
672
  }
673
- .Spinner-module__hop-Spinner__track___9tt9q {
673
+ .Spinner-module__hop-Spinner__track___A7jcm {
674
674
  grid-area: spinner;
675
675
  box-sizing: border-box;
676
676
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -679,7 +679,7 @@
679
679
  border: var(--hop-Spinner-track-border);
680
680
  border-radius: var(--hop-Spinner-border-radius);
681
681
  }
682
- .Spinner-module__hop-Spinner__fill___EY98e {
682
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
683
683
  grid-area: spinner;
684
684
  box-sizing: border-box;
685
685
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -690,144 +690,107 @@
690
690
  animation: var(--hop-Spinner-fill-animation);
691
691
  }
692
692
  @media (prefers-reduced-motion: reduce) {
693
- .Spinner-module__hop-Spinner__fill___EY98e {
693
+ .Spinner-module__hop-Spinner__fill___nw6mJ {
694
694
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
695
695
  }
696
696
  }
697
- .Spinner-module__hop-Spinner__label___voEwO {
697
+ .Spinner-module__hop-Spinner__label___OPVd- {
698
698
  grid-area: label;
699
699
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
700
700
  }
701
701
 
702
702
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
703
- .Button-module__hop-Button___HPpVI {
703
+ .Button-module__hop-Button___y82Y5 {
704
704
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
705
705
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
706
706
  --hop-Button-column-gap: var(--hop-space-inline-xs);
707
707
  --hop-Button-icon-only-column-gap: 0;
708
708
  --hop-Button-outline-size: var(--hop-space-20);
709
+ --hop-Button-border-size: var(--hop-space-10);
710
+ --hop-Button-text-underline-offset: var(--hop-space-20);
709
711
  --hop-Button-icon-only-padding: 0;
710
712
  --hop-Button-sm-height: 2rem;
711
713
  --hop-Button-md-height: 2.5rem;
714
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
715
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
716
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
717
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
718
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
719
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
720
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
721
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
722
+ --hop-Button-ghost-background-color-disabled: transparent;
723
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
712
724
  --hop-Button-primary-color: var(--hop-primary-text-strong);
713
725
  --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
714
726
  --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
715
- --hop-Button-primary-color-disabled: var(--hop-neutral-text-disabled);
716
727
  --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
717
728
  --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
718
729
  --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
719
- --hop-Button-primary-background-color-disabled: var(--hop-neutral-surface-disabled);
720
- --hop-Button-primary-border: 0.0625rem solid var(--hop-Button-primary-background-color);
721
- --hop-Button-primary-border-hover: 0.0625rem solid var(--hop-Button-primary-background-color-hover);
722
- --hop-Button-primary-border-pressed: 0.0625rem solid var(--hop-Button-primary-background-color-pressed);
723
- --hop-Button-primary-border-disabled: 0.0625rem solid var(--hop-Button-primary-background-color-disabled);
730
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
731
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
732
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
724
733
  --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
725
- --hop-Button-primary-sm-padding-x: var(--hop-space-inset-sm);
726
- --hop-Button-primary-sm-padding-y: 0;
727
- --hop-Button-primary-md-padding-x: var(--hop-space-inset-md);
728
- --hop-Button-primary-md-padding-y: 0;
729
734
  --hop-Button-secondary-color: var(--hop-neutral-text);
730
735
  --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
731
736
  --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
732
- --hop-Button-secondary-color-disabled: var(--hop-neutral-text-disabled);
733
737
  --hop-Button-secondary-background-color: var(--hop-neutral-surface);
734
738
  --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
735
739
  --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
736
- --hop-Button-secondary-background-color-disabled: var(--hop-neutral-surface-disabled);
737
- --hop-Button-secondary-border: 0.0625rem solid var(--hop-neutral-border-strong);
738
- --hop-Button-secondary-border-hover: 0.0625rem solid var(--hop-neutral-border-strong-hover);
739
- --hop-Button-secondary-border-pressed: 0.0625rem solid var(--hop-neutral-border-strong);
740
- --hop-Button-secondary-border-disabled: 0.0625rem solid var(--hop-Button-secondary-background-color-disabled);
740
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
741
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
742
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
741
743
  --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
742
- --hop-Button-secondary-sm-padding-x: var(--hop-space-inset-sm);
743
- --hop-Button-secondary-sm-padding-y: 0;
744
- --hop-Button-secondary-md-padding-x: var(--hop-space-inset-md);
745
- --hop-Button-secondary-md-padding-y: 0;
746
744
  --hop-Button-upsell-color: var(--hop-upsell-text);
747
745
  --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
748
746
  --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
749
- --hop-Button-upsell-color-disabled: var(--hop-neutral-text-disabled);
750
747
  --hop-Button-upsell-background-color: var(--hop-upsell-surface);
751
748
  --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
752
749
  --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
753
- --hop-Button-upsell-background-color-disabled: var(--hop-neutral-surface-disabled);
754
- --hop-Button-upsell-border: 0.0625rem solid var(--hop-Button-upsell-background-color);
755
- --hop-Button-upsell-border-hover: 0.0625rem solid var(--hop-Button-upsell-background-color-hover);
756
- --hop-Button-upsell-border-pressed: 0.0625rem solid var(--hop-Button-upsell-background-color-pressed);
757
- --hop-Button-upsell-border-disabled: 0.0625rem solid var(--hop-Button-upsell-background-color-disabled);
750
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
751
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
752
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
758
753
  --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
759
- --hop-Button-upsell-sm-padding-x: var(--hop-space-inset-sm);
760
- --hop-Button-upsell-sm-padding-y: 0;
761
- --hop-Button-upsell-md-padding-x: var(--hop-space-inset-md);
762
- --hop-Button-upsell-md-padding-y: 0;
763
754
  --hop-Button-danger-color: var(--hop-danger-text-strong);
764
755
  --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
765
756
  --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
766
- --hop-Button-danger-color-disabled: var(--hop-neutral-text-disabled);
767
757
  --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
768
758
  --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
769
759
  --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
770
- --hop-Button-danger-background-color-disabled: var(--hop-neutral-surface-disabled);
771
- --hop-Button-danger-border: 0.0625rem solid var(--hop-Button-danger-background-color);
772
- --hop-Button-danger-border-hover: 0.0625rem solid var(--hop-Button-danger-background-color-hover);
773
- --hop-Button-danger-border-pressed: 0.0625rem solid var(--hop-Button-danger-background-color-pressed);
774
- --hop-Button-danger-border-disabled: 0.0625rem solid var(--hop-Button-danger-background-color-disabled);
760
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
761
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
762
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
775
763
  --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
776
- --hop-Button-danger-sm-padding-x: var(--hop-space-inset-sm);
777
- --hop-Button-danger-sm-padding-y: 0;
778
- --hop-Button-danger-md-padding-x: var(--hop-space-inset-md);
779
- --hop-Button-danger-md-padding-y: 0;
780
764
  --hop-Button-ghost-primary-color: var(--hop-primary-text);
781
765
  --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
782
766
  --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
783
- --hop-Button-ghost-primary-color-disabled: var(--hop-neutral-text-disabled);
784
767
  --hop-Button-ghost-primary-background-color: transparent;
785
768
  --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
786
769
  --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
787
- --hop-Button-ghost-primary-background-color-disabled: transparent;
788
- --hop-Button-ghost-primary-border: 0.0625rem solid var(--hop-Button-ghost-primary-background-color);
789
- --hop-Button-ghost-primary-border-hover: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-hover);
790
- --hop-Button-ghost-primary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-pressed);
791
- --hop-Button-ghost-primary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-primary-background-color-disabled);
770
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
771
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
772
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
792
773
  --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
793
- --hop-Button-ghost-primary-sm-padding-x: var(--hop-space-inset-xs);
794
- --hop-Button-ghost-primary-sm-padding-y: 0;
795
- --hop-Button-ghost-primary-md-padding-x: var(--hop-space-inset-sm);
796
- --hop-Button-ghost-primary-md-padding-y: 0;
797
774
  --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
798
775
  --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
799
776
  --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
800
- --hop-Button-ghost-secondary-color-disabled: var(--hop-neutral-text-disabled);
801
777
  --hop-Button-ghost-secondary-background-color: transparent;
802
778
  --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
803
779
  --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
804
- --hop-Button-ghost-secondary-background-color-disabled: transparent;
805
- --hop-Button-ghost-secondary-border: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color);
806
- --hop-Button-ghost-secondary-border-hover: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-hover);
807
- --hop-Button-ghost-secondary-border-pressed: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-pressed);
808
- --hop-Button-ghost-secondary-border-disabled: 0.0625rem solid var(--hop-Button-ghost-secondary-background-color-disabled);
780
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
781
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
782
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
809
783
  --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
810
- --hop-Button-ghost-secondary-sm-padding-x: var(--hop-space-inset-xs);
811
- --hop-Button-ghost-secondary-sm-padding-y: 0;
812
- --hop-Button-ghost-secondary-md-padding-x: var(--hop-space-inset-sm);
813
- --hop-Button-ghost-secondary-md-padding-y: 0;
814
784
  --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
815
785
  --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
816
786
  --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
817
- --hop-Button-ghost-danger-color-disabled: var(--hop-neutral-text-disabled);
818
787
  --hop-Button-ghost-danger-background-color: transparent;
819
788
  --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
820
789
  --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
821
- --hop-Button-ghost-danger-background-color-disabled: transparent;
822
- --hop-Button-ghost-danger-border: 0.0625rem solid var(--hop-Button-ghost-danger-background-color);
823
- --hop-Button-ghost-danger-border-hover: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-hover);
824
- --hop-Button-ghost-danger-border-pressed: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-pressed);
825
- --hop-Button-ghost-danger-border-disabled: 0.0625rem solid var(--hop-Button-ghost-danger-background-color-disabled);
790
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
791
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
792
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
826
793
  --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
827
- --hop-Button-ghost-danger-sm-padding-x: var(--hop-space-inset-xs);
828
- --hop-Button-ghost-danger-sm-padding-y: 0;
829
- --hop-Button-ghost-danger-md-padding-x: var(--hop-space-inset-sm);
830
- --hop-Button-ghost-danger-md-padding-y: 0;
831
794
  --inline-size: max-content;
832
795
  --block-size: var(--hop-Button-md-height);
833
796
  --background-color: var(--hop-primary-surface-strong);
@@ -835,8 +798,8 @@
835
798
  --column-gap: var(--hop-Button-column-gap);
836
799
  --spinner: var(--hop-primary-icon-strong);
837
800
  --border: 0;
838
- --padding-inline: 0;
839
- --padding-block: 0;
801
+ --padding: var(--hop-Button-md-padding);
802
+ --text-underline: none;
840
803
  cursor: pointer;
841
804
  position: relative;
842
805
  overflow: hidden;
@@ -847,8 +810,7 @@
847
810
  box-sizing: border-box;
848
811
  inline-size: var(--inline-size);
849
812
  block-size: var(--block-size);
850
- padding-block: var(--padding-block);
851
- padding-inline: var(--padding-inline);
813
+ padding: var(--padding);
852
814
  color: var(--color);
853
815
  text-decoration: none;
854
816
  white-space: nowrap;
@@ -862,319 +824,278 @@
862
824
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
863
825
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
864
826
  }
865
- .Button-module__hop-Button___HPpVI[data-focus-visible] {
866
- outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
867
- }
868
- .Button-module__hop-Button--icon-only___T3G5d {
869
- --padding-block: var(--hop-Button-icon-only-padding);
870
- --padding-inline: var(--hop-Button-icon-only-padding);
871
- --column-gap: var(--hop-Button-icon-only-column-gap);
872
- aspect-ratio: 1;
873
- }
874
- .Button-module__hop-Button___HPpVI[data-disabled],
875
- .Button-module__hop-Button___HPpVI[data-loading] {
876
- cursor: not-allowed;
877
- }
878
- .Button-module__hop-Button--fluid___3YVb7 {
827
+ .Button-module__hop-Button--fluid___yrsMn {
879
828
  --inline-size: 100%;
880
829
  }
881
- .Button-module__hop-Button--sm___0fIDw {
830
+ .Button-module__hop-Button--sm___MqqBM {
882
831
  --block-size: var(--hop-Button-sm-height);
832
+ --padding: var(--hop-Button-sm-padding);
883
833
  }
884
- .Button-module__hop-Button--primary___Cx51h.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
885
- --padding-inline: var(--hop-Button-primary-sm-padding-x);
886
- --padding-block: var(--hop-Button-primary-sm-padding-y);
887
- }
888
- .Button-module__hop-Button--primary___Cx51h.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
889
- --padding-inline: var(--hop-Button-primary-md-padding-x);
890
- --padding-block: var(--hop-Button-primary-md-padding-y);
891
- }
892
- .Button-module__hop-Button--secondary___UTPB-.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
893
- --padding-inline: var(--hop-Button-secondary-md-padding-x);
894
- --padding-block: var(--hop-Button-secondary-md-padding-y);
895
- }
896
- .Button-module__hop-Button--secondary___UTPB-.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
897
- --padding-inline: var(--hop-Button-secondary-sm-padding-x);
898
- --padding-block: var(--hop-Button-secondary-sm-padding-y);
899
- }
900
- .Button-module__hop-Button--upsell___kcXh5.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
901
- --padding-inline: var(--hop-Button-upsell-md-padding-x);
902
- --padding-block: var(--hop-Button-upsell-md-padding-y);
903
- }
904
- .Button-module__hop-Button--upsell___kcXh5.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
905
- --padding-inline: var(--hop-Button-upsell-sm-padding-x);
906
- --padding-block: var(--hop-Button-upsell-sm-padding-y);
907
- }
908
- .Button-module__hop-Button--danger___HXRrw.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
909
- --padding-inline: var(--hop-Button-danger-md-padding-x);
910
- --padding-block: var(--hop-Button-danger-md-padding-y);
911
- }
912
- .Button-module__hop-Button--danger___HXRrw.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
913
- --padding-inline: var(--hop-Button-danger-sm-padding-x);
914
- --padding-block: var(--hop-Button-danger-sm-padding-y);
915
- }
916
- .Button-module__hop-Button--ghost-danger___VbKFl.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
917
- --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
918
- --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
919
- }
920
- .Button-module__hop-Button--ghost-danger___VbKFl.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
921
- --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
922
- --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
834
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
835
+ --padding: var(--hop-Button-ghost-sm-padding);
923
836
  }
924
- .Button-module__hop-Button--ghost-secondary___WQyum.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
925
- --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
926
- --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
837
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
838
+ --padding: var(--hop-Button-ghost-md-padding);
927
839
  }
928
- .Button-module__hop-Button--ghost-secondary___WQyum.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
929
- --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
930
- --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
931
- }
932
- .Button-module__hop-Button--ghost-primary___bYDdD.Button-module__hop-Button--md___uSRhB:not(.Button-module__hop-Button--icon-only___T3G5d) {
933
- --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
934
- --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
935
- }
936
- .Button-module__hop-Button--ghost-primary___bYDdD.Button-module__hop-Button--sm___0fIDw:not(.Button-module__hop-Button--icon-only___T3G5d) {
937
- --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
938
- --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
840
+ .Button-module__hop-Button--icon-only___mnrYP {
841
+ --column-gap: var(--hop-Button-icon-only-column-gap);
842
+ --padding: var(--hop-Button-icon-only-padding);
843
+ aspect-ratio: 1;
939
844
  }
940
- .Button-module__hop-Button--primary___Cx51h {
845
+ .Button-module__hop-Button--primary___i4wgt {
941
846
  --background-color: var(--hop-Button-primary-background-color);
942
847
  --color: var(--hop-Button-primary-color);
943
848
  --border: var(--hop-Button-primary-border);
944
849
  --spinner-color: var(--hop-Button-primary-spinner-color);
945
850
  }
946
- .Button-module__hop-Button--primary___Cx51h[data-disabled]:not([data-loading]) {
947
- --background-color: var(--hop-Button-primary-background-color-disabled);
948
- --color: var(--hop-Button-primary-color-disabled);
949
- --border: var(--hop-Button-primary-border-disabled);
950
- }
951
- .Button-module__hop-Button--primary___Cx51h[data-hovered]:not([data-disabled], [data-loading]),
952
- .Button-module__hop-Button--primary___Cx51h[data-focus-visible]:not([data-disabled], [data-loading]) {
851
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
852
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
953
853
  --background-color: var(--hop-Button-primary-background-color-hover);
954
854
  --color: var(--hop-Button-primary-color-hover);
955
855
  --border: var(--hop-Button-primary-border-hover);
956
856
  }
957
- .Button-module__hop-Button--primary___Cx51h[data-pressed]:not([data-loading]) {
857
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
958
858
  --background-color: var(--hop-Button-primary-background-color-pressed);
959
859
  --color: var(--hop-Button-primary-color-pressed);
960
860
  --border: var(--hop-Button-primary-border-pressed);
961
861
  }
962
- .Button-module__hop-Button--secondary___UTPB- {
862
+ .Button-module__hop-Button--secondary___aTxQ5 {
963
863
  --background-color: var(--hop-Button-secondary-background-color);
964
864
  --color: var(--hop-Button-secondary-color);
965
865
  --border: var(--hop-Button-secondary-border);
966
866
  --spinner-color: var(--hop-Button-secondary-spinner-color);
967
867
  }
968
- .Button-module__hop-Button--secondary___UTPB-[data-disabled]:not([data-loading]) {
969
- --background-color: var(--hop-Button-secondary-background-color-disabled);
970
- --color: var(--hop-Button-secondary-color-disabled);
971
- --border: var(--hop-Button-secondary-border-disabled);
972
- }
973
- .Button-module__hop-Button--secondary___UTPB-[data-hovered]:not([data-disabled], [data-loading]),
974
- .Button-module__hop-Button--secondary___UTPB-[data-focus-visible]:not([data-disabled], [data-loading]) {
868
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
869
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
975
870
  --background-color: var(--hop-Button-secondary-background-color-hover);
976
871
  --color: var(--hop-Button-secondary-color-hover);
977
872
  --border: var(--hop-Button-secondary-border-hover);
978
873
  }
979
- .Button-module__hop-Button--secondary___UTPB-[data-pressed]:not([data-loading]) {
874
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
980
875
  --background-color: var(--hop-Button-secondary-background-color-pressed);
981
876
  --color: var(--hop-Button-secondary-color-pressed);
982
877
  --border: var(--hop-Button-secondary-border-pressed);
983
878
  }
984
- .Button-module__hop-Button--upsell___kcXh5 {
879
+ .Button-module__hop-Button--upsell___VdxM3 {
985
880
  --background-color: var(--hop-Button-upsell-background-color);
986
881
  --color: var(--hop-Button-upsell-color);
987
882
  --border: var(--hop-Button-upsell-border);
988
883
  --spinner-color: var(--hop-Button-upsell-spinner-color);
989
884
  }
990
- .Button-module__hop-Button--upsell___kcXh5[data-disabled]:not([data-loading]) {
991
- --background-color: var(--hop-Button-upsell-background-color-disabled);
992
- --color: var(--hop-Button-upsell-color-disabled);
993
- --border: var(--hop-Button-upsell-border-disabled);
994
- }
995
- .Button-module__hop-Button--upsell___kcXh5[data-hovered]:not([data-disabled], [data-loading]),
996
- .Button-module__hop-Button--upsell___kcXh5[data-focus-visible]:not([data-disabled], [data-loading]) {
885
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
886
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
997
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
998
888
  --color: var(--hop-Button-upsell-color-hover);
999
889
  --border: var(--hop-Button-upsell-border-hover);
1000
890
  }
1001
- .Button-module__hop-Button--upsell___kcXh5[data-pressed]:not([data-loading]) {
891
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
1002
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
1003
893
  --color: var(--hop-Button-upsell-color-pressed);
1004
894
  --border: var(--hop-Button-upsell-border-pressed);
1005
895
  }
1006
- .Button-module__hop-Button--danger___HXRrw {
896
+ .Button-module__hop-Button--danger___U0g6u {
1007
897
  --background-color: var(--hop-Button-danger-background-color);
1008
898
  --color: var(--hop-Button-danger-color);
1009
899
  --border: var(--hop-Button-danger-border);
1010
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
1011
901
  }
1012
- .Button-module__hop-Button--danger___HXRrw[data-disabled]:not([data-loading]) {
1013
- --background-color: var(--hop-Button-danger-background-color-disabled);
1014
- --color: var(--hop-Button-danger-color-disabled);
1015
- --border: var(--hop-Button-danger-border-disabled);
1016
- }
1017
- .Button-module__hop-Button--danger___HXRrw[data-hovered]:not([data-disabled], [data-loading]),
1018
- .Button-module__hop-Button--danger___HXRrw[data-focus-visible]:not([data-disabled], [data-loading]) {
902
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
903
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1019
904
  --background-color: var(--hop-Button-danger-background-color-hover);
1020
905
  --color: var(--hop-Button-danger-color-hover);
1021
906
  --border: var(--hop-Button-danger-border-hover);
1022
907
  }
1023
- .Button-module__hop-Button--danger___HXRrw[data-pressed]:not([data-loading]) {
908
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1024
909
  --background-color: var(--hop-Button-danger-background-color-pressed);
1025
910
  --color: var(--hop-Button-danger-color-pressed);
1026
911
  --border: var(--hop-Button-danger-border-pressed);
1027
912
  }
1028
- .Button-module__hop-Button--ghost-primary___bYDdD {
913
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1029
914
  --background-color: var(--hop-Button-ghost-primary-background-color);
1030
915
  --color: var(--hop-Button-ghost-primary-color);
1031
916
  --border: var(--hop-Button-ghost-primary-border);
1032
917
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1033
918
  }
1034
- .Button-module__hop-Button--ghost-primary___bYDdD[data-disabled]:not([data-loading]) {
1035
- --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1036
- --color: var(--hop-Button-ghost-primary-color-disabled);
1037
- --border: var(--hop-Button-ghost-primary-border-disabled);
1038
- }
1039
- .Button-module__hop-Button--ghost-primary___bYDdD[data-hovered]:not([data-disabled], [data-loading]),
1040
- .Button-module__hop-Button--ghost-primary___bYDdD[data-focus-visible]:not([data-disabled], [data-loading]) {
919
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
920
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1041
921
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1042
922
  --color: var(--hop-Button-ghost-primary-color-hover);
1043
923
  --border: var(--hop-Button-ghost-primary-border-hover);
924
+ --text-underline: underline;
1044
925
  }
1045
- .Button-module__hop-Button--ghost-primary___bYDdD[data-pressed]:not([data-loading]) {
926
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1046
927
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1047
928
  --color: var(--hop-Button-ghost-primary-color-pressed);
1048
929
  --border: var(--hop-Button-ghost-primary-border-pressed);
930
+ --text-underline: underline;
1049
931
  }
1050
- .Button-module__hop-Button--ghost-secondary___WQyum {
932
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1051
933
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1052
934
  --color: var(--hop-Button-ghost-secondary-color);
1053
935
  --border: var(--hop-Button-ghost-secondary-border);
1054
936
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1055
937
  }
1056
- .Button-module__hop-Button--ghost-secondary___WQyum[data-disabled]:not([data-loading]) {
1057
- --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
1058
- --color: var(--hop-Button-ghost-secondary-color-disabled);
1059
- --border: var(--hop-Button-ghost-secondary-border-disabled);
1060
- }
1061
- .Button-module__hop-Button--ghost-secondary___WQyum[data-hovered]:not([data-disabled], [data-loading]),
1062
- .Button-module__hop-Button--ghost-secondary___WQyum[data-focus-visible]:not([data-disabled], [data-loading]) {
938
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
939
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1063
940
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1064
941
  --color: var(--hop-Button-ghost-secondary-color-hover);
1065
942
  --border: var(--hop-Button-ghost-secondary-border-hover);
943
+ --text-underline: underline;
1066
944
  }
1067
- .Button-module__hop-Button--ghost-secondary___WQyum[data-pressed]:not([data-loading]) {
945
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1068
946
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1069
947
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1070
948
  --border: var(--hop-Button-ghost-secondary-border-pressed);
949
+ --text-underline: underline;
1071
950
  }
1072
- .Button-module__hop-Button--ghost-danger___VbKFl {
951
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1073
952
  --background-color: var(--hop-Button-ghost-danger-background-color);
1074
953
  --color: var(--hop-Button-ghost-danger-color);
1075
954
  --border: var(--hop-Button-ghost-danger-border);
1076
955
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1077
956
  }
1078
- .Button-module__hop-Button--ghost-danger___VbKFl[data-disabled]:not([data-loading]) {
1079
- --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
1080
- --color: var(--hop-Button-ghost-danger-color-disabled);
1081
- --border: var(--hop-Button-ghost-danger-border-disabled);
1082
- }
1083
- .Button-module__hop-Button--ghost-danger___VbKFl[data-hovered]:not([data-disabled], [data-loading]),
1084
- .Button-module__hop-Button--ghost-danger___VbKFl[data-focus-visible]:not([data-disabled], [data-loading]) {
957
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
958
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1085
959
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1086
960
  --color: var(--hop-Button-ghost-danger-color-hover);
1087
961
  --border: var(--hop-Button-ghost-danger-border-hover);
962
+ --text-underline: underline;
1088
963
  }
1089
- .Button-module__hop-Button--ghost-danger___VbKFl[data-pressed]:not([data-loading]) {
964
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1090
965
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1091
966
  --color: var(--hop-Button-ghost-danger-color-pressed);
1092
967
  --border: var(--hop-Button-ghost-danger-border-pressed);
968
+ --text-underline: underline;
969
+ }
970
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
971
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
972
+ }
973
+ .Button-module__hop-Button___y82Y5[data-disabled],
974
+ .Button-module__hop-Button___y82Y5[data-pending] {
975
+ cursor: not-allowed;
976
+ }
977
+ .Button-module__hop-Button___y82Y5[data-disabled] {
978
+ --background-color: var(--hop-Button-background-color-disabled);
979
+ --color: var(--hop-Button-color-disabled);
980
+ --border: var(--hop-Button-border-disabled);
981
+ }
982
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
983
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
984
+ --color: var(--hop-Button-ghost-color-disabled);
985
+ --border: var(--hop-Button-ghost-border-disabled);
986
+ }
987
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
988
+ --background-color: var(--hop-Button-primary-background-color);
989
+ --color: var(--hop-Button-primary-color);
990
+ --border: var(--hop-Button-primary-border);
1093
991
  }
1094
- .Button-module__hop-Button__Spinner___BPaSX {
992
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
993
+ --background-color: var(--hop-Button-secondary-background-color);
994
+ --color: var(--hop-Button-secondary-color);
995
+ --border: var(--hop-Button-secondary-border);
996
+ }
997
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
998
+ --background-color: var(--hop-Button-upsell-background-color);
999
+ --color: var(--hop-Button-upsell-color);
1000
+ --border: var(--hop-Button-upsell-border);
1001
+ }
1002
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1003
+ --background-color: var(--hop-Button-danger-background-color);
1004
+ --color: var(--hop-Button-danger-color);
1005
+ --border: var(--hop-Button-danger-border);
1006
+ }
1007
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1008
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1009
+ --color: var(--hop-Button-ghost-primary-color);
1010
+ --border: var(--hop-Button-ghost-primary-border);
1011
+ --text-underline: none;
1012
+ }
1013
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1014
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1015
+ --color: var(--hop-Button-ghost-secondary-color);
1016
+ --border: var(--hop-Button-ghost-secondary-border);
1017
+ --text-underline: none;
1018
+ }
1019
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1020
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1021
+ --color: var(--hop-Button-ghost-danger-color);
1022
+ --border: var(--hop-Button-ghost-danger-border);
1023
+ --text-underline: none;
1024
+ }
1025
+ .Button-module__hop-Button__Spinner___iIz-g {
1095
1026
  position: absolute;
1096
1027
  color: var(--spinner-color);
1097
1028
  }
1098
- .Button-module__hop-Button__icon___eA9hq,
1099
- .Button-module__hop-Button__icon-list___mGVJY {
1029
+ .Button-module__hop-Button__icon___ol4xI,
1030
+ .Button-module__hop-Button__icon-list___wcA7Z {
1100
1031
  flex: 0 0 auto;
1101
1032
  justify-self: end;
1102
1033
  order: 1;
1103
1034
  }
1104
- .Button-module__hop-Button__text___zKrFi {
1035
+ .Button-module__hop-Button__text___8Y-6a {
1105
1036
  user-select: none;
1106
1037
  overflow: visible;
1107
1038
  flex: 0 1 auto;
1108
1039
  order: 2;
1109
1040
  font-weight: var(--hop-font-weight-505);
1110
- text-wrap: nowrap;
1111
- }
1112
- .Button-module__hop-Button--ghost-primary___bYDdD[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1113
- .Button-module__hop-Button--ghost-secondary___WQyum[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1114
- .Button-module__hop-Button--ghost-danger___VbKFl[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1115
- .Button-module__hop-Button--ghost-primary___bYDdD[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1116
- .Button-module__hop-Button--ghost-secondary___WQyum[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1117
- .Button-module__hop-Button--ghost-danger___VbKFl[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1118
- .Button-module__hop-Button--ghost-primary___bYDdD[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1119
- .Button-module__hop-Button--ghost-secondary___WQyum[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___zKrFi,
1120
- .Button-module__hop-Button--ghost-danger___VbKFl[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___zKrFi {
1121
- text-decoration: underline;
1041
+ text-decoration: var(--text-underline);
1122
1042
  text-underline-offset: 0.125rem;
1043
+ text-wrap: nowrap;
1123
1044
  }
1124
- .Button-module__hop-Button__end-icon___WL9OE,
1125
- .Button-module__hop-Button__end-icon-list___lcbkq {
1045
+ .Button-module__hop-Button__end-icon___UD9RU,
1046
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1126
1047
  flex: 0 0 auto;
1127
1048
  order: 3;
1128
1049
  }
1129
- .Button-module__hop-Button___HPpVI .Button-module__hop-Button__icon-list___mGVJY,
1130
- .Button-module__hop-Button___HPpVI .Button-module__hop-Button__end-icon-list___lcbkq {
1050
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1051
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1131
1052
  flex-wrap: nowrap;
1132
1053
  }
1133
- .Button-module__hop-Button___HPpVI[data-loading] > *:not(.Button-module__hop-Button__Spinner___BPaSX) {
1054
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1134
1055
  opacity: 0;
1135
1056
  }
1136
1057
 
1137
1058
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1138
- .ButtonGroup-module__hop-ButtonGroup___6Wt7- {
1059
+ .ButtonGroup-module__hop-ButtonGroup___bqIMq {
1139
1060
  display: inline-flex;
1140
1061
  flex-wrap: nowrap;
1141
1062
  gap: var(--hop-space-inline-md);
1142
1063
  }
1143
- .ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1064
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1144
1065
  align-items: center;
1145
1066
  }
1146
- .ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1067
+ .ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1147
1068
  flex-direction: column;
1148
1069
  gap: var(--hop-space-stack-md);
1149
1070
  justify-content: center;
1150
1071
  }
1151
- .ButtonGroup-module__hop-ButtonGroup--start___eN8Ed.ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1072
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1152
1073
  align-items: flex-start;
1153
1074
  }
1154
- .ButtonGroup-module__hop-ButtonGroup--center___XfVHT.ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1075
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1155
1076
  align-items: center;
1156
1077
  }
1157
- .ButtonGroup-module__hop-ButtonGroup--end___BSeUO.ButtonGroup-module__hop-ButtonGroup--vertical___XXsfV {
1078
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--vertical___n7MaV {
1158
1079
  align-items: flex-end;
1159
1080
  }
1160
- .ButtonGroup-module__hop-ButtonGroup--start___eN8Ed.ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1081
+ .ButtonGroup-module__hop-ButtonGroup--start___Unpn2.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1161
1082
  justify-content: flex-start;
1162
1083
  }
1163
- .ButtonGroup-module__hop-ButtonGroup--center___XfVHT.ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1084
+ .ButtonGroup-module__hop-ButtonGroup--center___AufeM.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1164
1085
  justify-content: center;
1165
1086
  }
1166
- .ButtonGroup-module__hop-ButtonGroup--end___BSeUO.ButtonGroup-module__hop-ButtonGroup--horizontal___A4PM8 {
1087
+ .ButtonGroup-module__hop-ButtonGroup--end___JoVZV.ButtonGroup-module__hop-ButtonGroup--horizontal___BSNlY {
1167
1088
  justify-content: flex-end;
1168
1089
  }
1169
- .ButtonGroup-module__hop-ButtonGroup--wrap___ckKrK {
1090
+ .ButtonGroup-module__hop-ButtonGroup--wrap___0re0- {
1170
1091
  flex-wrap: wrap;
1171
1092
  }
1172
- .ButtonGroup-module__hop-ButtonGroup--fluid___CO-rt {
1093
+ .ButtonGroup-module__hop-ButtonGroup--fluid___tfM32 {
1173
1094
  inline-size: 100%;
1174
1095
  }
1175
1096
 
1176
1097
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1177
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze {
1178
1099
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1179
1100
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1180
1101
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1338,7 +1259,7 @@
1338
1259
  outline: none;
1339
1260
  transition: color var(--transition);
1340
1261
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw::before {
1262
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze::before {
1342
1263
  content: "";
1343
1264
  position: absolute;
1344
1265
  inset-block-start: 50%;
@@ -1351,284 +1272,676 @@
1351
1272
  border-radius: var(--effect-border-radius);
1352
1273
  transition: background-color var(--transition);
1353
1274
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-square] {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-square] {
1355
1276
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1356
1277
  }
1357
- .EmbeddedButton-module__hop-EmbeddedButton--md___TQr-0 {
1278
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I {
1358
1279
  --inline-size: var(--hop-EmbeddedButton-md-width);
1359
1280
  --block-size: var(--hop-EmbeddedButton-md-height);
1360
1281
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1361
1282
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--lg___zvyKi {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg {
1363
1284
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1364
1285
  --block-size: var(--hop-EmbeddedButton-lg-height);
1365
1286
  --focus-ring-offset: 0;
1366
1287
  }
1367
- .EmbeddedButton-module__hop-EmbeddedButton--md___TQr-0::before {
1288
+ .EmbeddedButton-module__hop-EmbeddedButton--md___IwX7I::before {
1368
1289
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1369
1290
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1370
1291
  }
1371
- .EmbeddedButton-module__hop-EmbeddedButton--lg___zvyKi::before {
1292
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hCesg::before {
1372
1293
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1373
1294
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1374
1295
  }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF {
1296
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4 {
1376
1297
  --color: var(--hop-EmbeddedButton-neutral-color);
1377
1298
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1378
1299
  }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn {
1300
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8 {
1380
1301
  --color: var(--hop-EmbeddedButton-subdued-color);
1381
1302
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1382
1303
  }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11 {
1304
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ {
1384
1305
  --color: var(--hop-EmbeddedButton-progress-color);
1385
1306
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1386
1307
  }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M {
1308
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL {
1388
1309
  --color: var(--hop-EmbeddedButton-positive-color);
1389
1310
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1390
1311
  }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc- {
1312
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe {
1392
1313
  --color: var(--hop-EmbeddedButton-caution-color);
1393
1314
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1394
1315
  }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT {
1316
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8 {
1396
1317
  --color: var(--hop-EmbeddedButton-negative-color);
1397
1318
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1398
1319
  }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f {
1320
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj {
1400
1321
  --color: var(--hop-EmbeddedButton-option1-color);
1401
1322
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1402
1323
  }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i {
1324
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB {
1404
1325
  --color: var(--hop-EmbeddedButton-option2-color);
1405
1326
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1406
1327
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX {
1328
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP {
1408
1329
  --color: var(--hop-EmbeddedButton-option3-color);
1409
1330
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1410
1331
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS {
1332
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV {
1412
1333
  --color: var(--hop-EmbeddedButton-option4-color);
1413
1334
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1414
1335
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy {
1336
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7 {
1416
1337
  --color: var(--hop-EmbeddedButton-option5-color);
1417
1338
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1418
1339
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7 {
1340
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq {
1420
1341
  --color: var(--hop-EmbeddedButton-option6-color);
1421
1342
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1422
1343
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-selected] {
1344
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-selected] {
1424
1345
  --color: var(--hop-EmbeddedButton-selected-color);
1425
1346
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1426
1347
  }
1427
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-focus-visible] {
1348
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-focus-visible] {
1428
1349
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1429
1350
  outline-offset: var(--focus-ring-offset);
1430
1351
  }
1431
- .EmbeddedButton-module__hop-EmbeddedButton___pDmaw[data-disabled] {
1352
+ .EmbeddedButton-module__hop-EmbeddedButton___a2Jze[data-disabled] {
1432
1353
  cursor: not-allowed;
1433
1354
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-hovered] {
1355
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-hovered] {
1435
1356
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1436
1357
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1437
1358
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-focus-visible] {
1359
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-focus-visible] {
1439
1360
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1440
1361
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1441
1362
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-pressed] {
1363
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-pressed] {
1443
1364
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1444
1365
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1445
1366
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___TFsUF[data-disabled] {
1367
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___o1As4[data-disabled] {
1447
1368
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1448
1369
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1449
1370
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-hovered] {
1371
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-hovered] {
1451
1372
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1452
1373
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1453
1374
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-focus-visible] {
1375
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-focus-visible] {
1455
1376
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1456
1377
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1457
1378
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-pressed] {
1379
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-pressed] {
1459
1380
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1460
1381
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1461
1382
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___LxTLn[data-disabled] {
1383
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___d-hG8[data-disabled] {
1463
1384
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1464
1385
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1465
1386
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-hovered] {
1387
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-hovered] {
1467
1388
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1468
1389
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1469
1390
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-focus-visible] {
1391
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-focus-visible] {
1471
1392
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1472
1393
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1473
1394
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-pressed] {
1395
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-pressed] {
1475
1396
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1476
1397
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1477
1398
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--progress___tdz11[data-disabled] {
1399
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___g0OnZ[data-disabled] {
1479
1400
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1480
1401
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1481
1402
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-hovered] {
1403
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-hovered] {
1483
1404
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1484
1405
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1485
1406
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-focus-visible] {
1407
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-focus-visible] {
1487
1408
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1488
1409
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1489
1410
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-pressed] {
1411
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-pressed] {
1491
1412
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1492
1413
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1493
1414
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--positive___JYB7M[data-disabled] {
1415
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___ti2kL[data-disabled] {
1495
1416
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1496
1417
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1497
1418
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-hovered] {
1419
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-hovered] {
1499
1420
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1500
1421
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1501
1422
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-focus-visible] {
1423
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-focus-visible] {
1503
1424
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1504
1425
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1505
1426
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-pressed] {
1427
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-pressed] {
1507
1428
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1508
1429
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1509
1430
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AEEc-[data-disabled] {
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___2XoPe[data-disabled] {
1511
1432
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1512
1433
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1513
1434
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-hovered] {
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-hovered] {
1515
1436
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1516
1437
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1517
1438
  }
1518
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-focus-visible] {
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-focus-visible] {
1519
1440
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1520
1441
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1521
1442
  }
1522
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-pressed] {
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-pressed] {
1523
1444
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1524
1445
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1525
1446
  }
1526
- .EmbeddedButton-module__hop-EmbeddedButton--negative___MWxgT[data-disabled] {
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___6hry8[data-disabled] {
1527
1448
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1528
1449
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1529
1450
  }
1530
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-hovered] {
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-hovered] {
1531
1452
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1532
1453
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1533
1454
  }
1534
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-focus-visible] {
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-focus-visible] {
1535
1456
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1536
1457
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1537
1458
  }
1538
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-pressed] {
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-pressed] {
1539
1460
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1540
1461
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1541
1462
  }
1542
- .EmbeddedButton-module__hop-EmbeddedButton--option1___MOb8f[data-disabled] {
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___yi2Mj[data-disabled] {
1543
1464
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1544
1465
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1545
1466
  }
1546
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-hovered] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-hovered] {
1547
1468
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1548
1469
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1549
1470
  }
1550
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-focus-visible] {
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-focus-visible] {
1551
1472
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1552
1473
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1553
1474
  }
1554
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-pressed] {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-pressed] {
1555
1476
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1556
1477
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1557
1478
  }
1558
- .EmbeddedButton-module__hop-EmbeddedButton--option2___ow5-i[data-disabled] {
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___gltNB[data-disabled] {
1559
1480
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1560
1481
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1561
1482
  }
1562
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-hovered] {
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-hovered] {
1563
1484
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1564
1485
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1565
1486
  }
1566
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-focus-visible] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-focus-visible] {
1567
1488
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1568
1489
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1569
1490
  }
1570
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-pressed] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-pressed] {
1571
1492
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1572
1493
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1573
1494
  }
1574
- .EmbeddedButton-module__hop-EmbeddedButton--option3___NX8HX[data-disabled] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___zO6kP[data-disabled] {
1575
1496
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1576
1497
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1577
1498
  }
1578
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-hovered] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-hovered] {
1579
1500
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1580
1501
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1581
1502
  }
1582
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-focus-visible] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-focus-visible] {
1583
1504
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1584
1505
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1585
1506
  }
1586
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-pressed] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-pressed] {
1587
1508
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1588
1509
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1589
1510
  }
1590
- .EmbeddedButton-module__hop-EmbeddedButton--option4___f8xXS[data-disabled] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___o2AeV[data-disabled] {
1591
1512
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1592
1513
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1593
1514
  }
1594
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-hovered] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-hovered] {
1595
1516
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1596
1517
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1597
1518
  }
1598
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-focus-visible] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-focus-visible] {
1599
1520
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1600
1521
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1601
1522
  }
1602
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-pressed] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-pressed] {
1603
1524
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1604
1525
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1605
1526
  }
1606
- .EmbeddedButton-module__hop-EmbeddedButton--option5___iUOpy[data-disabled] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___nFdc7[data-disabled] {
1607
1528
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1608
1529
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1609
1530
  }
1610
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-hovered] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-hovered] {
1611
1532
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1612
1533
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1613
1534
  }
1614
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-focus-visible] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-focus-visible] {
1615
1536
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1616
1537
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1617
1538
  }
1618
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-pressed] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-pressed] {
1619
1540
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1620
1541
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1621
1542
  }
1622
- .EmbeddedButton-module__hop-EmbeddedButton--option6___k1iK7[data-disabled] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___rbfAq[data-disabled] {
1623
1544
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1624
1545
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1625
1546
  }
1626
- .EmbeddedButton-module__hop-EmbeddedButton__icon___9JL7D {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___EAxnK {
1548
+ position: relative;
1549
+ }
1550
+
1551
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
1552
+ .Button-module__hop-Button___y82Y5 {
1553
+ --hop-Button-border-radius: var(--hop-shape-rounded-md);
1554
+ --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
1555
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
1556
+ --hop-Button-icon-only-column-gap: 0;
1557
+ --hop-Button-outline-size: var(--hop-space-20);
1558
+ --hop-Button-border-size: var(--hop-space-10);
1559
+ --hop-Button-text-underline-offset: var(--hop-space-20);
1560
+ --hop-Button-icon-only-padding: 0;
1561
+ --hop-Button-sm-height: 2rem;
1562
+ --hop-Button-md-height: 2.5rem;
1563
+ --hop-Button-sm-padding: 0 var(--hop-space-inset-md);
1564
+ --hop-Button-md-padding: 0 var(--hop-space-inset-md);
1565
+ --hop-Button-ghost-sm-padding: 0 var(--hop-space-inset-xs);
1566
+ --hop-Button-ghost-md-padding: 0 var(--hop-space-inset-sm);
1567
+ --hop-Button-color-disabled: var(--hop-neutral-text-disabled);
1568
+ --hop-Button-background-color-disabled: var(--hop-neutral-surface-disabled);
1569
+ --hop-Button-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-background-color-disabled);
1570
+ --hop-Button-ghost-color-disabled: var(--hop-neutral-text-disabled);
1571
+ --hop-Button-ghost-background-color-disabled: transparent;
1572
+ --hop-Button-ghost-border-disabled: var(--hop-Button-border-size) solid var(--hop-Button-ghost-background-color-disabled);
1573
+ --hop-Button-primary-color: var(--hop-primary-text-strong);
1574
+ --hop-Button-primary-color-hover: var(--hop-primary-text-strong-hover);
1575
+ --hop-Button-primary-color-pressed: var(--hop-primary-text-strong);
1576
+ --hop-Button-primary-background-color: var(--hop-primary-surface-strong);
1577
+ --hop-Button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1578
+ --hop-Button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1579
+ --hop-Button-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color);
1580
+ --hop-Button-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-hover);
1581
+ --hop-Button-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-primary-background-color-pressed);
1582
+ --hop-Button-primary-spinner-color: var(--hop-primary-icon-strong);
1583
+ --hop-Button-secondary-color: var(--hop-neutral-text);
1584
+ --hop-Button-secondary-color-hover: var(--hop-neutral-text-hover);
1585
+ --hop-Button-secondary-color-pressed: var(--hop-neutral-text-press);
1586
+ --hop-Button-secondary-background-color: var(--hop-neutral-surface);
1587
+ --hop-Button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1588
+ --hop-Button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1589
+ --hop-Button-secondary-border: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1590
+ --hop-Button-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong-hover);
1591
+ --hop-Button-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-neutral-border-strong);
1592
+ --hop-Button-secondary-spinner-color: var(--hop-neutral-icon);
1593
+ --hop-Button-upsell-color: var(--hop-upsell-text);
1594
+ --hop-Button-upsell-color-hover: var(--hop-upsell-text-hover);
1595
+ --hop-Button-upsell-color-pressed: var(--hop-upsell-text-press);
1596
+ --hop-Button-upsell-background-color: var(--hop-upsell-surface);
1597
+ --hop-Button-upsell-background-color-hover: var(--hop-upsell-surface-hover);
1598
+ --hop-Button-upsell-background-color-pressed: var(--hop-upsell-surface-press);
1599
+ --hop-Button-upsell-border: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color);
1600
+ --hop-Button-upsell-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-hover);
1601
+ --hop-Button-upsell-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-upsell-background-color-pressed);
1602
+ --hop-Button-upsell-spinner-color: var(--hop-upsell-icon);
1603
+ --hop-Button-danger-color: var(--hop-danger-text-strong);
1604
+ --hop-Button-danger-color-hover: var(--hop-danger-text-strong-hover);
1605
+ --hop-Button-danger-color-pressed: var(--hop-danger-text-strong-hover);
1606
+ --hop-Button-danger-background-color: var(--hop-danger-surface-strong);
1607
+ --hop-Button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1608
+ --hop-Button-danger-background-color-pressed: var(--hop-danger-surface-press);
1609
+ --hop-Button-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color);
1610
+ --hop-Button-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-hover);
1611
+ --hop-Button-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-danger-background-color-pressed);
1612
+ --hop-Button-danger-spinner-color: var(--hop-primary-icon-strong);
1613
+ --hop-Button-ghost-primary-color: var(--hop-primary-text);
1614
+ --hop-Button-ghost-primary-color-hover: var(--hop-primary-text-hover);
1615
+ --hop-Button-ghost-primary-color-pressed: var(--hop-primary-text-press);
1616
+ --hop-Button-ghost-primary-background-color: transparent;
1617
+ --hop-Button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1618
+ --hop-Button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1619
+ --hop-Button-ghost-primary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color);
1620
+ --hop-Button-ghost-primary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-hover);
1621
+ --hop-Button-ghost-primary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-primary-background-color-pressed);
1622
+ --hop-Button-ghost-primary-spinner-color: var(--hop-neutral-icon);
1623
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
1624
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
1625
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
1626
+ --hop-Button-ghost-secondary-background-color: transparent;
1627
+ --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1628
+ --hop-Button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1629
+ --hop-Button-ghost-secondary-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color);
1630
+ --hop-Button-ghost-secondary-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-hover);
1631
+ --hop-Button-ghost-secondary-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-secondary-background-color-pressed);
1632
+ --hop-Button-ghost-secondary-spinner-color: var(--hop-neutral-icon);
1633
+ --hop-Button-ghost-danger-color: var(--hop-danger-text-weak);
1634
+ --hop-Button-ghost-danger-color-hover: var(--hop-danger-text-hover);
1635
+ --hop-Button-ghost-danger-color-pressed: var(--hop-danger-text-press);
1636
+ --hop-Button-ghost-danger-background-color: transparent;
1637
+ --hop-Button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1638
+ --hop-Button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1639
+ --hop-Button-ghost-danger-border: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color);
1640
+ --hop-Button-ghost-danger-border-hover: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-hover);
1641
+ --hop-Button-ghost-danger-border-pressed: var(--hop-Button-border-size) solid var(--hop-Button-ghost-danger-background-color-pressed);
1642
+ --hop-Button-ghost-danger-spinner-color: var(--hop-neutral-icon);
1643
+ --inline-size: max-content;
1644
+ --block-size: var(--hop-Button-md-height);
1645
+ --background-color: var(--hop-primary-surface-strong);
1646
+ --color: var(--hop-primary-text-strong);
1647
+ --column-gap: var(--hop-Button-column-gap);
1648
+ --spinner: var(--hop-primary-icon-strong);
1649
+ --border: 0;
1650
+ --padding: var(--hop-Button-md-padding);
1651
+ --text-underline: none;
1652
+ cursor: pointer;
1627
1653
  position: relative;
1654
+ overflow: hidden;
1655
+ display: flex;
1656
+ column-gap: var(--column-gap);
1657
+ align-items: center;
1658
+ justify-content: center;
1659
+ box-sizing: border-box;
1660
+ inline-size: var(--inline-size);
1661
+ block-size: var(--block-size);
1662
+ padding: var(--padding);
1663
+ color: var(--color);
1664
+ text-decoration: none;
1665
+ white-space: nowrap;
1666
+ background-color: var(--background-color);
1667
+ border: var(--border);
1668
+ border-radius: var(--hop-Button-border-radius);
1669
+ outline: none;
1670
+ outline-offset: var(--hop-Button-outline-size);
1671
+ transition:
1672
+ color var(--hop-easing-duration-2) var(--hop-easing-productive),
1673
+ background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
1674
+ border var(--hop-easing-duration-2) var(--hop-easing-productive);
1675
+ }
1676
+ .Button-module__hop-Button--fluid___yrsMn {
1677
+ --inline-size: 100%;
1678
+ }
1679
+ .Button-module__hop-Button--sm___MqqBM {
1680
+ --block-size: var(--hop-Button-sm-height);
1681
+ --padding: var(--hop-Button-sm-padding);
1682
+ }
1683
+ .Button-module__hop-Button--sm___MqqBM[class*=--ghost] {
1684
+ --padding: var(--hop-Button-ghost-sm-padding);
1685
+ }
1686
+ .Button-module__hop-Button--md___689QA[class*=--ghost] {
1687
+ --padding: var(--hop-Button-ghost-md-padding);
1688
+ }
1689
+ .Button-module__hop-Button--icon-only___mnrYP {
1690
+ --column-gap: var(--hop-Button-icon-only-column-gap);
1691
+ --padding: var(--hop-Button-icon-only-padding);
1692
+ aspect-ratio: 1;
1693
+ }
1694
+ .Button-module__hop-Button--primary___i4wgt {
1695
+ --background-color: var(--hop-Button-primary-background-color);
1696
+ --color: var(--hop-Button-primary-color);
1697
+ --border: var(--hop-Button-primary-border);
1698
+ --spinner-color: var(--hop-Button-primary-spinner-color);
1699
+ }
1700
+ .Button-module__hop-Button--primary___i4wgt[data-hovered],
1701
+ .Button-module__hop-Button--primary___i4wgt[data-focus-visible] {
1702
+ --background-color: var(--hop-Button-primary-background-color-hover);
1703
+ --color: var(--hop-Button-primary-color-hover);
1704
+ --border: var(--hop-Button-primary-border-hover);
1705
+ }
1706
+ .Button-module__hop-Button--primary___i4wgt[data-pressed] {
1707
+ --background-color: var(--hop-Button-primary-background-color-pressed);
1708
+ --color: var(--hop-Button-primary-color-pressed);
1709
+ --border: var(--hop-Button-primary-border-pressed);
1710
+ }
1711
+ .Button-module__hop-Button--secondary___aTxQ5 {
1712
+ --background-color: var(--hop-Button-secondary-background-color);
1713
+ --color: var(--hop-Button-secondary-color);
1714
+ --border: var(--hop-Button-secondary-border);
1715
+ --spinner-color: var(--hop-Button-secondary-spinner-color);
1716
+ }
1717
+ .Button-module__hop-Button--secondary___aTxQ5[data-hovered],
1718
+ .Button-module__hop-Button--secondary___aTxQ5[data-focus-visible] {
1719
+ --background-color: var(--hop-Button-secondary-background-color-hover);
1720
+ --color: var(--hop-Button-secondary-color-hover);
1721
+ --border: var(--hop-Button-secondary-border-hover);
1722
+ }
1723
+ .Button-module__hop-Button--secondary___aTxQ5[data-pressed] {
1724
+ --background-color: var(--hop-Button-secondary-background-color-pressed);
1725
+ --color: var(--hop-Button-secondary-color-pressed);
1726
+ --border: var(--hop-Button-secondary-border-pressed);
1727
+ }
1728
+ .Button-module__hop-Button--upsell___VdxM3 {
1729
+ --background-color: var(--hop-Button-upsell-background-color);
1730
+ --color: var(--hop-Button-upsell-color);
1731
+ --border: var(--hop-Button-upsell-border);
1732
+ --spinner-color: var(--hop-Button-upsell-spinner-color);
1733
+ }
1734
+ .Button-module__hop-Button--upsell___VdxM3[data-hovered],
1735
+ .Button-module__hop-Button--upsell___VdxM3[data-focus-visible] {
1736
+ --background-color: var(--hop-Button-upsell-background-color-hover);
1737
+ --color: var(--hop-Button-upsell-color-hover);
1738
+ --border: var(--hop-Button-upsell-border-hover);
1739
+ }
1740
+ .Button-module__hop-Button--upsell___VdxM3[data-pressed] {
1741
+ --background-color: var(--hop-Button-upsell-background-color-pressed);
1742
+ --color: var(--hop-Button-upsell-color-pressed);
1743
+ --border: var(--hop-Button-upsell-border-pressed);
1744
+ }
1745
+ .Button-module__hop-Button--danger___U0g6u {
1746
+ --background-color: var(--hop-Button-danger-background-color);
1747
+ --color: var(--hop-Button-danger-color);
1748
+ --border: var(--hop-Button-danger-border);
1749
+ --spinner-color: var(--hop-Button-danger-spinner-color);
1750
+ }
1751
+ .Button-module__hop-Button--danger___U0g6u[data-hovered],
1752
+ .Button-module__hop-Button--danger___U0g6u[data-focus-visible] {
1753
+ --background-color: var(--hop-Button-danger-background-color-hover);
1754
+ --color: var(--hop-Button-danger-color-hover);
1755
+ --border: var(--hop-Button-danger-border-hover);
1756
+ }
1757
+ .Button-module__hop-Button--danger___U0g6u[data-pressed] {
1758
+ --background-color: var(--hop-Button-danger-background-color-pressed);
1759
+ --color: var(--hop-Button-danger-color-pressed);
1760
+ --border: var(--hop-Button-danger-border-pressed);
1761
+ }
1762
+ .Button-module__hop-Button--ghost-primary___R3YQO {
1763
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1764
+ --color: var(--hop-Button-ghost-primary-color);
1765
+ --border: var(--hop-Button-ghost-primary-border);
1766
+ --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1767
+ }
1768
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-hovered],
1769
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-focus-visible] {
1770
+ --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1771
+ --color: var(--hop-Button-ghost-primary-color-hover);
1772
+ --border: var(--hop-Button-ghost-primary-border-hover);
1773
+ --text-underline: underline;
1774
+ }
1775
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pressed] {
1776
+ --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1777
+ --color: var(--hop-Button-ghost-primary-color-pressed);
1778
+ --border: var(--hop-Button-ghost-primary-border-pressed);
1779
+ --text-underline: underline;
1780
+ }
1781
+ .Button-module__hop-Button--ghost-secondary___0IoPr {
1782
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1783
+ --color: var(--hop-Button-ghost-secondary-color);
1784
+ --border: var(--hop-Button-ghost-secondary-border);
1785
+ --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1786
+ }
1787
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-hovered],
1788
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-focus-visible] {
1789
+ --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1790
+ --color: var(--hop-Button-ghost-secondary-color-hover);
1791
+ --border: var(--hop-Button-ghost-secondary-border-hover);
1792
+ --text-underline: underline;
1793
+ }
1794
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pressed] {
1795
+ --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1796
+ --color: var(--hop-Button-ghost-secondary-color-pressed);
1797
+ --border: var(--hop-Button-ghost-secondary-border-pressed);
1798
+ --text-underline: underline;
1799
+ }
1800
+ .Button-module__hop-Button--ghost-danger___-3oFp {
1801
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1802
+ --color: var(--hop-Button-ghost-danger-color);
1803
+ --border: var(--hop-Button-ghost-danger-border);
1804
+ --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1805
+ }
1806
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-hovered],
1807
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-focus-visible] {
1808
+ --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1809
+ --color: var(--hop-Button-ghost-danger-color-hover);
1810
+ --border: var(--hop-Button-ghost-danger-border-hover);
1811
+ --text-underline: underline;
1812
+ }
1813
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pressed] {
1814
+ --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1815
+ --color: var(--hop-Button-ghost-danger-color-pressed);
1816
+ --border: var(--hop-Button-ghost-danger-border-pressed);
1817
+ --text-underline: underline;
1818
+ }
1819
+ .Button-module__hop-Button___y82Y5[data-focus-visible] {
1820
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
1821
+ }
1822
+ .Button-module__hop-Button___y82Y5[data-disabled],
1823
+ .Button-module__hop-Button___y82Y5[data-pending] {
1824
+ cursor: not-allowed;
1825
+ }
1826
+ .Button-module__hop-Button___y82Y5[data-disabled] {
1827
+ --background-color: var(--hop-Button-background-color-disabled);
1828
+ --color: var(--hop-Button-color-disabled);
1829
+ --border: var(--hop-Button-border-disabled);
1830
+ }
1831
+ .Button-module__hop-Button___y82Y5[class*=--ghost][data-disabled] {
1832
+ --background-color: var(--hop-Button-ghost-background-color-disabled);
1833
+ --color: var(--hop-Button-ghost-color-disabled);
1834
+ --border: var(--hop-Button-ghost-border-disabled);
1835
+ }
1836
+ .Button-module__hop-Button--primary___i4wgt[data-pending] {
1837
+ --background-color: var(--hop-Button-primary-background-color);
1838
+ --color: var(--hop-Button-primary-color);
1839
+ --border: var(--hop-Button-primary-border);
1840
+ }
1841
+ .Button-module__hop-Button--secondary___aTxQ5[data-pending] {
1842
+ --background-color: var(--hop-Button-secondary-background-color);
1843
+ --color: var(--hop-Button-secondary-color);
1844
+ --border: var(--hop-Button-secondary-border);
1845
+ }
1846
+ .Button-module__hop-Button--upsell___VdxM3[data-pending] {
1847
+ --background-color: var(--hop-Button-upsell-background-color);
1848
+ --color: var(--hop-Button-upsell-color);
1849
+ --border: var(--hop-Button-upsell-border);
1850
+ }
1851
+ .Button-module__hop-Button--danger___U0g6u[data-pending] {
1852
+ --background-color: var(--hop-Button-danger-background-color);
1853
+ --color: var(--hop-Button-danger-color);
1854
+ --border: var(--hop-Button-danger-border);
1855
+ }
1856
+ .Button-module__hop-Button--ghost-primary___R3YQO[data-pending] {
1857
+ --background-color: var(--hop-Button-ghost-primary-background-color);
1858
+ --color: var(--hop-Button-ghost-primary-color);
1859
+ --border: var(--hop-Button-ghost-primary-border);
1860
+ --text-underline: none;
1861
+ }
1862
+ .Button-module__hop-Button--ghost-secondary___0IoPr[data-pending] {
1863
+ --background-color: var(--hop-Button-ghost-secondary-background-color);
1864
+ --color: var(--hop-Button-ghost-secondary-color);
1865
+ --border: var(--hop-Button-ghost-secondary-border);
1866
+ --text-underline: none;
1867
+ }
1868
+ .Button-module__hop-Button--ghost-danger___-3oFp[data-pending] {
1869
+ --background-color: var(--hop-Button-ghost-danger-background-color);
1870
+ --color: var(--hop-Button-ghost-danger-color);
1871
+ --border: var(--hop-Button-ghost-danger-border);
1872
+ --text-underline: none;
1873
+ }
1874
+ .Button-module__hop-Button__Spinner___iIz-g {
1875
+ position: absolute;
1876
+ color: var(--spinner-color);
1877
+ }
1878
+ .Button-module__hop-Button__icon___ol4xI,
1879
+ .Button-module__hop-Button__icon-list___wcA7Z {
1880
+ flex: 0 0 auto;
1881
+ justify-self: end;
1882
+ order: 1;
1883
+ }
1884
+ .Button-module__hop-Button__text___8Y-6a {
1885
+ user-select: none;
1886
+ overflow: visible;
1887
+ flex: 0 1 auto;
1888
+ order: 2;
1889
+ font-weight: var(--hop-font-weight-505);
1890
+ text-decoration: var(--text-underline);
1891
+ text-underline-offset: 0.125rem;
1892
+ text-wrap: nowrap;
1893
+ }
1894
+ .Button-module__hop-Button__end-icon___UD9RU,
1895
+ .Button-module__hop-Button__end-icon-list___2-25Q {
1896
+ flex: 0 0 auto;
1897
+ order: 3;
1898
+ }
1899
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__icon-list___wcA7Z,
1900
+ .Button-module__hop-Button___y82Y5 .Button-module__hop-Button__end-icon-list___2-25Q {
1901
+ flex-wrap: nowrap;
1902
+ }
1903
+ .Button-module__hop-Button___y82Y5[data-pending] > *:not(.Button-module__hop-Button__Spinner___iIz-g) {
1904
+ opacity: 0;
1905
+ }
1906
+ .LinkButton-module__hop-LinkButton___AJ7uv {
1907
+ }
1908
+ .LinkButton-module__hop-LinkButton--fluid___eUTM2 {
1909
+ }
1910
+ .LinkButton-module__hop-LinkButton--sm___304eI {
1911
+ }
1912
+ .LinkButton-module__hop-LinkButton--icon-only___ejsSp {
1913
+ }
1914
+ .LinkButton-module__hop-LinkButton--primary___Hh1-L {
1915
+ }
1916
+ .LinkButton-module__hop-LinkButton--secondary___v6hRn {
1917
+ }
1918
+ .LinkButton-module__hop-LinkButton--upsell___sT6J9 {
1919
+ }
1920
+ .LinkButton-module__hop-LinkButton--danger___2i8Ov {
1921
+ }
1922
+ .LinkButton-module__hop-LinkButton--ghost-primary___jL-l- {
1923
+ }
1924
+ .LinkButton-module__hop-LinkButton--ghost-secondary___Ng0Vv {
1925
+ }
1926
+ .LinkButton-module__hop-LinkButton--ghost-danger___tckjJ {
1927
+ }
1928
+ .LinkButton-module__hop-LinkButton__Spinner___oKMl8 {
1929
+ }
1930
+ .LinkButton-module__hop-LinkButton__icon___uBdH-,
1931
+ .LinkButton-module__hop-LinkButton__icon-list___elfO1 {
1932
+ }
1933
+ .LinkButton-module__hop-LinkButton__text___3bvOv {
1934
+ }
1935
+ .LinkButton-module__hop-LinkButton__end-icon___EsYoO,
1936
+ .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1937
+ }
1938
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__icon-list___elfO1,
1939
+ .LinkButton-module__hop-LinkButton___AJ7uv .LinkButton-module__hop-LinkButton__end-icon-list___FsZjl {
1940
+ flex-wrap: nowrap;
1628
1941
  }
1629
1942
 
1630
1943
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1631
- .Checkbox-module__hop-Checkbox___CzO1h {
1944
+ .Checkbox-module__hop-Checkbox___BAZW7 {
1632
1945
  --hop-Checkbox-box-border-size: 0.0625rem;
1633
1946
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1634
1947
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1703,60 +2016,60 @@
1703
2016
  inline-size: max-content;
1704
2017
  max-inline-size: 100%;
1705
2018
  }
1706
- .Checkbox-module__hop-Checkbox___CzO1h[data-focus-visible] {
2019
+ .Checkbox-module__hop-Checkbox___BAZW7[data-focus-visible] {
1707
2020
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1708
2021
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1709
2022
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1710
2023
  --text-color: var(--hop-Checkbox-text-color-focused);
1711
2024
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1712
2025
  }
1713
- .Checkbox-module__hop-Checkbox___CzO1h[data-hovered] {
2026
+ .Checkbox-module__hop-Checkbox___BAZW7[data-hovered] {
1714
2027
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1715
2028
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1716
2029
  --text-color: var(--hop-Checkbox-text-color-hovered);
1717
2030
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1718
2031
  }
1719
- .Checkbox-module__hop-Checkbox___CzO1h[data-pressed] {
2032
+ .Checkbox-module__hop-Checkbox___BAZW7[data-pressed] {
1720
2033
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1721
2034
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1722
2035
  --text-color: var(--hop-Checkbox-text-color-pressed);
1723
2036
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1724
2037
  }
1725
- .Checkbox-module__hop-Checkbox___CzO1h[data-selected] {
2038
+ .Checkbox-module__hop-Checkbox___BAZW7[data-selected] {
1726
2039
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1727
2040
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1728
2041
  --check-display: var(--hop-Checkbox-check-display-selected);
1729
2042
  --text-color: var(--hop-Checkbox-text-color-selected);
1730
2043
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1731
2044
  }
1732
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid] {
2045
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid] {
1733
2046
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1734
2047
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1735
2048
  --check-color: var(--hop-Checkbox-check-color-invalid);
1736
2049
  --text-color: var(--hop-Checkbox-text-color-invalid);
1737
2050
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1738
2051
  }
1739
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-focus-visible]) {
2052
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-focus-visible]) {
1740
2053
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1741
2054
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1742
2055
  }
1743
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-hovered]) {
2056
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-hovered]) {
1744
2057
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1745
2058
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1746
2059
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1747
2060
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1748
2061
  }
1749
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-pressed]) {
2062
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-pressed]) {
1750
2063
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1751
2064
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1752
2065
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1753
2066
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1754
2067
  }
1755
- .Checkbox-module__hop-Checkbox___CzO1h:where([data-invalid])[data-selected] {
2068
+ .Checkbox-module__hop-Checkbox___BAZW7:where([data-invalid])[data-selected] {
1756
2069
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1757
2070
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1758
2071
  }
1759
- .Checkbox-module__hop-Checkbox___CzO1h[data-disabled] {
2072
+ .Checkbox-module__hop-Checkbox___BAZW7[data-disabled] {
1760
2073
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1761
2074
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1762
2075
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1764,25 +2077,25 @@
1764
2077
  --text-color: var(--hop-Checkbox-text-color-disabled);
1765
2078
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1766
2079
  }
1767
- .Checkbox-module__hop-Checkbox--sm___VcyT6 {
2080
+ .Checkbox-module__hop-Checkbox--sm___YqWaC {
1768
2081
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1769
2082
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1770
2083
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1771
2084
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1772
2085
  }
1773
- .Checkbox-module__hop-Checkbox--md___J3sX8 {
2086
+ .Checkbox-module__hop-Checkbox--md___U5XZP {
1774
2087
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1775
2088
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1776
2089
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1777
2090
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1778
2091
  }
1779
- .Checkbox-module__hop-Checkbox__icon___2OaKH,
1780
- .Checkbox-module__hop-Checkbox__icon-list___zLzmp {
2092
+ .Checkbox-module__hop-Checkbox__icon___KLnth,
2093
+ .Checkbox-module__hop-Checkbox__icon-list___W0H7Z {
1781
2094
  flex: 0 0 auto;
1782
2095
  order: 3;
1783
2096
  color: var(--icon-color);
1784
2097
  }
1785
- .Checkbox-module__hop-Checkbox__box___w4Bp4 {
2098
+ .Checkbox-module__hop-Checkbox__box___S6YLI {
1786
2099
  display: flex;
1787
2100
  flex: 0 0 auto;
1788
2101
  align-items: center;
@@ -1798,11 +2111,11 @@
1798
2111
  outline-offset: 0.125rem;
1799
2112
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1800
2113
  }
1801
- .Checkbox-module__hop-Checkbox__check___i6tFk {
2114
+ .Checkbox-module__hop-Checkbox__check___6XxRa {
1802
2115
  display: var(--check-display);
1803
2116
  color: var(--check-color);
1804
2117
  }
1805
- .Checkbox-module__hop-Checkbox__text___yw7JB {
2118
+ .Checkbox-module__hop-Checkbox__text___IDqT7 {
1806
2119
  flex: 0 1 auto;
1807
2120
  order: 2;
1808
2121
  min-inline-size: 0;
@@ -1812,7 +2125,7 @@
1812
2125
  }
1813
2126
 
1814
2127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1815
- .CheckboxField-module__hop-CheckboxField___-cncn {
2128
+ .CheckboxField-module__hop-CheckboxField___1aGo3 {
1816
2129
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1817
2130
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1818
2131
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1831,28 +2144,28 @@
1831
2144
  inline-size: max-content;
1832
2145
  max-inline-size: 100%;
1833
2146
  }
1834
- .CheckboxField-module__hop-CheckboxField___-cncn[data-disabled] {
2147
+ .CheckboxField-module__hop-CheckboxField___1aGo3[data-disabled] {
1835
2148
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1836
2149
  }
1837
- .CheckboxField-module__hop-CheckboxField--sm___NyzFJ {
2150
+ .CheckboxField-module__hop-CheckboxField--sm___oq2Qa {
1838
2151
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1839
2152
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1840
2153
  }
1841
- .CheckboxField-module__hop-CheckboxField--md___SNi5C {
2154
+ .CheckboxField-module__hop-CheckboxField--md___hMYjs {
1842
2155
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1843
2156
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1844
2157
  }
1845
- .CheckboxField-module__hop-CheckboxField__description___1Swkk {
2158
+ .CheckboxField-module__hop-CheckboxField__description___ebTxh {
1846
2159
  order: 2;
1847
2160
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1848
2161
  color: var(--description-color);
1849
2162
  }
1850
- .CheckboxField-module__hop-CheckboxField__checkbox___9TFNK {
2163
+ .CheckboxField-module__hop-CheckboxField__checkbox___UEj8N {
1851
2164
  order: 1;
1852
2165
  }
1853
2166
 
1854
2167
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
1855
- .ErrorMessage-module__hop-ErrorMessage___qqdy5 {
2168
+ .ErrorMessage-module__hop-ErrorMessage___yhAIF {
1856
2169
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1857
2170
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1858
2171
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1869,13 +2182,13 @@
1869
2182
  line-height: var(--hop-ErrorMessage-line-height);
1870
2183
  color: var(--hop-ErrorMessage-color);
1871
2184
  }
1872
- .ErrorMessage-module__hop-ErrorMessage__icon___ZP8SK {
2185
+ .ErrorMessage-module__hop-ErrorMessage__icon___McOhx {
1873
2186
  flex: 0 0 auto;
1874
2187
  align-self: flex-start;
1875
2188
  }
1876
2189
 
1877
2190
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
1878
- .HelperMessage-module__hop-HelperMessage___MxY3k {
2191
+ .HelperMessage-module__hop-HelperMessage___cDya6 {
1879
2192
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1880
2193
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1881
2194
  display: flex;
@@ -1884,13 +2197,13 @@
1884
2197
  box-sizing: border-box;
1885
2198
  color: var(--hop-HelperMessage-color);
1886
2199
  }
1887
- .HelperMessage-module__hop-HelperMessage__icon___J4cU2 {
2200
+ .HelperMessage-module__hop-HelperMessage__icon___CIGmx {
1888
2201
  flex: 0 0 auto;
1889
2202
  align-self: flex-start;
1890
2203
  }
1891
2204
 
1892
2205
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1893
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg {
2206
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 {
1894
2207
  --hop-CheckboxGroup-align-items: flex-start;
1895
2208
  --hop-CheckboxGroup-justify-content: flex-start;
1896
2209
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1929,46 +2242,46 @@
1929
2242
  inline-size: max-content;
1930
2243
  max-inline-size: 100%;
1931
2244
  }
1932
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l {
2245
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad {
1933
2246
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1934
2247
  --list-border-radius: var(--hop-shape-rounded-md);
1935
2248
  }
1936
- .CheckboxGroup-module__hop-CheckboxGroup--sm___BKkso {
2249
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___OpNi3 {
1937
2250
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1938
2251
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1939
2252
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1940
2253
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1941
2254
  }
1942
- .CheckboxGroup-module__hop-CheckboxGroup--md___xkOXw {
2255
+ .CheckboxGroup-module__hop-CheckboxGroup--md___orn6Z {
1943
2256
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1944
2257
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1945
2258
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1946
2259
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1947
2260
  }
1948
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l.CheckboxGroup-module__hop-CheckboxGroup--sm___BKkso {
2261
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad.CheckboxGroup-module__hop-CheckboxGroup--sm___OpNi3 {
1949
2262
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1950
2263
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1951
2264
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1952
2265
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1953
2266
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1954
2267
  }
1955
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l.CheckboxGroup-module__hop-CheckboxGroup--md___xkOXw {
2268
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad.CheckboxGroup-module__hop-CheckboxGroup--md___orn6Z {
1956
2269
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1957
2270
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1958
2271
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1959
2272
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1960
2273
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1961
2274
  }
1962
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg[data-orientation=horizontal] {
2275
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4[data-orientation=horizontal] {
1963
2276
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1964
2277
  }
1965
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l[data-orientation=horizontal] {
2278
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=horizontal] {
1966
2279
  --flex-wrap: nowrap;
1967
2280
  }
1968
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg > .CheckboxGroup-module__hop-CheckboxGroup__label___W1Nwe {
2281
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__label___VT-Jc {
1969
2282
  order: 1;
1970
2283
  }
1971
- .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR {
2284
+ .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs {
1972
2285
  display: flex;
1973
2286
  flex-flow: var(--flex-direction) var(--flex-wrap);
1974
2287
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1979,7 +2292,7 @@
1979
2292
  border: var(--list-border, none);
1980
2293
  border-radius: var(--list-border-radius, 0);
1981
2294
  }
1982
- .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 {
2295
+ .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- {
1983
2296
  position: relative;
1984
2297
  flex: 0 1 auto;
1985
2298
  align-content: start;
@@ -1987,28 +2300,28 @@
1987
2300
  min-inline-size: 0;
1988
2301
  padding: var(--checkbox-padding, 0);
1989
2302
  }
1990
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9::before {
2303
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
1991
2304
  content: "";
1992
2305
  position: absolute;
1993
2306
  display: block;
1994
2307
  }
1995
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9::before {
2308
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
1996
2309
  inset-block-start: 0;
1997
2310
  inset-inline: 0;
1998
2311
  border-block-start: var(--list-border, none);
1999
2312
  }
2000
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___41I-l[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___QyVVR > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___C5of9::before {
2313
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___u7Qad[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___xGgvs > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___18s2-::before {
2001
2314
  inset-block: 0;
2002
2315
  inset-inline-start: 0;
2003
2316
  border-inline-start: var(--list-border, none);
2004
2317
  }
2005
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg > .CheckboxGroup-module__hop-CheckboxGroup__error-message___QSt4A,
2006
- .CheckboxGroup-module__hop-CheckboxGroup___WPTzg > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gp9QD {
2318
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Tb1J3,
2319
+ .CheckboxGroup-module__hop-CheckboxGroup___TY0L4 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___oiDoF {
2007
2320
  order: 3;
2008
2321
  }
2009
2322
 
2010
2323
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
2011
- .Checkbox-module__hop-Checkbox___CzO1h {
2324
+ .Checkbox-module__hop-Checkbox___BAZW7 {
2012
2325
  --hop-Checkbox-box-border-size: 0.0625rem;
2013
2326
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
2014
2327
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -2083,60 +2396,60 @@
2083
2396
  inline-size: max-content;
2084
2397
  max-inline-size: 100%;
2085
2398
  }
2086
- .Checkbox-module__hop-Checkbox___CzO1h[data-focus-visible] {
2399
+ .Checkbox-module__hop-Checkbox___BAZW7[data-focus-visible] {
2087
2400
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
2088
2401
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
2089
2402
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
2090
2403
  --text-color: var(--hop-Checkbox-text-color-focused);
2091
2404
  --icon-color: var(--hop-Checkbox-icon-color-focused);
2092
2405
  }
2093
- .Checkbox-module__hop-Checkbox___CzO1h[data-hovered] {
2406
+ .Checkbox-module__hop-Checkbox___BAZW7[data-hovered] {
2094
2407
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
2095
2408
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
2096
2409
  --text-color: var(--hop-Checkbox-text-color-hovered);
2097
2410
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
2098
2411
  }
2099
- .Checkbox-module__hop-Checkbox___CzO1h[data-pressed] {
2412
+ .Checkbox-module__hop-Checkbox___BAZW7[data-pressed] {
2100
2413
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
2101
2414
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
2102
2415
  --text-color: var(--hop-Checkbox-text-color-pressed);
2103
2416
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
2104
2417
  }
2105
- .Checkbox-module__hop-Checkbox___CzO1h[data-selected] {
2418
+ .Checkbox-module__hop-Checkbox___BAZW7[data-selected] {
2106
2419
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
2107
2420
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
2108
2421
  --check-display: var(--hop-Checkbox-check-display-selected);
2109
2422
  --text-color: var(--hop-Checkbox-text-color-selected);
2110
2423
  --icon-color: var(--hop-Checkbox-icon-color-selected);
2111
2424
  }
2112
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid] {
2425
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid] {
2113
2426
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
2114
2427
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
2115
2428
  --check-color: var(--hop-Checkbox-check-color-invalid);
2116
2429
  --text-color: var(--hop-Checkbox-text-color-invalid);
2117
2430
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
2118
2431
  }
2119
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-focus-visible]) {
2432
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-focus-visible]) {
2120
2433
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
2121
2434
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
2122
2435
  }
2123
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-hovered]) {
2436
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-hovered]) {
2124
2437
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
2125
2438
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
2126
2439
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
2127
2440
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
2128
2441
  }
2129
- .Checkbox-module__hop-Checkbox___CzO1h[data-invalid]:where([data-pressed]) {
2442
+ .Checkbox-module__hop-Checkbox___BAZW7[data-invalid]:where([data-pressed]) {
2130
2443
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
2131
2444
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
2132
2445
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
2133
2446
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
2134
2447
  }
2135
- .Checkbox-module__hop-Checkbox___CzO1h:where([data-invalid])[data-selected] {
2448
+ .Checkbox-module__hop-Checkbox___BAZW7:where([data-invalid])[data-selected] {
2136
2449
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
2137
2450
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
2138
2451
  }
2139
- .Checkbox-module__hop-Checkbox___CzO1h[data-disabled] {
2452
+ .Checkbox-module__hop-Checkbox___BAZW7[data-disabled] {
2140
2453
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
2141
2454
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
2142
2455
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -2144,25 +2457,25 @@
2144
2457
  --text-color: var(--hop-Checkbox-text-color-disabled);
2145
2458
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
2146
2459
  }
2147
- .Checkbox-module__hop-Checkbox--sm___VcyT6 {
2460
+ .Checkbox-module__hop-Checkbox--sm___YqWaC {
2148
2461
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
2149
2462
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
2150
2463
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
2151
2464
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
2152
2465
  }
2153
- .Checkbox-module__hop-Checkbox--md___J3sX8 {
2466
+ .Checkbox-module__hop-Checkbox--md___U5XZP {
2154
2467
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
2155
2468
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
2156
2469
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
2157
2470
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
2158
2471
  }
2159
- .Checkbox-module__hop-Checkbox__icon___2OaKH,
2160
- .Checkbox-module__hop-Checkbox__icon-list___zLzmp {
2472
+ .Checkbox-module__hop-Checkbox__icon___KLnth,
2473
+ .Checkbox-module__hop-Checkbox__icon-list___W0H7Z {
2161
2474
  flex: 0 0 auto;
2162
2475
  order: 3;
2163
2476
  color: var(--icon-color);
2164
2477
  }
2165
- .Checkbox-module__hop-Checkbox__box___w4Bp4 {
2478
+ .Checkbox-module__hop-Checkbox__box___S6YLI {
2166
2479
  display: flex;
2167
2480
  flex: 0 0 auto;
2168
2481
  align-items: center;
@@ -2178,11 +2491,11 @@
2178
2491
  outline-offset: 0.125rem;
2179
2492
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2180
2493
  }
2181
- .Checkbox-module__hop-Checkbox__check___i6tFk {
2494
+ .Checkbox-module__hop-Checkbox__check___6XxRa {
2182
2495
  display: var(--check-display);
2183
2496
  color: var(--check-color);
2184
2497
  }
2185
- .Checkbox-module__hop-Checkbox__text___yw7JB {
2498
+ .Checkbox-module__hop-Checkbox__text___IDqT7 {
2186
2499
  flex: 0 1 auto;
2187
2500
  order: 2;
2188
2501
  min-inline-size: 0;
@@ -2190,24 +2503,24 @@
2190
2503
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
2191
2504
  color: var(--text-color);
2192
2505
  }
2193
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___KOwWB {
2506
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___7G-qd {
2194
2507
  }
2195
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___Wwf-t {
2508
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___FiN5k {
2196
2509
  }
2197
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___yLA7z {
2510
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Iy3nN {
2198
2511
  }
2199
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___DW-Ps,
2200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___8n8C5 {
2512
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___fB5K6,
2513
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___tpof1 {
2201
2514
  }
2202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___HqnCq {
2515
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-VWj4 {
2203
2516
  }
2204
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___IGtcx {
2517
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___lCcKA {
2205
2518
  }
2206
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___bHHxl {
2519
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___oCixZ {
2207
2520
  }
2208
2521
 
2209
2522
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
2210
- .Radio-module__hop-Radio___Gt8zz {
2523
+ .Radio-module__hop-Radio___XpuQG {
2211
2524
  --hop-Radio-box-border-size: 0.0625rem;
2212
2525
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2213
2526
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2281,60 +2594,60 @@
2281
2594
  inline-size: max-content;
2282
2595
  max-inline-size: 100%;
2283
2596
  }
2284
- .Radio-module__hop-Radio___Gt8zz[data-focus-visible] {
2597
+ .Radio-module__hop-Radio___XpuQG[data-focus-visible] {
2285
2598
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2286
2599
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2287
2600
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2288
2601
  --text-color: var(--hop-Radio-text-color-focused);
2289
2602
  --icon-color: var(--hop-Radio-icon-color-focused);
2290
2603
  }
2291
- .Radio-module__hop-Radio___Gt8zz[data-hovered] {
2604
+ .Radio-module__hop-Radio___XpuQG[data-hovered] {
2292
2605
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2293
2606
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2294
2607
  --text-color: var(--hop-Radio-text-color-hovered);
2295
2608
  --icon-color: var(--hop-Radio-icon-color-hovered);
2296
2609
  }
2297
- .Radio-module__hop-Radio___Gt8zz[data-pressed] {
2610
+ .Radio-module__hop-Radio___XpuQG[data-pressed] {
2298
2611
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2299
2612
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2300
2613
  --text-color: var(--hop-Radio-text-color-pressed);
2301
2614
  --icon-color: var(--hop-Radio-icon-color-pressed);
2302
2615
  }
2303
- .Radio-module__hop-Radio___Gt8zz[data-selected] {
2616
+ .Radio-module__hop-Radio___XpuQG[data-selected] {
2304
2617
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2305
2618
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2306
2619
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2307
2620
  --text-color: var(--hop-Radio-text-color-selected);
2308
2621
  --icon-color: var(--hop-Radio-icon-color-selected);
2309
2622
  }
2310
- .Radio-module__hop-Radio___Gt8zz[data-invalid] {
2623
+ .Radio-module__hop-Radio___XpuQG[data-invalid] {
2311
2624
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2312
2625
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2313
2626
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2314
2627
  --text-color: var(--hop-Radio-text-color-invalid);
2315
2628
  --icon-color: var(--hop-Radio-icon-color-invalid);
2316
2629
  }
2317
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-focus-visible] {
2630
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-focus-visible] {
2318
2631
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2319
2632
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2320
2633
  }
2321
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-hovered] {
2634
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-hovered] {
2322
2635
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2323
2636
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2324
2637
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2325
2638
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2326
2639
  }
2327
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-pressed] {
2640
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-pressed] {
2328
2641
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2329
2642
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2330
2643
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2331
2644
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2332
2645
  }
2333
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-selected] {
2646
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-selected] {
2334
2647
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2335
2648
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2336
2649
  }
2337
- .Radio-module__hop-Radio___Gt8zz[data-disabled] {
2650
+ .Radio-module__hop-Radio___XpuQG[data-disabled] {
2338
2651
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2339
2652
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2340
2653
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2342,25 +2655,25 @@
2342
2655
  --text-color: var(--hop-Radio-text-color-disabled);
2343
2656
  --icon-color: var(--hop-Radio-icon-color-disabled);
2344
2657
  }
2345
- .Radio-module__hop-Radio--sm___09Mx- {
2658
+ .Radio-module__hop-Radio--sm___qIPmE {
2346
2659
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2347
2660
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2348
2661
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2349
2662
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2350
2663
  }
2351
- .Radio-module__hop-Radio--md___9P-QN {
2664
+ .Radio-module__hop-Radio--md___A8z-9 {
2352
2665
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2353
2666
  --box-block-size: var(--hop-Radio-box-md-block-size);
2354
2667
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2355
2668
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2356
2669
  }
2357
- .Radio-module__hop-Radio__icon___Qk--g,
2358
- .Radio-module__hop-Radio__icon-list___f-HBt {
2670
+ .Radio-module__hop-Radio__icon___yeuXg,
2671
+ .Radio-module__hop-Radio__icon-list___eS0dh {
2359
2672
  flex: 0 0 auto;
2360
2673
  order: 3;
2361
2674
  color: var(--icon-color);
2362
2675
  }
2363
- .Radio-module__hop-Radio__box___h6dfa {
2676
+ .Radio-module__hop-Radio__box___W7AH6 {
2364
2677
  display: flex;
2365
2678
  flex: 0 0 auto;
2366
2679
  align-items: center;
@@ -2376,11 +2689,11 @@
2376
2689
  outline-offset: 0.125rem;
2377
2690
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2378
2691
  }
2379
- .Radio-module__hop-Radio__bullet___Dzw-Q {
2692
+ .Radio-module__hop-Radio__bullet___lXZ2T {
2380
2693
  display: var(--bullet-display);
2381
2694
  color: var(--bullet-color);
2382
2695
  }
2383
- .Radio-module__hop-Radio__text___hKaTF {
2696
+ .Radio-module__hop-Radio__text___-d-rN {
2384
2697
  flex: 0 1 auto;
2385
2698
  order: 2;
2386
2699
  min-inline-size: 0;
@@ -2390,7 +2703,7 @@
2390
2703
  }
2391
2704
 
2392
2705
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2393
- .RadioField-module__hop-RadioField___BXIJy {
2706
+ .RadioField-module__hop-RadioField___adhih {
2394
2707
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2395
2708
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2396
2709
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2409,28 +2722,28 @@
2409
2722
  inline-size: max-content;
2410
2723
  max-inline-size: 100%;
2411
2724
  }
2412
- .RadioField-module__hop-RadioField___BXIJy[data-disabled] {
2725
+ .RadioField-module__hop-RadioField___adhih[data-disabled] {
2413
2726
  --description-color: var(--hop-RadioField-description-color-disabled);
2414
2727
  }
2415
- .RadioField-module__hop-RadioField--sm___04Cza {
2728
+ .RadioField-module__hop-RadioField--sm___nqA-p {
2416
2729
  --row-gap: var(--hop-RadioField-sm-row-gap);
2417
2730
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2418
2731
  }
2419
- .RadioField-module__hop-RadioField--md___UjlGp {
2732
+ .RadioField-module__hop-RadioField--md___Nu70w {
2420
2733
  --row-gap: var(--hop-RadioField-md-row-gap);
2421
2734
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2422
2735
  }
2423
- .RadioField-module__hop-RadioField__description___RWABI {
2736
+ .RadioField-module__hop-RadioField__description___Gdp-x {
2424
2737
  order: 2;
2425
2738
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2426
2739
  color: var(--description-color);
2427
2740
  }
2428
- .RadioField-module__hop-RadioField__radio___KReIM {
2741
+ .RadioField-module__hop-RadioField__radio___vV0V7 {
2429
2742
  order: 1;
2430
2743
  }
2431
2744
 
2432
2745
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2433
- .RadioGroup-module__hop-RadioGroup___XlT-J {
2746
+ .RadioGroup-module__hop-RadioGroup___2wZA0 {
2434
2747
  --hop-RadioGroup-align-items: flex-start;
2435
2748
  --hop-RadioGroup-justify-content: flex-start;
2436
2749
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -2470,46 +2783,46 @@
2470
2783
  inline-size: var(--inline-size);
2471
2784
  max-inline-size: 100%;
2472
2785
  }
2473
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH {
2786
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg {
2474
2787
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
2475
2788
  --list-border-radius: var(--hop-shape-rounded-md);
2476
2789
  }
2477
- .RadioGroup-module__hop-RadioGroup--sm___-fS2N {
2790
+ .RadioGroup-module__hop-RadioGroup--sm___frU7B {
2478
2791
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
2479
2792
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
2480
2793
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2481
2794
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2482
2795
  }
2483
- .RadioGroup-module__hop-RadioGroup--md___gpiyf {
2796
+ .RadioGroup-module__hop-RadioGroup--md___80FWT {
2484
2797
  --column-gap: var(--hop-RadioGroup-md-column-gap);
2485
2798
  --row-gap: var(--hop-RadioGroup-md-row-gap);
2486
2799
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2487
2800
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2488
2801
  }
2489
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH.RadioGroup-module__hop-RadioGroup--sm___-fS2N {
2802
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg.RadioGroup-module__hop-RadioGroup--sm___frU7B {
2490
2803
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2491
2804
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2492
2805
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2493
2806
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2494
2807
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2495
2808
  }
2496
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH.RadioGroup-module__hop-RadioGroup--md___gpiyf {
2809
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg.RadioGroup-module__hop-RadioGroup--md___80FWT {
2497
2810
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2498
2811
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2499
2812
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2500
2813
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2501
2814
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2502
2815
  }
2503
- .RadioGroup-module__hop-RadioGroup___XlT-J[data-orientation=horizontal] {
2816
+ .RadioGroup-module__hop-RadioGroup___2wZA0[data-orientation=horizontal] {
2504
2817
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2505
2818
  }
2506
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH[data-orientation=horizontal] {
2819
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=horizontal] {
2507
2820
  --flex-wrap: nowrap;
2508
2821
  }
2509
- .RadioGroup-module__hop-RadioGroup___XlT-J > .RadioGroup-module__hop-RadioGroup__label___IZn9M {
2822
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__label___DfHKF {
2510
2823
  order: 1;
2511
2824
  }
2512
- .RadioGroup-module__hop-RadioGroup__list___0sy-X {
2825
+ .RadioGroup-module__hop-RadioGroup__list___feKs5 {
2513
2826
  display: flex;
2514
2827
  flex-flow: var(--flex-direction) var(--flex-wrap);
2515
2828
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -2520,7 +2833,7 @@
2520
2833
  border: var(--list-border, none);
2521
2834
  border-radius: var(--list-border-radius, 0);
2522
2835
  }
2523
- .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 {
2836
+ .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU {
2524
2837
  position: relative;
2525
2838
  flex: 0 1 auto;
2526
2839
  align-content: start;
@@ -2528,28 +2841,28 @@
2528
2841
  min-inline-size: 0;
2529
2842
  padding: var(--radio-padding, 0);
2530
2843
  }
2531
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 ~ .RadioGroup-module__hop-RadioGroup__radio___M5gu4::before {
2844
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2532
2845
  content: "";
2533
2846
  position: absolute;
2534
2847
  display: block;
2535
2848
  }
2536
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 ~ .RadioGroup-module__hop-RadioGroup__radio___M5gu4::before {
2849
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2537
2850
  inset-block-start: 0;
2538
2851
  inset-inline: 0;
2539
2852
  border-block-start: var(--list-border, none);
2540
2853
  }
2541
- .RadioGroup-module__hop-RadioGroup--bordered___kYFHH[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___0sy-X > .RadioGroup-module__hop-RadioGroup__radio___M5gu4 ~ .RadioGroup-module__hop-RadioGroup__radio___M5gu4::before {
2854
+ .RadioGroup-module__hop-RadioGroup--bordered___qlNXg[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___feKs5 > .RadioGroup-module__hop-RadioGroup__radio___FrUyU ~ .RadioGroup-module__hop-RadioGroup__radio___FrUyU::before {
2542
2855
  inset-block: 0;
2543
2856
  inset-inline-start: 0;
2544
2857
  border-inline-start: var(--list-border, none);
2545
2858
  }
2546
- .RadioGroup-module__hop-RadioGroup___XlT-J > .RadioGroup-module__hop-RadioGroup__error-message___8q3Af,
2547
- .RadioGroup-module__hop-RadioGroup___XlT-J > .RadioGroup-module__hop-RadioGroup__helper-message___3AitS {
2859
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__error-message___3wQhm,
2860
+ .RadioGroup-module__hop-RadioGroup___2wZA0 > .RadioGroup-module__hop-RadioGroup__helper-message___wo5Vw {
2548
2861
  order: 3;
2549
2862
  }
2550
2863
 
2551
2864
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
2552
- .Radio-module__hop-Radio___Gt8zz {
2865
+ .Radio-module__hop-Radio___XpuQG {
2553
2866
  --hop-Radio-box-border-size: 0.0625rem;
2554
2867
  --hop-Radio-box-border-color: var(--hop-neutral-border);
2555
2868
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -2623,60 +2936,60 @@
2623
2936
  inline-size: max-content;
2624
2937
  max-inline-size: 100%;
2625
2938
  }
2626
- .Radio-module__hop-Radio___Gt8zz[data-focus-visible] {
2939
+ .Radio-module__hop-Radio___XpuQG[data-focus-visible] {
2627
2940
  --box-background-color: var(--hop-Radio-box-background-color-focused);
2628
2941
  --box-border-color: var(--hop-Radio-box-border-color-focused);
2629
2942
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
2630
2943
  --text-color: var(--hop-Radio-text-color-focused);
2631
2944
  --icon-color: var(--hop-Radio-icon-color-focused);
2632
2945
  }
2633
- .Radio-module__hop-Radio___Gt8zz[data-hovered] {
2946
+ .Radio-module__hop-Radio___XpuQG[data-hovered] {
2634
2947
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
2635
2948
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
2636
2949
  --text-color: var(--hop-Radio-text-color-hovered);
2637
2950
  --icon-color: var(--hop-Radio-icon-color-hovered);
2638
2951
  }
2639
- .Radio-module__hop-Radio___Gt8zz[data-pressed] {
2952
+ .Radio-module__hop-Radio___XpuQG[data-pressed] {
2640
2953
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
2641
2954
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
2642
2955
  --text-color: var(--hop-Radio-text-color-pressed);
2643
2956
  --icon-color: var(--hop-Radio-icon-color-pressed);
2644
2957
  }
2645
- .Radio-module__hop-Radio___Gt8zz[data-selected] {
2958
+ .Radio-module__hop-Radio___XpuQG[data-selected] {
2646
2959
  --box-background-color: var(--hop-Radio-box-background-color-selected);
2647
2960
  --box-border-color: var(--hop-Radio-box-border-color-selected);
2648
2961
  --bullet-display: var(--hop-Radio-bullet-display-selected);
2649
2962
  --text-color: var(--hop-Radio-text-color-selected);
2650
2963
  --icon-color: var(--hop-Radio-icon-color-selected);
2651
2964
  }
2652
- .Radio-module__hop-Radio___Gt8zz[data-invalid] {
2965
+ .Radio-module__hop-Radio___XpuQG[data-invalid] {
2653
2966
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
2654
2967
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
2655
2968
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
2656
2969
  --text-color: var(--hop-Radio-text-color-invalid);
2657
2970
  --icon-color: var(--hop-Radio-icon-color-invalid);
2658
2971
  }
2659
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-focus-visible] {
2972
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-focus-visible] {
2660
2973
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
2661
2974
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
2662
2975
  }
2663
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-hovered] {
2976
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-hovered] {
2664
2977
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
2665
2978
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
2666
2979
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
2667
2980
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
2668
2981
  }
2669
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-pressed] {
2982
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-pressed] {
2670
2983
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
2671
2984
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
2672
2985
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
2673
2986
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
2674
2987
  }
2675
- .Radio-module__hop-Radio___Gt8zz:where([data-invalid])[data-selected] {
2988
+ .Radio-module__hop-Radio___XpuQG:where([data-invalid])[data-selected] {
2676
2989
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
2677
2990
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
2678
2991
  }
2679
- .Radio-module__hop-Radio___Gt8zz[data-disabled] {
2992
+ .Radio-module__hop-Radio___XpuQG[data-disabled] {
2680
2993
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
2681
2994
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
2682
2995
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -2684,25 +2997,25 @@
2684
2997
  --text-color: var(--hop-Radio-text-color-disabled);
2685
2998
  --icon-color: var(--hop-Radio-icon-color-disabled);
2686
2999
  }
2687
- .Radio-module__hop-Radio--sm___09Mx- {
3000
+ .Radio-module__hop-Radio--sm___qIPmE {
2688
3001
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2689
3002
  --box-block-size: var(--hop-Radio-box-sm-block-size);
2690
3003
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2691
3004
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2692
3005
  }
2693
- .Radio-module__hop-Radio--md___9P-QN {
3006
+ .Radio-module__hop-Radio--md___A8z-9 {
2694
3007
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
2695
3008
  --box-block-size: var(--hop-Radio-box-md-block-size);
2696
3009
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
2697
3010
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2698
3011
  }
2699
- .Radio-module__hop-Radio__icon___Qk--g,
2700
- .Radio-module__hop-Radio__icon-list___f-HBt {
3012
+ .Radio-module__hop-Radio__icon___yeuXg,
3013
+ .Radio-module__hop-Radio__icon-list___eS0dh {
2701
3014
  flex: 0 0 auto;
2702
3015
  order: 3;
2703
3016
  color: var(--icon-color);
2704
3017
  }
2705
- .Radio-module__hop-Radio__box___h6dfa {
3018
+ .Radio-module__hop-Radio__box___W7AH6 {
2706
3019
  display: flex;
2707
3020
  flex: 0 0 auto;
2708
3021
  align-items: center;
@@ -2718,11 +3031,11 @@
2718
3031
  outline-offset: 0.125rem;
2719
3032
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2720
3033
  }
2721
- .Radio-module__hop-Radio__bullet___Dzw-Q {
3034
+ .Radio-module__hop-Radio__bullet___lXZ2T {
2722
3035
  display: var(--bullet-display);
2723
3036
  color: var(--bullet-color);
2724
3037
  }
2725
- .Radio-module__hop-Radio__text___hKaTF {
3038
+ .Radio-module__hop-Radio__text___-d-rN {
2726
3039
  flex: 0 1 auto;
2727
3040
  order: 2;
2728
3041
  min-inline-size: 0;
@@ -2730,24 +3043,24 @@
2730
3043
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
2731
3044
  color: var(--text-color);
2732
3045
  }
2733
- .DecorativeRadio-module__hop-DecorativeRadio___jcIIK {
3046
+ .DecorativeRadio-module__hop-DecorativeRadio___G970V {
2734
3047
  }
2735
- .DecorativeRadio-module__hop-DecorativeRadio--sm___lkONc {
3048
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___evuAe {
2736
3049
  }
2737
- .DecorativeRadio-module__hop-DecorativeRadio--md___-VsBB {
3050
+ .DecorativeRadio-module__hop-DecorativeRadio--md___vRdWJ {
2738
3051
  }
2739
- .DecorativeRadio-module__hop-DecorativeRadio__icon___8nmwW,
2740
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___tses2 {
3052
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___YkXaI,
3053
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4eJZB {
2741
3054
  }
2742
- .DecorativeRadio-module__hop-DecorativeRadio__box___MTfR- {
3055
+ .DecorativeRadio-module__hop-DecorativeRadio__box___DtAMN {
2743
3056
  }
2744
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___Vf08g {
3057
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___2-V8G {
2745
3058
  }
2746
- .DecorativeRadio-module__hop-DecorativeRadio__text___tJxkL {
3059
+ .DecorativeRadio-module__hop-DecorativeRadio__text___aKVl1 {
2747
3060
  }
2748
3061
 
2749
3062
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2750
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___bzUls {
3063
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9zffP {
2751
3064
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2752
3065
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2753
3066
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -2773,7 +3086,7 @@
2773
3086
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2774
3087
  background-size: 400% 100%;
2775
3088
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2776
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___ML5Qz;
3089
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___WAceV;
2777
3090
  animation-duration: var(--animation-duration);
2778
3091
  animation-timing-function: ease-in-out;
2779
3092
  animation-fill-mode: forwards;
@@ -2782,19 +3095,19 @@
2782
3095
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2783
3096
  }
2784
3097
  }
2785
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___uDmGx {
3098
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FFwjh {
2786
3099
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2787
3100
  }
2788
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___XgP-2 {
3101
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SRA10 {
2789
3102
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2790
3103
  }
2791
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___AO18x {
3104
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Sqyy9 {
2792
3105
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2793
3106
  }
2794
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-VlqF {
3107
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___0csSN {
2795
3108
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2796
3109
  }
2797
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___ML5Qz {
3110
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___WAceV {
2798
3111
  0% {
2799
3112
  background-position: 125% 50%;
2800
3113
  }
@@ -2804,7 +3117,7 @@
2804
3117
  }
2805
3118
 
2806
3119
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2807
- .ListBoxItem-module__hop-ListBoxItem___GZOuB {
3120
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP {
2808
3121
  --hop-ListBoxItem-background-color: transparent;
2809
3122
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2810
3123
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2901,129 +3214,129 @@
2901
3214
  outline: var(--outline);
2902
3215
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2903
3216
  }
2904
- .ListBoxItem-module__hop-ListBoxItem--xs___hBS1R {
3217
+ .ListBoxItem-module__hop-ListBoxItem--xs___m1Wll {
2905
3218
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2906
3219
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2907
3220
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2908
3221
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2909
3222
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2910
3223
  }
2911
- .ListBoxItem-module__hop-ListBoxItem--sm___rEQaX {
3224
+ .ListBoxItem-module__hop-ListBoxItem--sm___KIj7Y {
2912
3225
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2913
3226
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2914
3227
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2915
3228
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2916
3229
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2917
3230
  }
2918
- .ListBoxItem-module__hop-ListBoxItem--md___4z-pw {
3231
+ .ListBoxItem-module__hop-ListBoxItem--md___3HAyR {
2919
3232
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2920
3233
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2921
3234
  --min-height: var(--hop-ListBoxItem-md-min-height);
2922
3235
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2923
3236
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2924
3237
  }
2925
- .ListBoxItem-module__hop-ListBoxItem--lg___dqpuZ {
3238
+ .ListBoxItem-module__hop-ListBoxItem--lg___iefdL {
2926
3239
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2927
3240
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2928
3241
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2929
3242
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2930
3243
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2931
3244
  }
2932
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-selection-mode] {
3245
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-selection-mode] {
2933
3246
  --cursor: pointer;
2934
3247
  }
2935
- .ListBoxItem-module__hop-ListBoxItem___GZOuB:not([data-selection-mode]) {
3248
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP:not([data-selection-mode]) {
2936
3249
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2937
3250
  }
2938
- .ListBoxItem-module__hop-ListBoxItem__inner___EhcxD:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___L7u5U) {
3251
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf) {
2939
3252
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2940
3253
  }
2941
- .ListBoxItem-module__hop-ListBoxItem__inner___EhcxD[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___L7u5U) {
3254
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf) {
2942
3255
  --checkmark-transition: none;
2943
3256
  }
2944
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-selected] {
3257
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-selected] {
2945
3258
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2946
3259
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2947
3260
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2948
3261
  --checkmark-opacity: 1;
2949
3262
  }
2950
- .ListBoxItem-module__hop-ListBoxItem--xs___hBS1R[data-selected] {
3263
+ .ListBoxItem-module__hop-ListBoxItem--xs___m1Wll[data-selected] {
2951
3264
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2952
3265
  }
2953
- .ListBoxItem-module__hop-ListBoxItem--sm___rEQaX[data-selected] {
3266
+ .ListBoxItem-module__hop-ListBoxItem--sm___KIj7Y[data-selected] {
2954
3267
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2955
3268
  }
2956
- .ListBoxItem-module__hop-ListBoxItem--md___4z-pw[data-selected] {
3269
+ .ListBoxItem-module__hop-ListBoxItem--md___3HAyR[data-selected] {
2957
3270
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2958
3271
  }
2959
- .ListBoxItem-module__hop-ListBoxItem--lg___dqpuZ[data-selected] {
3272
+ .ListBoxItem-module__hop-ListBoxItem--lg___iefdL[data-selected] {
2960
3273
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2961
3274
  }
2962
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-focus-visible] {
3275
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-focus-visible] {
2963
3276
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2964
3277
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2965
3278
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2966
3279
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2967
3280
  }
2968
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-hovered] {
3281
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-hovered] {
2969
3282
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2970
3283
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2971
3284
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2972
3285
  }
2973
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-pressed] {
3286
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-pressed] {
2974
3287
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2975
3288
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2976
3289
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2977
3290
  }
2978
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-disabled] {
3291
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-disabled] {
2979
3292
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2980
3293
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2981
3294
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2982
3295
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2983
3296
  --cursor: not-allowed;
2984
3297
  }
2985
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid] {
3298
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid] {
2986
3299
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2987
3300
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2988
3301
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2989
3302
  }
2990
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-selected] {
3303
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-selected] {
2991
3304
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2992
3305
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2993
3306
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2994
3307
  }
2995
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-focus-visible] {
3308
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-focus-visible] {
2996
3309
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2997
3310
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2998
3311
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2999
3312
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
3000
3313
  }
3001
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-hovered] {
3314
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-hovered] {
3002
3315
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
3003
3316
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
3004
3317
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
3005
3318
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
3006
3319
  }
3007
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-pressed] {
3320
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-pressed] {
3008
3321
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
3009
3322
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
3010
3323
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
3011
3324
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
3012
3325
  }
3013
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-invalid][data-disabled] {
3326
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-invalid][data-disabled] {
3014
3327
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
3015
3328
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
3016
3329
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
3017
3330
  }
3018
- .ListBoxItem-module__hop-ListBoxItem___GZOuB:has(.ListBoxItem-module__hop-ListBoxItem__description___HEltb) {
3331
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP:has(.ListBoxItem-module__hop-ListBoxItem__description___SbOqS) {
3019
3332
  --row-gap: var(--hop-ListBoxItem-row-gap);
3020
3333
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
3021
3334
  }
3022
- .ListBoxItem-module__hop-ListBoxItem___GZOuB[data-loading] {
3335
+ .ListBoxItem-module__hop-ListBoxItem___1RRXP[data-loading] {
3023
3336
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
3024
3337
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
3025
3338
  }
3026
- .ListBoxItem-module__hop-ListBoxItem__inner___EhcxD {
3339
+ .ListBoxItem-module__hop-ListBoxItem__inner___tKaAM {
3027
3340
  display: grid;
3028
3341
  grid-template-areas: var(--grid-template-areas);
3029
3342
  grid-template-columns: var(--grid-template-columns);
@@ -3035,33 +3348,33 @@
3035
3348
  padding-inline: var(--padding-inline);
3036
3349
  transition: grid-template-columns .3s ease-in-out;
3037
3350
  }
3038
- .ListBoxItem-module__hop-ListBoxItem__checkmark___L7u5U {
3351
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___uXDAf {
3039
3352
  grid-area: indicator;
3040
3353
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3041
3354
  color: var(--icon-color);
3042
3355
  opacity: var(--checkmark-opacity);
3043
3356
  transition: var(--checkmark-transition);
3044
3357
  }
3045
- .ListBoxItem-module__hop-ListBoxItem__radio___lWy96,
3046
- .ListBoxItem-module__hop-ListBoxItem__checkbox___f55H0 {
3358
+ .ListBoxItem-module__hop-ListBoxItem__radio___PP4kY,
3359
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___98rFy {
3047
3360
  pointer-events: none;
3048
3361
  user-select: none;
3049
3362
  grid-area: indicator;
3050
3363
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3051
3364
  }
3052
- .ListBoxItem-module__hop-ListBoxItem__avatar___kUXYh {
3365
+ .ListBoxItem-module__hop-ListBoxItem__avatar___HEGyp {
3053
3366
  grid-area: avatar;
3054
3367
  margin-block: var(--avatar-margin-block, 0);
3055
3368
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3056
3369
  }
3057
- .ListBoxItem-module__hop-ListBoxItem__icon-list___YIsgt,
3058
- .ListBoxItem-module__hop-ListBoxItem__icon___31CVK {
3370
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___CtmLh,
3371
+ .ListBoxItem-module__hop-ListBoxItem__icon___qe9Xy {
3059
3372
  grid-area: icon;
3060
3373
  flex: 0 0 auto;
3061
3374
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
3062
3375
  color: var(--icon-color);
3063
3376
  }
3064
- .ListBoxItem-module__hop-ListBoxItem__label___uIs42 {
3377
+ .ListBoxItem-module__hop-ListBoxItem__label___tJ6hJ {
3065
3378
  overflow: hidden;
3066
3379
  grid-area: label;
3067
3380
  min-inline-size: 0;
@@ -3069,18 +3382,18 @@
3069
3382
  text-overflow: ellipsis;
3070
3383
  white-space: nowrap;
3071
3384
  }
3072
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___yt35M,
3073
- .ListBoxItem-module__hop-ListBoxItem__end-icon___5tWVc {
3385
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___oPYgw,
3386
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___Q34n3 {
3074
3387
  grid-area: end-icon;
3075
3388
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3076
3389
  color: var(--icon-color);
3077
3390
  }
3078
- .ListBoxItem-module__hop-ListBoxItem__badge___Jta-M {
3391
+ .ListBoxItem-module__hop-ListBoxItem__badge___mce3W {
3079
3392
  grid-area: badge;
3080
3393
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
3081
3394
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
3082
3395
  }
3083
- .ListBoxItem-module__hop-ListBoxItem__description___HEltb {
3396
+ .ListBoxItem-module__hop-ListBoxItem__description___SbOqS {
3084
3397
  overflow: hidden;
3085
3398
  display: -webkit-box;
3086
3399
  grid-area: description;
@@ -3091,7 +3404,7 @@
3091
3404
  }
3092
3405
 
3093
3406
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
3094
- .ListBox-module__hop-ListBox___3hIdm {
3407
+ .ListBox-module__hop-ListBox___41Srh {
3095
3408
  --hop-ListBox-background-color: var(--hop-neutral-surface);
3096
3409
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
3097
3410
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -3138,11 +3451,11 @@
3138
3451
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
3139
3452
  border-radius: var(--hop-ListBox-border-radius);
3140
3453
  }
3141
- .ListBox-module__hop-ListBox--fluid___KYv8L {
3454
+ .ListBox-module__hop-ListBox--fluid___lOsW0 {
3142
3455
  --max-width: var(--hop-ListBox-fluid-max-width);
3143
3456
  --width: var(--hop-ListBox-fluid-width);
3144
3457
  }
3145
- .ListBox-module__hop-ListBox__section___ehK9Q {
3458
+ .ListBox-module__hop-ListBox__section___gFkZO {
3146
3459
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
3147
3460
  margin-inline: var(--hop-ListBox-section-margin-inline);
3148
3461
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -3150,21 +3463,21 @@
3150
3463
  border-block-start: var(--section-border-block-start);
3151
3464
  border-block-end: var(--section-border-block-end);
3152
3465
  }
3153
- .ListBox-module__hop-ListBox__item___iNZjV + .ListBox-module__hop-ListBox__section___ehK9Q {
3466
+ .ListBox-module__hop-ListBox__item___AZJYT + .ListBox-module__hop-ListBox__section___gFkZO {
3154
3467
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
3155
3468
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
3156
3469
  }
3157
- .ListBox-module__hop-ListBox__section___ehK9Q:has(+ .ListBox-module__hop-ListBox__item___iNZjV) {
3470
+ .ListBox-module__hop-ListBox__section___gFkZO:has(+ .ListBox-module__hop-ListBox__item___AZJYT) {
3158
3471
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
3159
3472
  }
3160
- .ListBox-module__hop-ListBox__section___ehK9Q:first-child {
3473
+ .ListBox-module__hop-ListBox__section___gFkZO:first-child {
3161
3474
  --section-padding-block-start: 0;
3162
3475
  }
3163
- .ListBox-module__hop-ListBox__section___ehK9Q:last-child {
3476
+ .ListBox-module__hop-ListBox__section___gFkZO:last-child {
3164
3477
  --section-padding-block-end: 0;
3165
3478
  --section-border-block-end: 0;
3166
3479
  }
3167
- .ListBox-module__hop-ListBox__section-header___1lGBP {
3480
+ .ListBox-module__hop-ListBox__section-header___Cf7qf {
3168
3481
  margin: 0;
3169
3482
  padding: var(--hop-ListBox-section-header-padding);
3170
3483
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -3175,30 +3488,30 @@
3175
3488
  text-transform: var(--hop-ListBox-section-header-text-transform);
3176
3489
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
3177
3490
  }
3178
- .ListBox-module__hop-ListBox__section-header___1lGBP::before,
3179
- .ListBox-module__hop-ListBox__section-header___1lGBP::after {
3491
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::before,
3492
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::after {
3180
3493
  content: "";
3181
3494
  display: block;
3182
3495
  box-sizing: border-box;
3183
3496
  inline-size: 0;
3184
3497
  block-size: 0;
3185
3498
  }
3186
- .ListBox-module__hop-ListBox__section-header___1lGBP::before {
3499
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::before {
3187
3500
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
3188
3501
  }
3189
- .ListBox-module__hop-ListBox__section-header___1lGBP::after {
3502
+ .ListBox-module__hop-ListBox__section-header___Cf7qf::after {
3190
3503
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
3191
3504
  }
3192
3505
 
3193
3506
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
3194
- :where(.Popover-module__hop-Popover___FeUXP *) {
3507
+ :where(.Popover-module__hop-Popover___ccT6r *) {
3195
3508
  font-family: var(--font-family);
3196
3509
  font-size: var(--font-size);
3197
3510
  font-weight: var(--font-weight);
3198
3511
  line-height: var(--line-height);
3199
3512
  outline: none;
3200
3513
  }
3201
- .Popover-module__hop-Popover___FeUXP {
3514
+ .Popover-module__hop-Popover___ccT6r {
3202
3515
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
3203
3516
  --hop-Popover-inline-width: 25rem;
3204
3517
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -3211,22 +3524,22 @@
3211
3524
  inline-size: var(--width);
3212
3525
  max-inline-size: var(--max-width);
3213
3526
  }
3214
- .Popover-module__hop-Popover___FeUXP[data-trigger=Select] {
3527
+ .Popover-module__hop-Popover___ccT6r[data-trigger=Select] {
3215
3528
  --width: var(--hop-Popover-dropdown-inline-width);
3216
3529
  }
3217
- .Popover-module__hop-Popover___FeUXP[data-trigger=ComboBox] {
3530
+ .Popover-module__hop-Popover___ccT6r[data-trigger=ComboBox] {
3218
3531
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
3219
3532
  }
3220
- .Popover-module__hop-Popover___FeUXP[data-auto-width] {
3533
+ .Popover-module__hop-Popover___ccT6r[data-auto-width] {
3221
3534
  --width: var(--hop-Popover-dropdown-auto-inline-width);
3222
3535
  }
3223
- .Popover-module__hop-Popover___FeUXP[data-entering] {
3224
- animation: Popover-module__fade___V06Bh 0.25s;
3536
+ .Popover-module__hop-Popover___ccT6r[data-entering] {
3537
+ animation: Popover-module__fade___FkPE6 0.25s;
3225
3538
  }
3226
- .Popover-module__hop-Popover___FeUXP[data-exiting] {
3227
- animation: Popover-module__fade___V06Bh 0.25s reverse;
3539
+ .Popover-module__hop-Popover___ccT6r[data-exiting] {
3540
+ animation: Popover-module__fade___FkPE6 0.25s reverse;
3228
3541
  }
3229
- @keyframes Popover-module__fade___V06Bh {
3542
+ @keyframes Popover-module__fade___FkPE6 {
3230
3543
  from {
3231
3544
  opacity: 0;
3232
3545
  }
@@ -3234,14 +3547,14 @@
3234
3547
  opacity: 1;
3235
3548
  }
3236
3549
  }
3237
- .Popover-module__hop-Popover__wrapper___DBOsb {
3550
+ .Popover-module__hop-Popover__wrapper___8J-K3 {
3238
3551
  display: flex;
3239
3552
  flex: 1 1 auto;
3240
3553
  flex-direction: column;
3241
3554
  min-block-size: 0;
3242
3555
  }
3243
- .Popover-module__hop-Popover__dialog___w3T8J,
3244
- .Popover-module__hop-Popover__dropdown___0R58g {
3556
+ .Popover-module__hop-Popover__dialog___n4Uvf,
3557
+ .Popover-module__hop-Popover__dropdown___jDakO {
3245
3558
  --hop-Popover-background: var(--hop-neutral-surface);
3246
3559
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
3247
3560
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -3287,21 +3600,21 @@
3287
3600
  border-radius: var(--hop-Popover-border-radius);
3288
3601
  box-shadow: var(--hop-Popover-box-shadow);
3289
3602
  }
3290
- .Popover-module__hop-Popover__dropdown___0R58g {
3603
+ .Popover-module__hop-Popover__dropdown___jDakO {
3291
3604
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
3292
3605
  --footer-place-self: stretch;
3293
3606
  --grid-template: var(--hop-Popover-dropdown-grid-template);
3294
3607
  --padding: var(--hop-Popover-dropdown-padding);
3295
3608
  overflow: hidden;
3296
3609
  }
3297
- .Popover-module__hop-Popover__dialog___w3T8J {
3610
+ .Popover-module__hop-Popover__dialog___n4Uvf {
3298
3611
  --padding: var(--hop-Popover-dialog-padding);
3299
3612
  }
3300
- .Popover-module__hop-Popover__title___bxopN {
3613
+ .Popover-module__hop-Popover__title___9bcgP {
3301
3614
  grid-area: header;
3302
3615
  color: var(--hop-Popover-color);
3303
3616
  }
3304
- .Popover-module__hop-Popover__content___wYd0v {
3617
+ .Popover-module__hop-Popover__content___zpaSB {
3305
3618
  --font-size: var(--hop-Popover-content-font-size);
3306
3619
  --line-height: var(--hop-Popover-content-line-height);
3307
3620
  grid-area: content;
@@ -3310,7 +3623,7 @@
3310
3623
  padding: 0;
3311
3624
  color: var(--hop-Popover-content-color);
3312
3625
  }
3313
- .Popover-module__hop-Popover__dropdown___0R58g .Popover-module__hop-Popover__list-box___qh9k2 {
3626
+ .Popover-module__hop-Popover__dropdown___jDakO .Popover-module__hop-Popover__list-box___TLlq4 {
3314
3627
  grid-area: content;
3315
3628
  inline-size: auto;
3316
3629
  min-inline-size: auto;
@@ -3318,7 +3631,7 @@
3318
3631
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
3319
3632
  border: none;
3320
3633
  }
3321
- .Popover-module__hop-Popover__footer___Y8SMN {
3634
+ .Popover-module__hop-Popover__footer___4Eqb0 {
3322
3635
  --font-size: var(--hop-Popover-footer-font-size);
3323
3636
  --line-height: var(--hop-Popover-footer-line-height);
3324
3637
  grid-area: footer;
@@ -3326,22 +3639,22 @@
3326
3639
  margin: var(--footer-margin);
3327
3640
  color: var(--hop-Popover-color);
3328
3641
  }
3329
- .Popover-module__hop-Popover__dropdown___0R58g .Popover-module__hop-Popover__footer___Y8SMN {
3642
+ .Popover-module__hop-Popover__dropdown___jDakO .Popover-module__hop-Popover__footer___4Eqb0 {
3330
3643
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
3331
3644
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
3332
3645
  }
3333
- .Popover-module__hop-Popover__actions___oRHiA,
3334
- .Popover-module__hop-Popover__action___C1dIt {
3646
+ .Popover-module__hop-Popover__actions___-4lqO,
3647
+ .Popover-module__hop-Popover__action___jtirX {
3335
3648
  grid-area: action;
3336
3649
  justify-self: end;
3337
3650
  margin-block-start: var(--hop-Popover-row-gap);
3338
3651
  }
3339
- .Popover-module__hop-Popover___FeUXP:has(.Popover-module__hop-Popover__actions___oRHiA, .Popover-module__hop-Popover__action___C1dIt) .Popover-module__hop-Popover__footer___Y8SMN {
3652
+ .Popover-module__hop-Popover___ccT6r:has(.Popover-module__hop-Popover__actions___-4lqO, .Popover-module__hop-Popover__action___jtirX) .Popover-module__hop-Popover__footer___4Eqb0 {
3340
3653
  margin-inline-end: var(--hop-Popover-column-gap);
3341
3654
  }
3342
3655
 
3343
3656
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
3344
- .ComboBox-module__hop-ComboBox___qAAos {
3657
+ .ComboBox-module__hop-ComboBox___GHs1E {
3345
3658
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
3346
3659
  --hop-ComboBox-inline-size: 20rem;
3347
3660
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -3405,13 +3718,13 @@
3405
3718
  inline-size: var(--inline-size);
3406
3719
  max-inline-size: var(--hop-ComboBox-max-inline-size);
3407
3720
  }
3408
- .ComboBox-module__hop-ComboBox--fluid___UF7rN {
3721
+ .ComboBox-module__hop-ComboBox--fluid___ZHFOi {
3409
3722
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
3410
3723
  }
3411
- .ComboBox-module__hop-ComboBox__label___8AX3d {
3724
+ .ComboBox-module__hop-ComboBox__label___iAsIT {
3412
3725
  order: 1;
3413
3726
  }
3414
- .ComboBox-module__hop-ComboBox__trigger___3a8SO {
3727
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP {
3415
3728
  cursor: var(--trigger-cursor);
3416
3729
  overflow: hidden;
3417
3730
  display: flex;
@@ -3424,32 +3737,32 @@
3424
3737
  border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
3425
3738
  border-radius: var(--hop-ComboBox-trigger-border-radius);
3426
3739
  }
3427
- .ComboBox-module__hop-ComboBox__trigger--sm___Mxmha {
3740
+ .ComboBox-module__hop-ComboBox__trigger--sm___aaRfl {
3428
3741
  --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
3429
3742
  --input-font-family: var(--hop-ComboBox-input-sm-font-family);
3430
3743
  --input-font-size: var(--hop-ComboBox-input-sm-font-size);
3431
3744
  --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
3432
3745
  --input-line-height: var(--hop-ComboBox-input-sm-line-height);
3433
3746
  }
3434
- .ComboBox-module__hop-ComboBox__trigger--md___VHUtO {
3747
+ .ComboBox-module__hop-ComboBox__trigger--md___5ygqi {
3435
3748
  --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
3436
3749
  }
3437
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-hovered] {
3750
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-hovered] {
3438
3751
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
3439
3752
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
3440
3753
  --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
3441
3754
  --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
3442
3755
  }
3443
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-selected] {
3756
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-selected] {
3444
3757
  --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
3445
3758
  --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
3446
3759
  --trigger-color: var(--hop-ComboBox-button-color-selected);
3447
3760
  --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
3448
3761
  }
3449
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-invalid] {
3762
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-invalid] {
3450
3763
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
3451
3764
  }
3452
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-focus-visible] {
3765
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-focus-visible] {
3453
3766
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
3454
3767
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
3455
3768
  --trigger-color: var(--hop-ComboBox-trigger-color-focused);
@@ -3457,14 +3770,14 @@
3457
3770
  outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
3458
3771
  outline-offset: var(--hop-ComboBox-trigger-outline-offset);
3459
3772
  }
3460
- .ComboBox-module__hop-ComboBox__trigger___3a8SO[data-disabled] {
3773
+ .ComboBox-module__hop-ComboBox__trigger___JgJXP[data-disabled] {
3461
3774
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
3462
3775
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
3463
3776
  --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
3464
3777
  --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
3465
3778
  --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
3466
3779
  }
3467
- .ComboBox-module__hop-ComboBox__input___vsvTa {
3780
+ .ComboBox-module__hop-ComboBox__input___juzV9 {
3468
3781
  flex: 1 1 auto;
3469
3782
  min-inline-size: 0;
3470
3783
  font-family: var(--input-font-family);
@@ -3476,10 +3789,10 @@
3476
3789
  border: none;
3477
3790
  outline: none;
3478
3791
  }
3479
- .ComboBox-module__hop-ComboBox__input___vsvTa::placeholder {
3792
+ .ComboBox-module__hop-ComboBox__input___juzV9::placeholder {
3480
3793
  color: var(--hop-ComboBox-input-placeholder-color);
3481
3794
  }
3482
- .ComboBox-module__hop-ComboBox__button___1l8JZ {
3795
+ .ComboBox-module__hop-ComboBox__button___BfgVD {
3483
3796
  cursor: var(--trigger-cursor);
3484
3797
  display: flex;
3485
3798
  flex: 0 0 auto;
@@ -3489,21 +3802,21 @@
3489
3802
  border: none;
3490
3803
  outline: none;
3491
3804
  }
3492
- .ComboBox-module__hop-ComboBox__prefix___kkgE0 {
3805
+ .ComboBox-module__hop-ComboBox__prefix___-hbW5 {
3493
3806
  align-self: center;
3494
3807
  color: var(--hop-ComboBox-prefix-color);
3495
3808
  }
3496
- .ComboBox-module__hop-ComboBox__button-icon___5kGtw {
3809
+ .ComboBox-module__hop-ComboBox__button-icon___RS5bx {
3497
3810
  margin-inline-start: auto;
3498
3811
  color: var(--button-icon-color);
3499
3812
  }
3500
- .ComboBox-module__hop-ComboBox__helper-message___HjxJn,
3501
- .ComboBox-module__hop-ComboBox__error-message___x8DO5 {
3813
+ .ComboBox-module__hop-ComboBox__helper-message___FPYo-,
3814
+ .ComboBox-module__hop-ComboBox__error-message___mK4kq {
3502
3815
  order: 3;
3503
3816
  }
3504
3817
 
3505
3818
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3506
- :where(.Divider-module__hop-Divider___5ynAN) {
3819
+ :where(.Divider-module__hop-Divider___Tbxxd) {
3507
3820
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
3508
3821
  --hop-Divider-border-size: 0.0625rem;
3509
3822
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -3528,7 +3841,7 @@
3528
3841
  border-block-end: var(--border-block-end);
3529
3842
  border-inline-start: var(--border-inline-start);
3530
3843
  }
3531
- .Divider-module__hop-Divider--vertical___1Eow- {
3844
+ .Divider-module__hop-Divider--vertical___1sH2V {
3532
3845
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
3533
3846
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3534
3847
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -3536,7 +3849,7 @@
3536
3849
  }
3537
3850
 
3538
3851
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3539
- .InputGroup-module__hop-InputGroup___QZyzr {
3852
+ .InputGroup-module__hop-InputGroup___aEnmP {
3540
3853
  --hop-InputGroup-background: var(--hop-neutral-surface);
3541
3854
  --hop-InputGroup-border-color: var(--hop-neutral-border);
3542
3855
  --hop-InputGroup-border-width: 0.0625rem;
@@ -3617,11 +3930,11 @@
3617
3930
  border: var(--border);
3618
3931
  border-radius: var(--hop-InputGroup-border-radius);
3619
3932
  }
3620
- .InputGroup-module__hop-InputGroup--fluid___UBkz- {
3933
+ .InputGroup-module__hop-InputGroup--fluid___v5khf {
3621
3934
  --inline-size: 100%;
3622
3935
  --input-inline-size: 100%;
3623
3936
  }
3624
- .InputGroup-module__hop-InputGroup--sm___Lzt-0 {
3937
+ .InputGroup-module__hop-InputGroup--sm___A78zZ {
3625
3938
  --block-size: var(--hop-InputGroup-sm-block-size);
3626
3939
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3627
3940
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -3629,7 +3942,7 @@
3629
3942
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3630
3943
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3631
3944
  }
3632
- .InputGroup-module__hop-InputGroup___QZyzr[data-input-type=textarea] {
3945
+ .InputGroup-module__hop-InputGroup___aEnmP[data-input-type=textarea] {
3633
3946
  --gap: var(--hop-InputGroup-gap-textarea);
3634
3947
  --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3635
3948
  --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -3637,28 +3950,28 @@
3637
3950
  --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3638
3951
  --padding-block: var(--hop-InputGroup-padding-block-textarea);
3639
3952
  }
3640
- .InputGroup-module__hop-InputGroup___QZyzr[data-input-type=number] {
3953
+ .InputGroup-module__hop-InputGroup___aEnmP[data-input-type=number] {
3641
3954
  --display: var(--hop-InputGroup-display-number);
3642
3955
  --gap: var(--hop-InputGroup-gap-number);
3643
3956
  }
3644
- .InputGroup-module__hop-InputGroup___QZyzr[data-hovered] {
3957
+ .InputGroup-module__hop-InputGroup___aEnmP[data-hovered] {
3645
3958
  --background: var(--hop-InputGroup-background-hover);
3646
3959
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3647
3960
  }
3648
- .InputGroup-module__hop-InputGroup___QZyzr[data-focus-within] {
3961
+ .InputGroup-module__hop-InputGroup___aEnmP[data-focus-within] {
3649
3962
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3650
3963
  }
3651
- .InputGroup-module__hop-InputGroup___QZyzr[data-invalid] {
3964
+ .InputGroup-module__hop-InputGroup___aEnmP[data-invalid] {
3652
3965
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3653
3966
  }
3654
- .InputGroup-module__hop-InputGroup___QZyzr[data-disabled] {
3967
+ .InputGroup-module__hop-InputGroup___aEnmP[data-disabled] {
3655
3968
  --background: var(--hop-InputGroup-background-disabled);
3656
3969
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3657
3970
  --input-color: var(--hop-InputGroup-input-color-disabled);
3658
3971
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3659
3972
  }
3660
- .InputGroup-module__hop-InputGroup__input___viT1O,
3661
- .InputGroup-module__hop-InputGroup__textarea___Q3u04 {
3973
+ .InputGroup-module__hop-InputGroup__input___UZY5A,
3974
+ .InputGroup-module__hop-InputGroup__textarea___Mx9sM {
3662
3975
  flex: 1 1 auto;
3663
3976
  box-sizing: border-box;
3664
3977
  inline-size: var(--input-inline-size);
@@ -3672,26 +3985,26 @@
3672
3985
  border: none;
3673
3986
  outline: none;
3674
3987
  }
3675
- .InputGroup-module__hop-InputGroup__input___viT1O {
3988
+ .InputGroup-module__hop-InputGroup__input___UZY5A {
3676
3989
  block-size: var(--input-block-size);
3677
3990
  padding: var(--hop-InputGroup-input-padding);
3678
3991
  }
3679
- .InputGroup-module__hop-InputGroup__textarea___Q3u04 {
3992
+ .InputGroup-module__hop-InputGroup__textarea___Mx9sM {
3680
3993
  padding: var(--hop-InputGroup-textarea-padding);
3681
3994
  }
3682
- .InputGroup-module__hop-InputGroup__input___viT1O::placeholder {
3995
+ .InputGroup-module__hop-InputGroup__input___UZY5A::placeholder {
3683
3996
  font-family: var(--hop-InputGroup-placeholder-font-family);
3684
3997
  font-size: var(--hop-InputGroup-placeholder-font-size);
3685
3998
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
3686
3999
  line-height: var(--hop-InputGroup-placeholder-line-height);
3687
4000
  color: var(--input-placeholder-color);
3688
4001
  }
3689
- .InputGroup-module__hop-InputGroup__embedded-button___9EEVw {
4002
+ .InputGroup-module__hop-InputGroup__embedded-button___vGnhx {
3690
4003
  margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3691
4004
  }
3692
4005
 
3693
4006
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3694
- .NumberField-module__hop-NumberField___L5axu {
4007
+ .NumberField-module__hop-NumberField___Aafsl {
3695
4008
  --hop-NumberField-gap: var(--hop-space-stack-xs);
3696
4009
  --hop-NumberField-inline-size: 20rem;
3697
4010
  --hop-NumberField-inline-size-fluid: 100%;
@@ -3739,30 +4052,30 @@
3739
4052
  gap: var(--hop-NumberField-gap);
3740
4053
  inline-size: var(--inline-size);
3741
4054
  }
3742
- .NumberField-module__hop-NumberField--fluid___iNnuQ {
4055
+ .NumberField-module__hop-NumberField--fluid___bfwBd {
3743
4056
  --inline-size: var(--hop-NumberField-inline-size-fluid);
3744
4057
  }
3745
- .NumberField-module__hop-NumberField--mobile___6CVTg {
4058
+ .NumberField-module__hop-NumberField--mobile___-R6kn {
3746
4059
  --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3747
4060
  --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3748
4061
  }
3749
- .NumberField-module__hop-NumberField__Label___ps5h0 {
4062
+ .NumberField-module__hop-NumberField__Label___mnX2E {
3750
4063
  order: 0;
3751
4064
  }
3752
- .NumberField-module__hop-NumberField__prefix___3LGPz {
4065
+ .NumberField-module__hop-NumberField__prefix___Xpm1f {
3753
4066
  grid-area: prefix;
3754
4067
  margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3755
4068
  color: var(--hop-NumberField-prefix-color);
3756
4069
  }
3757
- .NumberField-module__hop-NumberField__InputGroup___CNo-n {
4070
+ .NumberField-module__hop-NumberField__InputGroup___T6EDz {
3758
4071
  grid-template: var(--input-group-template);
3759
4072
  order: 1;
3760
4073
  }
3761
- .NumberField-module__hop-NumberField__ErrorMessage___dMXZ2,
3762
- .NumberField-module__hop-NumberField__HelperMessage___Ztiqd {
4074
+ .NumberField-module__hop-NumberField__ErrorMessage___PGF7w,
4075
+ .NumberField-module__hop-NumberField__HelperMessage___fqrIa {
3763
4076
  order: 3;
3764
4077
  }
3765
- .NumberField-module__hop-NumberField__stepper-button___f4X0g {
4078
+ .NumberField-module__hop-NumberField__stepper-button___R0db6 {
3766
4079
  cursor: pointer;
3767
4080
  display: flex;
3768
4081
  grid-area: var(--grid-area, unset);
@@ -3783,55 +4096,55 @@
3783
4096
  border-radius: var(--stepper-border-radius, 0);
3784
4097
  outline: none;
3785
4098
  }
3786
- .NumberField-module__hop-NumberField__stepper-button--increment___XSqkr {
4099
+ .NumberField-module__hop-NumberField__stepper-button--increment___Y4-4N {
3787
4100
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3788
4101
  --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3789
4102
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3790
4103
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3791
4104
  --grid-area: stepup;
3792
4105
  }
3793
- .NumberField-module__hop-NumberField__stepper-button--decrement___WTZJp {
4106
+ .NumberField-module__hop-NumberField__stepper-button--decrement___o7WIv {
3794
4107
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3795
4108
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3796
4109
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3797
4110
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3798
4111
  --grid-area: stepdown;
3799
4112
  }
3800
- .NumberField-module__hop-NumberField__stepper-button--mobile___yUtSo.NumberField-module__hop-NumberField__stepper-button--increment___XSqkr {
4113
+ .NumberField-module__hop-NumberField__stepper-button--mobile___bubyJ.NumberField-module__hop-NumberField__stepper-button--increment___Y4-4N {
3801
4114
  --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3802
4115
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3803
4116
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3804
4117
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3805
4118
  }
3806
- .NumberField-module__hop-NumberField__stepper-button--mobile___yUtSo.NumberField-module__hop-NumberField__stepper-button--decrement___WTZJp {
4119
+ .NumberField-module__hop-NumberField__stepper-button--mobile___bubyJ.NumberField-module__hop-NumberField__stepper-button--decrement___o7WIv {
3807
4120
  --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3808
4121
  --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3809
4122
  --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3810
4123
  --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3811
4124
  }
3812
- .NumberField-module__hop-NumberField__stepper-button___f4X0g[data-hovered] {
4125
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-hovered] {
3813
4126
  color: var(--hop-NumberField-stepper-color-hovered);
3814
4127
  background-color: var(--hop-NumberField-stepper-background-color-hovered);
3815
4128
  }
3816
- .NumberField-module__hop-NumberField__stepper-button___f4X0g[data-pressed] {
4129
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-pressed] {
3817
4130
  color: var(--hop-NumberField-stepper-color-pressed);
3818
4131
  background-color: var(--hop-NumberField-stepper-background-color-pressed);
3819
4132
  }
3820
- .NumberField-module__hop-NumberField__stepper-button___f4X0g[data-disabled] {
4133
+ .NumberField-module__hop-NumberField__stepper-button___R0db6[data-disabled] {
3821
4134
  cursor: not-allowed;
3822
4135
  color: var(--hop-NumberField-stepper-color-disabled);
3823
4136
  background-color: var(--hop-NumberField-stepper-background-color-disabled);
3824
4137
  }
3825
- .NumberField-module__hop-NumberField__stepper-button__icon___0Ul7n {
4138
+ .NumberField-module__hop-NumberField__stepper-button__icon___0m3h0 {
3826
4139
  display: block;
3827
4140
  max-block-size: 100%;
3828
4141
  }
3829
- .NumberField-module__hop-NumberField__input___Cyv0S {
4142
+ .NumberField-module__hop-NumberField__input___JbL2a {
3830
4143
  grid-area: input;
3831
4144
  }
3832
4145
 
3833
4146
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3834
- .PasswordField-module__hop-PasswordField___PAOyH {
4147
+ .PasswordField-module__hop-PasswordField___ub-c4 {
3835
4148
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3836
4149
  --hop-PasswordField-inline-size: 20rem;
3837
4150
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -3841,37 +4154,37 @@
3841
4154
  inline-size: var(--inline-size);
3842
4155
  max-inline-size: 100%;
3843
4156
  }
3844
- .PasswordField-module__hop-PasswordField--fluid___1gBdF {
4157
+ .PasswordField-module__hop-PasswordField--fluid___eR88b {
3845
4158
  --inline-size: 100%;
3846
4159
  }
3847
- .PasswordField-module__hop-PasswordField__Label___kezfd {
4160
+ .PasswordField-module__hop-PasswordField__Label___4llI9 {
3848
4161
  order: 0;
3849
4162
  }
3850
- .PasswordField-module__hop-PasswordField__InputGroup___5gac8 {
4163
+ .PasswordField-module__hop-PasswordField__InputGroup___hUiZl {
3851
4164
  order: 1;
3852
4165
  }
3853
- .PasswordField-module__hop-PasswordField__ErrorMessage___7C-p5,
3854
- .PasswordField-module__hop-PasswordField__HelperMessage___DGuL7 {
4166
+ .PasswordField-module__hop-PasswordField__ErrorMessage___ry0T-,
4167
+ .PasswordField-module__hop-PasswordField__HelperMessage___gCYD9 {
3855
4168
  order: 3;
3856
4169
  }
3857
4170
 
3858
4171
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
3859
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___ANhzj {
4172
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz {
3860
4173
  --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3861
4174
  --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3862
4175
  --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3863
4176
  --char-count-color: var(--hop-RemainingCharacterCount-color);
3864
4177
  color: var(--char-count-color);
3865
4178
  }
3866
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___ANhzj[data-invalid] {
4179
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz[data-invalid] {
3867
4180
  --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3868
4181
  }
3869
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___ANhzj[data-disabled] {
4182
+ .RemainingCharacterCount-module__hop-RemainingCharacterCount___qj-rz[data-disabled] {
3870
4183
  --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3871
4184
  }
3872
4185
 
3873
4186
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3874
- .SearchField-module__hop-SearchField___51gka {
4187
+ .SearchField-module__hop-SearchField___ZkY8S {
3875
4188
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3876
4189
  --hop-SearchField-inline-size: 20rem;
3877
4190
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3886,39 +4199,39 @@
3886
4199
  inline-size: var(--inline-size);
3887
4200
  max-inline-size: 100%;
3888
4201
  }
3889
- .SearchField-module__hop-SearchField--fluid___5OSAv {
4202
+ .SearchField-module__hop-SearchField--fluid___Y312D {
3890
4203
  --inline-size: 100%;
3891
4204
  }
3892
- .SearchField-module__hop-SearchField__Label___12R2P {
4205
+ .SearchField-module__hop-SearchField__Label___M5qca {
3893
4206
  order: 0;
3894
4207
  }
3895
- .SearchField-module__hop-SearchField__prefix___mH-Mj {
4208
+ .SearchField-module__hop-SearchField__prefix___hQOmk {
3896
4209
  color: var(--hop-SearchField-color);
3897
4210
  }
3898
- .SearchField-module__hop-SearchField__InputGroup___7gHen {
4211
+ .SearchField-module__hop-SearchField__InputGroup___w6-F4 {
3899
4212
  order: 1;
3900
4213
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3901
4214
  }
3902
- .SearchField-module__hop-SearchField--clearable___3x9L6 {
4215
+ .SearchField-module__hop-SearchField--clearable___hEuLP {
3903
4216
  --input-group-padding-inline-end: 0;
3904
4217
  }
3905
- .SearchField-module__hop-SearchField__ErrorMessage___va1k1,
3906
- .SearchField-module__hop-SearchField__HelperMessage___ToxSe {
4218
+ .SearchField-module__hop-SearchField__ErrorMessage___YfqKQ,
4219
+ .SearchField-module__hop-SearchField__HelperMessage___qX2-3 {
3907
4220
  order: 3;
3908
4221
  }
3909
- .SearchField-module__hop-SearchField___51gka input::-webkit-search-cancel-button,
3910
- .SearchField-module__hop-SearchField___51gka input::-webkit-search-decoration {
4222
+ .SearchField-module__hop-SearchField___ZkY8S input::-webkit-search-cancel-button,
4223
+ .SearchField-module__hop-SearchField___ZkY8S input::-webkit-search-decoration {
3911
4224
  appearance: none;
3912
4225
  }
3913
- .SearchField-module__hop-SearchField___51gka[data-empty] {
4226
+ .SearchField-module__hop-SearchField___ZkY8S[data-empty] {
3914
4227
  --clear-button-display: none;
3915
4228
  }
3916
- .SearchField-module__hop-SearchField__ClearButton___butAr {
4229
+ .SearchField-module__hop-SearchField__ClearButton___MZ8y- {
3917
4230
  display: var(--clear-button-display);
3918
4231
  }
3919
4232
 
3920
4233
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3921
- .TextArea-module__hop-TextArea___iIDFZ {
4234
+ .TextArea-module__hop-TextArea___KhTrE {
3922
4235
  --hop-TextArea-gap: var(--hop-space-stack-xs);
3923
4236
  --hop-TextArea-inline-size: 20rem;
3924
4237
  --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
@@ -3932,35 +4245,35 @@
3932
4245
  inline-size: var(--inline-size);
3933
4246
  max-inline-size: 100%;
3934
4247
  }
3935
- .TextArea-module__hop-TextArea--fluid___XzlAv {
4248
+ .TextArea-module__hop-TextArea--fluid___JSAOc {
3936
4249
  --inline-size: 100%;
3937
4250
  }
3938
- .TextArea-module__hop-TextArea___iIDFZ[data-resize-mode=vertical] {
4251
+ .TextArea-module__hop-TextArea___KhTrE[data-resize-mode=vertical] {
3939
4252
  --resize: vertical;
3940
4253
  }
3941
- .TextArea-module__hop-TextArea__Label___fqC0f {
4254
+ .TextArea-module__hop-TextArea__Label___GC1PW {
3942
4255
  order: 0;
3943
4256
  }
3944
- .TextArea-module__hop-TextArea__prefix___dha5o {
4257
+ .TextArea-module__hop-TextArea__prefix___5SA3q {
3945
4258
  color: var(--hop-TextArea-prefix-color);
3946
4259
  }
3947
- .TextArea-module__hop-TextArea__InputGroup___iN8FY {
4260
+ .TextArea-module__hop-TextArea__InputGroup___ktEvK {
3948
4261
  order: 1;
3949
4262
  }
3950
- .TextArea-module__hop-TextArea__RemainingCharacterCount___p-wH3 {
4263
+ .TextArea-module__hop-TextArea__RemainingCharacterCount___srK-x {
3951
4264
  padding: var(--hop-TextArea-remaining-character-count-padding);
3952
4265
  }
3953
- .TextArea-module__hop-TextArea__textarea___M96LG {
4266
+ .TextArea-module__hop-TextArea__textarea___WF4yI {
3954
4267
  resize: var(--resize);
3955
4268
  min-block-size: var(--hop-TextArea-input-min-height);
3956
4269
  }
3957
- .TextArea-module__hop-TextArea__ErrorMessage___mwS5i,
3958
- .TextArea-module__hop-TextArea__HelperMessage___4zIlD {
4270
+ .TextArea-module__hop-TextArea__ErrorMessage___47A0-,
4271
+ .TextArea-module__hop-TextArea__HelperMessage___oPHb0 {
3959
4272
  order: 3;
3960
4273
  }
3961
4274
 
3962
4275
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3963
- .TextField-module__hop-TextField___O6kRu {
4276
+ .TextField-module__hop-TextField___rXK13 {
3964
4277
  --hop-TextField-gap: var(--hop-space-stack-xs);
3965
4278
  --hop-TextField-inline-size: 20rem;
3966
4279
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3971,25 +4284,25 @@
3971
4284
  inline-size: var(--inline-size);
3972
4285
  max-inline-size: 100%;
3973
4286
  }
3974
- .TextField-module__hop-TextField--fluid___L7VqW {
4287
+ .TextField-module__hop-TextField--fluid___XDrmy {
3975
4288
  --inline-size: 100%;
3976
4289
  }
3977
- .TextField-module__hop-TextField__Label___6AlbQ {
4290
+ .TextField-module__hop-TextField__Label___tIpyt {
3978
4291
  order: 0;
3979
4292
  }
3980
- .TextField-module__hop-TextField__prefix___pcVM6 {
4293
+ .TextField-module__hop-TextField__prefix___oWC0m {
3981
4294
  color: var(--hop-TextField-prefix-color);
3982
4295
  }
3983
- .TextField-module__hop-TextField__InputGroup___-52OU {
4296
+ .TextField-module__hop-TextField__InputGroup___Qx460 {
3984
4297
  order: 1;
3985
4298
  }
3986
- .TextField-module__hop-TextField__ErrorMessage___HbSd3,
3987
- .TextField-module__hop-TextField__HelperMessage___r--7C {
4299
+ .TextField-module__hop-TextField__ErrorMessage___4OxIj,
4300
+ .TextField-module__hop-TextField__HelperMessage___wqGaB {
3988
4301
  order: 3;
3989
4302
  }
3990
4303
 
3991
4304
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
3992
- .Link-module__hop-Link___XtW0B {
4305
+ .Link-module__hop-Link___kIYpl {
3993
4306
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
3994
4307
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
3995
4308
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4014,59 +4327,59 @@
4014
4327
  outline: none;
4015
4328
  outline-offset: 0.125rem;
4016
4329
  }
4017
- .Link-module__hop-Link___XtW0B[data-focus-visible] {
4330
+ .Link-module__hop-Link___kIYpl[data-focus-visible] {
4018
4331
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4019
4332
  }
4020
- .Link-module__hop-Link___XtW0B[data-disabled] {
4333
+ .Link-module__hop-Link___kIYpl[data-disabled] {
4021
4334
  cursor: default;
4022
4335
  }
4023
- .Link-module__hop-Link--quiet___cip-N[data-focus-visible],
4024
- .Link-module__hop-Link--quiet___cip-N[data-hovered] {
4336
+ .Link-module__hop-Link--quiet___0jiat[data-focus-visible],
4337
+ .Link-module__hop-Link--quiet___0jiat[data-hovered] {
4025
4338
  text-decoration: underline;
4026
4339
  }
4027
- .Link-module__hop-Link___XtW0B:not(.Link-module__hop-Link--quiet___cip-N) {
4340
+ .Link-module__hop-Link___kIYpl:not(.Link-module__hop-Link--quiet___0jiat) {
4028
4341
  text-decoration: underline;
4029
4342
  }
4030
- .Link-module__hop-Link--primary___M9s4P {
4343
+ .Link-module__hop-Link--primary___CibAU {
4031
4344
  color: var(--hop-Link-primary-text-color);
4032
4345
  }
4033
- .Link-module__hop-Link--primary___M9s4P[data-disabled] {
4346
+ .Link-module__hop-Link--primary___CibAU[data-disabled] {
4034
4347
  color: var(--hop-Link-primary-text-disabled-color);
4035
4348
  }
4036
- .Link-module__hop-Link--primary___M9s4P:not([data-disabled])[data-focus-visible],
4037
- .Link-module__hop-Link--primary___M9s4P:not([data-disabled])[data-hovered] {
4349
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-focus-visible],
4350
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-hovered] {
4038
4351
  color: var(--hop-Link-primary-text-hover-color);
4039
4352
  }
4040
- .Link-module__hop-Link--primary___M9s4P:not([data-disabled])[data-pressed] {
4353
+ .Link-module__hop-Link--primary___CibAU:not([data-disabled])[data-pressed] {
4041
4354
  color: var(--hop-Link-primary-text-pressed-color);
4042
4355
  }
4043
- .Link-module__hop-Link--secondary___q0-mD {
4356
+ .Link-module__hop-Link--secondary___fp7SO {
4044
4357
  color: var(--hop-Link-neutral-text-color);
4045
4358
  }
4046
- .Link-module__hop-Link--secondary___q0-mD[data-disabled] {
4359
+ .Link-module__hop-Link--secondary___fp7SO[data-disabled] {
4047
4360
  color: var(--hop-Link-neutral-text-disabled-color);
4048
4361
  }
4049
- .Link-module__hop-Link--secondary___q0-mD:not([data-disabled])[data-focus-visible],
4050
- .Link-module__hop-Link--secondary___q0-mD:not([data-disabled])[data-hovered] {
4362
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-focus-visible],
4363
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-hovered] {
4051
4364
  color: var(--hop-Link-neutral-text-hover-color);
4052
4365
  }
4053
- .Link-module__hop-Link--secondary___q0-mD:not([data-disabled])[data-pressed] {
4366
+ .Link-module__hop-Link--secondary___fp7SO:not([data-disabled])[data-pressed] {
4054
4367
  color: var(--hop-Link-neutral-text-pressed-color);
4055
4368
  }
4056
- .Link-module__hop-Link__icon___ct9sg,
4057
- .Link-module__hop-Link__icon-list___ZTtey {
4369
+ .Link-module__hop-Link__icon___rdg06,
4370
+ .Link-module__hop-Link__icon-list___x2OpW {
4058
4371
  order: 2;
4059
4372
  }
4060
- .Link-module__hop-Link__text___WNUDc {
4373
+ .Link-module__hop-Link__text___p274Z {
4061
4374
  order: 1;
4062
4375
  }
4063
- .Link-module__hop-Link__start-icon___2y2GE,
4064
- .Link-module__hop-Link__start-icon-list___LnJHN {
4376
+ .Link-module__hop-Link__start-icon___bSWwY,
4377
+ .Link-module__hop-Link__start-icon-list___EUk4c {
4065
4378
  order: 0;
4066
4379
  }
4067
4380
 
4068
4381
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4069
- .SelectValue-module__hop-SelectValue___2lHeR {
4382
+ .SelectValue-module__hop-SelectValue___8rweg {
4070
4383
  --hop-SelectValue-display: inline-block;
4071
4384
  --hop-SelectValue-slots-display: flex;
4072
4385
  --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
@@ -4081,16 +4394,16 @@
4081
4394
  text-overflow: ellipsis;
4082
4395
  white-space: nowrap;
4083
4396
  }
4084
- .SelectValue-module__hop-SelectValue___2lHeR:has(.SelectValue-module__hop-SelectValue__text___XDk6d) {
4397
+ .SelectValue-module__hop-SelectValue___8rweg:has(.SelectValue-module__hop-SelectValue__text___14m4Y) {
4085
4398
  --display: var(--hop-SelectValue-slots-display);
4086
4399
  }
4087
- .SelectValue-module__hop-SelectValue__avatar___3cJmv {
4400
+ .SelectValue-module__hop-SelectValue__avatar___VfLZr {
4088
4401
  order: 1;
4089
4402
  }
4090
- .SelectValue-module__hop-SelectValue__icon___l-x7Z {
4403
+ .SelectValue-module__hop-SelectValue__icon___DFco8 {
4091
4404
  order: 2;
4092
4405
  }
4093
- .SelectValue-module__hop-SelectValue__text___XDk6d {
4406
+ .SelectValue-module__hop-SelectValue__text___14m4Y {
4094
4407
  overflow: hidden;
4095
4408
  flex: 1 1 auto;
4096
4409
  order: 3;
@@ -4098,12 +4411,12 @@
4098
4411
  text-overflow: ellipsis;
4099
4412
  white-space: nowrap;
4100
4413
  }
4101
- .SelectValue-module__hop-SelectValue__end-icon___cWLLE {
4414
+ .SelectValue-module__hop-SelectValue__end-icon___k-AUf {
4102
4415
  order: 4;
4103
4416
  }
4104
4417
 
4105
4418
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4106
- .Select-module__hop-Select___W9dX0 {
4419
+ .Select-module__hop-Select___l7V8e {
4107
4420
  --hop-Select-row-gap: var(--hop-space-stack-xs);
4108
4421
  --hop-Select-inline-size: 20rem;
4109
4422
  --hop-Select-inline-size-fluid: 100%;
@@ -4155,13 +4468,13 @@
4155
4468
  inline-size: var(--inline-size);
4156
4469
  max-inline-size: var(--hop-Select-max-inline-size);
4157
4470
  }
4158
- .Select-module__hop-Select--fluid___GkNba {
4471
+ .Select-module__hop-Select--fluid___a7NVn {
4159
4472
  --inline-size: var(--hop-Select-inline-size-fluid);
4160
4473
  }
4161
- .Select-module__hop-Select__label___WRBC4 {
4474
+ .Select-module__hop-Select__label___PLgIe {
4162
4475
  order: 1;
4163
4476
  }
4164
- .Select-module__hop-Select__button___4DUx2 {
4477
+ .Select-module__hop-Select__button___sQXum {
4165
4478
  cursor: var(--button-cursor);
4166
4479
  display: flex;
4167
4480
  column-gap: var(--hop-Select-button-column-gap);
@@ -4177,28 +4490,28 @@
4177
4490
  border-radius: var(--hop-Select-button-border-radius);
4178
4491
  outline: none;
4179
4492
  }
4180
- .Select-module__hop-Select__button--sm___qq0bB {
4493
+ .Select-module__hop-Select__button--sm___GKgv1 {
4181
4494
  --button-block-size: var(--hop-Select-button-sm-block-size);
4182
4495
  }
4183
- .Select-module__hop-Select__button--md___m3mow {
4496
+ .Select-module__hop-Select__button--md___HcJIG {
4184
4497
  --button-block-size: var(--hop-Select-button-md-block-size);
4185
4498
  }
4186
- .Select-module__hop-Select__button___4DUx2[data-hovered] {
4499
+ .Select-module__hop-Select__button___sQXum[data-hovered] {
4187
4500
  --button-background-color: var(--hop-Select-button-background-color-hovered);
4188
4501
  --button-border-color: var(--hop-Select-button-border-color-hovered);
4189
4502
  --button-color: var(--hop-Select-button-color-hovered);
4190
4503
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4191
4504
  }
4192
- .Select-module__hop-Select__button___4DUx2[data-pressed] {
4505
+ .Select-module__hop-Select__button___sQXum[data-pressed] {
4193
4506
  --button-background-color: var(--hop-Select-button-background-color-selected);
4194
4507
  --button-border-color: var(--hop-Select-button-border-color-selected);
4195
4508
  --button-color: var(--hop-Select-button-color-selected);
4196
4509
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
4197
4510
  }
4198
- .Select-module__hop-Select__button___4DUx2[data-invalid] {
4511
+ .Select-module__hop-Select__button___sQXum[data-invalid] {
4199
4512
  --button-border-color: var(--hop-Select-button-border-color-invalid);
4200
4513
  }
4201
- .Select-module__hop-Select__button___4DUx2[data-focus-visible] {
4514
+ .Select-module__hop-Select__button___sQXum[data-focus-visible] {
4202
4515
  --button-background-color: var(--hop-Select-button-background-color-focused);
4203
4516
  --button-border-color: var(--hop-Select-button-border-color-focused);
4204
4517
  --button-color: var(--hop-Select-button-color-focused);
@@ -4206,30 +4519,30 @@
4206
4519
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4207
4520
  outline-offset: var(--hop-Select-button-outline-offset);
4208
4521
  }
4209
- .Select-module__hop-Select__button___4DUx2:has([data-placeholder]) {
4522
+ .Select-module__hop-Select__button___sQXum:has([data-placeholder]) {
4210
4523
  --button-color: var(--hop-Select-button-placeholder-color);
4211
4524
  }
4212
- .Select-module__hop-Select__button___4DUx2[data-disabled] {
4525
+ .Select-module__hop-Select__button___sQXum[data-disabled] {
4213
4526
  --button-background-color: var(--hop-Select-button-background-color-disabled);
4214
4527
  --button-border-color: var(--hop-Select-button-border-color-disabled);
4215
4528
  --button-color: var(--hop-Select-button-color-disabled);
4216
4529
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4217
4530
  --button-cursor: var(--hop-Select-button-cursor-disabled);
4218
4531
  }
4219
- .Select-module__hop-Select__prefix___s9-wy {
4532
+ .Select-module__hop-Select__prefix___SHjoR {
4220
4533
  color: var(--hop-Select-prefix-color);
4221
4534
  }
4222
- .Select-module__hop-Select__button-icon___rf-t4 {
4535
+ .Select-module__hop-Select__button-icon___aN7Lh {
4223
4536
  margin-inline-start: auto;
4224
4537
  color: var(--button-icon-color);
4225
4538
  }
4226
- .Select-module__hop-Select__helper-message___ipQmm,
4227
- .Select-module__hop-Select__error-message___rJE0J {
4539
+ .Select-module__hop-Select__helper-message___tMW-j,
4540
+ .Select-module__hop-Select__error-message___uS-L0 {
4228
4541
  order: 3;
4229
4542
  }
4230
4543
 
4231
4544
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4232
- .Switch-module__hop-Switch___u041L {
4545
+ .Switch-module__hop-Switch___sk3mf {
4233
4546
  --hop-Switch-border-size: 0.0625rem;
4234
4547
  --hop-Switch-border-color: var(--hop-neutral-border);
4235
4548
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -4286,56 +4599,56 @@
4286
4599
  inline-size: max-content;
4287
4600
  max-inline-size: 100%;
4288
4601
  }
4289
- .Switch-module__hop-Switch--sm___pZI5g {
4602
+ .Switch-module__hop-Switch--sm___Q-xsG {
4290
4603
  --inline-size: var(--hop-Switch-inline-size-sm);
4291
4604
  --block-size: var(--hop-Switch-block-size-sm);
4292
4605
  --thumb-size: var(--hop-Switch-thumb-size-sm);
4293
4606
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4294
4607
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4295
4608
  }
4296
- .Switch-module__hop-Switch--md___uivPF {
4609
+ .Switch-module__hop-Switch--md___pcQrG {
4297
4610
  --inline-size: var(--hop-Switch-inline-size-md);
4298
4611
  --block-size: var(--hop-Switch-block-size-md);
4299
4612
  --thumb-size: var(--hop-Switch-thumb-size-md);
4300
4613
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4301
4614
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
4302
4615
  }
4303
- .Switch-module__hop-Switch___u041L[data-hovered] {
4616
+ .Switch-module__hop-Switch___sk3mf[data-hovered] {
4304
4617
  --border-color: var(--hop-Switch-border-color-hover);
4305
4618
  --background-color: var(--hop-Switch-background-color-hover);
4306
4619
  --thumb-color: var(--hop-Switch-thumb-color-hover);
4307
4620
  --text-color: var(--hop-Switch-text-color-hover);
4308
4621
  }
4309
- .Switch-module__hop-Switch___u041L[data-pressed],
4310
- .Switch-module__hop-Switch___u041L[data-pressed][data-focus-visible] {
4622
+ .Switch-module__hop-Switch___sk3mf[data-pressed],
4623
+ .Switch-module__hop-Switch___sk3mf[data-pressed][data-focus-visible] {
4311
4624
  --border-color: var(--hop-Switch-border-color-pressed);
4312
4625
  --background-color: var(--hop-Switch-background-color-pressed);
4313
4626
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
4314
4627
  --text-color: var(--hop-Switch-text-color-pressed);
4315
4628
  }
4316
- .Switch-module__hop-Switch___u041L[data-focus-visible] {
4629
+ .Switch-module__hop-Switch___sk3mf[data-focus-visible] {
4317
4630
  --border-color: var(--hop-Switch-border-color-focus);
4318
4631
  --background-color: var(--hop-Switch-background-color-focus);
4319
4632
  --thumb-color: var(--hop-Switch-thumb-color-focus);
4320
4633
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4321
4634
  --text-color: var(--hop-Switch-text-color-focus);
4322
4635
  }
4323
- .Switch-module__hop-Switch___u041L[data-selected],
4324
- .Switch-module__hop-Switch___u041L[data-selected][data-pressed] {
4636
+ .Switch-module__hop-Switch___sk3mf[data-selected],
4637
+ .Switch-module__hop-Switch___sk3mf[data-selected][data-pressed] {
4325
4638
  --border-color: var(--hop-Switch-border-color-selected);
4326
4639
  --background-color: var(--hop-Switch-background-color-selected);
4327
4640
  --thumb-color: var(--hop-Switch-thumb-color-selected);
4328
4641
  --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%);
4329
4642
  --text-color: var(--hop-Switch-text-color-selected);
4330
4643
  }
4331
- .Switch-module__hop-Switch___u041L[data-disabled] {
4644
+ .Switch-module__hop-Switch___sk3mf[data-disabled] {
4332
4645
  --border-color: var(--hop-Switch-border-color-disabled);
4333
4646
  --background-color: var(--hop-Switch-background-color-disabled);
4334
4647
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
4335
4648
  --text-color: var(--hop-Switch-text-color-disabled);
4336
4649
  --cursor: not-allowed;
4337
4650
  }
4338
- .Switch-module__hop-Switch__indicator___enCY5 {
4651
+ .Switch-module__hop-Switch__indicator___ML15n {
4339
4652
  position: relative;
4340
4653
  flex: 0 0 auto;
4341
4654
  box-sizing: border-box;
@@ -4348,7 +4661,7 @@
4348
4661
  outline-offset: 0.125rem;
4349
4662
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4350
4663
  }
4351
- .Switch-module__hop-Switch__indicator___enCY5::before {
4664
+ .Switch-module__hop-Switch__indicator___ML15n::before {
4352
4665
  content: "";
4353
4666
  position: absolute;
4354
4667
  inset-block-start: 50%;
@@ -4363,20 +4676,20 @@
4363
4676
  border-radius: var(--hop-shape-circle);
4364
4677
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4365
4678
  }
4366
- .Switch-module__hop-Switch__text___wRu7p {
4679
+ .Switch-module__hop-Switch__text___vDDXD {
4367
4680
  flex: 0 1 auto;
4368
4681
  order: 2;
4369
4682
  min-inline-size: 0;
4370
4683
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4371
4684
  color: var(--text-color);
4372
4685
  }
4373
- .Switch-module__hop-Switch__icon-list___tdVKg,
4374
- .Switch-module__hop-Switch__icon___OoWkK {
4686
+ .Switch-module__hop-Switch__icon-list___h-DQ7,
4687
+ .Switch-module__hop-Switch__icon___JFaHU {
4375
4688
  order: 3;
4376
4689
  }
4377
4690
 
4378
4691
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4379
- .SwitchField-module__hop-SwitchField___LFmX8 {
4692
+ .SwitchField-module__hop-SwitchField___8mqTD {
4380
4693
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4381
4694
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4382
4695
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -4395,28 +4708,28 @@
4395
4708
  inline-size: max-content;
4396
4709
  max-inline-size: 100%;
4397
4710
  }
4398
- .SwitchField-module__hop-SwitchField___LFmX8[data-disabled] {
4711
+ .SwitchField-module__hop-SwitchField___8mqTD[data-disabled] {
4399
4712
  --description-color: var(--hop-SwitchField-description-color-disabled);
4400
4713
  }
4401
- .SwitchField-module__hop-SwitchField--sm___jzSHD {
4714
+ .SwitchField-module__hop-SwitchField--sm___xCPif {
4402
4715
  --row-gap: var(--hop-SwitchField-sm-row-gap);
4403
4716
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4404
4717
  }
4405
- .SwitchField-module__hop-SwitchField--md___NLVpu {
4718
+ .SwitchField-module__hop-SwitchField--md___MVRHF {
4406
4719
  --row-gap: var(--hop-SwitchField-md-row-gap);
4407
4720
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4408
4721
  }
4409
- .SwitchField-module__hop-SwitchField__description___Pxn3L {
4722
+ .SwitchField-module__hop-SwitchField__description___YV7ZQ {
4410
4723
  order: 2;
4411
4724
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4412
4725
  color: var(--description-color);
4413
4726
  }
4414
- .SwitchField-module__hop-SwitchField__switch___0ajh3 {
4727
+ .SwitchField-module__hop-SwitchField__switch___5DyVa {
4415
4728
  order: 1;
4416
4729
  }
4417
4730
 
4418
4731
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4419
- .Tag-module__hop-Tag___cmE1d {
4732
+ .Tag-module__hop-Tag___rDWrj {
4420
4733
  --hop-Tag-border-size: 0.0625rem;
4421
4734
  --hop-Tag-border-radius: var(--hop-shape-pill);
4422
4735
  --hop-Tag-sm-block-size: 1.25rem;
@@ -4655,7 +4968,7 @@
4655
4968
  outline: none;
4656
4969
  outline-offset: 0.125rem;
4657
4970
  }
4658
- .Tag-module__hop-Tag--sm___C3bAC {
4971
+ .Tag-module__hop-Tag--sm___G43uy {
4659
4972
  --block-size: var(--hop-Tag-sm-block-size);
4660
4973
  --padding-inline: var(--hop-Tag-sm-padding-inline);
4661
4974
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -4663,13 +4976,13 @@
4663
4976
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4664
4977
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4665
4978
  }
4666
- .Tag-module__hop-Tag--sm___C3bAC:not(:has(.Tag-module__hop-Tag__remove-btn___VrUfb, .Tag-module__hop-Tag__Spinner___TjwGu)) {
4979
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4667
4980
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4668
4981
  }
4669
- .Tag-module__hop-Tag--sm___C3bAC:not(:has(.Tag-module__hop-Tag__avatar___0-uHL)) {
4982
+ .Tag-module__hop-Tag--sm___G43uy:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4670
4983
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4671
4984
  }
4672
- .Tag-module__hop-Tag--md___Fsaya {
4985
+ .Tag-module__hop-Tag--md___GjBY4 {
4673
4986
  --block-size: var(--hop-Tag-md-block-size);
4674
4987
  --padding-inline: var(--hop-Tag-md-padding-inline);
4675
4988
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -4677,13 +4990,13 @@
4677
4990
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4678
4991
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4679
4992
  }
4680
- .Tag-module__hop-Tag--md___Fsaya:not(:has(.Tag-module__hop-Tag__remove-btn___VrUfb, .Tag-module__hop-Tag__Spinner___TjwGu)) {
4993
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4681
4994
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4682
4995
  }
4683
- .Tag-module__hop-Tag--md___Fsaya:not(:has(.Tag-module__hop-Tag__avatar___0-uHL)) {
4996
+ .Tag-module__hop-Tag--md___GjBY4:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4684
4997
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4685
4998
  }
4686
- .Tag-module__hop-Tag--lg___YcleY {
4999
+ .Tag-module__hop-Tag--lg___jH8cV {
4687
5000
  --block-size: var(--hop-Tag-lg-block-size);
4688
5001
  --padding-inline: var(--hop-Tag-lg-padding-inline);
4689
5002
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -4691,348 +5004,348 @@
4691
5004
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4692
5005
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4693
5006
  }
4694
- .Tag-module__hop-Tag--lg___YcleY:not(:has(.Tag-module__hop-Tag__remove-btn___VrUfb, .Tag-module__hop-Tag__Spinner___TjwGu)) {
5007
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__remove-btn___4UalQ, .Tag-module__hop-Tag__Spinner___hECt2)) {
4695
5008
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4696
5009
  }
4697
- .Tag-module__hop-Tag--lg___YcleY:not(:has(.Tag-module__hop-Tag__avatar___0-uHL)) {
5010
+ .Tag-module__hop-Tag--lg___jH8cV:not(:has(.Tag-module__hop-Tag__avatar___-Mf3W)) {
4698
5011
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4699
5012
  }
4700
- .Tag-module__hop-Tag--neutral___spReC {
5013
+ .Tag-module__hop-Tag--neutral___DMXm- {
4701
5014
  --border-color: var(--hop-Tag-neutral-border-color);
4702
5015
  --background-color: var(--hop-Tag-neutral-background-color);
4703
5016
  --text-color: var(--hop-Tag-neutral-text-color);
4704
5017
  }
4705
- .Tag-module__hop-Tag--subdued___ZIwYW {
5018
+ .Tag-module__hop-Tag--subdued___cHcuG {
4706
5019
  --border-color: var(--hop-Tag-subdued-border-color);
4707
5020
  --background-color: var(--hop-Tag-subdued-background-color);
4708
5021
  --text-color: var(--hop-Tag-subdued-text-color);
4709
5022
  }
4710
- .Tag-module__hop-Tag--progress___PaYSg {
5023
+ .Tag-module__hop-Tag--progress___yT1Yp {
4711
5024
  --border-color: var(--hop-Tag-progress-border-color);
4712
5025
  --background-color: var(--hop-Tag-progress-background-color);
4713
5026
  --text-color: var(--hop-Tag-progress-text-color);
4714
5027
  }
4715
- .Tag-module__hop-Tag--positive___Ctrvd {
5028
+ .Tag-module__hop-Tag--positive___Wo-dp {
4716
5029
  --border-color: var(--hop-Tag-positive-border-color);
4717
5030
  --background-color: var(--hop-Tag-positive-background-color);
4718
5031
  --text-color: var(--hop-Tag-positive-text-color);
4719
5032
  }
4720
- .Tag-module__hop-Tag--caution___wFIh3 {
5033
+ .Tag-module__hop-Tag--caution___m6YZy {
4721
5034
  --border-color: var(--hop-Tag-caution-border-color);
4722
5035
  --background-color: var(--hop-Tag-caution-background-color);
4723
5036
  --text-color: var(--hop-Tag-caution-text-color);
4724
5037
  }
4725
- .Tag-module__hop-Tag--negative___Ub-m3 {
5038
+ .Tag-module__hop-Tag--negative___mn5nz {
4726
5039
  --border-color: var(--hop-Tag-negative-border-color);
4727
5040
  --background-color: var(--hop-Tag-negative-background-color);
4728
5041
  --text-color: var(--hop-Tag-negative-text-color);
4729
5042
  }
4730
- .Tag-module__hop-Tag--option1___ydAfL {
5043
+ .Tag-module__hop-Tag--option1___DvYvC {
4731
5044
  --border-color: var(--hop-Tag-option1-border-color);
4732
5045
  --background-color: var(--hop-Tag-option1-background-color);
4733
5046
  --text-color: var(--hop-Tag-option1-text-color);
4734
5047
  }
4735
- .Tag-module__hop-Tag--option2___W0Wv0 {
5048
+ .Tag-module__hop-Tag--option2___qBDkw {
4736
5049
  --border-color: var(--hop-Tag-option2-border-color);
4737
5050
  --background-color: var(--hop-Tag-option2-background-color);
4738
5051
  --text-color: var(--hop-Tag-option2-text-color);
4739
5052
  }
4740
- .Tag-module__hop-Tag--option3___puAEV {
5053
+ .Tag-module__hop-Tag--option3___134rX {
4741
5054
  --border-color: var(--hop-Tag-option3-border-color);
4742
5055
  --background-color: var(--hop-Tag-option3-background-color);
4743
5056
  --text-color: var(--hop-Tag-option3-text-color);
4744
5057
  }
4745
- .Tag-module__hop-Tag--option4___JzfKc {
5058
+ .Tag-module__hop-Tag--option4___0E7FR {
4746
5059
  --border-color: var(--hop-Tag-option4-border-color);
4747
5060
  --background-color: var(--hop-Tag-option4-background-color);
4748
5061
  --text-color: var(--hop-Tag-option4-text-color);
4749
5062
  }
4750
- .Tag-module__hop-Tag--option5___TkHhv {
5063
+ .Tag-module__hop-Tag--option5___E00Yw {
4751
5064
  --border-color: var(--hop-Tag-option5-border-color);
4752
5065
  --background-color: var(--hop-Tag-option5-background-color);
4753
5066
  --text-color: var(--hop-Tag-option5-text-color);
4754
5067
  }
4755
- .Tag-module__hop-Tag--option6___sCQaN {
5068
+ .Tag-module__hop-Tag--option6___NfLqm {
4756
5069
  --border-color: var(--hop-Tag-option6-border-color);
4757
5070
  --background-color: var(--hop-Tag-option6-background-color);
4758
5071
  --text-color: var(--hop-Tag-option6-text-color);
4759
5072
  }
4760
- .Tag-module__hop-Tag___cmE1d[data-href] {
5073
+ .Tag-module__hop-Tag___rDWrj[data-href] {
4761
5074
  cursor: pointer;
4762
5075
  }
4763
- .Tag-module__hop-Tag--neutral___spReC[data-focus-visible] {
5076
+ .Tag-module__hop-Tag--neutral___DMXm-[data-focus-visible] {
4764
5077
  --border-color: var(--hop-Tag-neutral-border-color-focus);
4765
5078
  --background-color: var(--hop-Tag-neutral-background-color-focus);
4766
5079
  --text-color: var(--hop-Tag-neutral-text-color-focus);
4767
5080
  }
4768
- .Tag-module__hop-Tag--neutral___spReC[data-hovered] {
5081
+ .Tag-module__hop-Tag--neutral___DMXm-[data-hovered] {
4769
5082
  --border-color: var(--hop-Tag-neutral-border-color-hover);
4770
5083
  --background-color: var(--hop-Tag-neutral-background-color-hover);
4771
5084
  --text-color: var(--hop-Tag-neutral-text-color-hover);
4772
5085
  }
4773
- .Tag-module__hop-Tag--neutral___spReC[data-pressed] {
5086
+ .Tag-module__hop-Tag--neutral___DMXm-[data-pressed] {
4774
5087
  --border-color: var(--hop-Tag-neutral-border-color-press);
4775
5088
  --background-color: var(--hop-Tag-neutral-background-color-press);
4776
5089
  --text-color: var(--hop-Tag-neutral-text-color-press);
4777
5090
  }
4778
- .Tag-module__hop-Tag--neutral___spReC[data-disabled] {
5091
+ .Tag-module__hop-Tag--neutral___DMXm-[data-disabled] {
4779
5092
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
4780
5093
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
4781
5094
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
4782
5095
  }
4783
- .Tag-module__hop-Tag--subdued___ZIwYW[data-focus-visible] {
5096
+ .Tag-module__hop-Tag--subdued___cHcuG[data-focus-visible] {
4784
5097
  --border-color: var(--hop-Tag-subdued-border-color-focus);
4785
5098
  --background-color: var(--hop-Tag-subdued-background-color-focus);
4786
5099
  --text-color: var(--hop-Tag-subdued-text-color-focus);
4787
5100
  }
4788
- .Tag-module__hop-Tag--subdued___ZIwYW[data-hovered] {
5101
+ .Tag-module__hop-Tag--subdued___cHcuG[data-hovered] {
4789
5102
  --border-color: var(--hop-Tag-subdued-border-color-hover);
4790
5103
  --background-color: var(--hop-Tag-subdued-background-color-hover);
4791
5104
  --text-color: var(--hop-Tag-subdued-text-color-hover);
4792
5105
  }
4793
- .Tag-module__hop-Tag--subdued___ZIwYW[data-pressed] {
5106
+ .Tag-module__hop-Tag--subdued___cHcuG[data-pressed] {
4794
5107
  --border-color: var(--hop-Tag-subdued-border-color-press);
4795
5108
  --background-color: var(--hop-Tag-subdued-background-color-press);
4796
5109
  --text-color: var(--hop-Tag-subdued-text-color-press);
4797
5110
  }
4798
- .Tag-module__hop-Tag--subdued___ZIwYW[data-disabled] {
5111
+ .Tag-module__hop-Tag--subdued___cHcuG[data-disabled] {
4799
5112
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
4800
5113
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
4801
5114
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
4802
5115
  }
4803
- .Tag-module__hop-Tag--progress___PaYSg[data-focus-visible] {
5116
+ .Tag-module__hop-Tag--progress___yT1Yp[data-focus-visible] {
4804
5117
  --border-color: var(--hop-Tag-progress-border-color-focus);
4805
5118
  --background-color: var(--hop-Tag-progress-background-color-focus);
4806
5119
  --text-color: var(--hop-Tag-progress-text-color-focus);
4807
5120
  }
4808
- .Tag-module__hop-Tag--progress___PaYSg[data-hovered] {
5121
+ .Tag-module__hop-Tag--progress___yT1Yp[data-hovered] {
4809
5122
  --border-color: var(--hop-Tag-progress-border-color-hover);
4810
5123
  --background-color: var(--hop-Tag-progress-background-color-hover);
4811
5124
  --text-color: var(--hop-Tag-progress-text-color-hover);
4812
5125
  }
4813
- .Tag-module__hop-Tag--progress___PaYSg[data-pressed] {
5126
+ .Tag-module__hop-Tag--progress___yT1Yp[data-pressed] {
4814
5127
  --border-color: var(--hop-Tag-progress-border-color-press);
4815
5128
  --background-color: var(--hop-Tag-progress-background-color-press);
4816
5129
  --text-color: var(--hop-Tag-progress-text-color-press);
4817
5130
  }
4818
- .Tag-module__hop-Tag--progress___PaYSg[data-disabled] {
5131
+ .Tag-module__hop-Tag--progress___yT1Yp[data-disabled] {
4819
5132
  --border-color: var(--hop-Tag-progress-border-color-disabled);
4820
5133
  --background-color: var(--hop-Tag-progress-background-color-disabled);
4821
5134
  --text-color: var(--hop-Tag-progress-text-color-disabled);
4822
5135
  }
4823
- .Tag-module__hop-Tag--positive___Ctrvd[data-focus-visible] {
5136
+ .Tag-module__hop-Tag--positive___Wo-dp[data-focus-visible] {
4824
5137
  --border-color: var(--hop-Tag-positive-border-color-focus);
4825
5138
  --background-color: var(--hop-Tag-positive-background-color-focus);
4826
5139
  --text-color: var(--hop-Tag-positive-text-color-focus);
4827
5140
  }
4828
- .Tag-module__hop-Tag--positive___Ctrvd[data-hovered] {
5141
+ .Tag-module__hop-Tag--positive___Wo-dp[data-hovered] {
4829
5142
  --border-color: var(--hop-Tag-positive-border-color-hover);
4830
5143
  --background-color: var(--hop-Tag-positive-background-color-hover);
4831
5144
  --text-color: var(--hop-Tag-positive-text-color-hover);
4832
5145
  }
4833
- .Tag-module__hop-Tag--positive___Ctrvd[data-pressed] {
5146
+ .Tag-module__hop-Tag--positive___Wo-dp[data-pressed] {
4834
5147
  --border-color: var(--hop-Tag-positive-border-color-press);
4835
5148
  --background-color: var(--hop-Tag-positive-background-color-press);
4836
5149
  --text-color: var(--hop-Tag-positive-text-color-press);
4837
5150
  }
4838
- .Tag-module__hop-Tag--positive___Ctrvd[data-disabled] {
5151
+ .Tag-module__hop-Tag--positive___Wo-dp[data-disabled] {
4839
5152
  --border-color: var(--hop-Tag-positive-border-color-disabled);
4840
5153
  --background-color: var(--hop-Tag-positive-background-color-disabled);
4841
5154
  --text-color: var(--hop-Tag-positive-text-color-disabled);
4842
5155
  }
4843
- .Tag-module__hop-Tag--caution___wFIh3[data-focus-visible] {
5156
+ .Tag-module__hop-Tag--caution___m6YZy[data-focus-visible] {
4844
5157
  --border-color: var(--hop-Tag-caution-border-color-focus);
4845
5158
  --background-color: var(--hop-Tag-caution-background-color-focus);
4846
5159
  --text-color: var(--hop-Tag-caution-text-color-focus);
4847
5160
  }
4848
- .Tag-module__hop-Tag--caution___wFIh3[data-hovered] {
5161
+ .Tag-module__hop-Tag--caution___m6YZy[data-hovered] {
4849
5162
  --border-color: var(--hop-Tag-caution-border-color-hover);
4850
5163
  --background-color: var(--hop-Tag-caution-background-color-hover);
4851
5164
  --text-color: var(--hop-Tag-caution-text-color-hover);
4852
5165
  }
4853
- .Tag-module__hop-Tag--caution___wFIh3[data-pressed] {
5166
+ .Tag-module__hop-Tag--caution___m6YZy[data-pressed] {
4854
5167
  --border-color: var(--hop-Tag-caution-border-color-press);
4855
5168
  --background-color: var(--hop-Tag-caution-background-color-press);
4856
5169
  --text-color: var(--hop-Tag-caution-text-color-press);
4857
5170
  }
4858
- .Tag-module__hop-Tag--caution___wFIh3[data-disabled] {
5171
+ .Tag-module__hop-Tag--caution___m6YZy[data-disabled] {
4859
5172
  --border-color: var(--hop-Tag-caution-border-color-disabled);
4860
5173
  --background-color: var(--hop-Tag-caution-background-color-disabled);
4861
5174
  --text-color: var(--hop-Tag-caution-text-color-disabled);
4862
5175
  }
4863
- .Tag-module__hop-Tag--negative___Ub-m3[data-focus-visible] {
5176
+ .Tag-module__hop-Tag--negative___mn5nz[data-focus-visible] {
4864
5177
  --border-color: var(--hop-Tag-negative-border-color-focus);
4865
5178
  --background-color: var(--hop-Tag-negative-background-color-focus);
4866
5179
  --text-color: var(--hop-Tag-negative-text-color-focus);
4867
5180
  }
4868
- .Tag-module__hop-Tag--negative___Ub-m3[data-hovered] {
5181
+ .Tag-module__hop-Tag--negative___mn5nz[data-hovered] {
4869
5182
  --border-color: var(--hop-Tag-negative-border-color-hover);
4870
5183
  --background-color: var(--hop-Tag-negative-background-color-hover);
4871
5184
  --text-color: var(--hop-Tag-negative-text-color-hover);
4872
5185
  }
4873
- .Tag-module__hop-Tag--negative___Ub-m3[data-pressed] {
5186
+ .Tag-module__hop-Tag--negative___mn5nz[data-pressed] {
4874
5187
  --border-color: var(--hop-Tag-negative-border-color-press);
4875
5188
  --background-color: var(--hop-Tag-negative-background-color-press);
4876
5189
  --text-color: var(--hop-Tag-negative-text-color-press);
4877
5190
  }
4878
- .Tag-module__hop-Tag--negative___Ub-m3[data-disabled] {
5191
+ .Tag-module__hop-Tag--negative___mn5nz[data-disabled] {
4879
5192
  --border-color: var(--hop-Tag-negative-border-color-disabled);
4880
5193
  --background-color: var(--hop-Tag-negative-background-color-disabled);
4881
5194
  --text-color: var(--hop-Tag-negative-text-color-disabled);
4882
5195
  }
4883
- .Tag-module__hop-Tag--option1___ydAfL[data-focus-visible] {
5196
+ .Tag-module__hop-Tag--option1___DvYvC[data-focus-visible] {
4884
5197
  --border-color: var(--hop-Tag-option1-border-color-focus);
4885
5198
  --background-color: var(--hop-Tag-option1-background-color-focus);
4886
5199
  --text-color: var(--hop-Tag-option1-text-color-focus);
4887
5200
  }
4888
- .Tag-module__hop-Tag--option1___ydAfL[data-hovered] {
5201
+ .Tag-module__hop-Tag--option1___DvYvC[data-hovered] {
4889
5202
  --border-color: var(--hop-Tag-option1-border-color-hover);
4890
5203
  --background-color: var(--hop-Tag-option1-background-color-hover);
4891
5204
  --text-color: var(--hop-Tag-option1-text-color-hover);
4892
5205
  }
4893
- .Tag-module__hop-Tag--option1___ydAfL[data-pressed] {
5206
+ .Tag-module__hop-Tag--option1___DvYvC[data-pressed] {
4894
5207
  --border-color: var(--hop-Tag-option1-border-color-press);
4895
5208
  --background-color: var(--hop-Tag-option1-background-color-press);
4896
5209
  --text-color: var(--hop-Tag-option1-text-color-press);
4897
5210
  }
4898
- .Tag-module__hop-Tag--option1___ydAfL[data-disabled] {
5211
+ .Tag-module__hop-Tag--option1___DvYvC[data-disabled] {
4899
5212
  --border-color: var(--hop-Tag-option1-border-color-disabled);
4900
5213
  --background-color: var(--hop-Tag-option1-background-color-disabled);
4901
5214
  --text-color: var(--hop-Tag-option1-text-color-disabled);
4902
5215
  }
4903
- .Tag-module__hop-Tag--option2___W0Wv0[data-focus-visible] {
5216
+ .Tag-module__hop-Tag--option2___qBDkw[data-focus-visible] {
4904
5217
  --border-color: var(--hop-Tag-option2-border-color-focus);
4905
5218
  --background-color: var(--hop-Tag-option2-background-color-focus);
4906
5219
  --text-color: var(--hop-Tag-option2-text-color-focus);
4907
5220
  }
4908
- .Tag-module__hop-Tag--option2___W0Wv0[data-hovered] {
5221
+ .Tag-module__hop-Tag--option2___qBDkw[data-hovered] {
4909
5222
  --border-color: var(--hop-Tag-option2-border-color-hover);
4910
5223
  --background-color: var(--hop-Tag-option2-background-color-hover);
4911
5224
  --text-color: var(--hop-Tag-option2-text-color-hover);
4912
5225
  }
4913
- .Tag-module__hop-Tag--option2___W0Wv0[data-pressed] {
5226
+ .Tag-module__hop-Tag--option2___qBDkw[data-pressed] {
4914
5227
  --border-color: var(--hop-Tag-option2-border-color-press);
4915
5228
  --background-color: var(--hop-Tag-option2-background-color-press);
4916
5229
  --text-color: var(--hop-Tag-option2-text-color-press);
4917
5230
  }
4918
- .Tag-module__hop-Tag--option2___W0Wv0[data-disabled] {
5231
+ .Tag-module__hop-Tag--option2___qBDkw[data-disabled] {
4919
5232
  --border-color: var(--hop-Tag-option2-border-color-disabled);
4920
5233
  --background-color: var(--hop-Tag-option2-background-color-disabled);
4921
5234
  --text-color: var(--hop-Tag-option2-text-color-disabled);
4922
5235
  }
4923
- .Tag-module__hop-Tag--option3___puAEV[data-focus-visible] {
5236
+ .Tag-module__hop-Tag--option3___134rX[data-focus-visible] {
4924
5237
  --border-color: var(--hop-Tag-option3-border-color-focus);
4925
5238
  --background-color: var(--hop-Tag-option3-background-color-focus);
4926
5239
  --text-color: var(--hop-Tag-option3-text-color-focus);
4927
5240
  }
4928
- .Tag-module__hop-Tag--option3___puAEV[data-hovered] {
5241
+ .Tag-module__hop-Tag--option3___134rX[data-hovered] {
4929
5242
  --border-color: var(--hop-Tag-option3-border-color-hover);
4930
5243
  --background-color: var(--hop-Tag-option3-background-color-hover);
4931
5244
  --text-color: var(--hop-Tag-option3-text-color-hover);
4932
5245
  }
4933
- .Tag-module__hop-Tag--option3___puAEV[data-pressed] {
5246
+ .Tag-module__hop-Tag--option3___134rX[data-pressed] {
4934
5247
  --border-color: var(--hop-Tag-option3-border-color-press);
4935
5248
  --background-color: var(--hop-Tag-option3-background-color-press);
4936
5249
  --text-color: var(--hop-Tag-option3-text-color-press);
4937
5250
  }
4938
- .Tag-module__hop-Tag--option3___puAEV[data-disabled] {
5251
+ .Tag-module__hop-Tag--option3___134rX[data-disabled] {
4939
5252
  --border-color: var(--hop-Tag-option3-border-color-disabled);
4940
5253
  --background-color: var(--hop-Tag-option3-background-color-disabled);
4941
5254
  --text-color: var(--hop-Tag-option3-text-color-disabled);
4942
5255
  }
4943
- .Tag-module__hop-Tag--option4___JzfKc[data-focus-visible] {
5256
+ .Tag-module__hop-Tag--option4___0E7FR[data-focus-visible] {
4944
5257
  --border-color: var(--hop-Tag-option4-border-color-focus);
4945
5258
  --background-color: var(--hop-Tag-option4-background-color-focus);
4946
5259
  --text-color: var(--hop-Tag-option4-text-color-focus);
4947
5260
  }
4948
- .Tag-module__hop-Tag--option4___JzfKc[data-hovered] {
5261
+ .Tag-module__hop-Tag--option4___0E7FR[data-hovered] {
4949
5262
  --border-color: var(--hop-Tag-option4-border-color-hover);
4950
5263
  --background-color: var(--hop-Tag-option4-background-color-hover);
4951
5264
  --text-color: var(--hop-Tag-option4-text-color-hover);
4952
5265
  }
4953
- .Tag-module__hop-Tag--option4___JzfKc[data-pressed] {
5266
+ .Tag-module__hop-Tag--option4___0E7FR[data-pressed] {
4954
5267
  --border-color: var(--hop-Tag-option4-border-color-press);
4955
5268
  --background-color: var(--hop-Tag-option4-background-color-press);
4956
5269
  --text-color: var(--hop-Tag-option4-text-color-press);
4957
5270
  }
4958
- .Tag-module__hop-Tag--option4___JzfKc[data-disabled] {
5271
+ .Tag-module__hop-Tag--option4___0E7FR[data-disabled] {
4959
5272
  --border-color: var(--hop-Tag-option4-border-color-disabled);
4960
5273
  --background-color: var(--hop-Tag-option4-background-color-disabled);
4961
5274
  --text-color: var(--hop-Tag-option4-text-color-disabled);
4962
5275
  }
4963
- .Tag-module__hop-Tag--option5___TkHhv[data-focus-visible] {
5276
+ .Tag-module__hop-Tag--option5___E00Yw[data-focus-visible] {
4964
5277
  --border-color: var(--hop-Tag-option5-border-color-focus);
4965
5278
  --background-color: var(--hop-Tag-option5-background-color-focus);
4966
5279
  --text-color: var(--hop-Tag-option5-text-color-focus);
4967
5280
  }
4968
- .Tag-module__hop-Tag--option5___TkHhv[data-hovered] {
5281
+ .Tag-module__hop-Tag--option5___E00Yw[data-hovered] {
4969
5282
  --border-color: var(--hop-Tag-option5-border-color-hover);
4970
5283
  --background-color: var(--hop-Tag-option5-background-color-hover);
4971
5284
  --text-color: var(--hop-Tag-option5-text-color-hover);
4972
5285
  }
4973
- .Tag-module__hop-Tag--option5___TkHhv[data-pressed] {
5286
+ .Tag-module__hop-Tag--option5___E00Yw[data-pressed] {
4974
5287
  --border-color: var(--hop-Tag-option5-border-color-press);
4975
5288
  --background-color: var(--hop-Tag-option5-background-color-press);
4976
5289
  --text-color: var(--hop-Tag-option5-text-color-press);
4977
5290
  }
4978
- .Tag-module__hop-Tag--option5___TkHhv[data-disabled] {
5291
+ .Tag-module__hop-Tag--option5___E00Yw[data-disabled] {
4979
5292
  --border-color: var(--hop-Tag-option5-border-color-disabled);
4980
5293
  --background-color: var(--hop-Tag-option5-background-color-disabled);
4981
5294
  --text-color: var(--hop-Tag-option5-text-color-disabled);
4982
5295
  }
4983
- .Tag-module__hop-Tag--option6___sCQaN[data-focus-visible] {
5296
+ .Tag-module__hop-Tag--option6___NfLqm[data-focus-visible] {
4984
5297
  --border-color: var(--hop-Tag-option6-border-color-focus);
4985
5298
  --background-color: var(--hop-Tag-option6-background-color-focus);
4986
5299
  --text-color: var(--hop-Tag-option6-text-color-focus);
4987
5300
  }
4988
- .Tag-module__hop-Tag--option6___sCQaN[data-hovered] {
5301
+ .Tag-module__hop-Tag--option6___NfLqm[data-hovered] {
4989
5302
  --border-color: var(--hop-Tag-option6-border-color-hover);
4990
5303
  --background-color: var(--hop-Tag-option6-background-color-hover);
4991
5304
  --text-color: var(--hop-Tag-option6-text-color-hover);
4992
5305
  }
4993
- .Tag-module__hop-Tag--option6___sCQaN[data-pressed] {
5306
+ .Tag-module__hop-Tag--option6___NfLqm[data-pressed] {
4994
5307
  --border-color: var(--hop-Tag-option6-border-color-press);
4995
5308
  --background-color: var(--hop-Tag-option6-background-color-press);
4996
5309
  --text-color: var(--hop-Tag-option6-text-color-press);
4997
5310
  }
4998
- .Tag-module__hop-Tag--option6___sCQaN[data-disabled] {
5311
+ .Tag-module__hop-Tag--option6___NfLqm[data-disabled] {
4999
5312
  --border-color: var(--hop-Tag-option6-border-color-disabled);
5000
5313
  --background-color: var(--hop-Tag-option6-background-color-disabled);
5001
5314
  --text-color: var(--hop-Tag-option6-text-color-disabled);
5002
5315
  }
5003
- .Tag-module__hop-Tag___cmE1d[data-focus-visible] {
5316
+ .Tag-module__hop-Tag___rDWrj[data-focus-visible] {
5004
5317
  outline: 0.125rem solid var(--focus-ring-color);
5005
5318
  }
5006
- .Tag-module__hop-Tag___cmE1d[data-hovered] {
5319
+ .Tag-module__hop-Tag___rDWrj[data-hovered] {
5007
5320
  cursor: pointer;
5008
5321
  }
5009
- .Tag-module__hop-Tag___cmE1d[data-selected] {
5322
+ .Tag-module__hop-Tag___rDWrj[data-selected] {
5010
5323
  --background-color: var(--hop-Tag-background-color-selected);
5011
5324
  --border-color: var(--hop-Tag-border-color-selected);
5012
5325
  --text-color: var(--hop-Tag-text-color-selected);
5013
5326
  }
5014
- .Tag-module__hop-Tag___cmE1d[data-pressed] {
5327
+ .Tag-module__hop-Tag___rDWrj[data-pressed] {
5015
5328
  cursor: pointer;
5016
5329
  }
5017
- .Tag-module__hop-Tag___cmE1d[data-invalid] {
5330
+ .Tag-module__hop-Tag___rDWrj[data-invalid] {
5018
5331
  --border-color: var(--hop-Tag-border-color-invalid);
5019
5332
  }
5020
- .Tag-module__hop-Tag___cmE1d[data-disabled] {
5333
+ .Tag-module__hop-Tag___rDWrj[data-disabled] {
5021
5334
  cursor: not-allowed;
5022
5335
  }
5023
- .Tag-module__hop-Tag__avatar___0-uHL {
5336
+ .Tag-module__hop-Tag__avatar___-Mf3W {
5024
5337
  flex: 0 0 auto;
5025
5338
  order: 1;
5026
5339
  margin-inline-start: var(--avatar-margin-inline-start);
5027
5340
  }
5028
- .Tag-module__hop-Tag__icon___Lwb8E,
5029
- .Tag-module__hop-Tag__icon-list___r7kKX {
5341
+ .Tag-module__hop-Tag__icon___4bQPB,
5342
+ .Tag-module__hop-Tag__icon-list___XyMyY {
5030
5343
  flex: 0 0 auto;
5031
5344
  flex-wrap: nowrap;
5032
5345
  order: 2;
5033
5346
  margin-inline-start: var(--icon-margin-inline-start, 0);
5034
5347
  }
5035
- .Tag-module__hop-Tag__text___itlvp {
5348
+ .Tag-module__hop-Tag__text___K1ewf {
5036
5349
  overflow: hidden;
5037
5350
  flex: 1 1 auto;
5038
5351
  order: 3;
@@ -5040,33 +5353,33 @@
5040
5353
  text-align: center;
5041
5354
  text-overflow: ellipsis;
5042
5355
  }
5043
- .Tag-module__hop-Tag__badge___rbO1Q {
5356
+ .Tag-module__hop-Tag__badge___xuEf- {
5044
5357
  flex: 0 0 auto;
5045
5358
  order: 4;
5046
5359
  margin-inline-end: var(--badge-margin-inline-end);
5047
5360
  }
5048
- .Tag-module__hop-Tag___cmE1d .Tag-module__hop-Tag__badge___rbO1Q[data-variant=subdued] {
5361
+ .Tag-module__hop-Tag___rDWrj .Tag-module__hop-Tag__badge___xuEf-[data-variant=subdued] {
5049
5362
  margin-inline-start: var(--badge-secondary-margin-inline-start);
5050
5363
  color: inherit;
5051
5364
  background: none;
5052
5365
  }
5053
- .Tag-module__hop-Tag--sm___C3bAC .Tag-module__hop-Tag__badge___rbO1Q {
5366
+ .Tag-module__hop-Tag--sm___G43uy .Tag-module__hop-Tag__badge___xuEf- {
5054
5367
  block-size: 100%;
5055
5368
  }
5056
- .Tag-module__hop-Tag__remove-btn___VrUfb,
5057
- .Tag-module__hop-Tag__Spinner___TjwGu {
5369
+ .Tag-module__hop-Tag__remove-btn___4UalQ,
5370
+ .Tag-module__hop-Tag__Spinner___hECt2 {
5058
5371
  flex: 0 0 auto;
5059
5372
  order: 5;
5060
5373
  }
5061
- .Tag-module__hop-Tag__Spinner___TjwGu {
5374
+ .Tag-module__hop-Tag__Spinner___hECt2 {
5062
5375
  margin-inline-end: var(--spinner-margin-inline-end);
5063
5376
  }
5064
- .Tag-module__hop-Tag__remove-btn___VrUfb {
5377
+ .Tag-module__hop-Tag__remove-btn___4UalQ {
5065
5378
  margin-inline: var(--clear-btn-margin-inline);
5066
5379
  }
5067
5380
 
5068
5381
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
5069
- .TagGroup-module__hop-TagGroup___fnnqR {
5382
+ .TagGroup-module__hop-TagGroup___0TH5s {
5070
5383
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
5071
5384
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
5072
5385
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -5086,10 +5399,10 @@
5086
5399
  inline-size: max-content;
5087
5400
  max-inline-size: 100%;
5088
5401
  }
5089
- .TagGroup-module__hop-TagGroup___fnnqR > .TagGroup-module__hop-TagGroup__label___bpbPD {
5402
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__label___0hzAn {
5090
5403
  order: 1;
5091
5404
  }
5092
- .TagGroup-module__hop-TagGroup__list___rm2tH {
5405
+ .TagGroup-module__hop-TagGroup__list___TQT7U {
5093
5406
  display: flex;
5094
5407
  flex-wrap: wrap;
5095
5408
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -5098,12 +5411,12 @@
5098
5411
  border-radius: var(--list-border-radius);
5099
5412
  outline: none;
5100
5413
  }
5101
- .TagGroup-module__hop-TagGroup__list___rm2tH[data-focus-visible] {
5414
+ .TagGroup-module__hop-TagGroup__list___TQT7U[data-focus-visible] {
5102
5415
  outline: 0.125rem solid var(--list-focus-ring-color);
5103
5416
  outline-offset: 0.125rem;
5104
5417
  }
5105
- .TagGroup-module__hop-TagGroup___fnnqR > .TagGroup-module__hop-TagGroup__error-message___1--MR,
5106
- .TagGroup-module__hop-TagGroup___fnnqR > .TagGroup-module__hop-TagGroup__helper-message___HMaL2 {
5418
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__error-message___g7eRv,
5419
+ .TagGroup-module__hop-TagGroup___0TH5s > .TagGroup-module__hop-TagGroup__helper-message___OEsE2 {
5107
5420
  order: 3;
5108
5421
  }
5109
5422
 
@@ -5133,7 +5446,7 @@
5133
5446
  /* src/index.css */
5134
5447
 
5135
5448
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
5136
- .Form-module__hop-Form___jpMoE {
5449
+ .Form-module__hop-Form___WRlBU {
5137
5450
  display: flex;
5138
5451
  flex-direction: column;
5139
5452
  gap: var(--hop-space-stack-lg);