@hopper-ui/components 2.0.3 → 2.0.5

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 (398) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/accordion/src/Accordion.css +79 -79
  3. package/dist/accordion/src/Accordion.js +1 -1
  4. package/dist/accordion/src/index.css +79 -79
  5. package/dist/accordion/src/index.js +1 -1
  6. package/dist/alert/src/Alert.css +433 -433
  7. package/dist/alert/src/Alert.js +11 -10
  8. package/dist/alert/src/index.css +433 -433
  9. package/dist/alert/src/index.js +11 -10
  10. package/dist/avatar/src/AnonymousAvatar.css +51 -51
  11. package/dist/avatar/src/AnonymousAvatar.js +3 -3
  12. package/dist/avatar/src/Avatar.css +72 -72
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +67 -66
  15. package/dist/avatar/src/AvatarGroup.js +5 -4
  16. package/dist/avatar/src/BrokenAvatar.css +51 -51
  17. package/dist/avatar/src/BrokenAvatar.js +3 -3
  18. package/dist/avatar/src/DeletedAvatar.css +51 -51
  19. package/dist/avatar/src/DeletedAvatar.js +3 -3
  20. package/dist/avatar/src/RichIconAvatarImage.css +51 -51
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +100 -99
  23. package/dist/avatar/src/index.js +13 -12
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +49 -49
  27. package/dist/badge/src/FloatingBadge.js +1 -1
  28. package/dist/badge/src/index.css +64 -64
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +7 -6
  32. package/dist/buttons/src/ButtonGroup.css +50 -50
  33. package/dist/buttons/src/ButtonGroup.js +1 -1
  34. package/dist/buttons/src/ClearButton.css +110 -110
  35. package/dist/buttons/src/ClearButton.js +2 -2
  36. package/dist/buttons/src/CloseButton.css +108 -108
  37. package/dist/buttons/src/CloseButton.js +8 -7
  38. package/dist/buttons/src/EmbeddedButton.css +110 -110
  39. package/dist/buttons/src/EmbeddedButton.js +1 -1
  40. package/dist/buttons/src/LinkButton.css +117 -117
  41. package/dist/buttons/src/LinkButton.js +6 -5
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +5 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +13 -12
  46. package/dist/calendar/src/Calendar.css +407 -407
  47. package/dist/calendar/src/Calendar.js +14 -13
  48. package/dist/calendar/src/CalendarCell.css +50 -50
  49. package/dist/calendar/src/CalendarCell.js +1 -1
  50. package/dist/calendar/src/CalendarGrid.css +78 -78
  51. package/dist/calendar/src/CalendarGrid.js +3 -3
  52. package/dist/calendar/src/CalendarHeader.css +363 -363
  53. package/dist/calendar/src/CalendarHeader.js +9 -8
  54. package/dist/calendar/src/RangeCalendar.css +410 -410
  55. package/dist/calendar/src/RangeCalendar.js +14 -13
  56. package/dist/calendar/src/RangeCalendarCell.css +58 -58
  57. package/dist/calendar/src/RangeCalendarCell.js +1 -1
  58. package/dist/calendar/src/index.css +413 -413
  59. package/dist/calendar/src/index.js +15 -14
  60. package/dist/callout/src/Callout.css +373 -373
  61. package/dist/callout/src/Callout.js +9 -8
  62. package/dist/callout/src/CompactCallout.css +409 -409
  63. package/dist/callout/src/CompactCallout.js +9 -8
  64. package/dist/callout/src/index.css +422 -422
  65. package/dist/callout/src/index.js +10 -9
  66. package/dist/card/src/Card.css +42 -42
  67. package/dist/card/src/Card.js +1 -1
  68. package/dist/card/src/index.css +42 -42
  69. package/dist/card/src/index.js +1 -1
  70. package/dist/checkbox/src/Checkbox.css +58 -58
  71. package/dist/checkbox/src/Checkbox.js +5 -4
  72. package/dist/checkbox/src/CheckboxField.css +45 -45
  73. package/dist/checkbox/src/CheckboxField.js +3 -3
  74. package/dist/checkbox/src/CheckboxGroup.css +111 -111
  75. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  76. package/dist/checkbox/src/DecorativeCheckbox.css +66 -66
  77. package/dist/checkbox/src/DecorativeCheckbox.js +4 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +12 -11
  80. package/dist/{chunk-SBAGSD4X.js → chunk-2FHDTO7Z.js} +1 -1
  81. package/dist/{chunk-H2PIRO5C.js → chunk-2N6GBEKM.js} +1 -1
  82. package/dist/{chunk-7OOFR74G.js → chunk-2P6QTJPG.js} +2 -2
  83. package/dist/{chunk-JUWJADGU.js → chunk-2QAH35LE.js} +3 -3
  84. package/dist/{chunk-ZQ2ZFPJ7.js → chunk-2VJAZXUH.js} +2 -2
  85. package/dist/{chunk-6EDMAVZI.js → chunk-2YDDTILK.js} +2 -2
  86. package/dist/{chunk-UT2VHQTH.js → chunk-37JDBIH4.js} +1 -1
  87. package/dist/{chunk-O74RWOWF.js → chunk-3CFEP2SH.js} +1 -1
  88. package/dist/{chunk-LHRSKMJT.js → chunk-3GWBZ6NC.js} +2 -2
  89. package/dist/{chunk-RKCCHEM7.js → chunk-3Q4SAGVQ.js} +1 -1
  90. package/dist/{chunk-HQGYX2VH.js → chunk-4RKJWFV6.js} +5 -5
  91. package/dist/{chunk-UQ5ONLBB.js → chunk-4SXBYINF.js} +3 -3
  92. package/dist/{chunk-OJ5L64OU.js → chunk-4UR7QEW2.js} +3 -3
  93. package/dist/{chunk-ASYCA7H7.js → chunk-5Y5NGDSJ.js} +1 -1
  94. package/dist/{chunk-E5NU6JVS.js → chunk-6GEZYOKW.js} +1 -1
  95. package/dist/{chunk-5NCCDQHF.js → chunk-6OJ73XZT.js} +1 -1
  96. package/dist/{chunk-4YNDP3ES.js → chunk-74PXU424.js} +1 -1
  97. package/dist/{chunk-CWDS3YJS.js → chunk-7KPG23MF.js} +1 -1
  98. package/dist/{chunk-EIIZT6WX.js → chunk-7KYQSRB6.js} +10 -8
  99. package/dist/{chunk-JBAWHVEQ.js → chunk-7MCF6J5K.js} +4 -4
  100. package/dist/{chunk-WAFQVBJF.js → chunk-7ZFJQU4M.js} +12 -11
  101. package/dist/{chunk-7J6ZRLWS.js → chunk-ALVXYK2Z.js} +1 -1
  102. package/dist/{chunk-44OTFMCA.js → chunk-AMN2IOGO.js} +3 -3
  103. package/dist/{chunk-2ERV2V3Z.js → chunk-B5KBJFXG.js} +3 -2
  104. package/dist/{chunk-L2DT7YOM.js → chunk-BE7HU75E.js} +3 -3
  105. package/dist/{chunk-MFIV3XMF.js → chunk-BEM2TUXY.js} +9 -9
  106. package/dist/{chunk-J3GMFL52.js → chunk-BZWM7G7G.js} +1 -1
  107. package/dist/{chunk-QONUODHG.js → chunk-DFVQLRJF.js} +2 -2
  108. package/dist/{chunk-YGQ2MT7Q.js → chunk-DH4L6FGC.js} +1 -1
  109. package/dist/{chunk-RRFQCNPV.js → chunk-DX4UZR7Q.js} +1 -1
  110. package/dist/{chunk-22ALMCUA.js → chunk-EEBRAIZW.js} +1 -1
  111. package/dist/{chunk-M377W72J.js → chunk-EYBQLB2N.js} +1 -1
  112. package/dist/{chunk-6MRTKGBF.js → chunk-FI34AUD2.js} +2 -2
  113. package/dist/{chunk-QQG5JKBN.js → chunk-FOQZBN2E.js} +1 -1
  114. package/dist/{chunk-ZNGYFNNQ.js → chunk-G2DDZOYR.js} +3 -3
  115. package/dist/{chunk-QWUXGQH3.js → chunk-GH25PXUW.js} +1 -1
  116. package/dist/{chunk-JJ3BLNSY.js → chunk-GQMTTN5K.js} +5 -5
  117. package/dist/{chunk-2L7SPJV4.js → chunk-H2YWXEOV.js} +3 -3
  118. package/dist/{chunk-XLJYMOPN.js → chunk-HZQYY47U.js} +2 -2
  119. package/dist/{chunk-ULJNKNI4.js → chunk-IBSFESFA.js} +4 -4
  120. package/dist/{chunk-KDI2NDQQ.js → chunk-ILVNSBL2.js} +3 -3
  121. package/dist/{chunk-GYJDTVBK.js → chunk-INPWQVT5.js} +12 -12
  122. package/dist/{chunk-3UFX4VYY.js → chunk-IZOTTN4X.js} +3 -3
  123. package/dist/{chunk-2O55UPDB.js → chunk-IZZOCRLS.js} +2 -2
  124. package/dist/{chunk-ULC56GTT.js → chunk-JWZNCWHA.js} +10 -9
  125. package/dist/{chunk-ZDGPWWEP.js → chunk-KBWG5UC7.js} +2 -2
  126. package/dist/{chunk-XO6T5PBI.js → chunk-KGPXTPWU.js} +11 -11
  127. package/dist/{chunk-OGEW5MA5.js → chunk-KUMU7DUV.js} +3 -3
  128. package/dist/{chunk-AQ5HVZRT.js → chunk-KZGFMQCT.js} +1 -1
  129. package/dist/{chunk-UFNXNRMF.js → chunk-LNXU2URL.js} +8 -8
  130. package/dist/{chunk-LJ6Y6FWQ.js → chunk-MTCZ5XQI.js} +5 -5
  131. package/dist/{chunk-HYUR3VBZ.js → chunk-N6V66RVS.js} +1 -1
  132. package/dist/{chunk-MYCDY6BI.js → chunk-NDRQJZEG.js} +2 -2
  133. package/dist/{chunk-GHWWXTS4.js → chunk-NEDS3MXP.js} +2 -2
  134. package/dist/{chunk-2TDDWK6P.js → chunk-NIPQUFMW.js} +2 -2
  135. package/dist/{chunk-RPXC2AMA.js → chunk-OHBYZVUX.js} +2 -2
  136. package/dist/{chunk-ADIGWBB6.js → chunk-OYDSD5YO.js} +1 -1
  137. package/dist/{chunk-UKLI2OZZ.js → chunk-P4RAGEUR.js} +1 -1
  138. package/dist/{chunk-TRZ5IO73.js → chunk-P6MLMT3F.js} +5 -5
  139. package/dist/{chunk-V3NJSCJQ.js → chunk-PBEQ35F4.js} +1 -1
  140. package/dist/{chunk-4SMASBU3.js → chunk-PFASJ63O.js} +2 -2
  141. package/dist/{chunk-O56P6CSY.js → chunk-PKXKZMDG.js} +1 -1
  142. package/dist/{chunk-GREXLROQ.js → chunk-PNRPQHZ6.js} +2 -2
  143. package/dist/{chunk-55LCJRMB.js → chunk-Q2CHLRD4.js} +4 -4
  144. package/dist/{chunk-BTSNMW3W.js → chunk-QMNGQ24N.js} +2 -2
  145. package/dist/{chunk-QIXEBYJE.js → chunk-QOCQREQY.js} +1 -1
  146. package/dist/{chunk-E7VXCOHW.js → chunk-QRABJ4Q3.js} +1 -1
  147. package/dist/{chunk-WSDIY3GL.js → chunk-R5AKDBL5.js} +4 -4
  148. package/dist/{chunk-KCLITXJH.js → chunk-RNQX5ALH.js} +2 -2
  149. package/dist/{chunk-UCOI4AF4.js → chunk-ROV45DNE.js} +2 -2
  150. package/dist/{chunk-5TPAEAR2.js → chunk-RWWSF5N2.js} +1 -1
  151. package/dist/{chunk-AAV356YJ.js → chunk-SDO6UKZK.js} +1 -1
  152. package/dist/{chunk-55TBE4CV.js → chunk-SLF2WDYK.js} +2 -2
  153. package/dist/{chunk-U5M42S56.js → chunk-SMBGQNPW.js} +3 -3
  154. package/dist/{chunk-ACJGK45Y.js → chunk-TD4YU4JR.js} +2 -2
  155. package/dist/{chunk-XY7YG762.js → chunk-TJNNI5IH.js} +1 -1
  156. package/dist/{chunk-4IEBU5LN.js → chunk-U4ERSOQV.js} +2 -2
  157. package/dist/{chunk-RRIFLIKH.js → chunk-UNWNYKJR.js} +1 -1
  158. package/dist/{chunk-YTQEFV3U.js → chunk-UVGUP7Z3.js} +1 -1
  159. package/dist/{chunk-PS5YAHJC.js → chunk-VGPUEW2H.js} +3 -3
  160. package/dist/{chunk-E63NRSHG.js → chunk-VLMX6WJ3.js} +2 -2
  161. package/dist/{chunk-PHGNRANE.js → chunk-VSQLHIVB.js} +1 -1
  162. package/dist/{chunk-7VRWTPGD.js → chunk-W6JW7EA4.js} +9 -9
  163. package/dist/{chunk-P53DU2NI.js → chunk-WNB42IVJ.js} +2 -2
  164. package/dist/{chunk-HCRUWNNG.js → chunk-WROOCXI5.js} +1 -1
  165. package/dist/{chunk-SQF6ZNJY.js → chunk-WXJCYLRN.js} +2 -2
  166. package/dist/{chunk-P4WNNRNS.js → chunk-X3WJ66MY.js} +2 -2
  167. package/dist/{chunk-MZ63F2ZV.js → chunk-XH3IHPUL.js} +7 -7
  168. package/dist/{chunk-2OCWT332.js → chunk-XQE3U4Z5.js} +3 -3
  169. package/dist/{chunk-ZEL3KDX5.js → chunk-XVQF5HR7.js} +2 -2
  170. package/dist/{chunk-XWNZSREH.js → chunk-YGPLXLNG.js} +10 -9
  171. package/dist/{chunk-VOHYZAUM.js → chunk-YJQCUMSS.js} +1 -1
  172. package/dist/{chunk-WJ7UQ746.js → chunk-YMYDEZDD.js} +5 -5
  173. package/dist/{chunk-EVYHTGVY.js → chunk-YVJVOXVR.js} +1 -1
  174. package/dist/{chunk-OISIZPNU.js → chunk-ZAHFRDPR.js} +2 -2
  175. package/dist/{chunk-SFVY5T3R.js → chunk-ZH7RSK6Y.js} +4 -4
  176. package/dist/{chunk-2MEEZCDS.js → chunk-ZUXIXW26.js} +2 -2
  177. package/dist/combobox/src/ComboBox.css +789 -788
  178. package/dist/combobox/src/ComboBox.js +19 -19
  179. package/dist/combobox/src/index.css +789 -788
  180. package/dist/combobox/src/index.js +19 -19
  181. package/dist/contextual-help/src/ContextualHelp.css +710 -709
  182. package/dist/contextual-help/src/ContextualHelp.js +5 -4
  183. package/dist/contextual-help/src/index.css +710 -709
  184. package/dist/contextual-help/src/index.js +5 -4
  185. package/dist/date-picker/src/DateInput.css +51 -51
  186. package/dist/date-picker/src/DateInput.js +1 -1
  187. package/dist/date-picker/src/DatePicker.css +848 -847
  188. package/dist/date-picker/src/DatePicker.js +21 -20
  189. package/dist/date-picker/src/DateRangePicker.css +851 -850
  190. package/dist/date-picker/src/DateRangePicker.js +21 -20
  191. package/dist/date-picker/src/index.css +859 -858
  192. package/dist/date-picker/src/index.js +23 -22
  193. package/dist/disclosure/src/Disclosure.css +49 -49
  194. package/dist/disclosure/src/Disclosure.js +1 -1
  195. package/dist/disclosure/src/DisclosureHeader.css +56 -56
  196. package/dist/disclosure/src/DisclosureHeader.js +3 -3
  197. package/dist/disclosure/src/DisclosurePanel.css +49 -49
  198. package/dist/disclosure/src/DisclosurePanel.js +4 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +8 -7
  201. package/dist/divider/src/Divider.css +41 -41
  202. package/dist/divider/src/Divider.js +1 -1
  203. package/dist/divider/src/index.css +41 -41
  204. package/dist/divider/src/index.js +1 -1
  205. package/dist/error-message/src/ErrorMessage.css +41 -41
  206. package/dist/error-message/src/ErrorMessage.js +2 -2
  207. package/dist/error-message/src/index.css +41 -41
  208. package/dist/error-message/src/index.js +2 -2
  209. package/dist/form/src/Form.css +39 -39
  210. package/dist/form/src/Form.js +1 -1
  211. package/dist/form/src/index.css +39 -39
  212. package/dist/form/src/index.js +1 -1
  213. package/dist/header/src/Header.css +39 -39
  214. package/dist/header/src/index.css +39 -39
  215. package/dist/helper-message/src/HelperMessage.css +41 -41
  216. package/dist/helper-message/src/HelperMessage.js +2 -2
  217. package/dist/helper-message/src/index.css +41 -41
  218. package/dist/helper-message/src/index.js +2 -2
  219. package/dist/icon-list/src/IconList.css +40 -40
  220. package/dist/icon-list/src/IconList.js +1 -1
  221. package/dist/icon-list/src/index.css +40 -40
  222. package/dist/icon-list/src/index.js +1 -1
  223. package/dist/illustrated-message/src/IllustratedMessage.css +382 -382
  224. package/dist/illustrated-message/src/IllustratedMessage.js +1 -1
  225. package/dist/illustrated-message/src/index.css +382 -382
  226. package/dist/illustrated-message/src/index.js +1 -1
  227. package/dist/illustration/src/Illustration.css +48 -48
  228. package/dist/illustration/src/Illustration.js +1 -1
  229. package/dist/illustration/src/index.css +48 -48
  230. package/dist/illustration/src/index.js +1 -1
  231. package/dist/image/src/Image.css +42 -42
  232. package/dist/image/src/Image.js +1 -1
  233. package/dist/image/src/SvgImage.css +40 -40
  234. package/dist/image/src/SvgImage.js +1 -1
  235. package/dist/image/src/index.css +43 -43
  236. package/dist/image/src/index.js +2 -2
  237. package/dist/index.css +1257 -1256
  238. package/dist/index.js +104 -104
  239. package/dist/inputs/src/Input.css +43 -43
  240. package/dist/inputs/src/Input.js +1 -1
  241. package/dist/inputs/src/InputGroup.css +45 -45
  242. package/dist/inputs/src/InputGroup.js +1 -1
  243. package/dist/inputs/src/NumberField.css +69 -69
  244. package/dist/inputs/src/NumberField.d.ts +5 -0
  245. package/dist/inputs/src/NumberField.js +11 -10
  246. package/dist/inputs/src/NumberFieldContext.d.ts +1 -0
  247. package/dist/inputs/src/PasswordField.css +380 -380
  248. package/dist/inputs/src/PasswordField.d.ts +3 -3
  249. package/dist/inputs/src/PasswordField.js +10 -10
  250. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  251. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  252. package/dist/inputs/src/SearchField.css +386 -386
  253. package/dist/inputs/src/SearchField.d.ts +7 -2
  254. package/dist/inputs/src/SearchField.js +11 -11
  255. package/dist/inputs/src/SearchFieldContext.d.ts +1 -0
  256. package/dist/inputs/src/TextArea.css +68 -68
  257. package/dist/inputs/src/TextArea.d.ts +6 -2
  258. package/dist/inputs/src/TextArea.js +10 -10
  259. package/dist/inputs/src/TextField.css +384 -384
  260. package/dist/inputs/src/TextField.d.ts +6 -1
  261. package/dist/inputs/src/TextField.js +14 -13
  262. package/dist/inputs/src/TextFieldContext.d.ts +1 -0
  263. package/dist/inputs/src/index.css +434 -434
  264. package/dist/inputs/src/index.js +18 -18
  265. package/dist/layout/src/Content.css +39 -39
  266. package/dist/layout/src/Footer.css +39 -39
  267. package/dist/link/src/Link.css +78 -78
  268. package/dist/link/src/Link.js +4 -3
  269. package/dist/link/src/index.css +78 -78
  270. package/dist/link/src/index.js +4 -3
  271. package/dist/list-box/src/ListBox.css +321 -320
  272. package/dist/list-box/src/ListBox.js +9 -9
  273. package/dist/list-box/src/ListBoxItem.css +309 -308
  274. package/dist/list-box/src/ListBoxItem.js +8 -7
  275. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  276. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  277. package/dist/list-box/src/index.css +321 -320
  278. package/dist/list-box/src/index.js +9 -9
  279. package/dist/menu/src/Menu.css +712 -711
  280. package/dist/menu/src/Menu.js +2 -2
  281. package/dist/menu/src/MenuItem.css +125 -124
  282. package/dist/menu/src/MenuItem.js +2 -2
  283. package/dist/menu/src/MenuSection.css +41 -41
  284. package/dist/menu/src/MenuSection.js +1 -1
  285. package/dist/menu/src/index.css +738 -737
  286. package/dist/menu/src/index.js +5 -5
  287. package/dist/modal/src/BaseModal.css +2 -2
  288. package/dist/modal/src/BaseModal.js +1 -1
  289. package/dist/modal/src/CustomModal.css +55 -55
  290. package/dist/modal/src/CustomModal.js +2 -2
  291. package/dist/modal/src/Modal.css +403 -403
  292. package/dist/modal/src/Modal.js +10 -9
  293. package/dist/modal/src/index.css +417 -417
  294. package/dist/modal/src/index.js +11 -10
  295. package/dist/overlays/popover/src/Popover.css +704 -703
  296. package/dist/overlays/popover/src/Popover.js +2 -2
  297. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  298. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  299. package/dist/overlays/popover/src/index.css +707 -706
  300. package/dist/overlays/popover/src/index.js +3 -3
  301. package/dist/radio/src/DecorativeRadio.css +66 -66
  302. package/dist/radio/src/DecorativeRadio.js +4 -3
  303. package/dist/radio/src/Radio.css +58 -58
  304. package/dist/radio/src/Radio.js +4 -3
  305. package/dist/radio/src/RadioField.css +45 -45
  306. package/dist/radio/src/RadioField.js +2 -2
  307. package/dist/radio/src/RadioGroup.css +111 -111
  308. package/dist/radio/src/RadioGroup.js +7 -7
  309. package/dist/radio/src/index.css +111 -111
  310. package/dist/radio/src/index.js +12 -11
  311. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  312. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  313. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  314. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  315. package/dist/segmented-control/src/index.css +55 -55
  316. package/dist/segmented-control/src/index.js +3 -3
  317. package/dist/select/src/MultiSelect.css +803 -802
  318. package/dist/select/src/MultiSelect.d.ts +1 -0
  319. package/dist/select/src/MultiSelect.js +24 -24
  320. package/dist/select/src/Select.css +803 -802
  321. package/dist/select/src/Select.d.ts +1 -0
  322. package/dist/select/src/Select.js +24 -24
  323. package/dist/select/src/SelectContext.d.ts +1 -0
  324. package/dist/select/src/SelectInternal.css +803 -802
  325. package/dist/select/src/SelectInternal.d.ts +1 -0
  326. package/dist/select/src/SelectInternal.js +23 -23
  327. package/dist/select/src/SelectValue.css +106 -105
  328. package/dist/select/src/SelectValue.js +3 -3
  329. package/dist/select/src/index.css +803 -802
  330. package/dist/select/src/index.d.ts +1 -0
  331. package/dist/select/src/index.js +25 -25
  332. package/dist/spinner/src/Spinner.css +49 -49
  333. package/dist/spinner/src/Spinner.js +2 -2
  334. package/dist/spinner/src/index.css +49 -49
  335. package/dist/spinner/src/index.js +2 -2
  336. package/dist/switch/src/Switch.css +55 -55
  337. package/dist/switch/src/Switch.js +4 -3
  338. package/dist/switch/src/SwitchField.css +45 -45
  339. package/dist/switch/src/SwitchField.js +2 -2
  340. package/dist/switch/src/index.css +61 -61
  341. package/dist/switch/src/index.js +5 -4
  342. package/dist/tabs/src/Tab.css +559 -558
  343. package/dist/tabs/src/Tab.js +2 -2
  344. package/dist/tabs/src/TabList.css +44 -44
  345. package/dist/tabs/src/TabList.js +1 -1
  346. package/dist/tabs/src/TabPanel.css +41 -41
  347. package/dist/tabs/src/TabPanel.js +1 -1
  348. package/dist/tabs/src/index.css +566 -565
  349. package/dist/tabs/src/index.js +4 -4
  350. package/dist/tag/src/Tag.css +534 -533
  351. package/dist/tag/src/Tag.js +9 -8
  352. package/dist/tag/src/TagGroup.css +49 -49
  353. package/dist/tag/src/TagGroup.js +7 -7
  354. package/dist/tag/src/index.css +544 -543
  355. package/dist/tag/src/index.js +14 -13
  356. package/dist/tile/src/Tile.css +66 -66
  357. package/dist/tile/src/Tile.js +1 -1
  358. package/dist/tile/src/TileGroup.css +40 -40
  359. package/dist/tile/src/TileGroup.js +1 -1
  360. package/dist/tile/src/index.css +67 -67
  361. package/dist/tile/src/index.js +2 -2
  362. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  363. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  364. package/dist/toggle-arrow/src/index.css +41 -41
  365. package/dist/toggle-arrow/src/index.js +1 -1
  366. package/dist/tooltip/src/Tooltip.css +50 -49
  367. package/dist/tooltip/src/Tooltip.js +4 -3
  368. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  369. package/dist/tooltip/src/index.css +50 -49
  370. package/dist/tooltip/src/index.js +4 -3
  371. package/dist/typography/heading/src/Heading.css +39 -39
  372. package/dist/typography/heading/src/Heading.js +1 -1
  373. package/dist/typography/heading/src/index.css +39 -39
  374. package/dist/typography/heading/src/index.js +1 -1
  375. package/dist/typography/label/src/FieldLabel.css +39 -39
  376. package/dist/typography/label/src/FieldLabel.js +3 -3
  377. package/dist/typography/label/src/Label.css +39 -39
  378. package/dist/typography/label/src/Label.js +1 -1
  379. package/dist/typography/label/src/index.css +39 -39
  380. package/dist/typography/label/src/index.js +3 -3
  381. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  382. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  383. package/dist/typography/overline-text/src/index.css +39 -39
  384. package/dist/typography/overline-text/src/index.js +1 -1
  385. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  386. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  387. package/dist/typography/paragraph/src/index.css +39 -39
  388. package/dist/typography/paragraph/src/index.js +2 -2
  389. package/dist/typography/text/src/Text.css +39 -39
  390. package/dist/typography/text/src/Text.js +1 -1
  391. package/dist/typography/text/src/index.css +39 -39
  392. package/dist/typography/text/src/index.js +1 -1
  393. package/dist/utils/src/ClearSlots.css +39 -39
  394. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  395. package/dist/utils/src/EnsureTextWrapper.js +3 -2
  396. package/dist/utils/src/index.css +39 -39
  397. package/dist/utils/src/index.js +4 -4
  398. package/package.json +2 -2
