@hopper-ui/components 1.5.8 → 1.5.10

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 (315) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Accordion/src/Accordion.css +72 -110
  3. package/dist/Accordion/src/Accordion.js +2 -2
  4. package/dist/Accordion/src/index.css +72 -110
  5. package/dist/Accordion/src/index.js +2 -2
  6. package/dist/Alert/src/Alert.css +1892 -0
  7. package/dist/Alert/src/Alert.d.ts +75 -0
  8. package/dist/Alert/src/Alert.js +35 -0
  9. package/dist/Alert/src/AlertContext.d.ts +9 -0
  10. package/dist/Alert/src/AlertContext.js +2 -0
  11. package/dist/Alert/src/AlertTrigger.d.ts +5 -0
  12. package/dist/Alert/src/AlertTrigger.js +2 -0
  13. package/dist/Alert/src/index.css +1892 -0
  14. package/dist/Alert/src/index.d.ts +7 -0
  15. package/dist/Alert/src/index.js +36 -0
  16. package/dist/Avatar/src/AnonymousAvatar.css +42 -80
  17. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  18. package/dist/Avatar/src/Avatar.css +60 -98
  19. package/dist/Avatar/src/Avatar.js +7 -7
  20. package/dist/Avatar/src/BrokenAvatar.css +42 -80
  21. package/dist/Avatar/src/BrokenAvatar.js +3 -3
  22. package/dist/Avatar/src/DeletedAvatar.css +42 -80
  23. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  24. package/dist/Avatar/src/RichIconAvatarImage.css +42 -80
  25. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  26. package/dist/Avatar/src/index.css +60 -98
  27. package/dist/Avatar/src/index.js +9 -9
  28. package/dist/Badge/src/Badge.css +47 -85
  29. package/dist/Badge/src/Badge.js +5 -5
  30. package/dist/Badge/src/FloatingBadge.css +42 -80
  31. package/dist/Badge/src/FloatingBadge.js +4 -4
  32. package/dist/Badge/src/index.css +57 -95
  33. package/dist/Badge/src/index.js +8 -8
  34. package/dist/Callout/src/Callout.css +270 -308
  35. package/dist/Callout/src/Callout.js +14 -14
  36. package/dist/Callout/src/CompactCallout.css +306 -344
  37. package/dist/Callout/src/CompactCallout.js +15 -15
  38. package/dist/Callout/src/index.css +319 -357
  39. package/dist/Callout/src/index.js +17 -17
  40. package/dist/Card/src/Card.css +35 -73
  41. package/dist/Card/src/Card.js +1 -1
  42. package/dist/Card/src/index.css +35 -73
  43. package/dist/Card/src/index.js +1 -1
  44. package/dist/ComboBox/src/ComboBox.css +651 -689
  45. package/dist/ComboBox/src/ComboBox.js +29 -29
  46. package/dist/ComboBox/src/index.css +651 -689
  47. package/dist/ComboBox/src/index.js +29 -29
  48. package/dist/Disclosure/src/Disclosure.css +42 -80
  49. package/dist/Disclosure/src/Disclosure.js +2 -2
  50. package/dist/Disclosure/src/DisclosureHeader.css +49 -87
  51. package/dist/Disclosure/src/DisclosureHeader.js +11 -11
  52. package/dist/Disclosure/src/DisclosurePanel.css +42 -80
  53. package/dist/Disclosure/src/DisclosurePanel.js +11 -11
  54. package/dist/Disclosure/src/index.css +67 -105
  55. package/dist/Disclosure/src/index.js +15 -15
  56. package/dist/Divider/src/Divider.css +34 -72
  57. package/dist/Divider/src/Divider.js +1 -1
  58. package/dist/Divider/src/index.css +34 -72
  59. package/dist/Divider/src/index.js +1 -1
  60. package/dist/ErrorMessage/src/ErrorMessage.css +34 -72
  61. package/dist/ErrorMessage/src/ErrorMessage.js +4 -4
  62. package/dist/ErrorMessage/src/index.css +34 -72
  63. package/dist/ErrorMessage/src/index.js +4 -4
  64. package/dist/Form/src/Form.css +32 -70
  65. package/dist/Form/src/Form.js +1 -1
  66. package/dist/Form/src/index.css +32 -70
  67. package/dist/Form/src/index.js +1 -1
  68. package/dist/HelperMessage/src/HelperMessage.css +34 -72
  69. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  70. package/dist/HelperMessage/src/index.css +34 -72
  71. package/dist/HelperMessage/src/index.js +3 -3
  72. package/dist/IconList/src/IconList.css +33 -71
  73. package/dist/IconList/src/IconList.js +1 -1
  74. package/dist/IconList/src/index.css +33 -71
  75. package/dist/IconList/src/index.js +1 -1
  76. package/dist/IllustratedMessage/src/IllustratedMessage.css +277 -315
  77. package/dist/IllustratedMessage/src/IllustratedMessage.js +2 -2
  78. package/dist/IllustratedMessage/src/index.css +277 -315
  79. package/dist/IllustratedMessage/src/index.js +2 -2
  80. package/dist/Image/src/Image.css +35 -73
  81. package/dist/Image/src/Image.js +1 -1
  82. package/dist/Image/src/SvgImage.css +33 -71
  83. package/dist/Image/src/SvgImage.js +1 -1
  84. package/dist/Image/src/index.css +36 -74
  85. package/dist/Image/src/index.js +3 -3
  86. package/dist/Link/src/Link.css +71 -109
  87. package/dist/Link/src/Link.js +9 -9
  88. package/dist/Link/src/index.css +71 -109
  89. package/dist/Link/src/index.js +9 -9
  90. package/dist/ListBox/src/ListBox.css +279 -317
  91. package/dist/ListBox/src/ListBox.js +17 -17
  92. package/dist/ListBox/src/ListBoxItem.css +267 -305
  93. package/dist/ListBox/src/ListBoxItem.js +15 -15
  94. package/dist/ListBox/src/ListBoxItemSkeleton.css +39 -77
  95. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  96. package/dist/ListBox/src/index.css +279 -317
  97. package/dist/ListBox/src/index.js +17 -17
  98. package/dist/Modal/src/BaseModal.css +53 -91
  99. package/dist/Modal/src/BaseModal.js +1 -1
  100. package/dist/Modal/src/CustomModal.css +54 -92
  101. package/dist/Modal/src/CustomModal.js +2 -2
  102. package/dist/Modal/src/Modal.css +303 -341
  103. package/dist/Modal/src/Modal.js +17 -17
  104. package/dist/Modal/src/index.css +304 -342
  105. package/dist/Modal/src/index.d.ts +1 -0
  106. package/dist/Modal/src/index.js +19 -19
  107. package/dist/SegmentedControl/src/SegmentedControl.css +33 -71
  108. package/dist/SegmentedControl/src/SegmentedControl.js +2 -2
  109. package/dist/SegmentedControl/src/SegmentedControlItem.css +47 -85
  110. package/dist/SegmentedControl/src/SegmentedControlItem.js +8 -8
  111. package/dist/SegmentedControl/src/index.css +48 -86
  112. package/dist/SegmentedControl/src/index.js +9 -9
  113. package/dist/Select/src/Select.css +595 -633
  114. package/dist/Select/src/Select.js +28 -28
  115. package/dist/Select/src/SelectValue.css +66 -104
  116. package/dist/Select/src/SelectValue.js +10 -10
  117. package/dist/Select/src/index.css +595 -633
  118. package/dist/Select/src/index.js +28 -28
  119. package/dist/Spinner/src/Spinner.css +42 -80
  120. package/dist/Spinner/src/Spinner.js +4 -4
  121. package/dist/Spinner/src/index.css +42 -80
  122. package/dist/Spinner/src/index.js +4 -4
  123. package/dist/Tabs/src/Tab.css +420 -458
  124. package/dist/Tabs/src/Tab.js +4 -4
  125. package/dist/Tabs/src/TabLine.css +34 -72
  126. package/dist/Tabs/src/TabLine.js +1 -1
  127. package/dist/Tabs/src/TabList.css +41 -79
  128. package/dist/Tabs/src/TabList.js +2 -2
  129. package/dist/Tabs/src/TabPanel.css +34 -72
  130. package/dist/Tabs/src/TabPanel.js +1 -1
  131. package/dist/Tabs/src/index.css +431 -469
  132. package/dist/Tabs/src/index.js +8 -8
  133. package/dist/Tile/src/Tile.css +41 -79
  134. package/dist/Tile/src/Tile.js +8 -8
  135. package/dist/Tile/src/TileGroup.css +33 -71
  136. package/dist/Tile/src/TileGroup.js +1 -1
  137. package/dist/Tile/src/index.css +42 -80
  138. package/dist/Tile/src/index.js +9 -9
  139. package/dist/ToggleArrow/src/ToggleArrow.css +34 -72
  140. package/dist/ToggleArrow/src/ToggleArrow.js +1 -1
  141. package/dist/ToggleArrow/src/index.css +34 -72
  142. package/dist/ToggleArrow/src/index.js +1 -1
  143. package/dist/buttons/src/Button.css +98 -136
  144. package/dist/buttons/src/Button.js +11 -11
  145. package/dist/buttons/src/ButtonGroup.css +43 -81
  146. package/dist/buttons/src/ButtonGroup.js +1 -1
  147. package/dist/buttons/src/ClearButton.css +103 -141
  148. package/dist/buttons/src/ClearButton.js +3 -3
  149. package/dist/buttons/src/CloseButton.css +101 -139
  150. package/dist/buttons/src/CloseButton.js +13 -13
  151. package/dist/buttons/src/EmbeddedButton.css +103 -141
  152. package/dist/buttons/src/EmbeddedButton.js +1 -1
  153. package/dist/buttons/src/LinkButton.css +107 -145
  154. package/dist/buttons/src/LinkButton.js +9 -9
  155. package/dist/buttons/src/index.css +257 -295
  156. package/dist/buttons/src/index.js +18 -18
  157. package/dist/checkbox/src/Checkbox.css +51 -89
  158. package/dist/checkbox/src/Checkbox.js +9 -9
  159. package/dist/checkbox/src/CheckboxField.css +38 -76
  160. package/dist/checkbox/src/CheckboxField.js +6 -6
  161. package/dist/checkbox/src/CheckboxGroup.css +103 -141
  162. package/dist/checkbox/src/CheckboxGroup.js +10 -10
  163. package/dist/checkbox/src/DecorativeCheckbox.css +59 -97
  164. package/dist/checkbox/src/DecorativeCheckbox.js +10 -10
  165. package/dist/checkbox/src/index.css +103 -141
  166. package/dist/checkbox/src/index.js +16 -16
  167. package/dist/{chunk-2MFQA2EU.js → chunk-2HNTRGHC.js} +6 -6
  168. package/dist/{chunk-RSNYZJBA.js → chunk-2PTMHRN6.js} +3 -3
  169. package/dist/{chunk-7XKQWNDW.js → chunk-36UI2HLA.js} +2 -2
  170. package/dist/{chunk-2F75EFZU.js → chunk-3MCUUQCR.js} +1 -1
  171. package/dist/{chunk-ZF6AUUH2.js → chunk-4FJMF7EW.js} +14 -14
  172. package/dist/{chunk-7G5PGVLI.js → chunk-67CQTKQZ.js} +1 -1
  173. package/dist/{chunk-XJDZUQRN.js → chunk-67MTFOYC.js} +2 -2
  174. package/dist/{chunk-G7FGAV44.js → chunk-6CFV4474.js} +2 -2
  175. package/dist/{chunk-PA5EHN7O.js → chunk-6O7KWPWM.js} +1 -1
  176. package/dist/{chunk-HNUVBOSY.js → chunk-72QUM66Y.js} +1 -1
  177. package/dist/chunk-7QO2PGJT.js +6 -0
  178. package/dist/{chunk-PETBANFF.js → chunk-7TPCYJYU.js} +1 -1
  179. package/dist/{chunk-VGAKY5R3.js → chunk-7TR7PPAZ.js} +3 -3
  180. package/dist/{chunk-OAIQMHLG.js → chunk-AAG3SD5U.js} +4 -4
  181. package/dist/{chunk-DSHNTCCG.js → chunk-AZ63XRIL.js} +1 -1
  182. package/dist/chunk-BCUPLQ4B.js +7 -0
  183. package/dist/{chunk-X2SACCY2.js → chunk-BOIKXHIE.js} +4 -4
  184. package/dist/{chunk-FCJBEUUD.js → chunk-C2EQOJS5.js} +1 -1
  185. package/dist/{chunk-AUDD3BII.js → chunk-C3ZCD5RO.js} +6 -6
  186. package/dist/{chunk-KJNEM3SA.js → chunk-D5V7JRE5.js} +1 -1
  187. package/dist/{chunk-JZBFIZNX.js → chunk-DFICS6HW.js} +3 -3
  188. package/dist/{chunk-R545UYFM.js → chunk-E6X4GWT5.js} +1 -1
  189. package/dist/{chunk-H33GYFXI.js → chunk-EBZYYRR7.js} +4 -4
  190. package/dist/{chunk-FMACFZVM.js → chunk-F36EAHLH.js} +3 -3
  191. package/dist/{chunk-YTLEDJYH.js → chunk-FEVD5AOU.js} +2 -2
  192. package/dist/{chunk-WQG7DMLR.js → chunk-FN5AV5GT.js} +3 -3
  193. package/dist/{chunk-YRPLWZ7P.js → chunk-FVA3VWM3.js} +2 -2
  194. package/dist/{chunk-TPK6NH6T.js → chunk-GTITU5LR.js} +10 -10
  195. package/dist/{chunk-BKGXUZF6.js → chunk-GYAX6N5L.js} +15 -15
  196. package/dist/{chunk-O5LHBC7Q.js → chunk-HCWCZJI6.js} +9 -9
  197. package/dist/{chunk-GAYT3QXG.js → chunk-HHBI4BXD.js} +5 -5
  198. package/dist/{chunk-JZDIHG23.js → chunk-I7E5YC6V.js} +9 -9
  199. package/dist/{chunk-MWOYTG5R.js → chunk-IG3COIDI.js} +1 -1
  200. package/dist/{chunk-HXUYRHS5.js → chunk-IGZ2326L.js} +6 -6
  201. package/dist/{chunk-T3JQ5FGZ.js → chunk-IHGWUNFU.js} +2 -2
  202. package/dist/{chunk-IIUGCQWW.js → chunk-IQ6MO6KG.js} +8 -8
  203. package/dist/{chunk-4NP4OAXQ.js → chunk-IR7UBBUI.js} +1 -1
  204. package/dist/{chunk-CY3NQS5G.js → chunk-JBFB6YRY.js} +1 -1
  205. package/dist/{chunk-CCC4PE3E.js → chunk-JGEEL2DR.js} +2 -2
  206. package/dist/{chunk-OXX2Q4UK.js → chunk-JKKIMD2I.js} +2 -2
  207. package/dist/{chunk-3QAAVSD5.js → chunk-JPT5O44G.js} +3 -3
  208. package/dist/{chunk-4VWK3B7S.js → chunk-JR3DELVD.js} +3 -3
  209. package/dist/{chunk-VUFCC6BQ.js → chunk-JSZNT3DJ.js} +1 -1
  210. package/dist/{chunk-VTPBW5IC.js → chunk-JT3H2YM7.js} +3 -3
  211. package/dist/{chunk-V3GM5HJS.js → chunk-JV3R6DTT.js} +1 -1
  212. package/dist/{chunk-E7543KMS.js → chunk-KX4FLAWC.js} +2 -2
  213. package/dist/{chunk-3U5FI5A2.js → chunk-LPR4HBRB.js} +5 -5
  214. package/dist/{chunk-4IE24H7G.js → chunk-MB7OLVLQ.js} +8 -8
  215. package/dist/{chunk-VDXWDKOM.js → chunk-N45SWBFL.js} +1 -1
  216. package/dist/{chunk-MGSR6KG7.js → chunk-NETXXOSY.js} +1 -1
  217. package/dist/{chunk-6OQETHFE.js → chunk-NPHPBFWY.js} +2 -2
  218. package/dist/{chunk-4KOZSCEO.js → chunk-NR6A6BI2.js} +5 -5
  219. package/dist/{chunk-6VY7Q7UM.js → chunk-NTE4WHNI.js} +4 -4
  220. package/dist/{chunk-SLP3QVJN.js → chunk-NZB335GO.js} +2 -4
  221. package/dist/{chunk-YYBHF4YY.js → chunk-O4H7WFC2.js} +1 -1
  222. package/dist/{chunk-NP2SOF4U.js → chunk-P2CXWHKF.js} +1 -1
  223. package/dist/{chunk-Q2EQP2RU.js → chunk-P63CP3CQ.js} +3 -3
  224. package/dist/{chunk-B7CNUKHE.js → chunk-QOFWPI6H.js} +11 -11
  225. package/dist/chunk-QPDXSP2V.js +142 -0
  226. package/dist/{chunk-TXMTWWQS.js → chunk-RAF3F3RF.js} +5 -5
  227. package/dist/{chunk-OLNYFKUC.js → chunk-RFG46AHU.js} +2 -2
  228. package/dist/{chunk-5MYBVZ7A.js → chunk-SHQPU4H3.js} +5 -5
  229. package/dist/{chunk-64CHPRZN.js → chunk-SOQNWBUK.js} +2 -2
  230. package/dist/{chunk-TTL4G2TY.js → chunk-SSFWYTTO.js} +2 -2
  231. package/dist/{chunk-3Y26KXNH.js → chunk-SWDSOVSN.js} +2 -2
  232. package/dist/{chunk-BOEKDGIG.js → chunk-UDJPDLDM.js} +1 -1
  233. package/dist/{chunk-4C2RFTAH.js → chunk-ULHKCKIA.js} +1 -1
  234. package/dist/{chunk-N64QLW23.js → chunk-UQ63BSFV.js} +2 -2
  235. package/dist/{chunk-6IOXP65D.js → chunk-VIQWLIQH.js} +4 -4
  236. package/dist/{chunk-XTPBPGOE.js → chunk-VQC3P5DN.js} +4 -4
  237. package/dist/{chunk-UXXEQ6GN.js → chunk-WAYEWRHX.js} +5 -5
  238. package/dist/{chunk-AH7QHTSG.js → chunk-XIVD53T6.js} +6 -6
  239. package/dist/{chunk-WD3ZL2OG.js → chunk-XLXUDCDD.js} +4 -4
  240. package/dist/{chunk-IZK3WBT5.js → chunk-YFHG54DL.js} +2 -2
  241. package/dist/{chunk-UFEEPQPN.js → chunk-ZNYLAP47.js} +5 -5
  242. package/dist/{chunk-GHWTSUQQ.js → chunk-ZUHN5QX4.js} +4 -4
  243. package/dist/{chunk-QDAESUMP.js → chunk-ZYZFFK52.js} +1 -1
  244. package/dist/{chunk-VHHOCRJ6.js → chunk-ZZQKIEAE.js} +13 -13
  245. package/dist/index.css +1987 -1962
  246. package/dist/index.d.ts +4 -0
  247. package/dist/index.js +116 -113
  248. package/dist/inputs/src/Input.css +36 -74
  249. package/dist/inputs/src/Input.js +1 -1
  250. package/dist/inputs/src/InputGroup.css +38 -76
  251. package/dist/inputs/src/InputGroup.js +1 -1
  252. package/dist/inputs/src/NumberField.css +62 -100
  253. package/dist/inputs/src/NumberField.js +14 -14
  254. package/dist/inputs/src/PasswordField.css +277 -315
  255. package/dist/inputs/src/PasswordField.js +14 -14
  256. package/dist/inputs/src/RemainingCharacterCount.css +35 -73
  257. package/dist/inputs/src/RemainingCharacterCount.js +9 -9
  258. package/dist/inputs/src/SearchField.css +283 -321
  259. package/dist/inputs/src/SearchField.js +16 -16
  260. package/dist/inputs/src/TextArea.css +59 -97
  261. package/dist/inputs/src/TextArea.js +13 -13
  262. package/dist/inputs/src/TextField.css +281 -319
  263. package/dist/inputs/src/TextField.js +19 -19
  264. package/dist/inputs/src/index.css +329 -367
  265. package/dist/inputs/src/index.js +25 -25
  266. package/dist/overlays/Popover/src/Popover.css +567 -605
  267. package/dist/overlays/Popover/src/Popover.js +10 -10
  268. package/dist/overlays/Popover/src/PopoverBase.css +36 -74
  269. package/dist/overlays/Popover/src/PopoverBase.js +1 -1
  270. package/dist/overlays/Popover/src/index.css +571 -609
  271. package/dist/overlays/Popover/src/index.js +12 -12
  272. package/dist/radio/src/DecorativeRadio.css +59 -97
  273. package/dist/radio/src/DecorativeRadio.js +10 -10
  274. package/dist/radio/src/Radio.css +51 -89
  275. package/dist/radio/src/Radio.js +9 -9
  276. package/dist/radio/src/RadioField.css +38 -76
  277. package/dist/radio/src/RadioField.js +4 -4
  278. package/dist/radio/src/RadioGroup.css +103 -141
  279. package/dist/radio/src/RadioGroup.js +10 -10
  280. package/dist/radio/src/index.css +103 -141
  281. package/dist/radio/src/index.js +16 -16
  282. package/dist/switch/src/Switch.css +48 -86
  283. package/dist/switch/src/Switch.js +9 -9
  284. package/dist/switch/src/SwitchField.css +38 -76
  285. package/dist/switch/src/SwitchField.js +5 -5
  286. package/dist/switch/src/index.css +54 -92
  287. package/dist/switch/src/index.js +12 -12
  288. package/dist/tag/src/Tag.css +398 -436
  289. package/dist/tag/src/Tag.js +16 -16
  290. package/dist/tag/src/TagGroup.css +42 -80
  291. package/dist/tag/src/TagGroup.js +9 -9
  292. package/dist/tag/src/index.css +408 -446
  293. package/dist/tag/src/index.js +19 -19
  294. package/dist/typography/Heading/src/Heading.css +32 -70
  295. package/dist/typography/Heading/src/Heading.js +1 -1
  296. package/dist/typography/Heading/src/index.css +32 -70
  297. package/dist/typography/Heading/src/index.js +1 -1
  298. package/dist/typography/Label/src/Label.css +32 -70
  299. package/dist/typography/Label/src/Label.js +2 -2
  300. package/dist/typography/Label/src/index.css +32 -70
  301. package/dist/typography/Label/src/index.js +2 -2
  302. package/dist/typography/OverlineText/src/OverlineText.css +32 -70
  303. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  304. package/dist/typography/OverlineText/src/index.css +32 -70
  305. package/dist/typography/OverlineText/src/index.js +1 -1
  306. package/dist/typography/Text/src/Text.css +32 -70
  307. package/dist/typography/Text/src/Text.js +2 -2
  308. package/dist/typography/Text/src/index.css +32 -70
  309. package/dist/typography/Text/src/index.js +2 -2
  310. package/dist/utils/src/ClearSlots.css +32 -70
  311. package/dist/utils/src/EnsureTextWrapper.css +32 -70
  312. package/dist/utils/src/EnsureTextWrapper.js +7 -7
  313. package/dist/utils/src/index.css +32 -70
  314. package/dist/utils/src/index.js +9 -9
  315. package/package.json +1 -1