@@ -1,5 +1,5 @@
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___-yhBb {
2
+ .Heading-module__hop-Heading___UB0SI {
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);
@@ -33,53 +33,53 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___-yhBb) {
36
+ :where(.Heading-module__hop-Heading___UB0SI) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___-yhBb):not(.Heading-module__hop-Heading--unset___YdqoN) {
40
+ :where(.Heading-module__hop-Heading___UB0SI):not(.Heading-module__hop-Heading--unset___RD1w7) {
41
41
  font-family: var(--font-family);
42
42
  font-size: var(--font-size);
43
43
  font-weight: var(--font-weight);
44
44
  line-height: var(--line-height);
45
45
  }
46
- :where(.Heading-module__hop-Heading--xs___5vUx-) {
46
+ :where(.Heading-module__hop-Heading--xs___3qRc3) {
47
47
  --font-size: var(--hop-Heading-xs-font-size);
48
48
  --font-family: var(--hop-Heading-xs-font-family);
49
49
  --font-weight: var(--hop-Heading-xs-font-weight);
50
50
  --line-height: var(--hop-Heading-xs-line-height);
51
51
  }
52
- :where(.Heading-module__hop-Heading--sm___K-B6T) {
52
+ :where(.Heading-module__hop-Heading--sm___pzv9g) {
53
53
  --font-size: var(--hop-Heading-sm-font-size);
54
54
  --font-family: var(--hop-Heading-sm-font-family);
55
55
  --font-weight: var(--hop-Heading-sm-font-weight);
56
56
  --line-height: var(--hop-Heading-sm-line-height);
57
57
  }
58
- :where(.Heading-module__hop-Heading--md___ay8SV) {
58
+ :where(.Heading-module__hop-Heading--md___n6Zim) {
59
59
  --font-size: var(--hop-Heading-md-font-size);
60
60
  --font-family: var(--hop-Heading-md-font-family);
61
61
  --font-weight: var(--hop-Heading-md-font-weight);
62
62
  --line-height: var(--hop-Heading-md-line-height);
63
63
  }
64
- :where(.Heading-module__hop-Heading--lg___R94c5) {
64
+ :where(.Heading-module__hop-Heading--lg___dcTYr) {
65
65
  --font-size: var(--hop-Heading-lg-font-size);
66
66
  --font-family: var(--hop-Heading-lg-font-family);
67
67
  --font-weight: var(--hop-Heading-lg-font-weight);
68
68
  --line-height: var(--hop-Heading-lg-line-height);
69
69
  }
70
- :where(.Heading-module__hop-Heading--xl___N0tb2) {
70
+ :where(.Heading-module__hop-Heading--xl___VyAwX) {
71
71
  --font-size: var(--hop-Heading-xl-font-size);
72
72
  --font-family: var(--hop-Heading-xl-font-family);
73
73
  --font-weight: var(--hop-Heading-xl-font-weight);
74
74
  --line-height: var(--hop-Heading-xl-line-height);
75
75
  }
76
- :where(.Heading-module__hop-Heading--2xl___DBEKh) {
76
+ :where(.Heading-module__hop-Heading--2xl___QfH6H) {
77
77
  --font-size: var(--hop-Heading-2xl-font-size);
78
78
  --font-family: var(--hop-Heading-2xl-font-family);
79
79
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
80
  --line-height: var(--hop-Heading-2xl-line-height);
81
81
  }
82
- :where(.Heading-module__hop-Heading--3xl___HL8l2) {
82
+ :where(.Heading-module__hop-Heading--3xl___77zgd) {
83
83
  --font-size: var(--hop-Heading-3xl-font-size);
84
84
  --font-family: var(--hop-Heading-3xl-font-family);
85
85
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,21 +87,21 @@
87
87
  }
88
88
 
89
89
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/form/src/Form.module.css/#css-module-data */
90
- .Form-module__hop-Form___IMITx {
90
+ .Form-module__hop-Form___CtbM5 {
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: var(--hop-space-stack-lg);
94
94
  }
95
95
 
96
96
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/Label.module.css/#css-module-data */
97
- .Label-module__hop-Label___mzkmU {
97
+ .Label-module__hop-Label___RuG-I {
98
98
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
99
99
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
100
100
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
101
101
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
102
102
  --hop-Label-color: var(--hop-neutral-text-weak);
103
103
  }
104
- :where(.Label-module__hop-Label___mzkmU) {
104
+ :where(.Label-module__hop-Label___RuG-I) {
105
105
  font-family: var(--hop-Label-font-family);
106
106
  font-size: var(--hop-Label-font-size);
107
107
  font-weight: var(--hop-Label-font-weight);
@@ -110,17 +110,17 @@
110
110
  }
111
111
 
112
112
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
113
- .FieldLabel-module__hop-FieldLabel__wrapper___jGho6 {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___Rb1ub {
114
114
  display: flex;
115
115
  gap: var(--hop-space-inset-xs);
116
116
  align-items: center;
117
117
  }
118
- .FieldLabel-module__hop-FieldLabel__indicator___4mCUp {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___PtETt {
119
119
  padding-inline-start: var(--hop-space-20);
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/overline-text/src/OverlineText.module.css/#css-module-data */
123
- :where(.OverlineText-module__hop-OverlineText___RoLbl) {
123
+ :where(.OverlineText-module__hop-OverlineText___iXraK) {
124
124
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
125
125
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
126
126
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -144,26 +144,26 @@
144
144
  text-transform: uppercase;
145
145
  letter-spacing: var(--letter-spacing);
146
146
  }
147
- .OverlineText-module__hop-OverlineText__text___xzWHd {
147
+ .OverlineText-module__hop-OverlineText__text___scNB3 {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___xzWHd::before,
151
- .OverlineText-module__hop-OverlineText__text___xzWHd::after {
150
+ .OverlineText-module__hop-OverlineText__text___scNB3::before,
151
+ .OverlineText-module__hop-OverlineText__text___scNB3::after {
152
152
  content: "";
153
153
  display: block;
154
154
  box-sizing: border-box;
155
155
  inline-size: 0;
156
156
  block-size: 0;
157
157
  }
158
- .OverlineText-module__hop-OverlineText__text___xzWHd::before {
158
+ .OverlineText-module__hop-OverlineText__text___scNB3::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___xzWHd::after {
161
+ .OverlineText-module__hop-OverlineText__text___scNB3::after {
162
162
  margin-block-start: var(--top-offset);
163
163
  }
164
164
 
165
165
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/text/src/Text.module.css/#css-module-data */
166
- .Text-module__hop-Text___9NUdn {
166
+ .Text-module__hop-Text___QDbXv {
167
167
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
168
168
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
169
169
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -193,49 +193,49 @@
193
193
  --hop-Text-inherit-size-font-weight: inherit;
194
194
  --hop-Text-inherit-size-line-height: inherit;
195
195
  }
196
- :where(.Text-module__hop-Text___9NUdn) {
196
+ :where(.Text-module__hop-Text___QDbXv) {
197
197
  font-family: var(--font-family);
198
198
  font-size: var(--font-size);
199
199
  font-weight: var(--font-weight);
200
200
  line-height: var(--line-height);
201
201
  }
202
- :where(.Text-module__hop-Text--xs___cSqHF) {
202
+ :where(.Text-module__hop-Text--xs___HQW4I) {
203
203
  --font-size: var(--hop-Text-xs-font-size);
204
204
  --font-family: var(--hop-Text-xs-font-family);
205
205
  --font-weight: var(--hop-Text-xs-font-weight);
206
206
  --line-height: var(--hop-Text-xs-line-height);
207
207
  }
208
- :where(.Text-module__hop-Text--sm___MJ-hg) {
208
+ :where(.Text-module__hop-Text--sm___8MtYF) {
209
209
  --font-size: var(--hop-Text-sm-font-size);
210
210
  --font-family: var(--hop-Text-sm-font-family);
211
211
  --font-weight: var(--hop-Text-sm-font-weight);
212
212
  --line-height: var(--hop-Text-sm-line-height);
213
213
  }
214
- :where(.Text-module__hop-Text--md___OC1ut) {
214
+ :where(.Text-module__hop-Text--md___cm90u) {
215
215
  --font-size: var(--hop-Text-md-font-size);
216
216
  --font-family: var(--hop-Text-md-font-family);
217
217
  --font-weight: var(--hop-Text-md-font-weight);
218
218
  --line-height: var(--hop-Text-md-line-height);
219
219
  }
220
- :where(.Text-module__hop-Text--lg___dO6jm) {
220
+ :where(.Text-module__hop-Text--lg___-dnMC) {
221
221
  --font-size: var(--hop-Text-lg-font-size);
222
222
  --font-family: var(--hop-Text-lg-font-family);
223
223
  --font-weight: var(--hop-Text-lg-font-weight);
224
224
  --line-height: var(--hop-Text-lg-line-height);
225
225
  }
226
- :where(.Text-module__hop-Text--xl___NpLvz) {
226
+ :where(.Text-module__hop-Text--xl___eYr1u) {
227
227
  --font-size: var(--hop-Text-xl-font-size);
228
228
  --font-family: var(--hop-Text-xl-font-family);
229
229
  --font-weight: var(--hop-Text-xl-font-weight);
230
230
  --line-height: var(--hop-Text-xl-line-height);
231
231
  }
232
- :where(.Text-module__hop-Text--2xl___GKAqt) {
232
+ :where(.Text-module__hop-Text--2xl___hTGdy) {
233
233
  --font-size: var(--hop-Text-2xl-font-size);
234
234
  --font-family: var(--hop-Text-2xl-font-family);
235
235
  --font-weight: var(--hop-Text-2xl-font-weight);
236
236
  --line-height: var(--hop-Text-2xl-line-height);
237
237
  }
238
- :where(.Text-module__hop-Text--inherit___ZHs8j) {
238
+ :where(.Text-module__hop-Text--inherit___ShDlL) {
239
239
  --font-size: var(--hop-Text-inherit-size-font-size);
240
240
  --font-family: var(--hop-Text-inherit-size-font-family);
241
241
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -243,7 +243,7 @@
243
243
  }
244
244
 
245
245
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/paragraph/src/Paragraph.module.css/#css-module-data */
246
- .Paragraph-module__hop-Paragraph___yr81x {
246
+ .Paragraph-module__hop-Paragraph___-06U8 {
247
247
  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
248
248
  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
249
249
  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
@@ -255,33 +255,33 @@
255
255
  margin-block-end: var(--margin-block-end);
256
256
  overflow-wrap: break-word;
257
257
  }
258
- .Paragraph-module__hop-Paragraph___yr81x:last-child {
258
+ .Paragraph-module__hop-Paragraph___-06U8:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___mVM-r {
261
+ .Paragraph-module__hop-Paragraph--xs___srT1b {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___6Nimy {
264
+ .Paragraph-module__hop-Paragraph--sm___q42jz {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___UHiHE {
267
+ .Paragraph-module__hop-Paragraph--md___urHhH {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___L9U9K {
270
+ .Paragraph-module__hop-Paragraph--lg___I1sN2 {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___16IGx {
273
+ .Paragraph-module__hop-Paragraph--xl___ws75- {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___SL5rk {
276
+ .Paragraph-module__hop-Paragraph--2xl___Uv7uq {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___NpVcU {
279
+ .Paragraph-module__hop-Paragraph--inherit___w1MDL {
280
280
  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/RichIconAvatarImage.module.css/#css-module-data */
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___5Z8hT {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___kOOGt {
285
285
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
286
286
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
287
287
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -313,52 +313,52 @@
313
313
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
314
314
  outline: none;
315
315
  }
316
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___-rSzC {
316
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___GfOZ1 {
317
317
  --size: var(--hop-RichIconAvatarImage-xs-size);
318
318
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
319
319
  }
320
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Cqzz5 {
320
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___udwsl {
321
321
  --size: var(--hop-RichIconAvatarImage-sm-size);
322
322
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
323
323
  }
324
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___8OwnI {
324
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FUZRW {
325
325
  --size: var(--hop-RichIconAvatarImage-md-size);
326
326
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
327
327
  }
328
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Mv9T0 {
328
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zdgQc {
329
329
  --size: var(--hop-RichIconAvatarImage-lg-size);
330
330
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
331
331
  }
332
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fKHfv {
332
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___MLVlT {
333
333
  --size: var(--hop-RichIconAvatarImage-xl-size);
334
334
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
335
335
  }
336
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___1GH6w {
336
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___nOiJx {
337
337
  --size: var(--hop-RichIconAvatarImage-2xl-size);
338
338
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
339
339
  }
340
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___lf154 {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___U5MEe {
341
341
  cursor: pointer;
342
342
  }
343
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___rK-aq {
343
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___AWOYo {
344
344
  outline: 0.125rem solid var(--hop-primary-border-focus);
345
345
  }
346
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___5Z8hT[data-disabled] {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___kOOGt[data-disabled] {
347
347
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
348
348
  }
349
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___DunyZ {
349
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___nTMPq {
350
350
  position: relative;
351
351
  display: block;
352
352
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
353
353
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
354
354
  }
355
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___5Z8hT[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___DunyZ {
355
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___kOOGt[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___nTMPq {
356
356
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
357
357
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
358
358
  }
359
359
 
360
360
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/Avatar.module.css/#css-module-data */
361
- .Avatar-module__hop-Avatar___ihkT7 {
361
+ .Avatar-module__hop-Avatar___AVUw7 {
362
362
  --hop-Avatar-border-radius: var(--hop-shape-circle);
363
363
  --hop-Avatar-mix-blend-mode: normal;
364
364
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -404,73 +404,73 @@
404
404
  border-radius: var(--hop-Avatar-border-radius);
405
405
  outline: none;
406
406
  }
407
- .Avatar-module__hop-Avatar--xs___sHsHT {
407
+ .Avatar-module__hop-Avatar--xs___j80-p {
408
408
  --size: var(--hop-Avatar-xs-size);
409
409
  }
410
- .Avatar-module__hop-Avatar--sm___lqtux {
410
+ .Avatar-module__hop-Avatar--sm___IqHau {
411
411
  --size: var(--hop-Avatar-sm-size);
412
412
  }
413
- .Avatar-module__hop-Avatar--md___7Dyk0 {
413
+ .Avatar-module__hop-Avatar--md___14NH1 {
414
414
  --size: var(--hop-Avatar-md-size);
415
415
  }
416
- .Avatar-module__hop-Avatar--lg___gS8O2 {
416
+ .Avatar-module__hop-Avatar--lg___cN-BW {
417
417
  --size: var(--hop-Avatar-lg-size);
418
418
  }
419
- .Avatar-module__hop-Avatar--xl___qhrZC {
419
+ .Avatar-module__hop-Avatar--xl___wmHkc {
420
420
  --size: var(--hop-Avatar-xl-size);
421
421
  }
422
- .Avatar-module__hop-Avatar--2xl___CuINL {
422
+ .Avatar-module__hop-Avatar--2xl___2Ghph {
423
423
  --size: var(--hop-Avatar-2xl-size);
424
424
  }
425
- .Avatar-module__hop-Avatar--clickable___jzh-w {
425
+ .Avatar-module__hop-Avatar--clickable___hJYuX {
426
426
  cursor: pointer;
427
427
  }
428
- .Avatar-module__hop-Avatar--focus-visible___V2UgF {
428
+ .Avatar-module__hop-Avatar--focus-visible___D9OHJ {
429
429
  outline: 0.125rem solid var(--hop-primary-border-focus);
430
430
  }
431
- .Avatar-module__hop-Avatar--decorative-option1___MBdG1 {
431
+ .Avatar-module__hop-Avatar--decorative-option1___vsLhO {
432
432
  --background-color: var(--hop-Avatar-decorative-1-background-color);
433
433
  --text-color: var(--hop-Avatar-decorative-1-text-color);
434
434
  }
435
- .Avatar-module__hop-Avatar--decorative-option2___gMpPe {
435
+ .Avatar-module__hop-Avatar--decorative-option2___DjCmo {
436
436
  --background-color: var(--hop-Avatar-decorative-2-background-color);
437
437
  --text-color: var(--hop-Avatar-decorative-2-text-color);
438
438
  }
439
- .Avatar-module__hop-Avatar--decorative-option3___ddQNg {
439
+ .Avatar-module__hop-Avatar--decorative-option3___piHD4 {
440
440
  --background-color: var(--hop-Avatar-decorative-3-background-color);
441
441
  --text-color: var(--hop-Avatar-decorative-3-text-color);
442
442
  }
443
- .Avatar-module__hop-Avatar--decorative-option4___uINiH {
443
+ .Avatar-module__hop-Avatar--decorative-option4___6QK90 {
444
444
  --background-color: var(--hop-Avatar-decorative-4-background-color);
445
445
  --text-color: var(--hop-Avatar-decorative-4-text-color);
446
446
  }
447
- .Avatar-module__hop-Avatar--decorative-option5___3Dsks {
447
+ .Avatar-module__hop-Avatar--decorative-option5___tmNXo {
448
448
  --background-color: var(--hop-Avatar-decorative-5-background-color);
449
449
  --text-color: var(--hop-Avatar-decorative-5-text-color);
450
450
  }
451
- .Avatar-module__hop-Avatar--decorative-option6___50OCr {
451
+ .Avatar-module__hop-Avatar--decorative-option6___pGMBI {
452
452
  --background-color: var(--hop-Avatar-decorative-6-background-color);
453
453
  --text-color: var(--hop-Avatar-decorative-6-text-color);
454
454
  }
455
- .Avatar-module__hop-Avatar--decorative-option7___Q-gBv {
455
+ .Avatar-module__hop-Avatar--decorative-option7___ejb-k {
456
456
  --background-color: var(--hop-Avatar-decorative-7-background-color);
457
457
  --text-color: var(--hop-Avatar-decorative-7-text-color);
458
458
  }
459
- .Avatar-module__hop-Avatar--decorative-option8___ks0OK {
459
+ .Avatar-module__hop-Avatar--decorative-option8___Tlhsi {
460
460
  --background-color: var(--hop-Avatar-decorative-8-background-color);
461
461
  --text-color: var(--hop-Avatar-decorative-8-text-color);
462
462
  }
463
- .Avatar-module__hop-Avatar--decorative-option9___H1Trn {
463
+ .Avatar-module__hop-Avatar--decorative-option9___udTln {
464
464
  --background-color: var(--hop-Avatar-decorative-9-background-color);
465
465
  --text-color: var(--hop-Avatar-decorative-9-text-color);
466
466
  }
467
- .Avatar-module__hop-Avatar___ihkT7[data-disabled] {
467
+ .Avatar-module__hop-Avatar___AVUw7[data-disabled] {
468
468
  --background-color: var(--hop-Avatar-background-color-disabled);
469
469
  --text-color: var(--hop-Avatar-text-color-disabled);
470
470
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
471
471
  isolation: isolate;
472
472
  }
473
- .Avatar-module__hop-Avatar__image___4vG8R {
473
+ .Avatar-module__hop-Avatar__image___dhg-c {
474
474
  position: relative;
475
475
  display: block;
476
476
  box-sizing: border-box;
@@ -479,12 +479,12 @@
479
479
  object-fit: cover;
480
480
  mix-blend-mode: var(--mix-blend-mode);
481
481
  }
482
- .Avatar-module__hop-Avatar__initials___lYtgI {
482
+ .Avatar-module__hop-Avatar__initials___PmulB {
483
483
  white-space: nowrap;
484
484
  }
485
485
 
486
486
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tooltip/src/Tooltip.module.css/#css-module-data */
487
- .Tooltip-module__hop-Tooltip___BG6IZ {
487
+ .Tooltip-module__hop-Tooltip___Ulj4Y {
488
488
  --hop-Tooltip-max-inline-size: 20rem;
489
489
  --hop-Tooltip-slide-amount: 0.25rem;
490
490
  --hop-Tooltip-background: var(--hop-neutral-surface-strong);
@@ -510,30 +510,31 @@
510
510
  background: var(--hop-Tooltip-background);
511
511
  border-radius: var(--hop-Tooltip-border-radius);
512
512
  box-shadow: var(--hop-Tooltip-box-shadow);
513
+ overflow-wrap: anywhere;
513
514
  }
514
- .Tooltip-module__hop-Tooltip--top___5tI5d {
515
+ .Tooltip-module__hop-Tooltip--top___VCb4c {
515
516
  --origin-x: 0;
516
517
  --origin-y: var(--hop-Tooltip-slide-amount);
517
518
  }
518
- .Tooltip-module__hop-Tooltip--right___XIbY- {
519
+ .Tooltip-module__hop-Tooltip--right___THn9S {
519
520
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
520
521
  --origin-y: 0;
521
522
  }
522
- .Tooltip-module__hop-Tooltip--bottom___opwpk {
523
+ .Tooltip-module__hop-Tooltip--bottom___AyVTe {
523
524
  --origin-x: 0;
524
525
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
525
526
  }
526
- .Tooltip-module__hop-Tooltip--left___DGATc {
527
+ .Tooltip-module__hop-Tooltip--left___-JCP6 {
527
528
  --origin-x: var(--hop-Tooltip-slide-amount);
528
529
  --origin-y: 0;
529
530
  }
530
- .Tooltip-module__hop-Tooltip___BG6IZ[data-entering] {
531
- animation: Tooltip-module__slide___Mxmau 0.2s ease-out;
531
+ .Tooltip-module__hop-Tooltip___Ulj4Y[data-entering] {
532
+ animation: Tooltip-module__slide___xBhU7 0.2s ease-out;
532
533
  }
533
- .Tooltip-module__hop-Tooltip___BG6IZ[data-exiting] {
534
- animation: Tooltip-module__slide___Mxmau 0.2s ease-in reverse;
534
+ .Tooltip-module__hop-Tooltip___Ulj4Y[data-exiting] {
535
+ animation: Tooltip-module__slide___xBhU7 0.2s ease-in reverse;
535
536
  }
536
- @keyframes Tooltip-module__slide___Mxmau {
537
+ @keyframes Tooltip-module__slide___xBhU7 {
537
538
  from {
538
539
  transform: translate(var(--origin-x), var(--origin-y));
539
540
  opacity: 0;
@@ -545,44 +546,44 @@
545
546
  }
546
547
 
547
548
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/avatar/src/AvatarGroup.module.css/#css-module-data */
548
- .AvatarGroup-module__hop-AvatarGroup___N7X87 {
549
+ .AvatarGroup-module__hop-AvatarGroup___4b9A0 {
549
550
  --hop-AvatarGroup-display: flex;
550
551
  --hop-AvatarGroup-align-items: center;
551
552
  display: var(--hop-AvatarGroup-display);
552
553
  align-items: var(--hop-AvatarGroup-align-items);
553
554
  }
554
- .AvatarGroup-module__hop-AvatarGroup--wrap___sZXkl {
555
+ .AvatarGroup-module__hop-AvatarGroup--wrap___lYL-m {
555
556
  flex-wrap: wrap;
556
557
  }
557
- .AvatarGroup-module__hop-AvatarGroup--xs___Zsroi {
558
+ .AvatarGroup-module__hop-AvatarGroup--xs___Ukmpv {
558
559
  --gap: -0.125rem;
559
560
  }
560
- .AvatarGroup-module__hop-AvatarGroup--sm___NOnAL {
561
+ .AvatarGroup-module__hop-AvatarGroup--sm___GmPyE {
561
562
  --gap: -0.25rem;
562
563
  }
563
- .AvatarGroup-module__hop-AvatarGroup--md___v78je {
564
+ .AvatarGroup-module__hop-AvatarGroup--md___sGMYQ {
564
565
  --gap: -0.5rem;
565
566
  }
566
- .AvatarGroup-module__hop-AvatarGroup--lg___8uVNz {
567
+ .AvatarGroup-module__hop-AvatarGroup--lg___xPp9N {
567
568
  --gap: -1rem;
568
569
  }
569
- .AvatarGroup-module__hop-AvatarGroup--xl___zlRzP {
570
+ .AvatarGroup-module__hop-AvatarGroup--xl___GZYY3 {
570
571
  --gap: -1rem;
571
572
  }
572
- .AvatarGroup-module__hop-AvatarGroup--2xl___Xk1PH {
573
+ .AvatarGroup-module__hop-AvatarGroup--2xl___bZg7M {
573
574
  --gap: -2rem;
574
575
  }
575
- .AvatarGroup-module__hop-AvatarGroup__avatar___c6wI1 {
576
+ .AvatarGroup-module__hop-AvatarGroup__avatar___o-iL- {
576
577
  margin-inline-start: var(--gap);
577
578
  transition: margin var(--hop-easing-duration-2);
578
579
  }
579
- .AvatarGroup-module__hop-AvatarGroup__avatar___c6wI1:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___c6wI1 {
580
+ .AvatarGroup-module__hop-AvatarGroup__avatar___o-iL-:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___o-iL- {
580
581
  margin-inline-start: 0;
581
582
  }
582
- .AvatarGroup-module__hop-AvatarGroup__avatar___c6wI1:first-child {
583
+ .AvatarGroup-module__hop-AvatarGroup__avatar___o-iL-:first-child {
583
584
  margin-inline-start: 0;
584
585
  }
585
- .AvatarGroup-module__hop-AvatarGroup__label___NAthB {
586
+ .AvatarGroup-module__hop-AvatarGroup__label___i877f {
586
587
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
587
588
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
588
589
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -594,7 +595,7 @@
594
595
  font-weight: var(--hop-AvatarGroup-label-font-weight);
595
596
  line-height: var(--hop-AvatarGroup-label-line-height);
596
597
  }
597
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___G-wws {
598
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___juyHU {
598
599
  --hop-AvatarGroup__hiddenAvatar-display: flex;
599
600
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
600
601
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -612,21 +613,21 @@
612
613
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
613
614
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
614
615
  }
615
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___G-wws:not(:last-child) {
616
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___juyHU:not(:last-child) {
616
617
  margin-block-end: 0.25rem;
617
618
  }
618
- .AvatarGroup-module__hop-AvatarGroup--start___rlCJZ {
619
+ .AvatarGroup-module__hop-AvatarGroup--start___CR-HE {
619
620
  justify-content: flex-start;
620
621
  }
621
- .AvatarGroup-module__hop-AvatarGroup--end___g8Ytl {
622
+ .AvatarGroup-module__hop-AvatarGroup--end___6GYeF {
622
623
  justify-content: flex-end;
623
624
  }
624
- .AvatarGroup-module__hop-AvatarGroup--center___5DHaJ {
625
+ .AvatarGroup-module__hop-AvatarGroup--center___y51iH {
625
626
  justify-content: center;
626
627
  }
627
628
 
628
629
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
629
- .Badge-module__hop-Badge___5msyC {
630
+ .Badge-module__hop-Badge___EV4gT {
630
631
  --hop-Badge-height: 1.5rem;
631
632
  --hop-Badge-width: max-content;
632
633
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -676,67 +677,67 @@
676
677
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
677
678
  border-radius: var(--border-radius);
678
679
  }
679
- .Badge-module__hop-Badge--primary___J3K-- {
680
+ .Badge-module__hop-Badge--primary___5fn7K {
680
681
  --background-color: var(--hop-Badge-primary-background-color);
681
682
  --text-color: var(--hop-Badge-primary-text-color);
682
683
  }
683
- .Badge-module__hop-Badge--primary___J3K--[data-hovered] {
684
+ .Badge-module__hop-Badge--primary___5fn7K[data-hovered] {
684
685
  --background-color: var(--hop-Badge-primary-background-color-hovered);
685
686
  --text-color: var(--hop-Badge-primary-text-color-hovered);
686
687
  }
687
- .Badge-module__hop-Badge--primary___J3K--[data-pressed] {
688
+ .Badge-module__hop-Badge--primary___5fn7K[data-pressed] {
688
689
  --background-color: var(--hop-Badge-primary-background-color-pressed);
689
690
  --text-color: var(--hop-Badge-primary-text-color-pressed);
690
691
  }
691
- .Badge-module__hop-Badge--primary___J3K--[data-selected] {
692
+ .Badge-module__hop-Badge--primary___5fn7K[data-selected] {
692
693
  --background-color: var(--hop-Badge-primary-background-color-selected);
693
694
  --text-color: var(--hop-Badge-primary-text-color-selected);
694
695
  }
695
- .Badge-module__hop-Badge--secondary___7HDGr {
696
+ .Badge-module__hop-Badge--secondary___95kdS {
696
697
  --background-color: var(--hop-Badge-secondary-background-color);
697
698
  --text-color: var(--hop-Badge-secondary-text-color);
698
699
  }
699
- .Badge-module__hop-Badge--secondary___7HDGr[data-hovered] {
700
+ .Badge-module__hop-Badge--secondary___95kdS[data-hovered] {
700
701
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
701
702
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
702
703
  }
703
- .Badge-module__hop-Badge--secondary___7HDGr[data-pressed] {
704
+ .Badge-module__hop-Badge--secondary___95kdS[data-pressed] {
704
705
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
705
706
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
706
707
  }
707
- .Badge-module__hop-Badge--secondary___7HDGr[data-selected] {
708
+ .Badge-module__hop-Badge--secondary___95kdS[data-selected] {
708
709
  --background-color: var(--hop-Badge-secondary-background-color-selected);
709
710
  --text-color: var(--hop-Badge-secondary-text-color-selected);
710
711
  }
711
- .Badge-module__hop-Badge--subdued___HuHE1 {
712
+ .Badge-module__hop-Badge--subdued___XteAy {
712
713
  --background-color: var(--hop-Badge-subdued-background-color);
713
714
  --text-color: var(--hop-Badge-subdued-text-color);
714
715
  }
715
- .Badge-module__hop-Badge--subdued___HuHE1[data-hovered] {
716
+ .Badge-module__hop-Badge--subdued___XteAy[data-hovered] {
716
717
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
717
718
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
718
719
  }
719
- .Badge-module__hop-Badge--subdued___HuHE1[data-pressed] {
720
+ .Badge-module__hop-Badge--subdued___XteAy[data-pressed] {
720
721
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
721
722
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
722
723
  }
723
- .Badge-module__hop-Badge--subdued___HuHE1[data-selected] {
724
+ .Badge-module__hop-Badge--subdued___XteAy[data-selected] {
724
725
  --background-color: var(--hop-Badge-subdued-background-color-selected);
725
726
  --text-color: var(--hop-Badge-subdued-text-color-selected);
726
727
  }
727
- .Badge-module__hop-Badge___5msyC[data-indeterminate] {
728
+ .Badge-module__hop-Badge___EV4gT[data-indeterminate] {
728
729
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
729
730
  --height: var(--hop-Badge-indeterminate-height);
730
731
  --width: var(--hop-Badge-indeterminate-width);
731
732
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
732
733
  }
733
- .Badge-module__hop-Badge___5msyC[data-disabled] {
734
+ .Badge-module__hop-Badge___EV4gT[data-disabled] {
734
735
  --background-color: var(--hop-Badge-background-color-disabled);
735
736
  --text-color: var(--hop-Badge-text-color-disabled);
736
737
  }
737
738
 
738
739
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/FloatingBadge.module.css/#css-module-data */
739
- .FloatingBadge-module__hop-FloatingBadge___AMprc {
740
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB {
740
741
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
741
742
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
742
743
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -777,7 +778,7 @@
777
778
  box-sizing: border-box;
778
779
  inline-size: max-content;
779
780
  }
780
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="top right"] {
781
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="top right"] {
781
782
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
782
783
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
783
784
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -785,11 +786,11 @@
785
786
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
786
787
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
787
788
  }
788
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="top right"][data-overlap=circular] {
789
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="top right"][data-overlap=circular] {
789
790
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
790
791
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
791
792
  }
792
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="top left"] {
793
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="top left"] {
793
794
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
794
795
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
795
796
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -797,11 +798,11 @@
797
798
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
798
799
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
799
800
  }
800
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="top left"][data-overlap=circular] {
801
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="top left"][data-overlap=circular] {
801
802
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
802
803
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
803
804
  }
804
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="bottom right"] {
805
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="bottom right"] {
805
806
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
806
807
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
807
808
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -809,11 +810,11 @@
809
810
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
810
811
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
811
812
  }
812
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="bottom right"][data-overlap=circular] {
813
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="bottom right"][data-overlap=circular] {
813
814
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
814
815
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
815
816
  }
816
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="bottom left"] {
817
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="bottom left"] {
817
818
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
818
819
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
819
820
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -821,11 +822,11 @@
821
822
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
822
823
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
823
824
  }
824
- .FloatingBadge-module__hop-FloatingBadge___AMprc[data-placement="bottom left"][data-overlap=circular] {
825
+ .FloatingBadge-module__hop-FloatingBadge___MxHCB[data-placement="bottom left"][data-overlap=circular] {
825
826
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
826
827
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
827
828
  }
828
- .FloatingBadge-module__hop-FloatingBadge__badge___jbikw {
829
+ .FloatingBadge-module__hop-FloatingBadge__badge___9kItf {
829
830
  position: absolute;
830
831
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
831
832
  transform-origin: var(--badge-transform-origin);
@@ -833,7 +834,7 @@
833
834
  }
834
835
 
835
836
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/icon-list/src/IconList.module.css/#css-module-data */
836
- .IconList-module__hop-IconList___g3bdH {
837
+ .IconList-module__hop-IconList___jKlr4 {
837
838
  --hop-IconList-gap: var(--hop-space-inline-xs);
838
839
  display: flex;
839
840
  flex-wrap: wrap;
@@ -842,7 +843,7 @@
842
843
  }
843
844
 
844
845
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
845
- .Checkbox-module__hop-Checkbox___9VOys {
846
+ .Checkbox-module__hop-Checkbox___IyoYP {
846
847
  --hop-Checkbox-box-border-size: 0.0625rem;
847
848
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
848
849
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -917,60 +918,60 @@
917
918
  inline-size: max-content;
918
919
  max-inline-size: 100%;
919
920
  }
920
- .Checkbox-module__hop-Checkbox___9VOys[data-focus-visible] {
921
+ .Checkbox-module__hop-Checkbox___IyoYP[data-focus-visible] {
921
922
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
922
923
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
923
924
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
924
925
  --text-color: var(--hop-Checkbox-text-color-focused);
925
926
  --icon-color: var(--hop-Checkbox-icon-color-focused);
926
927
  }
927
- .Checkbox-module__hop-Checkbox___9VOys[data-hovered] {
928
+ .Checkbox-module__hop-Checkbox___IyoYP[data-hovered] {
928
929
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
929
930
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
930
931
  --text-color: var(--hop-Checkbox-text-color-hovered);
931
932
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
932
933
  }
933
- .Checkbox-module__hop-Checkbox___9VOys[data-pressed] {
934
+ .Checkbox-module__hop-Checkbox___IyoYP[data-pressed] {
934
935
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
935
936
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
936
937
  --text-color: var(--hop-Checkbox-text-color-pressed);
937
938
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
938
939
  }
939
- .Checkbox-module__hop-Checkbox___9VOys[data-selected] {
940
+ .Checkbox-module__hop-Checkbox___IyoYP[data-selected] {
940
941
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
941
942
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
942
943
  --check-display: var(--hop-Checkbox-check-display-selected);
943
944
  --text-color: var(--hop-Checkbox-text-color-selected);
944
945
  --icon-color: var(--hop-Checkbox-icon-color-selected);
945
946
  }
946
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid] {
947
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid] {
947
948
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
948
949
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
949
950
  --check-color: var(--hop-Checkbox-check-color-invalid);
950
951
  --text-color: var(--hop-Checkbox-text-color-invalid);
951
952
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
952
953
  }
953
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid]:where([data-focus-visible]) {
954
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid]:where([data-focus-visible]) {
954
955
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
955
956
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
956
957
  }
957
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid]:where([data-hovered]) {
958
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid]:where([data-hovered]) {
958
959
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
959
960
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
960
961
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
961
962
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
962
963
  }
963
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid]:where([data-pressed]) {
964
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid]:where([data-pressed]) {
964
965
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
965
966
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
966
967
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
967
968
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
968
969
  }
969
- .Checkbox-module__hop-Checkbox___9VOys:where([data-invalid])[data-selected] {
970
+ .Checkbox-module__hop-Checkbox___IyoYP:where([data-invalid])[data-selected] {
970
971
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
971
972
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
972
973
  }
973
- .Checkbox-module__hop-Checkbox___9VOys[data-disabled] {
974
+ .Checkbox-module__hop-Checkbox___IyoYP[data-disabled] {
974
975
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
975
976
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
976
977
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -978,25 +979,25 @@
978
979
  --text-color: var(--hop-Checkbox-text-color-disabled);
979
980
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
980
981
  }
981
- .Checkbox-module__hop-Checkbox--sm___7UYx- {
982
+ .Checkbox-module__hop-Checkbox--sm___rcx15 {
982
983
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
983
984
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
984
985
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
985
986
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
986
987
  }
987
- .Checkbox-module__hop-Checkbox--md___7qHVJ {
988
+ .Checkbox-module__hop-Checkbox--md___iDVgx {
988
989
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
989
990
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
990
991
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
991
992
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
992
993
  }
993
- .Checkbox-module__hop-Checkbox__icon___DrE0M,
994
- .Checkbox-module__hop-Checkbox__icon-list___tpKTo {
994
+ .Checkbox-module__hop-Checkbox__icon___kLRuu,
995
+ .Checkbox-module__hop-Checkbox__icon-list___ZUUCx {
995
996
  flex: 0 0 auto;
996
997
  order: 3;
997
998
  color: var(--icon-color);
998
999
  }
999
- .Checkbox-module__hop-Checkbox__box___NJPrS {
1000
+ .Checkbox-module__hop-Checkbox__box___OlxGX {
1000
1001
  display: flex;
1001
1002
  flex: 0 0 auto;
1002
1003
  align-items: center;
@@ -1012,11 +1013,11 @@
1012
1013
  outline-offset: 0.125rem;
1013
1014
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1014
1015
  }
1015
- .Checkbox-module__hop-Checkbox__check___zhFrO {
1016
+ .Checkbox-module__hop-Checkbox__check___xl4SA {
1016
1017
  display: var(--check-display);
1017
1018
  color: var(--check-color);
1018
1019
  }
1019
- .Checkbox-module__hop-Checkbox__text___LzgtX {
1020
+ .Checkbox-module__hop-Checkbox__text___loba2 {
1020
1021
  flex: 0 1 auto;
1021
1022
  order: 2;
1022
1023
  min-inline-size: 0;
@@ -1026,7 +1027,7 @@
1026
1027
  }
1027
1028
 
1028
1029
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1029
- .CheckboxField-module__hop-CheckboxField___Gwahd {
1030
+ .CheckboxField-module__hop-CheckboxField___aWCbD {
1030
1031
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1031
1032
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1032
1033
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1045,29 +1046,29 @@
1045
1046
  inline-size: max-content;
1046
1047
  max-inline-size: 100%;
1047
1048
  }
1048
- .CheckboxField-module__hop-CheckboxField___Gwahd[data-disabled] {
1049
+ .CheckboxField-module__hop-CheckboxField___aWCbD[data-disabled] {
1049
1050
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1050
1051
  }
1051
- .CheckboxField-module__hop-CheckboxField--sm___2tv8- {
1052
+ .CheckboxField-module__hop-CheckboxField--sm___H1g5w {
1052
1053
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1053
1054
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1054
1055
  }
1055
- .CheckboxField-module__hop-CheckboxField--md___B-BxP {
1056
+ .CheckboxField-module__hop-CheckboxField--md___untc- {
1056
1057
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1057
1058
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1058
1059
  }
1059
- .CheckboxField-module__hop-CheckboxField__description___xW9Nd {
1060
+ .CheckboxField-module__hop-CheckboxField__description___neLr3 {
1060
1061
  order: 2;
1061
1062
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1062
1063
  color: var(--description-color);
1063
1064
  }
1064
- .CheckboxField-module__hop-CheckboxField___Gwahd .CheckboxField-module__hop-CheckboxField__checkbox___2Su7d {
1065
+ .CheckboxField-module__hop-CheckboxField___aWCbD .CheckboxField-module__hop-CheckboxField__checkbox___KmQ-I {
1065
1066
  order: 1;
1066
1067
  inline-size: 100%;
1067
1068
  }
1068
1069
 
1069
1070
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/error-message/src/ErrorMessage.module.css/#css-module-data */
1070
- .ErrorMessage-module__hop-ErrorMessage___aSV0L {
1071
+ .ErrorMessage-module__hop-ErrorMessage___kp-2Z {
1071
1072
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1072
1073
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1073
1074
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1084,13 +1085,13 @@
1084
1085
  line-height: var(--hop-ErrorMessage-line-height);
1085
1086
  color: var(--hop-ErrorMessage-color);
1086
1087
  }
1087
- .ErrorMessage-module__hop-ErrorMessage__icon___NNRTE {
1088
+ .ErrorMessage-module__hop-ErrorMessage__icon___IU44- {
1088
1089
  flex: 0 0 auto;
1089
1090
  align-self: flex-start;
1090
1091
  }
1091
1092
 
1092
1093
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helper-message/src/HelperMessage.module.css/#css-module-data */
1093
- .HelperMessage-module__hop-HelperMessage___CtcbZ {
1094
+ .HelperMessage-module__hop-HelperMessage___f4zT1 {
1094
1095
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1095
1096
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1096
1097
  display: flex;
@@ -1099,13 +1100,13 @@
1099
1100
  box-sizing: border-box;
1100
1101
  color: var(--hop-HelperMessage-color);
1101
1102
  }
1102
- .HelperMessage-module__hop-HelperMessage__icon___TDWyf {
1103
+ .HelperMessage-module__hop-HelperMessage__icon___sK0VQ {
1103
1104
  flex: 0 0 auto;
1104
1105
  align-self: flex-start;
1105
1106
  }
1106
1107
 
1107
1108
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1108
- .CheckboxGroup-module__hop-CheckboxGroup___hLP92 {
1109
+ .CheckboxGroup-module__hop-CheckboxGroup___QBPmx {
1109
1110
  --hop-CheckboxGroup-align-items: flex-start;
1110
1111
  --hop-CheckboxGroup-justify-content: flex-start;
1111
1112
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1145,49 +1146,49 @@
1145
1146
  inline-size: var(--inline-size);
1146
1147
  max-inline-size: 100%;
1147
1148
  }
1148
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mB4-u {
1149
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CGvuC {
1149
1150
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1150
1151
  --list-border-radius: var(--hop-shape-rounded-md);
1151
1152
  }
1152
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___RWUwQ {
1153
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___iNxxH {
1153
1154
  --inline-size: 100%;
1154
1155
  }
1155
- .CheckboxGroup-module__hop-CheckboxGroup--sm___u8-nB {
1156
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___M-S55 {
1156
1157
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1157
1158
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1158
1159
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1159
1160
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1160
1161
  }
1161
- .CheckboxGroup-module__hop-CheckboxGroup--md___4UAhF {
1162
+ .CheckboxGroup-module__hop-CheckboxGroup--md___-9fpQ {
1162
1163
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1163
1164
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1164
1165
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1165
1166
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1166
1167
  }
1167
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mB4-u.CheckboxGroup-module__hop-CheckboxGroup--sm___u8-nB {
1168
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CGvuC.CheckboxGroup-module__hop-CheckboxGroup--sm___M-S55 {
1168
1169
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1169
1170
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1170
1171
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1171
1172
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1172
1173
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1173
1174
  }
1174
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mB4-u.CheckboxGroup-module__hop-CheckboxGroup--md___4UAhF {
1175
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CGvuC.CheckboxGroup-module__hop-CheckboxGroup--md___-9fpQ {
1175
1176
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1176
1177
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1177
1178
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1178
1179
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1179
1180
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1180
1181
  }
1181
- .CheckboxGroup-module__hop-CheckboxGroup___hLP92[data-orientation=horizontal] {
1182
+ .CheckboxGroup-module__hop-CheckboxGroup___QBPmx[data-orientation=horizontal] {
1182
1183
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1183
1184
  }
1184
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mB4-u[data-orientation=horizontal] {
1185
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CGvuC[data-orientation=horizontal] {
1185
1186
  --flex-wrap: nowrap;
1186
1187
  }
1187
- .CheckboxGroup-module__hop-CheckboxGroup___hLP92 > .CheckboxGroup-module__hop-CheckboxGroup__label___hWySU {
1188
+ .CheckboxGroup-module__hop-CheckboxGroup___QBPmx > .CheckboxGroup-module__hop-CheckboxGroup__label___7ELKl {
1188
1189
  order: 1;
1189
1190
  }
1190
- .CheckboxGroup-module__hop-CheckboxGroup__list___hEYJl {
1191
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9Cn1x {
1191
1192
  display: flex;
1192
1193
  flex-flow: var(--flex-direction) var(--flex-wrap);
1193
1194
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1198,7 +1199,7 @@
1198
1199
  border: var(--list-border, none);
1199
1200
  border-radius: var(--list-border-radius, 0);
1200
1201
  }
1201
- .CheckboxGroup-module__hop-CheckboxGroup__list___hEYJl > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___p9Y8g {
1202
+ .CheckboxGroup-module__hop-CheckboxGroup__list___9Cn1x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3BGkc {
1202
1203
  position: relative;
1203
1204
  flex: 0 1 auto;
1204
1205
  align-content: start;
@@ -1206,28 +1207,28 @@
1206
1207
  min-inline-size: 0;
1207
1208
  padding: var(--checkbox-padding, 0);
1208
1209
  }
1209
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mB4-u .CheckboxGroup-module__hop-CheckboxGroup__list___hEYJl > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___p9Y8g ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___p9Y8g::before {
1210
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CGvuC .CheckboxGroup-module__hop-CheckboxGroup__list___9Cn1x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3BGkc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3BGkc::before {
1210
1211
  content: "";
1211
1212
  position: absolute;
1212
1213
  display: block;
1213
1214
  }
1214
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mB4-u[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___hEYJl > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___p9Y8g ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___p9Y8g::before {
1215
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CGvuC[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___9Cn1x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3BGkc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3BGkc::before {
1215
1216
  inset-block-start: 0;
1216
1217
  inset-inline: 0;
1217
1218
  border-block-start: var(--list-border, none);
1218
1219
  }
1219
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___mB4-u[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___hEYJl > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___p9Y8g ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___p9Y8g::before {
1220
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___CGvuC[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___9Cn1x > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3BGkc ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___3BGkc::before {
1220
1221
  inset-block: 0;
1221
1222
  inset-inline-start: 0;
1222
1223
  border-inline-start: var(--list-border, none);
1223
1224
  }
1224
- .CheckboxGroup-module__hop-CheckboxGroup___hLP92 > .CheckboxGroup-module__hop-CheckboxGroup__error-message___yxjeD,
1225
- .CheckboxGroup-module__hop-CheckboxGroup___hLP92 > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___XLJ2w {
1225
+ .CheckboxGroup-module__hop-CheckboxGroup___QBPmx > .CheckboxGroup-module__hop-CheckboxGroup__error-message___mvOwO,
1226
+ .CheckboxGroup-module__hop-CheckboxGroup___QBPmx > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___un0N4 {
1226
1227
  order: 3;
1227
1228
  }
1228
1229
 
1229
1230
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1230
- .Checkbox-module__hop-Checkbox___9VOys {
1231
+ .Checkbox-module__hop-Checkbox___IyoYP {
1231
1232
  --hop-Checkbox-box-border-size: 0.0625rem;
1232
1233
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1233
1234
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1302,60 +1303,60 @@
1302
1303
  inline-size: max-content;
1303
1304
  max-inline-size: 100%;
1304
1305
  }
1305
- .Checkbox-module__hop-Checkbox___9VOys[data-focus-visible] {
1306
+ .Checkbox-module__hop-Checkbox___IyoYP[data-focus-visible] {
1306
1307
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1307
1308
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1308
1309
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1309
1310
  --text-color: var(--hop-Checkbox-text-color-focused);
1310
1311
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1311
1312
  }
1312
- .Checkbox-module__hop-Checkbox___9VOys[data-hovered] {
1313
+ .Checkbox-module__hop-Checkbox___IyoYP[data-hovered] {
1313
1314
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1314
1315
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1315
1316
  --text-color: var(--hop-Checkbox-text-color-hovered);
1316
1317
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1317
1318
  }
1318
- .Checkbox-module__hop-Checkbox___9VOys[data-pressed] {
1319
+ .Checkbox-module__hop-Checkbox___IyoYP[data-pressed] {
1319
1320
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1320
1321
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1321
1322
  --text-color: var(--hop-Checkbox-text-color-pressed);
1322
1323
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1323
1324
  }
1324
- .Checkbox-module__hop-Checkbox___9VOys[data-selected] {
1325
+ .Checkbox-module__hop-Checkbox___IyoYP[data-selected] {
1325
1326
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1326
1327
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1327
1328
  --check-display: var(--hop-Checkbox-check-display-selected);
1328
1329
  --text-color: var(--hop-Checkbox-text-color-selected);
1329
1330
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1330
1331
  }
1331
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid] {
1332
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid] {
1332
1333
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1333
1334
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1334
1335
  --check-color: var(--hop-Checkbox-check-color-invalid);
1335
1336
  --text-color: var(--hop-Checkbox-text-color-invalid);
1336
1337
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1337
1338
  }
1338
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid]:where([data-focus-visible]) {
1339
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid]:where([data-focus-visible]) {
1339
1340
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1340
1341
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1341
1342
  }
1342
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid]:where([data-hovered]) {
1343
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid]:where([data-hovered]) {
1343
1344
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1344
1345
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1345
1346
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1346
1347
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1347
1348
  }
1348
- .Checkbox-module__hop-Checkbox___9VOys[data-invalid]:where([data-pressed]) {
1349
+ .Checkbox-module__hop-Checkbox___IyoYP[data-invalid]:where([data-pressed]) {
1349
1350
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1350
1351
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1351
1352
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1352
1353
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1353
1354
  }
1354
- .Checkbox-module__hop-Checkbox___9VOys:where([data-invalid])[data-selected] {
1355
+ .Checkbox-module__hop-Checkbox___IyoYP:where([data-invalid])[data-selected] {
1355
1356
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1356
1357
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1357
1358
  }
1358
- .Checkbox-module__hop-Checkbox___9VOys[data-disabled] {
1359
+ .Checkbox-module__hop-Checkbox___IyoYP[data-disabled] {
1359
1360
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1360
1361
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1361
1362
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1363,25 +1364,25 @@
1363
1364
  --text-color: var(--hop-Checkbox-text-color-disabled);
1364
1365
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1365
1366
  }
1366
- .Checkbox-module__hop-Checkbox--sm___7UYx- {
1367
+ .Checkbox-module__hop-Checkbox--sm___rcx15 {
1367
1368
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1368
1369
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1369
1370
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1370
1371
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1371
1372
  }
1372
- .Checkbox-module__hop-Checkbox--md___7qHVJ {
1373
+ .Checkbox-module__hop-Checkbox--md___iDVgx {
1373
1374
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1374
1375
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1375
1376
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1376
1377
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1377
1378
  }
1378
- .Checkbox-module__hop-Checkbox__icon___DrE0M,
1379
- .Checkbox-module__hop-Checkbox__icon-list___tpKTo {
1379
+ .Checkbox-module__hop-Checkbox__icon___kLRuu,
1380
+ .Checkbox-module__hop-Checkbox__icon-list___ZUUCx {
1380
1381
  flex: 0 0 auto;
1381
1382
  order: 3;
1382
1383
  color: var(--icon-color);
1383
1384
  }
1384
- .Checkbox-module__hop-Checkbox__box___NJPrS {
1385
+ .Checkbox-module__hop-Checkbox__box___OlxGX {
1385
1386
  display: flex;
1386
1387
  flex: 0 0 auto;
1387
1388
  align-items: center;
@@ -1397,11 +1398,11 @@
1397
1398
  outline-offset: 0.125rem;
1398
1399
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1399
1400
  }
1400
- .Checkbox-module__hop-Checkbox__check___zhFrO {
1401
+ .Checkbox-module__hop-Checkbox__check___xl4SA {
1401
1402
  display: var(--check-display);
1402
1403
  color: var(--check-color);
1403
1404
  }
1404
- .Checkbox-module__hop-Checkbox__text___LzgtX {
1405
+ .Checkbox-module__hop-Checkbox__text___loba2 {
1405
1406
  flex: 0 1 auto;
1406
1407
  order: 2;
1407
1408
  min-inline-size: 0;
@@ -1409,24 +1410,24 @@
1409
1410
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1410
1411
  color: var(--text-color);
1411
1412
  }
1412
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___oG8ez {
1413
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___-iCsq {
1413
1414
  }
1414
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___VXE6W {
1415
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___fEwe5 {
1415
1416
  }
1416
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___7qTwN {
1417
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___1VX0b {
1417
1418
  }
1418
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___xGr5L,
1419
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___3s3eT {
1419
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___gUqCv,
1420
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___SU2Kn {
1420
1421
  }
1421
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___aD9AS {
1422
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___dqj9M {
1422
1423
  }
1423
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gzDnN {
1424
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___r2JEj {
1424
1425
  }
1425
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___lnRT6 {
1426
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___eb9gL {
1426
1427
  }
1427
1428
 
1428
1429
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1429
- .Radio-module__hop-Radio___36PHY {
1430
+ .Radio-module__hop-Radio___ElEEO {
1430
1431
  --hop-Radio-box-border-size: 0.0625rem;
1431
1432
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1432
1433
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1500,60 +1501,60 @@
1500
1501
  inline-size: max-content;
1501
1502
  max-inline-size: 100%;
1502
1503
  }
1503
- .Radio-module__hop-Radio___36PHY[data-focus-visible] {
1504
+ .Radio-module__hop-Radio___ElEEO[data-focus-visible] {
1504
1505
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1505
1506
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1506
1507
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1507
1508
  --text-color: var(--hop-Radio-text-color-focused);
1508
1509
  --icon-color: var(--hop-Radio-icon-color-focused);
1509
1510
  }
1510
- .Radio-module__hop-Radio___36PHY[data-hovered] {
1511
+ .Radio-module__hop-Radio___ElEEO[data-hovered] {
1511
1512
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1512
1513
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1513
1514
  --text-color: var(--hop-Radio-text-color-hovered);
1514
1515
  --icon-color: var(--hop-Radio-icon-color-hovered);
1515
1516
  }
1516
- .Radio-module__hop-Radio___36PHY[data-pressed] {
1517
+ .Radio-module__hop-Radio___ElEEO[data-pressed] {
1517
1518
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1518
1519
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1519
1520
  --text-color: var(--hop-Radio-text-color-pressed);
1520
1521
  --icon-color: var(--hop-Radio-icon-color-pressed);
1521
1522
  }
1522
- .Radio-module__hop-Radio___36PHY[data-selected] {
1523
+ .Radio-module__hop-Radio___ElEEO[data-selected] {
1523
1524
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1524
1525
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1525
1526
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1526
1527
  --text-color: var(--hop-Radio-text-color-selected);
1527
1528
  --icon-color: var(--hop-Radio-icon-color-selected);
1528
1529
  }
1529
- .Radio-module__hop-Radio___36PHY[data-invalid] {
1530
+ .Radio-module__hop-Radio___ElEEO[data-invalid] {
1530
1531
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1531
1532
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1532
1533
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1533
1534
  --text-color: var(--hop-Radio-text-color-invalid);
1534
1535
  --icon-color: var(--hop-Radio-icon-color-invalid);
1535
1536
  }
1536
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-focus-visible] {
1537
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-focus-visible] {
1537
1538
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1538
1539
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1539
1540
  }
1540
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-hovered] {
1541
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-hovered] {
1541
1542
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1542
1543
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1543
1544
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1544
1545
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1545
1546
  }
1546
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-pressed] {
1547
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-pressed] {
1547
1548
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1548
1549
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1549
1550
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1550
1551
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1551
1552
  }
1552
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-selected] {
1553
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-selected] {
1553
1554
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1554
1555
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1555
1556
  }
1556
- .Radio-module__hop-Radio___36PHY[data-disabled] {
1557
+ .Radio-module__hop-Radio___ElEEO[data-disabled] {
1557
1558
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1558
1559
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1559
1560
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1561,25 +1562,25 @@
1561
1562
  --text-color: var(--hop-Radio-text-color-disabled);
1562
1563
  --icon-color: var(--hop-Radio-icon-color-disabled);
1563
1564
  }
1564
- .Radio-module__hop-Radio--sm___Wd4q2 {
1565
+ .Radio-module__hop-Radio--sm___jLDv8 {
1565
1566
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1566
1567
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1567
1568
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1568
1569
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1569
1570
  }
1570
- .Radio-module__hop-Radio--md___J1QPW {
1571
+ .Radio-module__hop-Radio--md___f0cK0 {
1571
1572
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1572
1573
  --box-block-size: var(--hop-Radio-box-md-block-size);
1573
1574
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1574
1575
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1575
1576
  }
1576
- .Radio-module__hop-Radio__icon___vdAvd,
1577
- .Radio-module__hop-Radio__icon-list___wMblR {
1577
+ .Radio-module__hop-Radio__icon___Vb-ob,
1578
+ .Radio-module__hop-Radio__icon-list___oP0iq {
1578
1579
  flex: 0 0 auto;
1579
1580
  order: 3;
1580
1581
  color: var(--icon-color);
1581
1582
  }
1582
- .Radio-module__hop-Radio__box___iLQRY {
1583
+ .Radio-module__hop-Radio__box___62oaV {
1583
1584
  display: flex;
1584
1585
  flex: 0 0 auto;
1585
1586
  align-items: center;
@@ -1595,11 +1596,11 @@
1595
1596
  outline-offset: 0.125rem;
1596
1597
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1597
1598
  }
1598
- .Radio-module__hop-Radio__bullet___OfhY1 {
1599
+ .Radio-module__hop-Radio__bullet___tY8Aj {
1599
1600
  display: var(--bullet-display);
1600
1601
  color: var(--bullet-color);
1601
1602
  }
1602
- .Radio-module__hop-Radio__text___2esJU {
1603
+ .Radio-module__hop-Radio__text___LWmS5 {
1603
1604
  flex: 0 1 auto;
1604
1605
  order: 2;
1605
1606
  min-inline-size: 0;
@@ -1607,24 +1608,24 @@
1607
1608
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1608
1609
  color: var(--text-color);
1609
1610
  }
1610
- .DecorativeRadio-module__hop-DecorativeRadio___vwRbj {
1611
+ .DecorativeRadio-module__hop-DecorativeRadio___4da7- {
1611
1612
  }
1612
- .DecorativeRadio-module__hop-DecorativeRadio--sm___AGxZ9 {
1613
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___Jd9hd {
1613
1614
  }
1614
- .DecorativeRadio-module__hop-DecorativeRadio--md___1ekup {
1615
+ .DecorativeRadio-module__hop-DecorativeRadio--md___8XKLy {
1615
1616
  }
1616
- .DecorativeRadio-module__hop-DecorativeRadio__icon___wGgb5,
1617
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___WHubC {
1617
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___IUBp7,
1618
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___4lfyP {
1618
1619
  }
1619
- .DecorativeRadio-module__hop-DecorativeRadio__box___h7nxv {
1620
+ .DecorativeRadio-module__hop-DecorativeRadio__box___2zMoY {
1620
1621
  }
1621
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___fQIiZ {
1622
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___esUWV {
1622
1623
  }
1623
- .DecorativeRadio-module__hop-DecorativeRadio__text___f0gOH {
1624
+ .DecorativeRadio-module__hop-DecorativeRadio__text___PQ7vp {
1624
1625
  }
1625
1626
 
1626
1627
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1627
- .Radio-module__hop-Radio___36PHY {
1628
+ .Radio-module__hop-Radio___ElEEO {
1628
1629
  --hop-Radio-box-border-size: 0.0625rem;
1629
1630
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1630
1631
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1698,60 +1699,60 @@
1698
1699
  inline-size: max-content;
1699
1700
  max-inline-size: 100%;
1700
1701
  }
1701
- .Radio-module__hop-Radio___36PHY[data-focus-visible] {
1702
+ .Radio-module__hop-Radio___ElEEO[data-focus-visible] {
1702
1703
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1703
1704
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1704
1705
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1705
1706
  --text-color: var(--hop-Radio-text-color-focused);
1706
1707
  --icon-color: var(--hop-Radio-icon-color-focused);
1707
1708
  }
1708
- .Radio-module__hop-Radio___36PHY[data-hovered] {
1709
+ .Radio-module__hop-Radio___ElEEO[data-hovered] {
1709
1710
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1710
1711
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1711
1712
  --text-color: var(--hop-Radio-text-color-hovered);
1712
1713
  --icon-color: var(--hop-Radio-icon-color-hovered);
1713
1714
  }
1714
- .Radio-module__hop-Radio___36PHY[data-pressed] {
1715
+ .Radio-module__hop-Radio___ElEEO[data-pressed] {
1715
1716
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1716
1717
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1717
1718
  --text-color: var(--hop-Radio-text-color-pressed);
1718
1719
  --icon-color: var(--hop-Radio-icon-color-pressed);
1719
1720
  }
1720
- .Radio-module__hop-Radio___36PHY[data-selected] {
1721
+ .Radio-module__hop-Radio___ElEEO[data-selected] {
1721
1722
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1722
1723
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1723
1724
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1724
1725
  --text-color: var(--hop-Radio-text-color-selected);
1725
1726
  --icon-color: var(--hop-Radio-icon-color-selected);
1726
1727
  }
1727
- .Radio-module__hop-Radio___36PHY[data-invalid] {
1728
+ .Radio-module__hop-Radio___ElEEO[data-invalid] {
1728
1729
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1729
1730
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1730
1731
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1731
1732
  --text-color: var(--hop-Radio-text-color-invalid);
1732
1733
  --icon-color: var(--hop-Radio-icon-color-invalid);
1733
1734
  }
1734
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-focus-visible] {
1735
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-focus-visible] {
1735
1736
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1736
1737
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1737
1738
  }
1738
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-hovered] {
1739
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-hovered] {
1739
1740
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1740
1741
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1741
1742
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1742
1743
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1743
1744
  }
1744
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-pressed] {
1745
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-pressed] {
1745
1746
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1746
1747
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1747
1748
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1748
1749
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1749
1750
  }
1750
- .Radio-module__hop-Radio___36PHY:where([data-invalid])[data-selected] {
1751
+ .Radio-module__hop-Radio___ElEEO:where([data-invalid])[data-selected] {
1751
1752
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1752
1753
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1753
1754
  }
1754
- .Radio-module__hop-Radio___36PHY[data-disabled] {
1755
+ .Radio-module__hop-Radio___ElEEO[data-disabled] {
1755
1756
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1756
1757
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1757
1758
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1759,25 +1760,25 @@
1759
1760
  --text-color: var(--hop-Radio-text-color-disabled);
1760
1761
  --icon-color: var(--hop-Radio-icon-color-disabled);
1761
1762
  }
1762
- .Radio-module__hop-Radio--sm___Wd4q2 {
1763
+ .Radio-module__hop-Radio--sm___jLDv8 {
1763
1764
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1764
1765
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1765
1766
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1766
1767
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1767
1768
  }
1768
- .Radio-module__hop-Radio--md___J1QPW {
1769
+ .Radio-module__hop-Radio--md___f0cK0 {
1769
1770
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1770
1771
  --box-block-size: var(--hop-Radio-box-md-block-size);
1771
1772
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1772
1773
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1773
1774
  }
1774
- .Radio-module__hop-Radio__icon___vdAvd,
1775
- .Radio-module__hop-Radio__icon-list___wMblR {
1775
+ .Radio-module__hop-Radio__icon___Vb-ob,
1776
+ .Radio-module__hop-Radio__icon-list___oP0iq {
1776
1777
  flex: 0 0 auto;
1777
1778
  order: 3;
1778
1779
  color: var(--icon-color);
1779
1780
  }
1780
- .Radio-module__hop-Radio__box___iLQRY {
1781
+ .Radio-module__hop-Radio__box___62oaV {
1781
1782
  display: flex;
1782
1783
  flex: 0 0 auto;
1783
1784
  align-items: center;
@@ -1793,11 +1794,11 @@
1793
1794
  outline-offset: 0.125rem;
1794
1795
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1795
1796
  }
1796
- .Radio-module__hop-Radio__bullet___OfhY1 {
1797
+ .Radio-module__hop-Radio__bullet___tY8Aj {
1797
1798
  display: var(--bullet-display);
1798
1799
  color: var(--bullet-color);
1799
1800
  }
1800
- .Radio-module__hop-Radio__text___2esJU {
1801
+ .Radio-module__hop-Radio__text___LWmS5 {
1801
1802
  flex: 0 1 auto;
1802
1803
  order: 2;
1803
1804
  min-inline-size: 0;
@@ -1807,7 +1808,7 @@
1807
1808
  }
1808
1809
 
1809
1810
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1810
- .RadioField-module__hop-RadioField___wAwa6 {
1811
+ .RadioField-module__hop-RadioField___94sl- {
1811
1812
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1812
1813
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1813
1814
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1826,29 +1827,29 @@
1826
1827
  inline-size: max-content;
1827
1828
  max-inline-size: 100%;
1828
1829
  }
1829
- .RadioField-module__hop-RadioField___wAwa6[data-disabled] {
1830
+ .RadioField-module__hop-RadioField___94sl-[data-disabled] {
1830
1831
  --description-color: var(--hop-RadioField-description-color-disabled);
1831
1832
  }
1832
- .RadioField-module__hop-RadioField--sm___1mxpR {
1833
+ .RadioField-module__hop-RadioField--sm___0y-2y {
1833
1834
  --row-gap: var(--hop-RadioField-sm-row-gap);
1834
1835
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1835
1836
  }
1836
- .RadioField-module__hop-RadioField--md___zqGea {
1837
+ .RadioField-module__hop-RadioField--md___NzTdC {
1837
1838
  --row-gap: var(--hop-RadioField-md-row-gap);
1838
1839
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1839
1840
  }
1840
- .RadioField-module__hop-RadioField__description___-wgAA {
1841
+ .RadioField-module__hop-RadioField__description___e0B8C {
1841
1842
  order: 2;
1842
1843
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1843
1844
  color: var(--description-color);
1844
1845
  }
1845
- .RadioField-module__hop-RadioField___wAwa6 .RadioField-module__hop-RadioField__radio___FoDIi {
1846
+ .RadioField-module__hop-RadioField___94sl- .RadioField-module__hop-RadioField__radio___3XMgD {
1846
1847
  order: 1;
1847
1848
  inline-size: 100%;
1848
1849
  }
1849
1850
 
1850
1851
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1851
- .RadioGroup-module__hop-RadioGroup___yCjy1 {
1852
+ .RadioGroup-module__hop-RadioGroup___wL36z {
1852
1853
  --hop-RadioGroup-align-items: flex-start;
1853
1854
  --hop-RadioGroup-justify-content: flex-start;
1854
1855
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1888,49 +1889,49 @@
1888
1889
  inline-size: var(--inline-size);
1889
1890
  max-inline-size: 100%;
1890
1891
  }
1891
- .RadioGroup-module__hop-RadioGroup--bordered___qF7tB {
1892
+ .RadioGroup-module__hop-RadioGroup--bordered___0A5hh {
1892
1893
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1893
1894
  --list-border-radius: var(--hop-shape-rounded-md);
1894
1895
  }
1895
- .RadioGroup-module__hop-RadioGroup--fluid___0KUVr {
1896
+ .RadioGroup-module__hop-RadioGroup--fluid___eUZrA {
1896
1897
  --inline-size: 100%;
1897
1898
  }
1898
- .RadioGroup-module__hop-RadioGroup--sm___Tdv9M {
1899
+ .RadioGroup-module__hop-RadioGroup--sm___RLRN4 {
1899
1900
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1900
1901
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1901
1902
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1902
1903
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1903
1904
  }
1904
- .RadioGroup-module__hop-RadioGroup--md___vaoea {
1905
+ .RadioGroup-module__hop-RadioGroup--md___iRZyr {
1905
1906
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1906
1907
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1907
1908
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1908
1909
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1909
1910
  }
1910
- .RadioGroup-module__hop-RadioGroup--bordered___qF7tB.RadioGroup-module__hop-RadioGroup--sm___Tdv9M {
1911
+ .RadioGroup-module__hop-RadioGroup--bordered___0A5hh.RadioGroup-module__hop-RadioGroup--sm___RLRN4 {
1911
1912
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1912
1913
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1913
1914
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1914
1915
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1915
1916
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1916
1917
  }
1917
- .RadioGroup-module__hop-RadioGroup--bordered___qF7tB.RadioGroup-module__hop-RadioGroup--md___vaoea {
1918
+ .RadioGroup-module__hop-RadioGroup--bordered___0A5hh.RadioGroup-module__hop-RadioGroup--md___iRZyr {
1918
1919
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1919
1920
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1920
1921
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1921
1922
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1922
1923
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1923
1924
  }
1924
- .RadioGroup-module__hop-RadioGroup___yCjy1[data-orientation=horizontal] {
1925
+ .RadioGroup-module__hop-RadioGroup___wL36z[data-orientation=horizontal] {
1925
1926
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1926
1927
  }
1927
- .RadioGroup-module__hop-RadioGroup--bordered___qF7tB[data-orientation=horizontal] {
1928
+ .RadioGroup-module__hop-RadioGroup--bordered___0A5hh[data-orientation=horizontal] {
1928
1929
  --flex-wrap: nowrap;
1929
1930
  }
1930
- .RadioGroup-module__hop-RadioGroup___yCjy1 > .RadioGroup-module__hop-RadioGroup__label___NCNVd {
1931
+ .RadioGroup-module__hop-RadioGroup___wL36z > .RadioGroup-module__hop-RadioGroup__label___-k9Zt {
1931
1932
  order: 1;
1932
1933
  }
1933
- .RadioGroup-module__hop-RadioGroup__list___CH5ta {
1934
+ .RadioGroup-module__hop-RadioGroup__list___7-ol8 {
1934
1935
  display: flex;
1935
1936
  flex-flow: var(--flex-direction) var(--flex-wrap);
1936
1937
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1941,7 +1942,7 @@
1941
1942
  border: var(--list-border, none);
1942
1943
  border-radius: var(--list-border-radius, 0);
1943
1944
  }
1944
- .RadioGroup-module__hop-RadioGroup__list___CH5ta > .RadioGroup-module__hop-RadioGroup__radio___Iy9Q9 {
1945
+ .RadioGroup-module__hop-RadioGroup__list___7-ol8 > .RadioGroup-module__hop-RadioGroup__radio___k7PTU {
1945
1946
  position: relative;
1946
1947
  flex: 0 1 auto;
1947
1948
  align-content: start;
@@ -1949,28 +1950,28 @@
1949
1950
  min-inline-size: 0;
1950
1951
  padding: var(--radio-padding, 0);
1951
1952
  }
1952
- .RadioGroup-module__hop-RadioGroup--bordered___qF7tB .RadioGroup-module__hop-RadioGroup__list___CH5ta > .RadioGroup-module__hop-RadioGroup__radio___Iy9Q9 ~ .RadioGroup-module__hop-RadioGroup__radio___Iy9Q9::before {
1953
+ .RadioGroup-module__hop-RadioGroup--bordered___0A5hh .RadioGroup-module__hop-RadioGroup__list___7-ol8 > .RadioGroup-module__hop-RadioGroup__radio___k7PTU ~ .RadioGroup-module__hop-RadioGroup__radio___k7PTU::before {
1953
1954
  content: "";
1954
1955
  position: absolute;
1955
1956
  display: block;
1956
1957
  }
1957
- .RadioGroup-module__hop-RadioGroup--bordered___qF7tB[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___CH5ta > .RadioGroup-module__hop-RadioGroup__radio___Iy9Q9 ~ .RadioGroup-module__hop-RadioGroup__radio___Iy9Q9::before {
1958
+ .RadioGroup-module__hop-RadioGroup--bordered___0A5hh[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___7-ol8 > .RadioGroup-module__hop-RadioGroup__radio___k7PTU ~ .RadioGroup-module__hop-RadioGroup__radio___k7PTU::before {
1958
1959
  inset-block-start: 0;
1959
1960
  inset-inline: 0;
1960
1961
  border-block-start: var(--list-border, none);
1961
1962
  }
1962
- .RadioGroup-module__hop-RadioGroup--bordered___qF7tB[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___CH5ta > .RadioGroup-module__hop-RadioGroup__radio___Iy9Q9 ~ .RadioGroup-module__hop-RadioGroup__radio___Iy9Q9::before {
1963
+ .RadioGroup-module__hop-RadioGroup--bordered___0A5hh[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___7-ol8 > .RadioGroup-module__hop-RadioGroup__radio___k7PTU ~ .RadioGroup-module__hop-RadioGroup__radio___k7PTU::before {
1963
1964
  inset-block: 0;
1964
1965
  inset-inline-start: 0;
1965
1966
  border-inline-start: var(--list-border, none);
1966
1967
  }
1967
- .RadioGroup-module__hop-RadioGroup___yCjy1 > .RadioGroup-module__hop-RadioGroup__error-message___-zp1J,
1968
- .RadioGroup-module__hop-RadioGroup___yCjy1 > .RadioGroup-module__hop-RadioGroup__helper-message___DOyQQ {
1968
+ .RadioGroup-module__hop-RadioGroup___wL36z > .RadioGroup-module__hop-RadioGroup__error-message___J0Y2X,
1969
+ .RadioGroup-module__hop-RadioGroup___wL36z > .RadioGroup-module__hop-RadioGroup__helper-message___8KHFJ {
1969
1970
  order: 3;
1970
1971
  }
1971
1972
 
1972
1973
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItemSkeleton.module.css/#css-module-data */
1973
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___CvHK- {
1974
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___s3RL7 {
1974
1975
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1975
1976
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1976
1977
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1996,7 +1997,7 @@
1996
1997
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1997
1998
  background-size: 400% 100%;
1998
1999
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1999
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___9JImI;
2000
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___IQS2z;
2000
2001
  animation-duration: var(--animation-duration);
2001
2002
  animation-timing-function: ease-in-out;
2002
2003
  animation-fill-mode: forwards;
@@ -2005,19 +2006,19 @@
2005
2006
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2006
2007
  }
2007
2008
  }
2008
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___bZ5Ll {
2009
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0X17C {
2009
2010
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2010
2011
  }
2011
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___y0A4G {
2012
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___xwJ7q {
2012
2013
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2013
2014
  }
2014
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___uq1bO {
2015
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___7mpZf {
2015
2016
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2016
2017
  }
2017
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___lO9kP {
2018
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___08E99 {
2018
2019
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2019
2020
  }
2020
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___9JImI {
2021
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___IQS2z {
2021
2022
  0% {
2022
2023
  background-position: 125% 50%;
2023
2024
  }
@@ -2027,7 +2028,7 @@
2027
2028
  }
2028
2029
 
2029
2030
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBoxItem.module.css/#css-module-data */
2030
- .ListBoxItem-module__hop-ListBoxItem___SpZWi {
2031
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy {
2031
2032
  --hop-ListBoxItem-background-color: transparent;
2032
2033
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2033
2034
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2124,129 +2125,129 @@
2124
2125
  outline: var(--outline);
2125
2126
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2126
2127
  }
2127
- .ListBoxItem-module__hop-ListBoxItem--xs___8Ozpr {
2128
+ .ListBoxItem-module__hop-ListBoxItem--xs___Z7R6j {
2128
2129
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2129
2130
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2130
2131
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2131
2132
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2132
2133
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2133
2134
  }
2134
- .ListBoxItem-module__hop-ListBoxItem--sm___IdJrI {
2135
+ .ListBoxItem-module__hop-ListBoxItem--sm___ipZgd {
2135
2136
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2136
2137
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2137
2138
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2138
2139
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2139
2140
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2140
2141
  }
2141
- .ListBoxItem-module__hop-ListBoxItem--md___sLhpx {
2142
+ .ListBoxItem-module__hop-ListBoxItem--md___uFbZt {
2142
2143
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2143
2144
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2144
2145
  --min-height: var(--hop-ListBoxItem-md-min-height);
2145
2146
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2146
2147
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2147
2148
  }
2148
- .ListBoxItem-module__hop-ListBoxItem--lg___3ZFyZ {
2149
+ .ListBoxItem-module__hop-ListBoxItem--lg___jur8d {
2149
2150
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2150
2151
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2151
2152
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2152
2153
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2153
2154
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2154
2155
  }
2155
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-selection-mode] {
2156
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-selection-mode] {
2156
2157
  --cursor: pointer;
2157
2158
  }
2158
- .ListBoxItem-module__hop-ListBoxItem___SpZWi:not([data-selection-mode]) {
2159
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy:not([data-selection-mode]) {
2159
2160
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2160
2161
  }
2161
- .ListBoxItem-module__hop-ListBoxItem__inner___8Eh8h:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___5MSal) {
2162
+ .ListBoxItem-module__hop-ListBoxItem__inner___IEfR8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___UnnjY) {
2162
2163
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2163
2164
  }
2164
- .ListBoxItem-module__hop-ListBoxItem__inner___8Eh8h[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___5MSal) {
2165
+ .ListBoxItem-module__hop-ListBoxItem__inner___IEfR8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___UnnjY) {
2165
2166
  --checkmark-transition: none;
2166
2167
  }
2167
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-selected] {
2168
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-selected] {
2168
2169
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2169
2170
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2170
2171
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2171
2172
  --checkmark-opacity: 1;
2172
2173
  }
2173
- .ListBoxItem-module__hop-ListBoxItem--xs___8Ozpr[data-selected] {
2174
+ .ListBoxItem-module__hop-ListBoxItem--xs___Z7R6j[data-selected] {
2174
2175
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2175
2176
  }
2176
- .ListBoxItem-module__hop-ListBoxItem--sm___IdJrI[data-selected] {
2177
+ .ListBoxItem-module__hop-ListBoxItem--sm___ipZgd[data-selected] {
2177
2178
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2178
2179
  }
2179
- .ListBoxItem-module__hop-ListBoxItem--md___sLhpx[data-selected] {
2180
+ .ListBoxItem-module__hop-ListBoxItem--md___uFbZt[data-selected] {
2180
2181
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2181
2182
  }
2182
- .ListBoxItem-module__hop-ListBoxItem--lg___3ZFyZ[data-selected] {
2183
+ .ListBoxItem-module__hop-ListBoxItem--lg___jur8d[data-selected] {
2183
2184
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2184
2185
  }
2185
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-focus-visible] {
2186
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-focus-visible] {
2186
2187
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2187
2188
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2188
2189
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2189
2190
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2190
2191
  }
2191
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-hovered] {
2192
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-hovered] {
2192
2193
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2193
2194
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2194
2195
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2195
2196
  }
2196
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-pressed] {
2197
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-pressed] {
2197
2198
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2198
2199
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2199
2200
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2200
2201
  }
2201
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-disabled] {
2202
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-disabled] {
2202
2203
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2203
2204
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2204
2205
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2205
2206
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2206
2207
  --cursor: not-allowed;
2207
2208
  }
2208
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-invalid] {
2209
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-invalid] {
2209
2210
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2210
2211
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2211
2212
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2212
2213
  }
2213
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-invalid][data-selected] {
2214
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-invalid][data-selected] {
2214
2215
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2215
2216
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2216
2217
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2217
2218
  }
2218
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-invalid][data-focus-visible] {
2219
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-invalid][data-focus-visible] {
2219
2220
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2220
2221
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2221
2222
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2222
2223
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2223
2224
  }
2224
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-invalid][data-hovered] {
2225
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-invalid][data-hovered] {
2225
2226
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2226
2227
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2227
2228
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2228
2229
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2229
2230
  }
2230
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-invalid][data-pressed] {
2231
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-invalid][data-pressed] {
2231
2232
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2232
2233
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2233
2234
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2234
2235
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2235
2236
  }
2236
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-invalid][data-disabled] {
2237
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-invalid][data-disabled] {
2237
2238
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2238
2239
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2239
2240
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2240
2241
  }
2241
- .ListBoxItem-module__hop-ListBoxItem___SpZWi:has(.ListBoxItem-module__hop-ListBoxItem__description___jmkgC) {
2242
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy:has(.ListBoxItem-module__hop-ListBoxItem__description___DhORV) {
2242
2243
  --row-gap: var(--hop-ListBoxItem-row-gap);
2243
2244
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2244
2245
  }
2245
- .ListBoxItem-module__hop-ListBoxItem___SpZWi[data-loading] {
2246
+ .ListBoxItem-module__hop-ListBoxItem___mD1Fy[data-loading] {
2246
2247
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2247
2248
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2248
2249
  }
2249
- .ListBoxItem-module__hop-ListBoxItem__inner___8Eh8h {
2250
+ .ListBoxItem-module__hop-ListBoxItem__inner___IEfR8 {
2250
2251
  display: grid;
2251
2252
  grid-template-areas: var(--grid-template-areas);
2252
2253
  grid-template-columns: var(--grid-template-columns);
@@ -2258,33 +2259,33 @@
2258
2259
  padding-inline: var(--padding-inline);
2259
2260
  transition: grid-template-columns .3s ease-in-out;
2260
2261
  }
2261
- .ListBoxItem-module__hop-ListBoxItem__checkmark___5MSal {
2262
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___UnnjY {
2262
2263
  grid-area: indicator;
2263
2264
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2264
2265
  color: var(--icon-color);
2265
2266
  opacity: var(--checkmark-opacity);
2266
2267
  transition: var(--checkmark-transition);
2267
2268
  }
2268
- .ListBoxItem-module__hop-ListBoxItem__radio___EGb-C,
2269
- .ListBoxItem-module__hop-ListBoxItem__checkbox___tGKED {
2269
+ .ListBoxItem-module__hop-ListBoxItem__radio___xDWne,
2270
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___E1Vo6 {
2270
2271
  pointer-events: none;
2271
2272
  user-select: none;
2272
2273
  grid-area: indicator;
2273
2274
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2274
2275
  }
2275
- .ListBoxItem-module__hop-ListBoxItem__avatar___EkP6x {
2276
+ .ListBoxItem-module__hop-ListBoxItem__avatar___PSQum {
2276
2277
  grid-area: avatar;
2277
2278
  margin-block: var(--avatar-margin-block, 0);
2278
2279
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2279
2280
  }
2280
- .ListBoxItem-module__hop-ListBoxItem__icon-list___CQUlP,
2281
- .ListBoxItem-module__hop-ListBoxItem__icon___hUfsP {
2281
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___OKMnS,
2282
+ .ListBoxItem-module__hop-ListBoxItem__icon___HbLsv {
2282
2283
  grid-area: icon;
2283
2284
  flex: 0 0 auto;
2284
2285
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2285
2286
  color: var(--icon-color);
2286
2287
  }
2287
- .ListBoxItem-module__hop-ListBoxItem__label___EF2gM {
2288
+ .ListBoxItem-module__hop-ListBoxItem__label___NCFvz {
2288
2289
  overflow: hidden;
2289
2290
  grid-area: label;
2290
2291
  min-inline-size: 0;
@@ -2292,18 +2293,18 @@
2292
2293
  text-overflow: ellipsis;
2293
2294
  white-space: nowrap;
2294
2295
  }
2295
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___-u-4b,
2296
- .ListBoxItem-module__hop-ListBoxItem__end-icon___JL5qt {
2296
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___6oID7,
2297
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___OvptN {
2297
2298
  grid-area: end-icon;
2298
2299
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2299
2300
  color: var(--icon-color);
2300
2301
  }
2301
- .ListBoxItem-module__hop-ListBoxItem__badge___uClfJ {
2302
+ .ListBoxItem-module__hop-ListBoxItem__badge___-Y4eG {
2302
2303
  grid-area: badge;
2303
2304
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2304
2305
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2305
2306
  }
2306
- .ListBoxItem-module__hop-ListBoxItem__description___jmkgC {
2307
+ .ListBoxItem-module__hop-ListBoxItem__description___DhORV {
2307
2308
  overflow: hidden;
2308
2309
  display: -webkit-box;
2309
2310
  grid-area: description;
@@ -2314,7 +2315,7 @@
2314
2315
  }
2315
2316
 
2316
2317
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/list-box/src/ListBox.module.css/#css-module-data */
2317
- .ListBox-module__hop-ListBox___GnQkJ {
2318
+ .ListBox-module__hop-ListBox___82UnC {
2318
2319
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2319
2320
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2320
2321
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2361,11 +2362,11 @@
2361
2362
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2362
2363
  border-radius: var(--hop-ListBox-border-radius);
2363
2364
  }
2364
- .ListBox-module__hop-ListBox--fluid___u2tLr {
2365
+ .ListBox-module__hop-ListBox--fluid___exTfe {
2365
2366
  --max-width: var(--hop-ListBox-fluid-max-width);
2366
2367
  --width: var(--hop-ListBox-fluid-width);
2367
2368
  }
2368
- .ListBox-module__hop-ListBox__section___HHvUU {
2369
+ .ListBox-module__hop-ListBox__section___3VBN8 {
2369
2370
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2370
2371
  margin-inline: var(--hop-ListBox-section-margin-inline);
2371
2372
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2373,21 +2374,21 @@
2373
2374
  border-block-start: var(--section-border-block-start);
2374
2375
  border-block-end: var(--section-border-block-end);
2375
2376
  }
2376
- .ListBox-module__hop-ListBox__item___lsaTw + .ListBox-module__hop-ListBox__section___HHvUU {
2377
+ .ListBox-module__hop-ListBox__item___Mfs9z + .ListBox-module__hop-ListBox__section___3VBN8 {
2377
2378
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2378
2379
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2379
2380
  }
2380
- .ListBox-module__hop-ListBox__section___HHvUU:has(+ .ListBox-module__hop-ListBox__item___lsaTw) {
2381
+ .ListBox-module__hop-ListBox__section___3VBN8:has(+ .ListBox-module__hop-ListBox__item___Mfs9z) {
2381
2382
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2382
2383
  }
2383
- .ListBox-module__hop-ListBox__section___HHvUU:first-child {
2384
+ .ListBox-module__hop-ListBox__section___3VBN8:first-child {
2384
2385
  --section-padding-block-start: 0;
2385
2386
  }
2386
- .ListBox-module__hop-ListBox__section___HHvUU:last-child {
2387
+ .ListBox-module__hop-ListBox__section___3VBN8:last-child {
2387
2388
  --section-padding-block-end: 0;
2388
2389
  --section-border-block-end: 0;
2389
2390
  }
2390
- .ListBox-module__hop-ListBox__section-header___JYtsu {
2391
+ .ListBox-module__hop-ListBox__section-header___AfMqK {
2391
2392
  margin: 0;
2392
2393
  padding: var(--hop-ListBox-section-header-padding);
2393
2394
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2398,17 +2399,17 @@
2398
2399
  text-transform: var(--hop-ListBox-section-header-text-transform);
2399
2400
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2400
2401
  }
2401
- .ListBox-module__hop-ListBox__section-header___JYtsu::before,
2402
- .ListBox-module__hop-ListBox__section-header___JYtsu::after {
2402
+ .ListBox-module__hop-ListBox__section-header___AfMqK::before,
2403
+ .ListBox-module__hop-ListBox__section-header___AfMqK::after {
2403
2404
  content: "";
2404
2405
  display: block;
2405
2406
  box-sizing: border-box;
2406
2407
  inline-size: 0;
2407
2408
  block-size: 0;
2408
2409
  }
2409
- .ListBox-module__hop-ListBox__section-header___JYtsu::before {
2410
+ .ListBox-module__hop-ListBox__section-header___AfMqK::before {
2410
2411
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2411
2412
  }
2412
- .ListBox-module__hop-ListBox__section-header___JYtsu::after {
2413
+ .ListBox-module__hop-ListBox__section-header___AfMqK::after {
2413
2414
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2414
2415
  }