@@ -1,49 +1,39 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___qZGl6 {
2
+ .Heading-module__hop-Heading___23D4L {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
6
6
  --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
7
- --hop-Heading-xs-top-offset: var(--hop-heading-xs-top-offset);
8
- --hop-Heading-xs-bottom-offset: var(--hop-heading-xs-bottom-offset);
9
7
  --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
10
8
  --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
11
9
  --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
12
10
  --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
13
- --hop-Heading-sm-top-offset: var(--hop-heading-sm-top-offset);
14
- --hop-Heading-sm-bottom-offset: var(--hop-heading-sm-bottom-offset);
15
11
  --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
16
12
  --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
17
13
  --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
18
14
  --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
19
- --hop-Heading-md-top-offset: var(--hop-heading-md-top-offset);
20
- --hop-Heading-md-bottom-offset: var(--hop-heading-md-bottom-offset);
21
15
  --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
22
16
  --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
23
17
  --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
24
18
  --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
25
- --hop-Heading-lg-top-offset: var(--hop-heading-lg-top-offset);
26
- --hop-Heading-lg-bottom-offset: var(--hop-heading-lg-bottom-offset);
27
19
  --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
28
20
  --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
29
21
  --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
30
22
  --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
31
- --hop-Heading-xl-top-offset: var(--hop-heading-xl-top-offset);
32
- --hop-Heading-xl-bottom-offset: var(--hop-heading-xl-bottom-offset);
33
23
  --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
34
24
  --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
35
25
  --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
36
26
  --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
37
- --hop-Heading-2xl-top-offset: var(--hop-heading-2xl-top-offset);
38
- --hop-Heading-2xl-bottom-offset: var(--hop-heading-2xl-bottom-offset);
39
27
  --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
40
28
  --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
41
29
  --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
42
30
  --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
43
- --hop-Heading-3xl-top-offset: var(--hop-heading-3xl-top-offset);
44
- --hop-Heading-3xl-bottom-offset: var(--hop-heading-3xl-bottom-offset);
31
+ --hop-Heading-inherit-size-font-size: inherit;
32
+ --hop-Heading-inherit-size-font-family: inherit;
33
+ --hop-Heading-inherit-size-font-weight: inherit;
34
+ --hop-Heading-inherit-size-line-height: inherit;
45
35
  }
46
- :where(.Heading-module__hop-Heading___qZGl6) {
36
+ :where(.Heading-module__hop-Heading___23D4L) {
47
37
  margin: 0;
48
38
  font-family: var(--font-family);
49
39
  font-size: var(--font-size);
@@ -51,79 +41,51 @@
51
41
  line-height: var(--line-height);
52
42
  color: var(--hop-neutral-text);
53
43
  }
54
- :where(.Heading-module__hop-Heading___qZGl6)::before,
55
- :where(.Heading-module__hop-Heading___qZGl6)::after {
56
- content: "";
57
- display: block;
58
- box-sizing: border-box;
59
- inline-size: 0;
60
- block-size: 0;
61
- }
62
- :where(.Heading-module__hop-Heading___qZGl6)::before {
63
- margin-block-end: var(--bottom-offset);
64
- }
65
- :where(.Heading-module__hop-Heading___qZGl6)::after {
66
- margin-block-start: var(--top-offset);
67
- }
68
- :where(.Heading-module__hop-Heading--xs___9vIUc) {
44
+ :where(.Heading-module__hop-Heading--xs___ehai6) {
69
45
  --font-size: var(--hop-Heading-xs-font-size);
70
46
  --font-family: var(--hop-Heading-xs-font-family);
71
47
  --font-weight: var(--hop-Heading-xs-font-weight);
72
48
  --line-height: var(--hop-Heading-xs-line-height);
73
- --top-offset: var(--hop-Heading-xs-top-offset);
74
- --bottom-offset: var(--hop-Heading-xs-bottom-offset);
75
49
  }
76
- :where(.Heading-module__hop-Heading--sm___2cnPF) {
50
+ :where(.Heading-module__hop-Heading--sm___kpTGK) {
77
51
  --font-size: var(--hop-Heading-sm-font-size);
78
52
  --font-family: var(--hop-Heading-sm-font-family);
79
53
  --font-weight: var(--hop-Heading-sm-font-weight);
80
54
  --line-height: var(--hop-Heading-sm-line-height);
81
- --top-offset: var(--hop-Heading-sm-top-offset);
82
- --bottom-offset: var(--hop-Heading-sm-bottom-offset);
83
55
  }
84
- :where(.Heading-module__hop-Heading--md___COxEc) {
56
+ :where(.Heading-module__hop-Heading--md___TnjI8) {
85
57
  --font-size: var(--hop-Heading-md-font-size);
86
58
  --font-family: var(--hop-Heading-md-font-family);
87
59
  --font-weight: var(--hop-Heading-md-font-weight);
88
60
  --line-height: var(--hop-Heading-md-line-height);
89
- --top-offset: var(--hop-Heading-md-top-offset);
90
- --bottom-offset: var(--hop-Heading-md-bottom-offset);
91
61
  }
92
- :where(.Heading-module__hop-Heading--lg___uFN-j) {
62
+ :where(.Heading-module__hop-Heading--lg___HZLOv) {
93
63
  --font-size: var(--hop-Heading-lg-font-size);
94
64
  --font-family: var(--hop-Heading-lg-font-family);
95
65
  --font-weight: var(--hop-Heading-lg-font-weight);
96
66
  --line-height: var(--hop-Heading-lg-line-height);
97
- --top-offset: var(--hop-Heading-lg-top-offset);
98
- --bottom-offset: var(--hop-Heading-lg-bottom-offset);
99
67
  }
100
- :where(.Heading-module__hop-Heading--xl___TI2o5) {
68
+ :where(.Heading-module__hop-Heading--xl___K3G5D) {
101
69
  --font-size: var(--hop-Heading-xl-font-size);
102
70
  --font-family: var(--hop-Heading-xl-font-family);
103
71
  --font-weight: var(--hop-Heading-xl-font-weight);
104
72
  --line-height: var(--hop-Heading-xl-line-height);
105
- --top-offset: var(--hop-Heading-xl-top-offset);
106
- --bottom-offset: var(--hop-Heading-xl-bottom-offset);
107
73
  }
108
- :where(.Heading-module__hop-Heading--2xl___tSVfV) {
74
+ :where(.Heading-module__hop-Heading--2xl___ZL0HZ) {
109
75
  --font-size: var(--hop-Heading-2xl-font-size);
110
76
  --font-family: var(--hop-Heading-2xl-font-family);
111
77
  --font-weight: var(--hop-Heading-2xl-font-weight);
112
78
  --line-height: var(--hop-Heading-2xl-line-height);
113
- --top-offset: var(--hop-Heading-2xl-top-offset);
114
- --bottom-offset: var(--hop-Heading-2xl-bottom-offset);
115
79
  }
116
- :where(.Heading-module__hop-Heading--3xl___yBW4k) {
80
+ :where(.Heading-module__hop-Heading--3xl___YDEXu) {
117
81
  --font-size: var(--hop-Heading-3xl-font-size);
118
82
  --font-family: var(--hop-Heading-3xl-font-family);
119
83
  --font-weight: var(--hop-Heading-3xl-font-weight);
120
84
  --line-height: var(--hop-Heading-3xl-line-height);
121
- --top-offset: var(--hop-Heading-3xl-top-offset);
122
- --bottom-offset: var(--hop-Heading-3xl-bottom-offset);
123
85
  }
124
86
 
125
87
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
126
- :where(.OverlineText-module__hop-OverlineText___l87dr) {
88
+ :where(.OverlineText-module__hop-OverlineText___9-UuK) {
127
89
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
128
90
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
129
91
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -147,52 +109,52 @@
147
109
  text-transform: uppercase;
148
110
  letter-spacing: var(--letter-spacing);
149
111
  }
150
- .OverlineText-module__hop-OverlineText__text___dDkQB {
112
+ .OverlineText-module__hop-OverlineText__text___LjbOn {
151
113
  box-sizing: border-box;
152
114
  }
153
- .OverlineText-module__hop-OverlineText__text___dDkQB::before,
154
- .OverlineText-module__hop-OverlineText__text___dDkQB::after {
115
+ .OverlineText-module__hop-OverlineText__text___LjbOn::before,
116
+ .OverlineText-module__hop-OverlineText__text___LjbOn::after {
155
117
  content: "";
156
118
  display: block;
157
119
  box-sizing: border-box;
158
120
  inline-size: 0;
159
121
  block-size: 0;
160
122
  }
161
- .OverlineText-module__hop-OverlineText__text___dDkQB::before {
123
+ .OverlineText-module__hop-OverlineText__text___LjbOn::before {
162
124
  margin-block-end: var(--bottom-offset);
163
125
  }
164
- .OverlineText-module__hop-OverlineText__text___dDkQB::after {
126
+ .OverlineText-module__hop-OverlineText__text___LjbOn::after {
165
127
  margin-block-start: var(--top-offset);
166
128
  }
167
129
 
168
130
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
169
- .Form-module__hop-Form___s5RQU {
131
+ .Form-module__hop-Form___uQZV- {
170
132
  display: flex;
171
133
  flex-direction: column;
172
134
  gap: var(--hop-space-stack-lg);
173
135
  }
174
136
 
175
137
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
176
- .Label-module__hop-Label___TPaRo {
138
+ .Label-module__hop-Label___XF9Br {
177
139
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
178
140
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
179
141
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
180
142
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
181
143
  --hop-Label-color: var(--hop-neutral-text-weak);
182
144
  }
183
- :where(.Label-module__hop-Label___TPaRo) {
145
+ :where(.Label-module__hop-Label___XF9Br) {
184
146
  font-family: var(--hop-Label-font-family);
185
147
  font-size: var(--hop-Label-font-size);
186
148
  font-weight: var(--hop-Label-font-weight);
187
149
  line-height: var(--hop-Label-line-height);
188
150
  color: var(--hop-Label-color);
189
151
  }
190
- :where(.Label-module__hop-Label__indicator___hKKpy) {
152
+ :where(.Label-module__hop-Label__indicator___D739N) {
191
153
  padding-inline-start: var(--hop-space-20);
192
154
  }
193
155
 
194
156
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
195
- .Text-module__hop-Text___A6WPK {
157
+ .Text-module__hop-Text___tEp44 {
196
158
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
197
159
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
198
160
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -222,49 +184,49 @@
222
184
  --hop-Text-inherit-size-font-weight: inherit;
223
185
  --hop-Text-inherit-size-line-height: inherit;
224
186
  }
225
- :where(.Text-module__hop-Text___A6WPK) {
187
+ :where(.Text-module__hop-Text___tEp44) {
226
188
  font-family: var(--font-family);
227
189
  font-size: var(--font-size);
228
190
  font-weight: var(--font-weight);
229
191
  line-height: var(--line-height);
230
192
  }
231
- :where(.Text-module__hop-Text--xs___OT9i0) {
193
+ :where(.Text-module__hop-Text--xs___uZWc6) {
232
194
  --font-size: var(--hop-Text-xs-font-size);
233
195
  --font-family: var(--hop-Text-xs-font-family);
234
196
  --font-weight: var(--hop-Text-xs-font-weight);
235
197
  --line-height: var(--hop-Text-xs-line-height);
236
198
  }
237
- :where(.Text-module__hop-Text--sm___bKtyz) {
199
+ :where(.Text-module__hop-Text--sm___nCIMY) {
238
200
  --font-size: var(--hop-Text-sm-font-size);
239
201
  --font-family: var(--hop-Text-sm-font-family);
240
202
  --font-weight: var(--hop-Text-sm-font-weight);
241
203
  --line-height: var(--hop-Text-sm-line-height);
242
204
  }
243
- :where(.Text-module__hop-Text--md___EWK9I) {
205
+ :where(.Text-module__hop-Text--md___YhI33) {
244
206
  --font-size: var(--hop-Text-md-font-size);
245
207
  --font-family: var(--hop-Text-md-font-family);
246
208
  --font-weight: var(--hop-Text-md-font-weight);
247
209
  --line-height: var(--hop-Text-md-line-height);
248
210
  }
249
- :where(.Text-module__hop-Text--lg___xKf2K) {
211
+ :where(.Text-module__hop-Text--lg___-qnvY) {
250
212
  --font-size: var(--hop-Text-lg-font-size);
251
213
  --font-family: var(--hop-Text-lg-font-family);
252
214
  --font-weight: var(--hop-Text-lg-font-weight);
253
215
  --line-height: var(--hop-Text-lg-line-height);
254
216
  }
255
- :where(.Text-module__hop-Text--xl___X-I7p) {
217
+ :where(.Text-module__hop-Text--xl___CaKEK) {
256
218
  --font-size: var(--hop-Text-xl-font-size);
257
219
  --font-family: var(--hop-Text-xl-font-family);
258
220
  --font-weight: var(--hop-Text-xl-font-weight);
259
221
  --line-height: var(--hop-Text-xl-line-height);
260
222
  }
261
- :where(.Text-module__hop-Text--2xl___qBAxp) {
223
+ :where(.Text-module__hop-Text--2xl___jSOam) {
262
224
  --font-size: var(--hop-Text-2xl-font-size);
263
225
  --font-family: var(--hop-Text-2xl-font-family);
264
226
  --font-weight: var(--hop-Text-2xl-font-weight);
265
227
  --line-height: var(--hop-Text-2xl-line-height);
266
228
  }
267
- :where(.Text-module__hop-Text--inherit___aWINc) {
229
+ :where(.Text-module__hop-Text--inherit___fKRPK) {
268
230
  --font-size: var(--hop-Text-inherit-size-font-size);
269
231
  --font-family: var(--hop-Text-inherit-size-font-family);
270
232
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -272,7 +234,7 @@
272
234
  }
273
235
 
274
236
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
275
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu {
237
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3WUQi {
276
238
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
277
239
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
278
240
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -303,46 +265,46 @@
303
265
  background-color: var(--background-color);
304
266
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
305
267
  }
306
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___f0IOM {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___b6JaO {
307
269
  --size: var(--hop-RichIconAvatarImage-xs-size);
308
270
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
309
271
  }
310
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___QbpEG {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___T5HJT {
311
273
  --size: var(--hop-RichIconAvatarImage-sm-size);
312
274
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
313
275
  }
314
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___SrP5- {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___CEiF7 {
315
277
  --size: var(--hop-RichIconAvatarImage-md-size);
316
278
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
317
279
  }
318
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___3S84T {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___yly8H {
319
281
  --size: var(--hop-RichIconAvatarImage-lg-size);
320
282
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
321
283
  }
322
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___FQu1Z {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___IfnzU {
323
285
  --size: var(--hop-RichIconAvatarImage-xl-size);
324
286
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
325
287
  }
326
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___-471t {
288
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IVzbP {
327
289
  --size: var(--hop-RichIconAvatarImage-2xl-size);
328
290
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
329
291
  }
330
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu[data-disabled] {
292
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3WUQi[data-disabled] {
331
293
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
332
294
  }
333
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Wrxwb {
295
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___k2hoA {
334
296
  position: relative;
335
297
  display: block;
336
298
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
337
299
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
338
300
  }
339
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___s6wGu[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Wrxwb {
301
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3WUQi[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___k2hoA {
340
302
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
341
303
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
342
304
  }
343
305
 
344
306
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
345
- .Avatar-module__hop-Avatar___-Bhbj {
307
+ .Avatar-module__hop-Avatar___FdqUK {
346
308
  --hop-Avatar-border-radius: var(--hop-shape-circle);
347
309
  --hop-Avatar-mix-blend-mode: normal;
348
310
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -387,67 +349,67 @@
387
349
  background-color: var(--background-color, transparent);
388
350
  border-radius: var(--hop-Avatar-border-radius);
389
351
  }
390
- .Avatar-module__hop-Avatar--xs___jDOu3 {
352
+ .Avatar-module__hop-Avatar--xs___oUpoI {
391
353
  --size: var(--hop-Avatar-xs-size);
392
354
  }
393
- .Avatar-module__hop-Avatar--sm___HEnr1 {
355
+ .Avatar-module__hop-Avatar--sm___GpBbG {
394
356
  --size: var(--hop-Avatar-sm-size);
395
357
  }
396
- .Avatar-module__hop-Avatar--md___7Xufs {
358
+ .Avatar-module__hop-Avatar--md___ildgN {
397
359
  --size: var(--hop-Avatar-md-size);
398
360
  }
399
- .Avatar-module__hop-Avatar--lg___2KaEi {
361
+ .Avatar-module__hop-Avatar--lg___f7sCg {
400
362
  --size: var(--hop-Avatar-lg-size);
401
363
  }
402
- .Avatar-module__hop-Avatar--xl___6A26Y {
364
+ .Avatar-module__hop-Avatar--xl___q4ymW {
403
365
  --size: var(--hop-Avatar-xl-size);
404
366
  }
405
- .Avatar-module__hop-Avatar--2xl___-QT1Z {
367
+ .Avatar-module__hop-Avatar--2xl___3mzp4 {
406
368
  --size: var(--hop-Avatar-2xl-size);
407
369
  }
408
- .Avatar-module__hop-Avatar--decorative-option1___TrDnk {
370
+ .Avatar-module__hop-Avatar--decorative-option1___FYYOG {
409
371
  --background-color: var(--hop-Avatar-decorative-1-background-color);
410
372
  --text-color: var(--hop-Avatar-decorative-1-text-color);
411
373
  }
412
- .Avatar-module__hop-Avatar--decorative-option2___gPHy- {
374
+ .Avatar-module__hop-Avatar--decorative-option2___fqOYd {
413
375
  --background-color: var(--hop-Avatar-decorative-2-background-color);
414
376
  --text-color: var(--hop-Avatar-decorative-2-text-color);
415
377
  }
416
- .Avatar-module__hop-Avatar--decorative-option3___gOJzq {
378
+ .Avatar-module__hop-Avatar--decorative-option3___F9yqP {
417
379
  --background-color: var(--hop-Avatar-decorative-3-background-color);
418
380
  --text-color: var(--hop-Avatar-decorative-3-text-color);
419
381
  }
420
- .Avatar-module__hop-Avatar--decorative-option4___OY2zY {
382
+ .Avatar-module__hop-Avatar--decorative-option4___jI2sX {
421
383
  --background-color: var(--hop-Avatar-decorative-4-background-color);
422
384
  --text-color: var(--hop-Avatar-decorative-4-text-color);
423
385
  }
424
- .Avatar-module__hop-Avatar--decorative-option5___-4Gru {
386
+ .Avatar-module__hop-Avatar--decorative-option5___qv9FD {
425
387
  --background-color: var(--hop-Avatar-decorative-5-background-color);
426
388
  --text-color: var(--hop-Avatar-decorative-5-text-color);
427
389
  }
428
- .Avatar-module__hop-Avatar--decorative-option6___g-UEO {
390
+ .Avatar-module__hop-Avatar--decorative-option6___L8Fvq {
429
391
  --background-color: var(--hop-Avatar-decorative-6-background-color);
430
392
  --text-color: var(--hop-Avatar-decorative-6-text-color);
431
393
  }
432
- .Avatar-module__hop-Avatar--decorative-option7___sV0jt {
394
+ .Avatar-module__hop-Avatar--decorative-option7___-o0xd {
433
395
  --background-color: var(--hop-Avatar-decorative-7-background-color);
434
396
  --text-color: var(--hop-Avatar-decorative-7-text-color);
435
397
  }
436
- .Avatar-module__hop-Avatar--decorative-option8___RkkoP {
398
+ .Avatar-module__hop-Avatar--decorative-option8___IdTp8 {
437
399
  --background-color: var(--hop-Avatar-decorative-8-background-color);
438
400
  --text-color: var(--hop-Avatar-decorative-8-text-color);
439
401
  }
440
- .Avatar-module__hop-Avatar--decorative-option9___qtPRx {
402
+ .Avatar-module__hop-Avatar--decorative-option9___9lEX- {
441
403
  --background-color: var(--hop-Avatar-decorative-9-background-color);
442
404
  --text-color: var(--hop-Avatar-decorative-9-text-color);
443
405
  }
444
- .Avatar-module__hop-Avatar___-Bhbj[data-disabled] {
406
+ .Avatar-module__hop-Avatar___FdqUK[data-disabled] {
445
407
  --background-color: var(--hop-Avatar-background-color-disabled);
446
408
  --text-color: var(--hop-Avatar-text-color-disabled);
447
409
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
448
410
  isolation: isolate;
449
411
  }
450
- .Avatar-module__hop-Avatar__image___ftVvm {
412
+ .Avatar-module__hop-Avatar__image___5-aPF {
451
413
  position: relative;
452
414
  display: block;
453
415
  box-sizing: border-box;
@@ -458,7 +420,7 @@
458
420
  }
459
421
 
460
422
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
461
- .Badge-module__hop-Badge___viaRy {
423
+ .Badge-module__hop-Badge___PiEeL {
462
424
  --hop-Badge-height: 1.5rem;
463
425
  --hop-Badge-width: max-content;
464
426
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -508,67 +470,67 @@
508
470
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
509
471
  border-radius: var(--border-radius);
510
472
  }
511
- .Badge-module__hop-Badge--primary___QJU6L {
473
+ .Badge-module__hop-Badge--primary___fQ4FF {
512
474
  --background-color: var(--hop-Badge-primary-background-color);
513
475
  --text-color: var(--hop-Badge-primary-text-color);
514
476
  }
515
- .Badge-module__hop-Badge--primary___QJU6L[data-hovered] {
477
+ .Badge-module__hop-Badge--primary___fQ4FF[data-hovered] {
516
478
  --background-color: var(--hop-Badge-primary-background-color-hovered);
517
479
  --text-color: var(--hop-Badge-primary-text-color-hovered);
518
480
  }
519
- .Badge-module__hop-Badge--primary___QJU6L[data-pressed] {
481
+ .Badge-module__hop-Badge--primary___fQ4FF[data-pressed] {
520
482
  --background-color: var(--hop-Badge-primary-background-color-pressed);
521
483
  --text-color: var(--hop-Badge-primary-text-color-pressed);
522
484
  }
523
- .Badge-module__hop-Badge--primary___QJU6L[data-selected] {
485
+ .Badge-module__hop-Badge--primary___fQ4FF[data-selected] {
524
486
  --background-color: var(--hop-Badge-primary-background-color-selected);
525
487
  --text-color: var(--hop-Badge-primary-text-color-selected);
526
488
  }
527
- .Badge-module__hop-Badge--secondary___eoJFi {
489
+ .Badge-module__hop-Badge--secondary___m7hNQ {
528
490
  --background-color: var(--hop-Badge-secondary-background-color);
529
491
  --text-color: var(--hop-Badge-secondary-text-color);
530
492
  }
531
- .Badge-module__hop-Badge--secondary___eoJFi[data-hovered] {
493
+ .Badge-module__hop-Badge--secondary___m7hNQ[data-hovered] {
532
494
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
533
495
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
534
496
  }
535
- .Badge-module__hop-Badge--secondary___eoJFi[data-pressed] {
497
+ .Badge-module__hop-Badge--secondary___m7hNQ[data-pressed] {
536
498
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
537
499
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
538
500
  }
539
- .Badge-module__hop-Badge--secondary___eoJFi[data-selected] {
501
+ .Badge-module__hop-Badge--secondary___m7hNQ[data-selected] {
540
502
  --background-color: var(--hop-Badge-secondary-background-color-selected);
541
503
  --text-color: var(--hop-Badge-secondary-text-color-selected);
542
504
  }
543
- .Badge-module__hop-Badge--subdued___BYluq {
505
+ .Badge-module__hop-Badge--subdued___AMeHx {
544
506
  --background-color: var(--hop-Badge-subdued-background-color);
545
507
  --text-color: var(--hop-Badge-subdued-text-color);
546
508
  }
547
- .Badge-module__hop-Badge--subdued___BYluq[data-hovered] {
509
+ .Badge-module__hop-Badge--subdued___AMeHx[data-hovered] {
548
510
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
549
511
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
550
512
  }
551
- .Badge-module__hop-Badge--subdued___BYluq[data-pressed] {
513
+ .Badge-module__hop-Badge--subdued___AMeHx[data-pressed] {
552
514
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
553
515
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
554
516
  }
555
- .Badge-module__hop-Badge--subdued___BYluq[data-selected] {
517
+ .Badge-module__hop-Badge--subdued___AMeHx[data-selected] {
556
518
  --background-color: var(--hop-Badge-subdued-background-color-selected);
557
519
  --text-color: var(--hop-Badge-subdued-text-color-selected);
558
520
  }
559
- .Badge-module__hop-Badge___viaRy[data-indeterminate] {
521
+ .Badge-module__hop-Badge___PiEeL[data-indeterminate] {
560
522
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
561
523
  --height: var(--hop-Badge-indeterminate-height);
562
524
  --width: var(--hop-Badge-indeterminate-width);
563
525
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
564
526
  }
565
- .Badge-module__hop-Badge___viaRy[data-disabled] {
527
+ .Badge-module__hop-Badge___PiEeL[data-disabled] {
566
528
  --background-color: var(--hop-Badge-background-color-disabled);
567
529
  --text-color: var(--hop-Badge-text-color-disabled);
568
530
  }
569
531
 
570
532
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
571
- .FloatingBadge-module__hop-FloatingBadge___aby19 {
533
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC {
572
534
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
573
535
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
574
536
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -609,7 +571,7 @@
609
571
  box-sizing: border-box;
610
572
  inline-size: max-content;
611
573
  }
612
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top right"] {
574
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="top right"] {
613
575
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
614
576
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
615
577
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -617,11 +579,11 @@
617
579
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
618
580
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
619
581
  }
620
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top right"][data-overlap=circular] {
582
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="top right"][data-overlap=circular] {
621
583
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
622
584
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
623
585
  }
624
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top left"] {
586
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="top left"] {
625
587
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
626
588
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
627
589
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -629,11 +591,11 @@
629
591
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
630
592
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
631
593
  }
632
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="top left"][data-overlap=circular] {
594
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="top left"][data-overlap=circular] {
633
595
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
634
596
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
635
597
  }
636
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom right"] {
598
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="bottom right"] {
637
599
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
638
600
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
639
601
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -641,11 +603,11 @@
641
603
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
642
604
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
643
605
  }
644
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom right"][data-overlap=circular] {
606
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="bottom right"][data-overlap=circular] {
645
607
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
646
608
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
647
609
  }
648
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom left"] {
610
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="bottom left"] {
649
611
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
650
612
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
651
613
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -653,11 +615,11 @@
653
615
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
654
616
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
655
617
  }
656
- .FloatingBadge-module__hop-FloatingBadge___aby19[data-placement="bottom left"][data-overlap=circular] {
618
+ .FloatingBadge-module__hop-FloatingBadge___ExuaC[data-placement="bottom left"][data-overlap=circular] {
657
619
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
658
620
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
659
621
  }
660
- .FloatingBadge-module__hop-FloatingBadge__badge___UWYX8 {
622
+ .FloatingBadge-module__hop-FloatingBadge__badge___LskfJ {
661
623
  position: absolute;
662
624
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
663
625
  transform-origin: var(--badge-transform-origin);
@@ -665,7 +627,7 @@
665
627
  }
666
628
 
667
629
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
668
- .IconList-module__hop-IconList___LMul1 {
630
+ .IconList-module__hop-IconList___-1RKI {
669
631
  --hop-IconList-gap: var(--hop-space-inline-xs);
670
632
  display: flex;
671
633
  flex-wrap: wrap;
@@ -674,7 +636,7 @@
674
636
  }
675
637
 
676
638
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
677
- .Checkbox-module__hop-Checkbox___8wG-E {
639
+ .Checkbox-module__hop-Checkbox___04cWE {
678
640
  --hop-Checkbox-box-border-size: 0.0625rem;
679
641
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
680
642
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -749,60 +711,60 @@
749
711
  inline-size: max-content;
750
712
  max-inline-size: 100%;
751
713
  }
752
- .Checkbox-module__hop-Checkbox___8wG-E[data-focus-visible] {
714
+ .Checkbox-module__hop-Checkbox___04cWE[data-focus-visible] {
753
715
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
754
716
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
755
717
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
756
718
  --text-color: var(--hop-Checkbox-text-color-focused);
757
719
  --icon-color: var(--hop-Checkbox-icon-color-focused);
758
720
  }
759
- .Checkbox-module__hop-Checkbox___8wG-E[data-hovered] {
721
+ .Checkbox-module__hop-Checkbox___04cWE[data-hovered] {
760
722
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
761
723
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
762
724
  --text-color: var(--hop-Checkbox-text-color-hovered);
763
725
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
764
726
  }
765
- .Checkbox-module__hop-Checkbox___8wG-E[data-pressed] {
727
+ .Checkbox-module__hop-Checkbox___04cWE[data-pressed] {
766
728
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
767
729
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
768
730
  --text-color: var(--hop-Checkbox-text-color-pressed);
769
731
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
770
732
  }
771
- .Checkbox-module__hop-Checkbox___8wG-E[data-selected] {
733
+ .Checkbox-module__hop-Checkbox___04cWE[data-selected] {
772
734
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
773
735
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
774
736
  --check-display: var(--hop-Checkbox-check-display-selected);
775
737
  --text-color: var(--hop-Checkbox-text-color-selected);
776
738
  --icon-color: var(--hop-Checkbox-icon-color-selected);
777
739
  }
778
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid] {
740
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid] {
779
741
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
780
742
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
781
743
  --check-color: var(--hop-Checkbox-check-color-invalid);
782
744
  --text-color: var(--hop-Checkbox-text-color-invalid);
783
745
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
784
746
  }
785
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-focus-visible]) {
747
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid]:where([data-focus-visible]) {
786
748
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
787
749
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
788
750
  }
789
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-hovered]) {
751
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid]:where([data-hovered]) {
790
752
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
791
753
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
792
754
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
793
755
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
794
756
  }
795
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-pressed]) {
757
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid]:where([data-pressed]) {
796
758
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
797
759
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
798
760
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
799
761
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
800
762
  }
801
- .Checkbox-module__hop-Checkbox___8wG-E:where([data-invalid])[data-selected] {
763
+ .Checkbox-module__hop-Checkbox___04cWE:where([data-invalid])[data-selected] {
802
764
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
803
765
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
804
766
  }
805
- .Checkbox-module__hop-Checkbox___8wG-E[data-disabled] {
767
+ .Checkbox-module__hop-Checkbox___04cWE[data-disabled] {
806
768
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
807
769
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
808
770
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -810,25 +772,25 @@
810
772
  --text-color: var(--hop-Checkbox-text-color-disabled);
811
773
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
812
774
  }
813
- .Checkbox-module__hop-Checkbox--sm___QhMhN {
775
+ .Checkbox-module__hop-Checkbox--sm___NaKdQ {
814
776
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
815
777
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
816
778
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
817
779
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
818
780
  }
819
- .Checkbox-module__hop-Checkbox--md___E33rq {
781
+ .Checkbox-module__hop-Checkbox--md___TjpxW {
820
782
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
821
783
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
822
784
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
823
785
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
824
786
  }
825
- .Checkbox-module__hop-Checkbox__icon___MBgG2,
826
- .Checkbox-module__hop-Checkbox__icon-list___YRIrT {
787
+ .Checkbox-module__hop-Checkbox__icon___5RfIo,
788
+ .Checkbox-module__hop-Checkbox__icon-list___9OHRJ {
827
789
  flex: 0 0 auto;
828
790
  order: 3;
829
791
  color: var(--icon-color);
830
792
  }
831
- .Checkbox-module__hop-Checkbox__box___Zqh7x {
793
+ .Checkbox-module__hop-Checkbox__box___Qu9UL {
832
794
  display: flex;
833
795
  flex: 0 0 auto;
834
796
  align-items: center;
@@ -844,11 +806,11 @@
844
806
  outline-offset: 0.125rem;
845
807
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
846
808
  }
847
- .Checkbox-module__hop-Checkbox__check___H5h-D {
809
+ .Checkbox-module__hop-Checkbox__check___ooJXl {
848
810
  display: var(--check-display);
849
811
  color: var(--check-color);
850
812
  }
851
- .Checkbox-module__hop-Checkbox__text___4FeSA {
813
+ .Checkbox-module__hop-Checkbox__text___VVkpo {
852
814
  flex: 0 1 auto;
853
815
  order: 2;
854
816
  min-inline-size: 0;
@@ -858,7 +820,7 @@
858
820
  }
859
821
 
860
822
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
861
- .CheckboxField-module__hop-CheckboxField___KOBzI {
823
+ .CheckboxField-module__hop-CheckboxField___fSIK2 {
862
824
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
863
825
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
864
826
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -877,28 +839,28 @@
877
839
  inline-size: max-content;
878
840
  max-inline-size: 100%;
879
841
  }
880
- .CheckboxField-module__hop-CheckboxField___KOBzI[data-disabled] {
842
+ .CheckboxField-module__hop-CheckboxField___fSIK2[data-disabled] {
881
843
  --description-color: var(--hop-CheckboxField-description-color-disabled);
882
844
  }
883
- .CheckboxField-module__hop-CheckboxField--sm___IFefZ {
845
+ .CheckboxField-module__hop-CheckboxField--sm___IluQa {
884
846
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
885
847
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
886
848
  }
887
- .CheckboxField-module__hop-CheckboxField--md___ZmYIZ {
849
+ .CheckboxField-module__hop-CheckboxField--md___hjcaG {
888
850
  --row-gap: var(--hop-CheckboxField-md-row-gap);
889
851
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
890
852
  }
891
- .CheckboxField-module__hop-CheckboxField__description___khXZB {
853
+ .CheckboxField-module__hop-CheckboxField__description___a21uX {
892
854
  order: 2;
893
855
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
894
856
  color: var(--description-color);
895
857
  }
896
- .CheckboxField-module__hop-CheckboxField__checkbox___s-mgu {
858
+ .CheckboxField-module__hop-CheckboxField__checkbox___-Gz5O {
897
859
  order: 1;
898
860
  }
899
861
 
900
862
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
901
- .ErrorMessage-module__hop-ErrorMessage___pQwqn {
863
+ .ErrorMessage-module__hop-ErrorMessage___bZPyM {
902
864
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
903
865
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
904
866
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -915,13 +877,13 @@
915
877
  line-height: var(--hop-ErrorMessage-line-height);
916
878
  color: var(--hop-ErrorMessage-color);
917
879
  }
918
- .ErrorMessage-module__hop-ErrorMessage__icon___HUvrj {
880
+ .ErrorMessage-module__hop-ErrorMessage__icon___Z74As {
919
881
  flex: 0 0 auto;
920
882
  align-self: flex-start;
921
883
  }
922
884
 
923
885
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
924
- .HelperMessage-module__hop-HelperMessage___FzdVT {
886
+ .HelperMessage-module__hop-HelperMessage___dysgT {
925
887
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
926
888
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
927
889
  display: flex;
@@ -930,13 +892,13 @@
930
892
  box-sizing: border-box;
931
893
  color: var(--hop-HelperMessage-color);
932
894
  }
933
- .HelperMessage-module__hop-HelperMessage__icon___K8-P1 {
895
+ .HelperMessage-module__hop-HelperMessage__icon___PrtW8 {
934
896
  flex: 0 0 auto;
935
897
  align-self: flex-start;
936
898
  }
937
899
 
938
900
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
939
- .CheckboxGroup-module__hop-CheckboxGroup___vvz9U {
901
+ .CheckboxGroup-module__hop-CheckboxGroup___ARzE0 {
940
902
  --hop-CheckboxGroup-align-items: flex-start;
941
903
  --hop-CheckboxGroup-justify-content: flex-start;
942
904
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -975,46 +937,46 @@
975
937
  inline-size: max-content;
976
938
  max-inline-size: 100%;
977
939
  }
978
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h {
940
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___OZ1lp {
979
941
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
980
942
  --list-border-radius: var(--hop-shape-rounded-md);
981
943
  }
982
- .CheckboxGroup-module__hop-CheckboxGroup--sm___rgFWt {
944
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___xhyrn {
983
945
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
984
946
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
985
947
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
986
948
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
987
949
  }
988
- .CheckboxGroup-module__hop-CheckboxGroup--md___Ed8Q9 {
950
+ .CheckboxGroup-module__hop-CheckboxGroup--md___hvq4s {
989
951
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
990
952
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
991
953
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
992
954
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
993
955
  }
994
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h.CheckboxGroup-module__hop-CheckboxGroup--sm___rgFWt {
956
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___OZ1lp.CheckboxGroup-module__hop-CheckboxGroup--sm___xhyrn {
995
957
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
996
958
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
997
959
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
998
960
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
999
961
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1000
962
  }
1001
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h.CheckboxGroup-module__hop-CheckboxGroup--md___Ed8Q9 {
963
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___OZ1lp.CheckboxGroup-module__hop-CheckboxGroup--md___hvq4s {
1002
964
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1003
965
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1004
966
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1005
967
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1006
968
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1007
969
  }
1008
- .CheckboxGroup-module__hop-CheckboxGroup___vvz9U[data-orientation=horizontal] {
970
+ .CheckboxGroup-module__hop-CheckboxGroup___ARzE0[data-orientation=horizontal] {
1009
971
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1010
972
  }
1011
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=horizontal] {
973
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___OZ1lp[data-orientation=horizontal] {
1012
974
  --flex-wrap: nowrap;
1013
975
  }
1014
- .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__label___U4zvy {
976
+ .CheckboxGroup-module__hop-CheckboxGroup___ARzE0 > .CheckboxGroup-module__hop-CheckboxGroup__label___4taio {
1015
977
  order: 1;
1016
978
  }
1017
- .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou {
979
+ .CheckboxGroup-module__hop-CheckboxGroup__list___PNlip {
1018
980
  display: flex;
1019
981
  flex-flow: var(--flex-direction) var(--flex-wrap);
1020
982
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1025,7 +987,7 @@
1025
987
  border: var(--list-border, none);
1026
988
  border-radius: var(--list-border-radius, 0);
1027
989
  }
1028
- .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY {
990
+ .CheckboxGroup-module__hop-CheckboxGroup__list___PNlip > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Qreif {
1029
991
  position: relative;
1030
992
  flex: 0 1 auto;
1031
993
  align-content: start;
@@ -1033,28 +995,28 @@
1033
995
  min-inline-size: 0;
1034
996
  padding: var(--checkbox-padding, 0);
1035
997
  }
1036
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
998
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___OZ1lp .CheckboxGroup-module__hop-CheckboxGroup__list___PNlip > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Qreif ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Qreif::before {
1037
999
  content: "";
1038
1000
  position: absolute;
1039
1001
  display: block;
1040
1002
  }
1041
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
1003
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___OZ1lp[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___PNlip > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Qreif ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Qreif::before {
1042
1004
  inset-block-start: 0;
1043
1005
  inset-inline: 0;
1044
1006
  border-block-start: var(--list-border, none);
1045
1007
  }
1046
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___UZH-h[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___tsxou > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___m8rJY::before {
1008
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___OZ1lp[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___PNlip > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Qreif ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___Qreif::before {
1047
1009
  inset-block: 0;
1048
1010
  inset-inline-start: 0;
1049
1011
  border-inline-start: var(--list-border, none);
1050
1012
  }
1051
- .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__error-message___40d7B,
1052
- .CheckboxGroup-module__hop-CheckboxGroup___vvz9U > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___wK5w1 {
1013
+ .CheckboxGroup-module__hop-CheckboxGroup___ARzE0 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___4O9jw,
1014
+ .CheckboxGroup-module__hop-CheckboxGroup___ARzE0 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___QtFBa {
1053
1015
  order: 3;
1054
1016
  }
1055
1017
 
1056
1018
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1057
- .Checkbox-module__hop-Checkbox___8wG-E {
1019
+ .Checkbox-module__hop-Checkbox___04cWE {
1058
1020
  --hop-Checkbox-box-border-size: 0.0625rem;
1059
1021
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1060
1022
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1129,60 +1091,60 @@
1129
1091
  inline-size: max-content;
1130
1092
  max-inline-size: 100%;
1131
1093
  }
1132
- .Checkbox-module__hop-Checkbox___8wG-E[data-focus-visible] {
1094
+ .Checkbox-module__hop-Checkbox___04cWE[data-focus-visible] {
1133
1095
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1134
1096
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1135
1097
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1136
1098
  --text-color: var(--hop-Checkbox-text-color-focused);
1137
1099
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1138
1100
  }
1139
- .Checkbox-module__hop-Checkbox___8wG-E[data-hovered] {
1101
+ .Checkbox-module__hop-Checkbox___04cWE[data-hovered] {
1140
1102
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1141
1103
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1142
1104
  --text-color: var(--hop-Checkbox-text-color-hovered);
1143
1105
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1144
1106
  }
1145
- .Checkbox-module__hop-Checkbox___8wG-E[data-pressed] {
1107
+ .Checkbox-module__hop-Checkbox___04cWE[data-pressed] {
1146
1108
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1147
1109
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1148
1110
  --text-color: var(--hop-Checkbox-text-color-pressed);
1149
1111
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1150
1112
  }
1151
- .Checkbox-module__hop-Checkbox___8wG-E[data-selected] {
1113
+ .Checkbox-module__hop-Checkbox___04cWE[data-selected] {
1152
1114
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1153
1115
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1154
1116
  --check-display: var(--hop-Checkbox-check-display-selected);
1155
1117
  --text-color: var(--hop-Checkbox-text-color-selected);
1156
1118
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1157
1119
  }
1158
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid] {
1120
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid] {
1159
1121
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1160
1122
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1161
1123
  --check-color: var(--hop-Checkbox-check-color-invalid);
1162
1124
  --text-color: var(--hop-Checkbox-text-color-invalid);
1163
1125
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1164
1126
  }
1165
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-focus-visible]) {
1127
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid]:where([data-focus-visible]) {
1166
1128
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1167
1129
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1168
1130
  }
1169
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-hovered]) {
1131
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid]:where([data-hovered]) {
1170
1132
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1171
1133
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1172
1134
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1173
1135
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1174
1136
  }
1175
- .Checkbox-module__hop-Checkbox___8wG-E[data-invalid]:where([data-pressed]) {
1137
+ .Checkbox-module__hop-Checkbox___04cWE[data-invalid]:where([data-pressed]) {
1176
1138
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1177
1139
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1178
1140
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1179
1141
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1180
1142
  }
1181
- .Checkbox-module__hop-Checkbox___8wG-E:where([data-invalid])[data-selected] {
1143
+ .Checkbox-module__hop-Checkbox___04cWE:where([data-invalid])[data-selected] {
1182
1144
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1183
1145
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1184
1146
  }
1185
- .Checkbox-module__hop-Checkbox___8wG-E[data-disabled] {
1147
+ .Checkbox-module__hop-Checkbox___04cWE[data-disabled] {
1186
1148
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1187
1149
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1188
1150
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1190,25 +1152,25 @@
1190
1152
  --text-color: var(--hop-Checkbox-text-color-disabled);
1191
1153
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1192
1154
  }
1193
- .Checkbox-module__hop-Checkbox--sm___QhMhN {
1155
+ .Checkbox-module__hop-Checkbox--sm___NaKdQ {
1194
1156
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1195
1157
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1196
1158
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1197
1159
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1198
1160
  }
1199
- .Checkbox-module__hop-Checkbox--md___E33rq {
1161
+ .Checkbox-module__hop-Checkbox--md___TjpxW {
1200
1162
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1201
1163
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1202
1164
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1203
1165
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1204
1166
  }
1205
- .Checkbox-module__hop-Checkbox__icon___MBgG2,
1206
- .Checkbox-module__hop-Checkbox__icon-list___YRIrT {
1167
+ .Checkbox-module__hop-Checkbox__icon___5RfIo,
1168
+ .Checkbox-module__hop-Checkbox__icon-list___9OHRJ {
1207
1169
  flex: 0 0 auto;
1208
1170
  order: 3;
1209
1171
  color: var(--icon-color);
1210
1172
  }
1211
- .Checkbox-module__hop-Checkbox__box___Zqh7x {
1173
+ .Checkbox-module__hop-Checkbox__box___Qu9UL {
1212
1174
  display: flex;
1213
1175
  flex: 0 0 auto;
1214
1176
  align-items: center;
@@ -1224,11 +1186,11 @@
1224
1186
  outline-offset: 0.125rem;
1225
1187
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1226
1188
  }
1227
- .Checkbox-module__hop-Checkbox__check___H5h-D {
1189
+ .Checkbox-module__hop-Checkbox__check___ooJXl {
1228
1190
  display: var(--check-display);
1229
1191
  color: var(--check-color);
1230
1192
  }
1231
- .Checkbox-module__hop-Checkbox__text___4FeSA {
1193
+ .Checkbox-module__hop-Checkbox__text___VVkpo {
1232
1194
  flex: 0 1 auto;
1233
1195
  order: 2;
1234
1196
  min-inline-size: 0;
@@ -1236,24 +1198,24 @@
1236
1198
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1237
1199
  color: var(--text-color);
1238
1200
  }
1239
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___YLOZ5 {
1201
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___nhMUm {
1240
1202
  }
1241
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___QVQMu {
1203
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___GItfI {
1242
1204
  }
1243
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___rsPQ8 {
1205
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___rkLCL {
1244
1206
  }
1245
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___u8--4,
1246
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___VnIAN {
1207
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___qeTRW,
1208
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___-R858 {
1247
1209
  }
1248
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-xKgq {
1210
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___EVljE {
1249
1211
  }
1250
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___YGK6g {
1212
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___IN8-e {
1251
1213
  }
1252
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___NL4sB {
1214
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-SMJ- {
1253
1215
  }
1254
1216
 
1255
1217
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1256
- .Radio-module__hop-Radio___25U00 {
1218
+ .Radio-module__hop-Radio___8GGOv {
1257
1219
  --hop-Radio-box-border-size: 0.0625rem;
1258
1220
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1259
1221
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1327,60 +1289,60 @@
1327
1289
  inline-size: max-content;
1328
1290
  max-inline-size: 100%;
1329
1291
  }
1330
- .Radio-module__hop-Radio___25U00[data-focus-visible] {
1292
+ .Radio-module__hop-Radio___8GGOv[data-focus-visible] {
1331
1293
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1332
1294
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1333
1295
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1334
1296
  --text-color: var(--hop-Radio-text-color-focused);
1335
1297
  --icon-color: var(--hop-Radio-icon-color-focused);
1336
1298
  }
1337
- .Radio-module__hop-Radio___25U00[data-hovered] {
1299
+ .Radio-module__hop-Radio___8GGOv[data-hovered] {
1338
1300
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1339
1301
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1340
1302
  --text-color: var(--hop-Radio-text-color-hovered);
1341
1303
  --icon-color: var(--hop-Radio-icon-color-hovered);
1342
1304
  }
1343
- .Radio-module__hop-Radio___25U00[data-pressed] {
1305
+ .Radio-module__hop-Radio___8GGOv[data-pressed] {
1344
1306
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1345
1307
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1346
1308
  --text-color: var(--hop-Radio-text-color-pressed);
1347
1309
  --icon-color: var(--hop-Radio-icon-color-pressed);
1348
1310
  }
1349
- .Radio-module__hop-Radio___25U00[data-selected] {
1311
+ .Radio-module__hop-Radio___8GGOv[data-selected] {
1350
1312
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1351
1313
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1352
1314
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1353
1315
  --text-color: var(--hop-Radio-text-color-selected);
1354
1316
  --icon-color: var(--hop-Radio-icon-color-selected);
1355
1317
  }
1356
- .Radio-module__hop-Radio___25U00[data-invalid] {
1318
+ .Radio-module__hop-Radio___8GGOv[data-invalid] {
1357
1319
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1358
1320
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1359
1321
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1360
1322
  --text-color: var(--hop-Radio-text-color-invalid);
1361
1323
  --icon-color: var(--hop-Radio-icon-color-invalid);
1362
1324
  }
1363
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-focus-visible] {
1325
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-focus-visible] {
1364
1326
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1365
1327
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1366
1328
  }
1367
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-hovered] {
1329
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-hovered] {
1368
1330
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1369
1331
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1370
1332
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1371
1333
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1372
1334
  }
1373
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-pressed] {
1335
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-pressed] {
1374
1336
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1375
1337
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1376
1338
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1377
1339
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1378
1340
  }
1379
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-selected] {
1341
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-selected] {
1380
1342
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1381
1343
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1382
1344
  }
1383
- .Radio-module__hop-Radio___25U00[data-disabled] {
1345
+ .Radio-module__hop-Radio___8GGOv[data-disabled] {
1384
1346
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1385
1347
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1386
1348
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1388,25 +1350,25 @@
1388
1350
  --text-color: var(--hop-Radio-text-color-disabled);
1389
1351
  --icon-color: var(--hop-Radio-icon-color-disabled);
1390
1352
  }
1391
- .Radio-module__hop-Radio--sm___joGSt {
1353
+ .Radio-module__hop-Radio--sm___RtOv3 {
1392
1354
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1393
1355
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1394
1356
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1395
1357
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1396
1358
  }
1397
- .Radio-module__hop-Radio--md___sxQ-f {
1359
+ .Radio-module__hop-Radio--md___kfWTg {
1398
1360
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1399
1361
  --box-block-size: var(--hop-Radio-box-md-block-size);
1400
1362
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1401
1363
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1402
1364
  }
1403
- .Radio-module__hop-Radio__icon___-oCWI,
1404
- .Radio-module__hop-Radio__icon-list___TmZ9d {
1365
+ .Radio-module__hop-Radio__icon___QBNah,
1366
+ .Radio-module__hop-Radio__icon-list___zIbLg {
1405
1367
  flex: 0 0 auto;
1406
1368
  order: 3;
1407
1369
  color: var(--icon-color);
1408
1370
  }
1409
- .Radio-module__hop-Radio__box___EPE9W {
1371
+ .Radio-module__hop-Radio__box___2t9VI {
1410
1372
  display: flex;
1411
1373
  flex: 0 0 auto;
1412
1374
  align-items: center;
@@ -1422,11 +1384,11 @@
1422
1384
  outline-offset: 0.125rem;
1423
1385
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1424
1386
  }
1425
- .Radio-module__hop-Radio__bullet___IQyNF {
1387
+ .Radio-module__hop-Radio__bullet___QSaO8 {
1426
1388
  display: var(--bullet-display);
1427
1389
  color: var(--bullet-color);
1428
1390
  }
1429
- .Radio-module__hop-Radio__text___T8kmr {
1391
+ .Radio-module__hop-Radio__text___z3L6a {
1430
1392
  flex: 0 1 auto;
1431
1393
  order: 2;
1432
1394
  min-inline-size: 0;
@@ -1434,24 +1396,24 @@
1434
1396
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1435
1397
  color: var(--text-color);
1436
1398
  }
1437
- .DecorativeRadio-module__hop-DecorativeRadio___lCIFJ {
1399
+ .DecorativeRadio-module__hop-DecorativeRadio___1fHzr {
1438
1400
  }
1439
- .DecorativeRadio-module__hop-DecorativeRadio--sm___dZ-ls {
1401
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___It3t- {
1440
1402
  }
1441
- .DecorativeRadio-module__hop-DecorativeRadio--md___pt2As {
1403
+ .DecorativeRadio-module__hop-DecorativeRadio--md___yjmxC {
1442
1404
  }
1443
- .DecorativeRadio-module__hop-DecorativeRadio__icon___2iq8P,
1444
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___mBdmW {
1405
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___j5Rx5,
1406
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___ESGcX {
1445
1407
  }
1446
- .DecorativeRadio-module__hop-DecorativeRadio__box___AqixD {
1408
+ .DecorativeRadio-module__hop-DecorativeRadio__box___GWe-f {
1447
1409
  }
1448
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___Gxz0O {
1410
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___bkLTJ {
1449
1411
  }
1450
- .DecorativeRadio-module__hop-DecorativeRadio__text___W67iB {
1412
+ .DecorativeRadio-module__hop-DecorativeRadio__text___KQdlI {
1451
1413
  }
1452
1414
 
1453
1415
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1454
- .Radio-module__hop-Radio___25U00 {
1416
+ .Radio-module__hop-Radio___8GGOv {
1455
1417
  --hop-Radio-box-border-size: 0.0625rem;
1456
1418
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1457
1419
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1525,60 +1487,60 @@
1525
1487
  inline-size: max-content;
1526
1488
  max-inline-size: 100%;
1527
1489
  }
1528
- .Radio-module__hop-Radio___25U00[data-focus-visible] {
1490
+ .Radio-module__hop-Radio___8GGOv[data-focus-visible] {
1529
1491
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1530
1492
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1531
1493
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1532
1494
  --text-color: var(--hop-Radio-text-color-focused);
1533
1495
  --icon-color: var(--hop-Radio-icon-color-focused);
1534
1496
  }
1535
- .Radio-module__hop-Radio___25U00[data-hovered] {
1497
+ .Radio-module__hop-Radio___8GGOv[data-hovered] {
1536
1498
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1537
1499
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1538
1500
  --text-color: var(--hop-Radio-text-color-hovered);
1539
1501
  --icon-color: var(--hop-Radio-icon-color-hovered);
1540
1502
  }
1541
- .Radio-module__hop-Radio___25U00[data-pressed] {
1503
+ .Radio-module__hop-Radio___8GGOv[data-pressed] {
1542
1504
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1543
1505
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1544
1506
  --text-color: var(--hop-Radio-text-color-pressed);
1545
1507
  --icon-color: var(--hop-Radio-icon-color-pressed);
1546
1508
  }
1547
- .Radio-module__hop-Radio___25U00[data-selected] {
1509
+ .Radio-module__hop-Radio___8GGOv[data-selected] {
1548
1510
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1549
1511
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1550
1512
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1551
1513
  --text-color: var(--hop-Radio-text-color-selected);
1552
1514
  --icon-color: var(--hop-Radio-icon-color-selected);
1553
1515
  }
1554
- .Radio-module__hop-Radio___25U00[data-invalid] {
1516
+ .Radio-module__hop-Radio___8GGOv[data-invalid] {
1555
1517
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1556
1518
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1557
1519
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1558
1520
  --text-color: var(--hop-Radio-text-color-invalid);
1559
1521
  --icon-color: var(--hop-Radio-icon-color-invalid);
1560
1522
  }
1561
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-focus-visible] {
1523
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-focus-visible] {
1562
1524
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1563
1525
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1564
1526
  }
1565
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-hovered] {
1527
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-hovered] {
1566
1528
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1567
1529
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1568
1530
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1569
1531
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1570
1532
  }
1571
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-pressed] {
1533
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-pressed] {
1572
1534
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1573
1535
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1574
1536
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1575
1537
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1576
1538
  }
1577
- .Radio-module__hop-Radio___25U00:where([data-invalid])[data-selected] {
1539
+ .Radio-module__hop-Radio___8GGOv:where([data-invalid])[data-selected] {
1578
1540
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1579
1541
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1580
1542
  }
1581
- .Radio-module__hop-Radio___25U00[data-disabled] {
1543
+ .Radio-module__hop-Radio___8GGOv[data-disabled] {
1582
1544
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1583
1545
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1584
1546
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1586,25 +1548,25 @@
1586
1548
  --text-color: var(--hop-Radio-text-color-disabled);
1587
1549
  --icon-color: var(--hop-Radio-icon-color-disabled);
1588
1550
  }
1589
- .Radio-module__hop-Radio--sm___joGSt {
1551
+ .Radio-module__hop-Radio--sm___RtOv3 {
1590
1552
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1591
1553
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1592
1554
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1593
1555
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1594
1556
  }
1595
- .Radio-module__hop-Radio--md___sxQ-f {
1557
+ .Radio-module__hop-Radio--md___kfWTg {
1596
1558
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1597
1559
  --box-block-size: var(--hop-Radio-box-md-block-size);
1598
1560
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1599
1561
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1600
1562
  }
1601
- .Radio-module__hop-Radio__icon___-oCWI,
1602
- .Radio-module__hop-Radio__icon-list___TmZ9d {
1563
+ .Radio-module__hop-Radio__icon___QBNah,
1564
+ .Radio-module__hop-Radio__icon-list___zIbLg {
1603
1565
  flex: 0 0 auto;
1604
1566
  order: 3;
1605
1567
  color: var(--icon-color);
1606
1568
  }
1607
- .Radio-module__hop-Radio__box___EPE9W {
1569
+ .Radio-module__hop-Radio__box___2t9VI {
1608
1570
  display: flex;
1609
1571
  flex: 0 0 auto;
1610
1572
  align-items: center;
@@ -1620,11 +1582,11 @@
1620
1582
  outline-offset: 0.125rem;
1621
1583
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1622
1584
  }
1623
- .Radio-module__hop-Radio__bullet___IQyNF {
1585
+ .Radio-module__hop-Radio__bullet___QSaO8 {
1624
1586
  display: var(--bullet-display);
1625
1587
  color: var(--bullet-color);
1626
1588
  }
1627
- .Radio-module__hop-Radio__text___T8kmr {
1589
+ .Radio-module__hop-Radio__text___z3L6a {
1628
1590
  flex: 0 1 auto;
1629
1591
  order: 2;
1630
1592
  min-inline-size: 0;
@@ -1634,7 +1596,7 @@
1634
1596
  }
1635
1597
 
1636
1598
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1637
- .RadioField-module__hop-RadioField___i4ueJ {
1599
+ .RadioField-module__hop-RadioField___SC2Rb {
1638
1600
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1639
1601
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1640
1602
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1653,28 +1615,28 @@
1653
1615
  inline-size: max-content;
1654
1616
  max-inline-size: 100%;
1655
1617
  }
1656
- .RadioField-module__hop-RadioField___i4ueJ[data-disabled] {
1618
+ .RadioField-module__hop-RadioField___SC2Rb[data-disabled] {
1657
1619
  --description-color: var(--hop-RadioField-description-color-disabled);
1658
1620
  }
1659
- .RadioField-module__hop-RadioField--sm___FSvix {
1621
+ .RadioField-module__hop-RadioField--sm___vxJ-y {
1660
1622
  --row-gap: var(--hop-RadioField-sm-row-gap);
1661
1623
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1662
1624
  }
1663
- .RadioField-module__hop-RadioField--md___0qg3f {
1625
+ .RadioField-module__hop-RadioField--md___dY5Pd {
1664
1626
  --row-gap: var(--hop-RadioField-md-row-gap);
1665
1627
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1666
1628
  }
1667
- .RadioField-module__hop-RadioField__description___iMey4 {
1629
+ .RadioField-module__hop-RadioField__description___McPhS {
1668
1630
  order: 2;
1669
1631
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1670
1632
  color: var(--description-color);
1671
1633
  }
1672
- .RadioField-module__hop-RadioField__radio___dNzXm {
1634
+ .RadioField-module__hop-RadioField__radio___CBtry {
1673
1635
  order: 1;
1674
1636
  }
1675
1637
 
1676
1638
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1677
- .RadioGroup-module__hop-RadioGroup___GMq7R {
1639
+ .RadioGroup-module__hop-RadioGroup___j94Bv {
1678
1640
  --hop-RadioGroup-align-items: flex-start;
1679
1641
  --hop-RadioGroup-justify-content: flex-start;
1680
1642
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1714,46 +1676,46 @@
1714
1676
  inline-size: var(--inline-size);
1715
1677
  max-inline-size: 100%;
1716
1678
  }
1717
- .RadioGroup-module__hop-RadioGroup--bordered___pqpdw {
1679
+ .RadioGroup-module__hop-RadioGroup--bordered___Elaqj {
1718
1680
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1719
1681
  --list-border-radius: var(--hop-shape-rounded-md);
1720
1682
  }
1721
- .RadioGroup-module__hop-RadioGroup--sm___CNf-I {
1683
+ .RadioGroup-module__hop-RadioGroup--sm___DYkhP {
1722
1684
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1723
1685
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1724
1686
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1725
1687
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1726
1688
  }
1727
- .RadioGroup-module__hop-RadioGroup--md___msKVd {
1689
+ .RadioGroup-module__hop-RadioGroup--md___0ILl5 {
1728
1690
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1729
1691
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1730
1692
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1731
1693
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1732
1694
  }
1733
- .RadioGroup-module__hop-RadioGroup--bordered___pqpdw.RadioGroup-module__hop-RadioGroup--sm___CNf-I {
1695
+ .RadioGroup-module__hop-RadioGroup--bordered___Elaqj.RadioGroup-module__hop-RadioGroup--sm___DYkhP {
1734
1696
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1735
1697
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1736
1698
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1737
1699
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1738
1700
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1739
1701
  }
1740
- .RadioGroup-module__hop-RadioGroup--bordered___pqpdw.RadioGroup-module__hop-RadioGroup--md___msKVd {
1702
+ .RadioGroup-module__hop-RadioGroup--bordered___Elaqj.RadioGroup-module__hop-RadioGroup--md___0ILl5 {
1741
1703
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1742
1704
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1743
1705
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1744
1706
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1745
1707
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1746
1708
  }
1747
- .RadioGroup-module__hop-RadioGroup___GMq7R[data-orientation=horizontal] {
1709
+ .RadioGroup-module__hop-RadioGroup___j94Bv[data-orientation=horizontal] {
1748
1710
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1749
1711
  }
1750
- .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=horizontal] {
1712
+ .RadioGroup-module__hop-RadioGroup--bordered___Elaqj[data-orientation=horizontal] {
1751
1713
  --flex-wrap: nowrap;
1752
1714
  }
1753
- .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__label___j8yV9 {
1715
+ .RadioGroup-module__hop-RadioGroup___j94Bv > .RadioGroup-module__hop-RadioGroup__label___vJWab {
1754
1716
  order: 1;
1755
1717
  }
1756
- .RadioGroup-module__hop-RadioGroup__list___XTuiK {
1718
+ .RadioGroup-module__hop-RadioGroup__list___tkXIm {
1757
1719
  display: flex;
1758
1720
  flex-flow: var(--flex-direction) var(--flex-wrap);
1759
1721
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1764,7 +1726,7 @@
1764
1726
  border: var(--list-border, none);
1765
1727
  border-radius: var(--list-border-radius, 0);
1766
1728
  }
1767
- .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx {
1729
+ .RadioGroup-module__hop-RadioGroup__list___tkXIm > .RadioGroup-module__hop-RadioGroup__radio___-ImLL {
1768
1730
  position: relative;
1769
1731
  flex: 0 1 auto;
1770
1732
  align-content: start;
@@ -1772,28 +1734,28 @@
1772
1734
  min-inline-size: 0;
1773
1735
  padding: var(--radio-padding, 0);
1774
1736
  }
1775
- .RadioGroup-module__hop-RadioGroup--bordered___pqpdw .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1737
+ .RadioGroup-module__hop-RadioGroup--bordered___Elaqj .RadioGroup-module__hop-RadioGroup__list___tkXIm > .RadioGroup-module__hop-RadioGroup__radio___-ImLL ~ .RadioGroup-module__hop-RadioGroup__radio___-ImLL::before {
1776
1738
  content: "";
1777
1739
  position: absolute;
1778
1740
  display: block;
1779
1741
  }
1780
- .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1742
+ .RadioGroup-module__hop-RadioGroup--bordered___Elaqj[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___tkXIm > .RadioGroup-module__hop-RadioGroup__radio___-ImLL ~ .RadioGroup-module__hop-RadioGroup__radio___-ImLL::before {
1781
1743
  inset-block-start: 0;
1782
1744
  inset-inline: 0;
1783
1745
  border-block-start: var(--list-border, none);
1784
1746
  }
1785
- .RadioGroup-module__hop-RadioGroup--bordered___pqpdw[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___XTuiK > .RadioGroup-module__hop-RadioGroup__radio___tFeUx ~ .RadioGroup-module__hop-RadioGroup__radio___tFeUx::before {
1747
+ .RadioGroup-module__hop-RadioGroup--bordered___Elaqj[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___tkXIm > .RadioGroup-module__hop-RadioGroup__radio___-ImLL ~ .RadioGroup-module__hop-RadioGroup__radio___-ImLL::before {
1786
1748
  inset-block: 0;
1787
1749
  inset-inline-start: 0;
1788
1750
  border-inline-start: var(--list-border, none);
1789
1751
  }
1790
- .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__error-message___DRfAq,
1791
- .RadioGroup-module__hop-RadioGroup___GMq7R > .RadioGroup-module__hop-RadioGroup__helper-message___8grp6 {
1752
+ .RadioGroup-module__hop-RadioGroup___j94Bv > .RadioGroup-module__hop-RadioGroup__error-message___N9BK-,
1753
+ .RadioGroup-module__hop-RadioGroup___j94Bv > .RadioGroup-module__hop-RadioGroup__helper-message___0WElm {
1792
1754
  order: 3;
1793
1755
  }
1794
1756
 
1795
1757
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1796
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___DXN8w {
1758
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Rh4kj {
1797
1759
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1798
1760
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1799
1761
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1819,7 +1781,7 @@
1819
1781
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1820
1782
  background-size: 400% 100%;
1821
1783
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1822
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O;
1784
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___-DxEs;
1823
1785
  animation-duration: var(--animation-duration);
1824
1786
  animation-timing-function: ease-in-out;
1825
1787
  animation-fill-mode: forwards;
@@ -1828,19 +1790,19 @@
1828
1790
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1829
1791
  }
1830
1792
  }
1831
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___TXhPk {
1793
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___66aIm {
1832
1794
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1833
1795
  }
1834
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___gO3ir {
1796
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___XLEJr {
1835
1797
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1836
1798
  }
1837
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___l8LoZ {
1799
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___TRuhP {
1838
1800
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1839
1801
  }
1840
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Md68K {
1802
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___AwDYk {
1841
1803
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1842
1804
  }
1843
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___JWQ4O {
1805
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___-DxEs {
1844
1806
  0% {
1845
1807
  background-position: 125% 50%;
1846
1808
  }
@@ -1850,7 +1812,7 @@
1850
1812
  }
1851
1813
 
1852
1814
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1853
- .ListBoxItem-module__hop-ListBoxItem___jyAHC {
1815
+ .ListBoxItem-module__hop-ListBoxItem___5L23y {
1854
1816
  --hop-ListBoxItem-background-color: transparent;
1855
1817
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1856
1818
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1947,129 +1909,129 @@
1947
1909
  outline: var(--outline);
1948
1910
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1949
1911
  }
1950
- .ListBoxItem-module__hop-ListBoxItem--xs___fBMJq {
1912
+ .ListBoxItem-module__hop-ListBoxItem--xs___b5Dbj {
1951
1913
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1952
1914
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1953
1915
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1954
1916
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1955
1917
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1956
1918
  }
1957
- .ListBoxItem-module__hop-ListBoxItem--sm___NvhU9 {
1919
+ .ListBoxItem-module__hop-ListBoxItem--sm___sIvUN {
1958
1920
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1959
1921
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1960
1922
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1961
1923
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1962
1924
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1963
1925
  }
1964
- .ListBoxItem-module__hop-ListBoxItem--md___wMnoS {
1926
+ .ListBoxItem-module__hop-ListBoxItem--md___mgHw4 {
1965
1927
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1966
1928
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1967
1929
  --min-height: var(--hop-ListBoxItem-md-min-height);
1968
1930
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1969
1931
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1970
1932
  }
1971
- .ListBoxItem-module__hop-ListBoxItem--lg___qr83q {
1933
+ .ListBoxItem-module__hop-ListBoxItem--lg___J3pLG {
1972
1934
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1973
1935
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1974
1936
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1975
1937
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1976
1938
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1977
1939
  }
1978
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-selection-mode] {
1940
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-selection-mode] {
1979
1941
  --cursor: pointer;
1980
1942
  }
1981
- .ListBoxItem-module__hop-ListBoxItem___jyAHC:not([data-selection-mode]) {
1943
+ .ListBoxItem-module__hop-ListBoxItem___5L23y:not([data-selection-mode]) {
1982
1944
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1983
1945
  }
1984
- .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU) {
1946
+ .ListBoxItem-module__hop-ListBoxItem__inner___nKgzL:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___wWtML) {
1985
1947
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1986
1948
  }
1987
- .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU) {
1949
+ .ListBoxItem-module__hop-ListBoxItem__inner___nKgzL[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___wWtML) {
1988
1950
  --checkmark-transition: none;
1989
1951
  }
1990
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-selected] {
1952
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-selected] {
1991
1953
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1992
1954
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1993
1955
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1994
1956
  --checkmark-opacity: 1;
1995
1957
  }
1996
- .ListBoxItem-module__hop-ListBoxItem--xs___fBMJq[data-selected] {
1958
+ .ListBoxItem-module__hop-ListBoxItem--xs___b5Dbj[data-selected] {
1997
1959
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1998
1960
  }
1999
- .ListBoxItem-module__hop-ListBoxItem--sm___NvhU9[data-selected] {
1961
+ .ListBoxItem-module__hop-ListBoxItem--sm___sIvUN[data-selected] {
2000
1962
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2001
1963
  }
2002
- .ListBoxItem-module__hop-ListBoxItem--md___wMnoS[data-selected] {
1964
+ .ListBoxItem-module__hop-ListBoxItem--md___mgHw4[data-selected] {
2003
1965
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2004
1966
  }
2005
- .ListBoxItem-module__hop-ListBoxItem--lg___qr83q[data-selected] {
1967
+ .ListBoxItem-module__hop-ListBoxItem--lg___J3pLG[data-selected] {
2006
1968
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2007
1969
  }
2008
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-focus-visible] {
1970
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-focus-visible] {
2009
1971
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2010
1972
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2011
1973
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2012
1974
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2013
1975
  }
2014
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-hovered] {
1976
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-hovered] {
2015
1977
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2016
1978
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2017
1979
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2018
1980
  }
2019
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-pressed] {
1981
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-pressed] {
2020
1982
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2021
1983
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2022
1984
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2023
1985
  }
2024
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-disabled] {
1986
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-disabled] {
2025
1987
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2026
1988
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2027
1989
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2028
1990
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2029
1991
  --cursor: not-allowed;
2030
1992
  }
2031
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid] {
1993
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-invalid] {
2032
1994
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2033
1995
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2034
1996
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2035
1997
  }
2036
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-selected] {
1998
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-invalid][data-selected] {
2037
1999
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2038
2000
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2039
2001
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2040
2002
  }
2041
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-focus-visible] {
2003
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-invalid][data-focus-visible] {
2042
2004
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2043
2005
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2044
2006
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2045
2007
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2046
2008
  }
2047
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-hovered] {
2009
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-invalid][data-hovered] {
2048
2010
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2049
2011
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2050
2012
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2051
2013
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2052
2014
  }
2053
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-pressed] {
2015
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-invalid][data-pressed] {
2054
2016
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2055
2017
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2056
2018
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2057
2019
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2058
2020
  }
2059
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-invalid][data-disabled] {
2021
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-invalid][data-disabled] {
2060
2022
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2061
2023
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2062
2024
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2063
2025
  }
2064
- .ListBoxItem-module__hop-ListBoxItem___jyAHC:has(.ListBoxItem-module__hop-ListBoxItem__description___7AUv6) {
2026
+ .ListBoxItem-module__hop-ListBoxItem___5L23y:has(.ListBoxItem-module__hop-ListBoxItem__description___yAFmc) {
2065
2027
  --row-gap: var(--hop-ListBoxItem-row-gap);
2066
2028
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2067
2029
  }
2068
- .ListBoxItem-module__hop-ListBoxItem___jyAHC[data-loading] {
2030
+ .ListBoxItem-module__hop-ListBoxItem___5L23y[data-loading] {
2069
2031
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2070
2032
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2071
2033
  }
2072
- .ListBoxItem-module__hop-ListBoxItem__inner___eV3Tg {
2034
+ .ListBoxItem-module__hop-ListBoxItem__inner___nKgzL {
2073
2035
  display: grid;
2074
2036
  grid-template-areas: var(--grid-template-areas);
2075
2037
  grid-template-columns: var(--grid-template-columns);
@@ -2081,33 +2043,33 @@
2081
2043
  padding-inline: var(--padding-inline);
2082
2044
  transition: grid-template-columns .3s ease-in-out;
2083
2045
  }
2084
- .ListBoxItem-module__hop-ListBoxItem__checkmark___X0SZU {
2046
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___wWtML {
2085
2047
  grid-area: indicator;
2086
2048
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2087
2049
  color: var(--icon-color);
2088
2050
  opacity: var(--checkmark-opacity);
2089
2051
  transition: var(--checkmark-transition);
2090
2052
  }
2091
- .ListBoxItem-module__hop-ListBoxItem__radio___fVANx,
2092
- .ListBoxItem-module__hop-ListBoxItem__checkbox___fNjY2 {
2053
+ .ListBoxItem-module__hop-ListBoxItem__radio___g523h,
2054
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___ClpvC {
2093
2055
  pointer-events: none;
2094
2056
  user-select: none;
2095
2057
  grid-area: indicator;
2096
2058
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2097
2059
  }
2098
- .ListBoxItem-module__hop-ListBoxItem__avatar___XWKgm {
2060
+ .ListBoxItem-module__hop-ListBoxItem__avatar___mDcri {
2099
2061
  grid-area: avatar;
2100
2062
  margin-block: var(--avatar-margin-block, 0);
2101
2063
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2102
2064
  }
2103
- .ListBoxItem-module__hop-ListBoxItem__icon-list___jC-Iz,
2104
- .ListBoxItem-module__hop-ListBoxItem__icon___yn4ol {
2065
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___8pSpn,
2066
+ .ListBoxItem-module__hop-ListBoxItem__icon___572GQ {
2105
2067
  grid-area: icon;
2106
2068
  flex: 0 0 auto;
2107
2069
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2108
2070
  color: var(--icon-color);
2109
2071
  }
2110
- .ListBoxItem-module__hop-ListBoxItem__label___MkIzc {
2072
+ .ListBoxItem-module__hop-ListBoxItem__label___KjU2l {
2111
2073
  overflow: hidden;
2112
2074
  grid-area: label;
2113
2075
  min-inline-size: 0;
@@ -2115,18 +2077,18 @@
2115
2077
  text-overflow: ellipsis;
2116
2078
  white-space: nowrap;
2117
2079
  }
2118
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___7TEGQ,
2119
- .ListBoxItem-module__hop-ListBoxItem__end-icon___2-Mx3 {
2080
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___sSE2C,
2081
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___zE3Xc {
2120
2082
  grid-area: end-icon;
2121
2083
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2122
2084
  color: var(--icon-color);
2123
2085
  }
2124
- .ListBoxItem-module__hop-ListBoxItem__badge___i6GzD {
2086
+ .ListBoxItem-module__hop-ListBoxItem__badge___YEln- {
2125
2087
  grid-area: badge;
2126
2088
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2127
2089
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2128
2090
  }
2129
- .ListBoxItem-module__hop-ListBoxItem__description___7AUv6 {
2091
+ .ListBoxItem-module__hop-ListBoxItem__description___yAFmc {
2130
2092
  overflow: hidden;
2131
2093
  display: -webkit-box;
2132
2094
  grid-area: description;
@@ -2137,7 +2099,7 @@
2137
2099
  }
2138
2100
 
2139
2101
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2140
- .ListBox-module__hop-ListBox___8y5T- {
2102
+ .ListBox-module__hop-ListBox___PU2Eq {
2141
2103
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2142
2104
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2143
2105
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2184,11 +2146,11 @@
2184
2146
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2185
2147
  border-radius: var(--hop-ListBox-border-radius);
2186
2148
  }
2187
- .ListBox-module__hop-ListBox--fluid___FNjaj {
2149
+ .ListBox-module__hop-ListBox--fluid___8mP4k {
2188
2150
  --max-width: var(--hop-ListBox-fluid-max-width);
2189
2151
  --width: var(--hop-ListBox-fluid-width);
2190
2152
  }
2191
- .ListBox-module__hop-ListBox__section___NIdPq {
2153
+ .ListBox-module__hop-ListBox__section___xQuVq {
2192
2154
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2193
2155
  margin-inline: var(--hop-ListBox-section-margin-inline);
2194
2156
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2196,21 +2158,21 @@
2196
2158
  border-block-start: var(--section-border-block-start);
2197
2159
  border-block-end: var(--section-border-block-end);
2198
2160
  }
2199
- .ListBox-module__hop-ListBox__item___rW-BA + .ListBox-module__hop-ListBox__section___NIdPq {
2161
+ .ListBox-module__hop-ListBox__item___KjY-k + .ListBox-module__hop-ListBox__section___xQuVq {
2200
2162
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2201
2163
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2202
2164
  }
2203
- .ListBox-module__hop-ListBox__section___NIdPq:has(+ .ListBox-module__hop-ListBox__item___rW-BA) {
2165
+ .ListBox-module__hop-ListBox__section___xQuVq:has(+ .ListBox-module__hop-ListBox__item___KjY-k) {
2204
2166
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2205
2167
  }
2206
- .ListBox-module__hop-ListBox__section___NIdPq:first-child {
2168
+ .ListBox-module__hop-ListBox__section___xQuVq:first-child {
2207
2169
  --section-padding-block-start: 0;
2208
2170
  }
2209
- .ListBox-module__hop-ListBox__section___NIdPq:last-child {
2171
+ .ListBox-module__hop-ListBox__section___xQuVq:last-child {
2210
2172
  --section-padding-block-end: 0;
2211
2173
  --section-border-block-end: 0;
2212
2174
  }
2213
- .ListBox-module__hop-ListBox__section-header___GLemO {
2175
+ .ListBox-module__hop-ListBox__section-header___Y1KPu {
2214
2176
  margin: 0;
2215
2177
  padding: var(--hop-ListBox-section-header-padding);
2216
2178
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2221,17 +2183,17 @@
2221
2183
  text-transform: var(--hop-ListBox-section-header-text-transform);
2222
2184
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2223
2185
  }
2224
- .ListBox-module__hop-ListBox__section-header___GLemO::before,
2225
- .ListBox-module__hop-ListBox__section-header___GLemO::after {
2186
+ .ListBox-module__hop-ListBox__section-header___Y1KPu::before,
2187
+ .ListBox-module__hop-ListBox__section-header___Y1KPu::after {
2226
2188
  content: "";
2227
2189
  display: block;
2228
2190
  box-sizing: border-box;
2229
2191
  inline-size: 0;
2230
2192
  block-size: 0;
2231
2193
  }
2232
- .ListBox-module__hop-ListBox__section-header___GLemO::before {
2194
+ .ListBox-module__hop-ListBox__section-header___Y1KPu::before {
2233
2195
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2234
2196
  }
2235
- .ListBox-module__hop-ListBox__section-header___GLemO::after {
2197
+ .ListBox-module__hop-ListBox__section-header___Y1KPu::after {
2236
2198
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2237
2199
  }