@hopper-ui/components 2.0.0 → 2.0.2

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 (385) hide show
  1. package/CHANGELOG.md +12 -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 +412 -412
  7. package/dist/alert/src/Alert.js +10 -10
  8. package/dist/alert/src/index.css +412 -412
  9. package/dist/alert/src/index.js +10 -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 +66 -66
  15. package/dist/avatar/src/AvatarGroup.js +4 -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 +99 -99
  23. package/dist/avatar/src/index.js +12 -12
  24. package/dist/badge/src/Badge.css +54 -54
  25. package/dist/badge/src/Badge.js +2 -2
  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 +3 -3
  30. package/dist/buttons/src/Button.css +107 -107
  31. package/dist/buttons/src/Button.js +6 -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 +7 -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 +5 -5
  42. package/dist/buttons/src/ToggleButton.css +143 -143
  43. package/dist/buttons/src/ToggleButton.js +4 -4
  44. package/dist/buttons/src/index.css +360 -360
  45. package/dist/buttons/src/index.js +12 -12
  46. package/dist/calendar/src/Calendar.css +407 -407
  47. package/dist/calendar/src/Calendar.js +13 -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 +8 -8
  54. package/dist/calendar/src/RangeCalendar.css +410 -410
  55. package/dist/calendar/src/RangeCalendar.js +13 -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 +14 -14
  60. package/dist/callout/src/Callout.css +373 -373
  61. package/dist/callout/src/Callout.js +8 -8
  62. package/dist/callout/src/CompactCallout.css +409 -409
  63. package/dist/callout/src/CompactCallout.js +8 -8
  64. package/dist/callout/src/index.css +422 -422
  65. package/dist/callout/src/index.js +9 -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 +4 -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 +3 -3
  78. package/dist/checkbox/src/index.css +111 -111
  79. package/dist/checkbox/src/index.js +11 -11
  80. package/dist/{chunk-VYWYQ3LG.js → chunk-254SRI3S.js} +2 -2
  81. package/dist/{chunk-GXNEG3Y4.js → chunk-2CA5GIKK.js} +2 -2
  82. package/dist/{chunk-OSPBDFL6.js → chunk-2HSC6TT5.js} +9 -9
  83. package/dist/{chunk-EEDL6XIO.js → chunk-2K73ATBP.js} +1 -1
  84. package/dist/{chunk-3PQSXAYU.js → chunk-36ABLV2Q.js} +2 -2
  85. package/dist/{chunk-IL5CSGQO.js → chunk-3G2VOBMO.js} +1 -1
  86. package/dist/{chunk-UORGXGFW.js → chunk-3IRHNP7X.js} +2 -2
  87. package/dist/{chunk-LIRW3K6L.js → chunk-4CXRWUWF.js} +2 -2
  88. package/dist/{chunk-QIMWPWP2.js → chunk-4LL4RWCP.js} +2 -2
  89. package/dist/{chunk-JLIIFK4W.js → chunk-4YGNW4R4.js} +1 -1
  90. package/dist/{chunk-WZRKTYRL.js → chunk-5N6VM2YH.js} +1 -1
  91. package/dist/{chunk-YA6I2BLT.js → chunk-5TTO2Z3V.js} +10 -10
  92. package/dist/{chunk-UBIDFJDX.js → chunk-5WNWS5DH.js} +1 -1
  93. package/dist/{chunk-5VK2ZISK.js → chunk-5X2YOYD7.js} +4 -4
  94. package/dist/{chunk-2TIOQZPV.js → chunk-7NE3GK4B.js} +1 -1
  95. package/dist/{chunk-O25RYWCB.js → chunk-AAVFAKRE.js} +1 -1
  96. package/dist/{chunk-RR3DP6HO.js → chunk-AXKGV2KA.js} +3 -3
  97. package/dist/{chunk-JS4SAT2L.js → chunk-AYBYIV45.js} +2 -2
  98. package/dist/{chunk-SKSZ3SS5.js → chunk-AYZ4NVDT.js} +1 -1
  99. package/dist/{chunk-YHH2WIUE.js → chunk-BCZW652Y.js} +3 -3
  100. package/dist/{chunk-AEUOSFCE.js → chunk-BPY464BJ.js} +1 -1
  101. package/dist/{chunk-YLM33POA.js → chunk-CMHDNSDC.js} +1 -1
  102. package/dist/{chunk-TOWSANHM.js → chunk-CMR3CTCK.js} +1 -1
  103. package/dist/{chunk-33TFBDKN.js → chunk-D63IIBHO.js} +7 -7
  104. package/dist/{chunk-MSS5CPA5.js → chunk-DM2AXDTI.js} +2 -2
  105. package/dist/{chunk-37J22UTC.js → chunk-DXI3GQ6Q.js} +8 -8
  106. package/dist/{chunk-YMSHTEL5.js → chunk-EOCGOGQW.js} +1 -1
  107. package/dist/{chunk-AGKEYBFC.js → chunk-EQIYI5PS.js} +5 -5
  108. package/dist/{chunk-AN5G2X5M.js → chunk-EXJPXWMI.js} +1 -1
  109. package/dist/{chunk-KEFC5ZGJ.js → chunk-EXUH2BTF.js} +1 -1
  110. package/dist/{chunk-BEBOWIRL.js → chunk-EYWDRQWF.js} +1 -1
  111. package/dist/{chunk-UO4WGEZJ.js → chunk-FC7VSK62.js} +1 -1
  112. package/dist/{chunk-TOQZANTG.js → chunk-FFSI3Y4E.js} +12 -12
  113. package/dist/{chunk-JNDRUJJX.js → chunk-G5N3UEU3.js} +2 -2
  114. package/dist/{chunk-VE3YAB64.js → chunk-GF7EKAUU.js} +3 -3
  115. package/dist/{chunk-CR3DM77L.js → chunk-GO5YWY3A.js} +1 -1
  116. package/dist/{chunk-DWNANM37.js → chunk-HEOUJO5W.js} +1 -1
  117. package/dist/{chunk-RDVWPUQR.js → chunk-HLOM4NN6.js} +2 -2
  118. package/dist/{chunk-M7KK2IOV.js → chunk-HQHL3HCW.js} +2 -2
  119. package/dist/{chunk-4IMXHIHU.js → chunk-IFIWKHJ3.js} +5 -5
  120. package/dist/{chunk-DNR7OEMO.js → chunk-IZIHEBM6.js} +2 -2
  121. package/dist/{chunk-EPSY2O2H.js → chunk-JPT5NMVE.js} +3 -3
  122. package/dist/{chunk-C3GBNN2B.js → chunk-KDEM7B62.js} +1 -1
  123. package/dist/{chunk-QKKU4KGI.js → chunk-KG6XTGFM.js} +2 -2
  124. package/dist/{chunk-MB7XG7IE.js → chunk-KO6W2LOL.js} +2 -2
  125. package/dist/{chunk-6J5YD24G.js → chunk-KSWQTDS4.js} +3 -3
  126. package/dist/{chunk-7VC2YS73.js → chunk-L6ZGOM32.js} +2 -2
  127. package/dist/{chunk-TNXHQYQL.js → chunk-LBEMK343.js} +5 -5
  128. package/dist/{chunk-JQPRZYVS.js → chunk-LYH7CKBB.js} +2 -2
  129. package/dist/{chunk-NHDFYUMA.js → chunk-MEE4R22N.js} +5 -5
  130. package/dist/{chunk-M4757YWM.js → chunk-MLNSUGJT.js} +1 -1
  131. package/dist/{chunk-LXKHAC2L.js → chunk-N6KWEQV4.js} +3 -3
  132. package/dist/{chunk-VX5V6NSA.js → chunk-NIUS3B3A.js} +2 -2
  133. package/dist/{chunk-KJW5ANDU.js → chunk-NIYTUE5I.js} +1 -1
  134. package/dist/{chunk-OXFSLMUR.js → chunk-NJNAU6TR.js} +4 -3
  135. package/dist/{chunk-AJ7ZCYL5.js → chunk-NKFPZO65.js} +1 -1
  136. package/dist/{chunk-OXY3KEYC.js → chunk-NKZMUMSO.js} +1 -1
  137. package/dist/{chunk-URJRYURT.js → chunk-O3GFAIPB.js} +4 -4
  138. package/dist/{chunk-QBNOYBFR.js → chunk-O3HFV4OF.js} +5 -5
  139. package/dist/{chunk-TJ7ALTQX.js → chunk-OESBP67G.js} +3 -3
  140. package/dist/{chunk-WWCBYK66.js → chunk-OGBNMP6P.js} +2 -2
  141. package/dist/{chunk-HP5T5XXN.js → chunk-OKCCBR7A.js} +2 -2
  142. package/dist/{chunk-AW6Y63MG.js → chunk-ONWK664L.js} +1 -1
  143. package/dist/{chunk-YBU5VJQ3.js → chunk-OSLRCFAA.js} +11 -11
  144. package/dist/{chunk-7SCTRDS3.js → chunk-OVVYHCNQ.js} +2 -2
  145. package/dist/{chunk-EV6MVBWC.js → chunk-P5AKCAC3.js} +1 -1
  146. package/dist/{chunk-STM4ATU7.js → chunk-PFI4AYHS.js} +1 -1
  147. package/dist/{chunk-A25EMKVZ.js → chunk-PFL2CRYS.js} +2 -2
  148. package/dist/{chunk-4PUYKDUW.js → chunk-R3JYNKK2.js} +1 -1
  149. package/dist/{chunk-3UUILNPY.js → chunk-R55Z4DKS.js} +3 -3
  150. package/dist/{chunk-QWBSIFEF.js → chunk-RW36TUB6.js} +7 -7
  151. package/dist/{chunk-7GEQYUDG.js → chunk-S4CAA5QM.js} +8 -8
  152. package/dist/{chunk-AU4VSUHZ.js → chunk-S4JDNOOI.js} +2 -2
  153. package/dist/{chunk-GEU5XK52.js → chunk-SDRYQWUO.js} +3 -3
  154. package/dist/{chunk-HME2EOGU.js → chunk-STJADE2E.js} +1 -1
  155. package/dist/{chunk-XNIB2BMM.js → chunk-SU6BMGCI.js} +1 -1
  156. package/dist/{chunk-OKNDF7ZH.js → chunk-T3XN4ULU.js} +2 -2
  157. package/dist/{chunk-WP7I2HNP.js → chunk-T4PR64A5.js} +3 -3
  158. package/dist/{chunk-GKGNDQBJ.js → chunk-TLYFTQTH.js} +2 -2
  159. package/dist/{chunk-OQ6P5ZB7.js → chunk-UKK3LLZY.js} +2 -2
  160. package/dist/{chunk-MBCS57T2.js → chunk-UM7VRMOT.js} +3 -3
  161. package/dist/{chunk-NDWXSEOG.js → chunk-VF6CEEJD.js} +1 -1
  162. package/dist/{chunk-WIYHHXBX.js → chunk-VKA6TJ3X.js} +1 -1
  163. package/dist/{chunk-S646JJHG.js → chunk-VL2CUEVW.js} +1 -1
  164. package/dist/{chunk-WGUU7VEU.js → chunk-VQSOPO6M.js} +3 -3
  165. package/dist/{chunk-3CIQIKTH.js → chunk-WCRJ3RKI.js} +4 -4
  166. package/dist/{chunk-LUVQ6ZAO.js → chunk-WCYQ2RHI.js} +9 -9
  167. package/dist/{chunk-BZ2RXWBL.js → chunk-WFCPFNVD.js} +4 -4
  168. package/dist/{chunk-SPT2W2YL.js → chunk-WREPQVYO.js} +2 -2
  169. package/dist/{chunk-JY4MKZV5.js → chunk-XMZEAIE3.js} +8 -8
  170. package/dist/{chunk-QQIJ7ZSG.js → chunk-XNEMFFD6.js} +1 -1
  171. package/dist/{chunk-RMK7ROVR.js → chunk-YIBN4LY5.js} +1 -1
  172. package/dist/{chunk-BMPUH3B3.js → chunk-YP7UJWS4.js} +2 -2
  173. package/dist/{chunk-66RTCPUJ.js → chunk-Z7W3K7SO.js} +1 -1
  174. package/dist/{chunk-GVFI4F7M.js → chunk-ZA4UZSLI.js} +1 -1
  175. package/dist/{chunk-E3TZOBUT.js → chunk-ZS6UCUBF.js} +3 -3
  176. package/dist/{chunk-MYI7VKZD.js → chunk-ZT7OOL4I.js} +2 -2
  177. package/dist/combobox/src/ComboBox.css +788 -788
  178. package/dist/combobox/src/ComboBox.js +18 -18
  179. package/dist/combobox/src/index.css +788 -788
  180. package/dist/combobox/src/index.js +18 -18
  181. package/dist/contextual-help/src/ContextualHelp.css +709 -709
  182. package/dist/contextual-help/src/ContextualHelp.js +4 -4
  183. package/dist/contextual-help/src/index.css +709 -709
  184. package/dist/contextual-help/src/index.js +4 -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 +847 -847
  188. package/dist/date-picker/src/DatePicker.js +20 -20
  189. package/dist/date-picker/src/DateRangePicker.css +850 -850
  190. package/dist/date-picker/src/DateRangePicker.js +20 -20
  191. package/dist/date-picker/src/index.css +858 -858
  192. package/dist/date-picker/src/index.js +22 -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 +3 -3
  199. package/dist/disclosure/src/index.css +74 -74
  200. package/dist/disclosure/src/index.js +7 -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 +1235 -1235
  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.js +10 -10
  245. package/dist/inputs/src/PasswordField.css +380 -380
  246. package/dist/inputs/src/PasswordField.js +10 -10
  247. package/dist/inputs/src/RemainingCharacterCount.css +42 -42
  248. package/dist/inputs/src/RemainingCharacterCount.js +2 -2
  249. package/dist/inputs/src/SearchField.css +386 -386
  250. package/dist/inputs/src/SearchField.js +11 -11
  251. package/dist/inputs/src/TextArea.css +68 -68
  252. package/dist/inputs/src/TextArea.js +9 -9
  253. package/dist/inputs/src/TextField.css +384 -384
  254. package/dist/inputs/src/TextField.js +13 -13
  255. package/dist/inputs/src/index.css +434 -434
  256. package/dist/inputs/src/index.js +17 -17
  257. package/dist/layout/src/Content.css +39 -39
  258. package/dist/layout/src/Footer.css +39 -39
  259. package/dist/link/src/Link.css +78 -78
  260. package/dist/link/src/Link.js +3 -3
  261. package/dist/link/src/index.css +78 -78
  262. package/dist/link/src/index.js +3 -3
  263. package/dist/list-box/src/ListBox.css +320 -320
  264. package/dist/list-box/src/ListBox.js +8 -8
  265. package/dist/list-box/src/ListBoxItem.css +308 -308
  266. package/dist/list-box/src/ListBoxItem.js +7 -7
  267. package/dist/list-box/src/ListBoxItemSkeleton.css +46 -46
  268. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  269. package/dist/list-box/src/index.css +320 -320
  270. package/dist/list-box/src/index.js +8 -8
  271. package/dist/menu/src/Menu.css +711 -711
  272. package/dist/menu/src/Menu.js +2 -2
  273. package/dist/menu/src/MenuItem.css +124 -124
  274. package/dist/menu/src/MenuItem.js +2 -2
  275. package/dist/menu/src/MenuSection.css +41 -41
  276. package/dist/menu/src/MenuSection.js +1 -1
  277. package/dist/menu/src/index.css +737 -737
  278. package/dist/menu/src/index.js +5 -5
  279. package/dist/modal/src/BaseModal.css +54 -54
  280. package/dist/modal/src/BaseModal.js +1 -1
  281. package/dist/modal/src/CustomModal.css +55 -55
  282. package/dist/modal/src/CustomModal.js +2 -2
  283. package/dist/modal/src/Modal.css +402 -402
  284. package/dist/modal/src/Modal.js +9 -9
  285. package/dist/modal/src/index.css +403 -403
  286. package/dist/modal/src/index.js +10 -10
  287. package/dist/overlays/popover/src/Popover.css +703 -703
  288. package/dist/overlays/popover/src/Popover.js +1 -1
  289. package/dist/overlays/popover/src/PopoverBase.css +42 -42
  290. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  291. package/dist/overlays/popover/src/index.css +706 -706
  292. package/dist/overlays/popover/src/index.js +2 -2
  293. package/dist/radio/src/DecorativeRadio.css +66 -66
  294. package/dist/radio/src/DecorativeRadio.js +3 -3
  295. package/dist/radio/src/Radio.css +58 -58
  296. package/dist/radio/src/Radio.js +3 -3
  297. package/dist/radio/src/RadioField.css +45 -45
  298. package/dist/radio/src/RadioField.js +2 -2
  299. package/dist/radio/src/RadioGroup.css +111 -111
  300. package/dist/radio/src/RadioGroup.js +7 -7
  301. package/dist/radio/src/index.css +111 -111
  302. package/dist/radio/src/index.js +11 -11
  303. package/dist/segmented-control/src/SegmentedControl.css +40 -40
  304. package/dist/segmented-control/src/SegmentedControl.js +1 -1
  305. package/dist/segmented-control/src/SegmentedControlItem.css +54 -54
  306. package/dist/segmented-control/src/SegmentedControlItem.js +2 -2
  307. package/dist/segmented-control/src/index.css +55 -55
  308. package/dist/segmented-control/src/index.js +3 -3
  309. package/dist/select/src/MultiSelect.css +802 -802
  310. package/dist/select/src/MultiSelect.js +23 -23
  311. package/dist/select/src/Select.css +802 -802
  312. package/dist/select/src/Select.js +23 -23
  313. package/dist/select/src/SelectInternal.css +802 -802
  314. package/dist/select/src/SelectInternal.js +22 -22
  315. package/dist/select/src/SelectValue.css +105 -105
  316. package/dist/select/src/SelectValue.js +3 -3
  317. package/dist/select/src/index.css +802 -802
  318. package/dist/select/src/index.js +24 -24
  319. package/dist/spinner/src/Spinner.css +49 -49
  320. package/dist/spinner/src/Spinner.js +2 -2
  321. package/dist/spinner/src/index.css +49 -49
  322. package/dist/spinner/src/index.js +2 -2
  323. package/dist/switch/src/Switch.css +55 -55
  324. package/dist/switch/src/Switch.js +3 -3
  325. package/dist/switch/src/SwitchField.css +45 -45
  326. package/dist/switch/src/SwitchField.js +2 -2
  327. package/dist/switch/src/index.css +61 -61
  328. package/dist/switch/src/index.js +4 -4
  329. package/dist/tabs/src/Tab.css +558 -558
  330. package/dist/tabs/src/Tab.js +2 -2
  331. package/dist/tabs/src/TabList.css +44 -44
  332. package/dist/tabs/src/TabList.js +1 -1
  333. package/dist/tabs/src/TabPanel.css +41 -41
  334. package/dist/tabs/src/TabPanel.js +1 -1
  335. package/dist/tabs/src/index.css +565 -565
  336. package/dist/tabs/src/index.js +4 -4
  337. package/dist/tag/src/Tag.css +533 -533
  338. package/dist/tag/src/Tag.js +8 -8
  339. package/dist/tag/src/TagGroup.css +49 -49
  340. package/dist/tag/src/TagGroup.js +7 -7
  341. package/dist/tag/src/index.css +543 -543
  342. package/dist/tag/src/index.js +13 -13
  343. package/dist/tile/src/Tile.css +66 -66
  344. package/dist/tile/src/Tile.js +1 -1
  345. package/dist/tile/src/TileGroup.css +40 -40
  346. package/dist/tile/src/TileGroup.js +1 -1
  347. package/dist/tile/src/index.css +67 -67
  348. package/dist/tile/src/index.js +2 -2
  349. package/dist/toggle-arrow/src/ToggleArrow.css +41 -41
  350. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  351. package/dist/toggle-arrow/src/index.css +41 -41
  352. package/dist/toggle-arrow/src/index.js +1 -1
  353. package/dist/tooltip/src/Tooltip.css +49 -49
  354. package/dist/tooltip/src/Tooltip.js +3 -3
  355. package/dist/tooltip/src/TooltipTrigger.css +39 -39
  356. package/dist/tooltip/src/index.css +49 -49
  357. package/dist/tooltip/src/index.js +3 -3
  358. package/dist/typography/heading/src/Heading.css +39 -39
  359. package/dist/typography/heading/src/Heading.js +1 -1
  360. package/dist/typography/heading/src/index.css +39 -39
  361. package/dist/typography/heading/src/index.js +1 -1
  362. package/dist/typography/label/src/FieldLabel.css +39 -39
  363. package/dist/typography/label/src/FieldLabel.js +3 -3
  364. package/dist/typography/label/src/Label.css +39 -39
  365. package/dist/typography/label/src/Label.js +1 -1
  366. package/dist/typography/label/src/index.css +39 -39
  367. package/dist/typography/label/src/index.js +3 -3
  368. package/dist/typography/overline-text/src/OverlineText.css +39 -39
  369. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  370. package/dist/typography/overline-text/src/index.css +39 -39
  371. package/dist/typography/overline-text/src/index.js +1 -1
  372. package/dist/typography/paragraph/src/Paragraph.css +39 -39
  373. package/dist/typography/paragraph/src/Paragraph.js +2 -2
  374. package/dist/typography/paragraph/src/index.css +39 -39
  375. package/dist/typography/paragraph/src/index.js +2 -2
  376. package/dist/typography/text/src/Text.css +39 -39
  377. package/dist/typography/text/src/Text.js +1 -1
  378. package/dist/typography/text/src/index.css +39 -39
  379. package/dist/typography/text/src/index.js +1 -1
  380. package/dist/utils/src/ClearSlots.css +39 -39
  381. package/dist/utils/src/EnsureTextWrapper.css +39 -39
  382. package/dist/utils/src/EnsureTextWrapper.js +2 -2
  383. package/dist/utils/src/index.css +39 -39
  384. package/dist/utils/src/index.js +4 -4
  385. package/package.json +3 -3
@@ -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___5EOqx {
2
+ .Heading-module__hop-Heading___STpRE {
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___5EOqx) {
36
+ :where(.Heading-module__hop-Heading___STpRE) {
37
37
  margin: 0;
38
38
  color: var(--hop-neutral-text);
39
39
  }
40
- :where(.Heading-module__hop-Heading___5EOqx):not(.Heading-module__hop-Heading--unset___zg83N) {
40
+ :where(.Heading-module__hop-Heading___STpRE):not(.Heading-module__hop-Heading--unset___gZI6E) {
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___1N27F) {
46
+ :where(.Heading-module__hop-Heading--xs___v1-13) {
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___gkTLP) {
52
+ :where(.Heading-module__hop-Heading--sm___xR43F) {
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___L81qr) {
58
+ :where(.Heading-module__hop-Heading--md___JrNrx) {
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___4vnB-) {
64
+ :where(.Heading-module__hop-Heading--lg___vN-n3) {
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___rEt20) {
70
+ :where(.Heading-module__hop-Heading--xl___5gIlJ) {
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___w0rfk) {
76
+ :where(.Heading-module__hop-Heading--2xl___14MQg) {
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___Sb5Pq) {
82
+ :where(.Heading-module__hop-Heading--3xl___EOBKr) {
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___-9t2K {
90
+ .Form-module__hop-Form___3Lb87 {
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___GTXOn {
97
+ .Label-module__hop-Label___ePn7S {
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___GTXOn) {
104
+ :where(.Label-module__hop-Label___ePn7S) {
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___1rrU6 {
113
+ .FieldLabel-module__hop-FieldLabel__wrapper___KlZf1 {
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___Uv6uk {
118
+ .FieldLabel-module__hop-FieldLabel__indicator___j2-1h {
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___h-lS2) {
123
+ :where(.OverlineText-module__hop-OverlineText___KS3pt) {
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___rHg7- {
147
+ .OverlineText-module__hop-OverlineText__text___JjAUQ {
148
148
  box-sizing: border-box;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___rHg7-::before,
151
- .OverlineText-module__hop-OverlineText__text___rHg7-::after {
150
+ .OverlineText-module__hop-OverlineText__text___JjAUQ::before,
151
+ .OverlineText-module__hop-OverlineText__text___JjAUQ::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___rHg7-::before {
158
+ .OverlineText-module__hop-OverlineText__text___JjAUQ::before {
159
159
  margin-block-end: var(--bottom-offset);
160
160
  }
161
- .OverlineText-module__hop-OverlineText__text___rHg7-::after {
161
+ .OverlineText-module__hop-OverlineText__text___JjAUQ::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___ptVfk {
166
+ .Text-module__hop-Text___-YCsg {
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___ptVfk) {
196
+ :where(.Text-module__hop-Text___-YCsg) {
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___3YrZc) {
202
+ :where(.Text-module__hop-Text--xs___W5BYd) {
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___hX1kX) {
208
+ :where(.Text-module__hop-Text--sm___qEpVQ) {
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___iN2nw) {
214
+ :where(.Text-module__hop-Text--md___nAifP) {
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___L6dK-) {
220
+ :where(.Text-module__hop-Text--lg___7WsS-) {
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___osimR) {
226
+ :where(.Text-module__hop-Text--xl___YnszN) {
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___fDTYd) {
232
+ :where(.Text-module__hop-Text--2xl___HEeo3) {
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___ept9i) {
238
+ :where(.Text-module__hop-Text--inherit___VNf8N) {
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___urpJg {
246
+ .Paragraph-module__hop-Paragraph___oz-u2 {
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___urpJg:last-child {
258
+ .Paragraph-module__hop-Paragraph___oz-u2:last-child {
259
259
  --margin-block-end: 0;
260
260
  }
261
- .Paragraph-module__hop-Paragraph--xs___pKuZZ {
261
+ .Paragraph-module__hop-Paragraph--xs___OdBIN {
262
262
  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
263
263
  }
264
- .Paragraph-module__hop-Paragraph--sm___dig3v {
264
+ .Paragraph-module__hop-Paragraph--sm___9-jsc {
265
265
  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
266
266
  }
267
- .Paragraph-module__hop-Paragraph--md___n6bEo {
267
+ .Paragraph-module__hop-Paragraph--md___a7aBC {
268
268
  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
269
269
  }
270
- .Paragraph-module__hop-Paragraph--lg___DenEk {
270
+ .Paragraph-module__hop-Paragraph--lg___zEuEg {
271
271
  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
272
272
  }
273
- .Paragraph-module__hop-Paragraph--xl___YaATN {
273
+ .Paragraph-module__hop-Paragraph--xl___J0jtA {
274
274
  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
275
275
  }
276
- .Paragraph-module__hop-Paragraph--2xl___D5F2g {
276
+ .Paragraph-module__hop-Paragraph--2xl___nAJuy {
277
277
  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
278
278
  }
279
- .Paragraph-module__hop-Paragraph--inherit___LfpZm {
279
+ .Paragraph-module__hop-Paragraph--inherit___9fFG- {
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___XOYmj {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___6WGPi {
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___VBIm- {
316
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___H3imV {
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___2ckTY {
320
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uiph5 {
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___Ihm79 {
324
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___8pdVB {
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___iU9fr {
328
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___QfSHI {
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___RZubU {
332
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___OChw4 {
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___dft7R {
336
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Ge1Or {
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___aWaz3 {
340
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___4tBIh {
341
341
  cursor: pointer;
342
342
  }
343
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___xwkXQ {
343
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___EGiok {
344
344
  outline: 0.125rem solid var(--hop-primary-border-focus);
345
345
  }
346
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___XOYmj[data-disabled] {
346
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___6WGPi[data-disabled] {
347
347
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
348
348
  }
349
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___BJc69 {
349
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___VGFXv {
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___XOYmj[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___BJc69 {
355
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___6WGPi[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___VGFXv {
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___TcUR8 {
361
+ .Avatar-module__hop-Avatar___ot-UC {
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___Qsu20 {
407
+ .Avatar-module__hop-Avatar--xs___06DWv {
408
408
  --size: var(--hop-Avatar-xs-size);
409
409
  }
410
- .Avatar-module__hop-Avatar--sm___gbHAY {
410
+ .Avatar-module__hop-Avatar--sm___spVGM {
411
411
  --size: var(--hop-Avatar-sm-size);
412
412
  }
413
- .Avatar-module__hop-Avatar--md___cqRze {
413
+ .Avatar-module__hop-Avatar--md___mXX4- {
414
414
  --size: var(--hop-Avatar-md-size);
415
415
  }
416
- .Avatar-module__hop-Avatar--lg___CjUFM {
416
+ .Avatar-module__hop-Avatar--lg___zbKO3 {
417
417
  --size: var(--hop-Avatar-lg-size);
418
418
  }
419
- .Avatar-module__hop-Avatar--xl___0FWCn {
419
+ .Avatar-module__hop-Avatar--xl___-NmD2 {
420
420
  --size: var(--hop-Avatar-xl-size);
421
421
  }
422
- .Avatar-module__hop-Avatar--2xl___mYe74 {
422
+ .Avatar-module__hop-Avatar--2xl___J1HGr {
423
423
  --size: var(--hop-Avatar-2xl-size);
424
424
  }
425
- .Avatar-module__hop-Avatar--clickable___fBKU8 {
425
+ .Avatar-module__hop-Avatar--clickable___TOwLq {
426
426
  cursor: pointer;
427
427
  }
428
- .Avatar-module__hop-Avatar--focus-visible___Nzap2 {
428
+ .Avatar-module__hop-Avatar--focus-visible___4Eqxz {
429
429
  outline: 0.125rem solid var(--hop-primary-border-focus);
430
430
  }
431
- .Avatar-module__hop-Avatar--decorative-option1___WHgxC {
431
+ .Avatar-module__hop-Avatar--decorative-option1___yaoHw {
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___a2tlB {
435
+ .Avatar-module__hop-Avatar--decorative-option2___fUCpS {
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___qI4pt {
439
+ .Avatar-module__hop-Avatar--decorative-option3___n5Jyz {
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___-YwbC {
443
+ .Avatar-module__hop-Avatar--decorative-option4___1VkqK {
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___mlhO2 {
447
+ .Avatar-module__hop-Avatar--decorative-option5___sZtRP {
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___Pkm6- {
451
+ .Avatar-module__hop-Avatar--decorative-option6___0YOk8 {
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___8dUcY {
455
+ .Avatar-module__hop-Avatar--decorative-option7___vxJ30 {
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___6Q7qp {
459
+ .Avatar-module__hop-Avatar--decorative-option8___Q-s-4 {
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___69SBe {
463
+ .Avatar-module__hop-Avatar--decorative-option9___3inIR {
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___TcUR8[data-disabled] {
467
+ .Avatar-module__hop-Avatar___ot-UC[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___YYrdw {
473
+ .Avatar-module__hop-Avatar__image___684eS {
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___aAPPd {
482
+ .Avatar-module__hop-Avatar__initials___Mdo8x {
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___p4I7F {
487
+ .Tooltip-module__hop-Tooltip___V17Q4 {
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);
@@ -511,29 +511,29 @@
511
511
  border-radius: var(--hop-Tooltip-border-radius);
512
512
  box-shadow: var(--hop-Tooltip-box-shadow);
513
513
  }
514
- .Tooltip-module__hop-Tooltip--top___M69gr {
514
+ .Tooltip-module__hop-Tooltip--top___UEO0g {
515
515
  --origin-x: 0;
516
516
  --origin-y: var(--hop-Tooltip-slide-amount);
517
517
  }
518
- .Tooltip-module__hop-Tooltip--right___2eJQQ {
518
+ .Tooltip-module__hop-Tooltip--right___O3vii {
519
519
  --origin-x: calc(-1 * var(--hop-Tooltip-slide-amount));
520
520
  --origin-y: 0;
521
521
  }
522
- .Tooltip-module__hop-Tooltip--bottom___pku12 {
522
+ .Tooltip-module__hop-Tooltip--bottom___HQ2jj {
523
523
  --origin-x: 0;
524
524
  --origin-y: calc(-1 * var(--hop-Tooltip-slide-amount));
525
525
  }
526
- .Tooltip-module__hop-Tooltip--left___MtUZG {
526
+ .Tooltip-module__hop-Tooltip--left___T-PFr {
527
527
  --origin-x: var(--hop-Tooltip-slide-amount);
528
528
  --origin-y: 0;
529
529
  }
530
- .Tooltip-module__hop-Tooltip___p4I7F[data-entering] {
531
- animation: Tooltip-module__slide___KWiaK 0.2s ease-out;
530
+ .Tooltip-module__hop-Tooltip___V17Q4[data-entering] {
531
+ animation: Tooltip-module__slide___EDJD- 0.2s ease-out;
532
532
  }
533
- .Tooltip-module__hop-Tooltip___p4I7F[data-exiting] {
534
- animation: Tooltip-module__slide___KWiaK 0.2s ease-in reverse;
533
+ .Tooltip-module__hop-Tooltip___V17Q4[data-exiting] {
534
+ animation: Tooltip-module__slide___EDJD- 0.2s ease-in reverse;
535
535
  }
536
- @keyframes Tooltip-module__slide___KWiaK {
536
+ @keyframes Tooltip-module__slide___EDJD- {
537
537
  from {
538
538
  transform: translate(var(--origin-x), var(--origin-y));
539
539
  opacity: 0;
@@ -545,44 +545,44 @@
545
545
  }
546
546
 
547
547
  /* 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___W1h6d {
548
+ .AvatarGroup-module__hop-AvatarGroup___-hrWT {
549
549
  --hop-AvatarGroup-display: flex;
550
550
  --hop-AvatarGroup-align-items: center;
551
551
  display: var(--hop-AvatarGroup-display);
552
552
  align-items: var(--hop-AvatarGroup-align-items);
553
553
  }
554
- .AvatarGroup-module__hop-AvatarGroup--wrap___muoFQ {
554
+ .AvatarGroup-module__hop-AvatarGroup--wrap___JXX01 {
555
555
  flex-wrap: wrap;
556
556
  }
557
- .AvatarGroup-module__hop-AvatarGroup--xs___pxHtR {
557
+ .AvatarGroup-module__hop-AvatarGroup--xs___Ows46 {
558
558
  --gap: -0.125rem;
559
559
  }
560
- .AvatarGroup-module__hop-AvatarGroup--sm___fPTCU {
560
+ .AvatarGroup-module__hop-AvatarGroup--sm___Q1whL {
561
561
  --gap: -0.25rem;
562
562
  }
563
- .AvatarGroup-module__hop-AvatarGroup--md___8g-Yt {
563
+ .AvatarGroup-module__hop-AvatarGroup--md___cKDZx {
564
564
  --gap: -0.5rem;
565
565
  }
566
- .AvatarGroup-module__hop-AvatarGroup--lg___iGLv- {
566
+ .AvatarGroup-module__hop-AvatarGroup--lg___yHDi5 {
567
567
  --gap: -1rem;
568
568
  }
569
- .AvatarGroup-module__hop-AvatarGroup--xl___-AuTa {
569
+ .AvatarGroup-module__hop-AvatarGroup--xl___VPvs3 {
570
570
  --gap: -1rem;
571
571
  }
572
- .AvatarGroup-module__hop-AvatarGroup--2xl___lNDPu {
572
+ .AvatarGroup-module__hop-AvatarGroup--2xl___hNR4R {
573
573
  --gap: -2rem;
574
574
  }
575
- .AvatarGroup-module__hop-AvatarGroup__avatar___PxkzU {
575
+ .AvatarGroup-module__hop-AvatarGroup__avatar___ZtsQM {
576
576
  margin-inline-start: var(--gap);
577
577
  transition: margin var(--hop-easing-duration-2);
578
578
  }
579
- .AvatarGroup-module__hop-AvatarGroup__avatar___PxkzU:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___PxkzU {
579
+ .AvatarGroup-module__hop-AvatarGroup__avatar___ZtsQM:hover:not(:last-child) + .AvatarGroup-module__hop-AvatarGroup__avatar___ZtsQM {
580
580
  margin-inline-start: 0;
581
581
  }
582
- .AvatarGroup-module__hop-AvatarGroup__avatar___PxkzU:first-child {
582
+ .AvatarGroup-module__hop-AvatarGroup__avatar___ZtsQM:first-child {
583
583
  margin-inline-start: 0;
584
584
  }
585
- .AvatarGroup-module__hop-AvatarGroup__label___YTbvL {
585
+ .AvatarGroup-module__hop-AvatarGroup__label___8cX3V {
586
586
  --hop-AvatarGroup-label-font-size: var(--hop-body-sm-font-size);
587
587
  --hop-AvatarGroup-label-font-weight: var(--hop-body-sm-semibold-font-weight);
588
588
  --hop-AvatarGroup-label-line-height: var(--hop-body-sm-line-height);
@@ -594,7 +594,7 @@
594
594
  font-weight: var(--hop-AvatarGroup-label-font-weight);
595
595
  line-height: var(--hop-AvatarGroup-label-line-height);
596
596
  }
597
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fR5cc {
597
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___yfXsK {
598
598
  --hop-AvatarGroup__hiddenAvatar-display: flex;
599
599
  --hop-AvatarGroup__hiddenAvatar-align-items: center;
600
600
  --hop-AvatarGroup__hiddenAvatar-gap: var(--hop-space-inset-sm);
@@ -612,21 +612,21 @@
612
612
  line-height: var(--hop-AvatarGroup__hiddenAvatar-line-height);
613
613
  color: var(--hop-AvatarGroup__hiddenAvatar-color);
614
614
  }
615
- .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___fR5cc:not(:last-child) {
615
+ .AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___yfXsK:not(:last-child) {
616
616
  margin-block-end: 0.25rem;
617
617
  }
618
- .AvatarGroup-module__hop-AvatarGroup--start___fKTVQ {
618
+ .AvatarGroup-module__hop-AvatarGroup--start___OqIWb {
619
619
  justify-content: flex-start;
620
620
  }
621
- .AvatarGroup-module__hop-AvatarGroup--end___08Vte {
621
+ .AvatarGroup-module__hop-AvatarGroup--end___B1lUl {
622
622
  justify-content: flex-end;
623
623
  }
624
- .AvatarGroup-module__hop-AvatarGroup--center___-CyeC {
624
+ .AvatarGroup-module__hop-AvatarGroup--center___G9yUm {
625
625
  justify-content: center;
626
626
  }
627
627
 
628
628
  /* 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___o63Yv {
629
+ .Badge-module__hop-Badge___Fh03c {
630
630
  --hop-Badge-height: 1.5rem;
631
631
  --hop-Badge-width: max-content;
632
632
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -676,67 +676,67 @@
676
676
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
677
677
  border-radius: var(--border-radius);
678
678
  }
679
- .Badge-module__hop-Badge--primary___BSA-P {
679
+ .Badge-module__hop-Badge--primary___S-Zsl {
680
680
  --background-color: var(--hop-Badge-primary-background-color);
681
681
  --text-color: var(--hop-Badge-primary-text-color);
682
682
  }
683
- .Badge-module__hop-Badge--primary___BSA-P[data-hovered] {
683
+ .Badge-module__hop-Badge--primary___S-Zsl[data-hovered] {
684
684
  --background-color: var(--hop-Badge-primary-background-color-hovered);
685
685
  --text-color: var(--hop-Badge-primary-text-color-hovered);
686
686
  }
687
- .Badge-module__hop-Badge--primary___BSA-P[data-pressed] {
687
+ .Badge-module__hop-Badge--primary___S-Zsl[data-pressed] {
688
688
  --background-color: var(--hop-Badge-primary-background-color-pressed);
689
689
  --text-color: var(--hop-Badge-primary-text-color-pressed);
690
690
  }
691
- .Badge-module__hop-Badge--primary___BSA-P[data-selected] {
691
+ .Badge-module__hop-Badge--primary___S-Zsl[data-selected] {
692
692
  --background-color: var(--hop-Badge-primary-background-color-selected);
693
693
  --text-color: var(--hop-Badge-primary-text-color-selected);
694
694
  }
695
- .Badge-module__hop-Badge--secondary___nVSII {
695
+ .Badge-module__hop-Badge--secondary___BnF5i {
696
696
  --background-color: var(--hop-Badge-secondary-background-color);
697
697
  --text-color: var(--hop-Badge-secondary-text-color);
698
698
  }
699
- .Badge-module__hop-Badge--secondary___nVSII[data-hovered] {
699
+ .Badge-module__hop-Badge--secondary___BnF5i[data-hovered] {
700
700
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
701
701
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
702
702
  }
703
- .Badge-module__hop-Badge--secondary___nVSII[data-pressed] {
703
+ .Badge-module__hop-Badge--secondary___BnF5i[data-pressed] {
704
704
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
705
705
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
706
706
  }
707
- .Badge-module__hop-Badge--secondary___nVSII[data-selected] {
707
+ .Badge-module__hop-Badge--secondary___BnF5i[data-selected] {
708
708
  --background-color: var(--hop-Badge-secondary-background-color-selected);
709
709
  --text-color: var(--hop-Badge-secondary-text-color-selected);
710
710
  }
711
- .Badge-module__hop-Badge--subdued___EP51I {
711
+ .Badge-module__hop-Badge--subdued___zlgWC {
712
712
  --background-color: var(--hop-Badge-subdued-background-color);
713
713
  --text-color: var(--hop-Badge-subdued-text-color);
714
714
  }
715
- .Badge-module__hop-Badge--subdued___EP51I[data-hovered] {
715
+ .Badge-module__hop-Badge--subdued___zlgWC[data-hovered] {
716
716
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
717
717
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
718
718
  }
719
- .Badge-module__hop-Badge--subdued___EP51I[data-pressed] {
719
+ .Badge-module__hop-Badge--subdued___zlgWC[data-pressed] {
720
720
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
721
721
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
722
722
  }
723
- .Badge-module__hop-Badge--subdued___EP51I[data-selected] {
723
+ .Badge-module__hop-Badge--subdued___zlgWC[data-selected] {
724
724
  --background-color: var(--hop-Badge-subdued-background-color-selected);
725
725
  --text-color: var(--hop-Badge-subdued-text-color-selected);
726
726
  }
727
- .Badge-module__hop-Badge___o63Yv[data-indeterminate] {
727
+ .Badge-module__hop-Badge___Fh03c[data-indeterminate] {
728
728
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
729
729
  --height: var(--hop-Badge-indeterminate-height);
730
730
  --width: var(--hop-Badge-indeterminate-width);
731
731
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
732
732
  }
733
- .Badge-module__hop-Badge___o63Yv[data-disabled] {
733
+ .Badge-module__hop-Badge___Fh03c[data-disabled] {
734
734
  --background-color: var(--hop-Badge-background-color-disabled);
735
735
  --text-color: var(--hop-Badge-text-color-disabled);
736
736
  }
737
737
 
738
738
  /* 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___qoyX0 {
739
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE {
740
740
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
741
741
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
742
742
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -777,7 +777,7 @@
777
777
  box-sizing: border-box;
778
778
  inline-size: max-content;
779
779
  }
780
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="top right"] {
780
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="top right"] {
781
781
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
782
782
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
783
783
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -785,11 +785,11 @@
785
785
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
786
786
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
787
787
  }
788
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="top right"][data-overlap=circular] {
788
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="top right"][data-overlap=circular] {
789
789
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
790
790
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
791
791
  }
792
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="top left"] {
792
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="top left"] {
793
793
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
794
794
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
795
795
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -797,11 +797,11 @@
797
797
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
798
798
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
799
799
  }
800
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="top left"][data-overlap=circular] {
800
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="top left"][data-overlap=circular] {
801
801
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
802
802
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
803
803
  }
804
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="bottom right"] {
804
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="bottom right"] {
805
805
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
806
806
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
807
807
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -809,11 +809,11 @@
809
809
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
810
810
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
811
811
  }
812
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="bottom right"][data-overlap=circular] {
812
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="bottom right"][data-overlap=circular] {
813
813
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
814
814
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
815
815
  }
816
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="bottom left"] {
816
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="bottom left"] {
817
817
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
818
818
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
819
819
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -821,11 +821,11 @@
821
821
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
822
822
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
823
823
  }
824
- .FloatingBadge-module__hop-FloatingBadge___qoyX0[data-placement="bottom left"][data-overlap=circular] {
824
+ .FloatingBadge-module__hop-FloatingBadge___VX4yE[data-placement="bottom left"][data-overlap=circular] {
825
825
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
826
826
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
827
827
  }
828
- .FloatingBadge-module__hop-FloatingBadge__badge___wFki2 {
828
+ .FloatingBadge-module__hop-FloatingBadge__badge___zYiBm {
829
829
  position: absolute;
830
830
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
831
831
  transform-origin: var(--badge-transform-origin);
@@ -833,7 +833,7 @@
833
833
  }
834
834
 
835
835
  /* 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___5DZR0 {
836
+ .IconList-module__hop-IconList___K5vzG {
837
837
  --hop-IconList-gap: var(--hop-space-inline-xs);
838
838
  display: flex;
839
839
  flex-wrap: wrap;
@@ -842,7 +842,7 @@
842
842
  }
843
843
 
844
844
  /* 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___g1Qa4 {
845
+ .Checkbox-module__hop-Checkbox___6ZSJS {
846
846
  --hop-Checkbox-box-border-size: 0.0625rem;
847
847
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
848
848
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -917,60 +917,60 @@
917
917
  inline-size: max-content;
918
918
  max-inline-size: 100%;
919
919
  }
920
- .Checkbox-module__hop-Checkbox___g1Qa4[data-focus-visible] {
920
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-focus-visible] {
921
921
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
922
922
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
923
923
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
924
924
  --text-color: var(--hop-Checkbox-text-color-focused);
925
925
  --icon-color: var(--hop-Checkbox-icon-color-focused);
926
926
  }
927
- .Checkbox-module__hop-Checkbox___g1Qa4[data-hovered] {
927
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-hovered] {
928
928
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
929
929
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
930
930
  --text-color: var(--hop-Checkbox-text-color-hovered);
931
931
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
932
932
  }
933
- .Checkbox-module__hop-Checkbox___g1Qa4[data-pressed] {
933
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-pressed] {
934
934
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
935
935
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
936
936
  --text-color: var(--hop-Checkbox-text-color-pressed);
937
937
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
938
938
  }
939
- .Checkbox-module__hop-Checkbox___g1Qa4[data-selected] {
939
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-selected] {
940
940
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
941
941
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
942
942
  --check-display: var(--hop-Checkbox-check-display-selected);
943
943
  --text-color: var(--hop-Checkbox-text-color-selected);
944
944
  --icon-color: var(--hop-Checkbox-icon-color-selected);
945
945
  }
946
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid] {
946
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid] {
947
947
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
948
948
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
949
949
  --check-color: var(--hop-Checkbox-check-color-invalid);
950
950
  --text-color: var(--hop-Checkbox-text-color-invalid);
951
951
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
952
952
  }
953
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid]:where([data-focus-visible]) {
953
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid]:where([data-focus-visible]) {
954
954
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
955
955
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
956
956
  }
957
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid]:where([data-hovered]) {
957
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid]:where([data-hovered]) {
958
958
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
959
959
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
960
960
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
961
961
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
962
962
  }
963
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid]:where([data-pressed]) {
963
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid]:where([data-pressed]) {
964
964
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
965
965
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
966
966
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
967
967
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
968
968
  }
969
- .Checkbox-module__hop-Checkbox___g1Qa4:where([data-invalid])[data-selected] {
969
+ .Checkbox-module__hop-Checkbox___6ZSJS:where([data-invalid])[data-selected] {
970
970
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
971
971
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
972
972
  }
973
- .Checkbox-module__hop-Checkbox___g1Qa4[data-disabled] {
973
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-disabled] {
974
974
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
975
975
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
976
976
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -978,25 +978,25 @@
978
978
  --text-color: var(--hop-Checkbox-text-color-disabled);
979
979
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
980
980
  }
981
- .Checkbox-module__hop-Checkbox--sm___k1uxB {
981
+ .Checkbox-module__hop-Checkbox--sm___YtN03 {
982
982
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
983
983
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
984
984
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
985
985
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
986
986
  }
987
- .Checkbox-module__hop-Checkbox--md___31gRC {
987
+ .Checkbox-module__hop-Checkbox--md___yPtlS {
988
988
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
989
989
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
990
990
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
991
991
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
992
992
  }
993
- .Checkbox-module__hop-Checkbox__icon___r8umS,
994
- .Checkbox-module__hop-Checkbox__icon-list___QYn8G {
993
+ .Checkbox-module__hop-Checkbox__icon___kw4uK,
994
+ .Checkbox-module__hop-Checkbox__icon-list___nzV3a {
995
995
  flex: 0 0 auto;
996
996
  order: 3;
997
997
  color: var(--icon-color);
998
998
  }
999
- .Checkbox-module__hop-Checkbox__box___lVSXp {
999
+ .Checkbox-module__hop-Checkbox__box___VILZ8 {
1000
1000
  display: flex;
1001
1001
  flex: 0 0 auto;
1002
1002
  align-items: center;
@@ -1012,11 +1012,11 @@
1012
1012
  outline-offset: 0.125rem;
1013
1013
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1014
1014
  }
1015
- .Checkbox-module__hop-Checkbox__check___4Ihvs {
1015
+ .Checkbox-module__hop-Checkbox__check___8EoON {
1016
1016
  display: var(--check-display);
1017
1017
  color: var(--check-color);
1018
1018
  }
1019
- .Checkbox-module__hop-Checkbox__text___qu30Z {
1019
+ .Checkbox-module__hop-Checkbox__text___q0ylQ {
1020
1020
  flex: 0 1 auto;
1021
1021
  order: 2;
1022
1022
  min-inline-size: 0;
@@ -1026,7 +1026,7 @@
1026
1026
  }
1027
1027
 
1028
1028
  /* 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___0Pitu {
1029
+ .CheckboxField-module__hop-CheckboxField___8259x {
1030
1030
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1031
1031
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1032
1032
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1045,29 +1045,29 @@
1045
1045
  inline-size: max-content;
1046
1046
  max-inline-size: 100%;
1047
1047
  }
1048
- .CheckboxField-module__hop-CheckboxField___0Pitu[data-disabled] {
1048
+ .CheckboxField-module__hop-CheckboxField___8259x[data-disabled] {
1049
1049
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1050
1050
  }
1051
- .CheckboxField-module__hop-CheckboxField--sm___-kkR8 {
1051
+ .CheckboxField-module__hop-CheckboxField--sm___lm6UC {
1052
1052
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1053
1053
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1054
1054
  }
1055
- .CheckboxField-module__hop-CheckboxField--md___FMgj3 {
1055
+ .CheckboxField-module__hop-CheckboxField--md___bSedT {
1056
1056
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1057
1057
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1058
1058
  }
1059
- .CheckboxField-module__hop-CheckboxField__description___O1Ivu {
1059
+ .CheckboxField-module__hop-CheckboxField__description___mxvmV {
1060
1060
  order: 2;
1061
1061
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1062
1062
  color: var(--description-color);
1063
1063
  }
1064
- .CheckboxField-module__hop-CheckboxField___0Pitu .CheckboxField-module__hop-CheckboxField__checkbox___L1zK3 {
1064
+ .CheckboxField-module__hop-CheckboxField___8259x .CheckboxField-module__hop-CheckboxField__checkbox___-SYNt {
1065
1065
  order: 1;
1066
1066
  inline-size: 100%;
1067
1067
  }
1068
1068
 
1069
1069
  /* 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___vpepe {
1070
+ .ErrorMessage-module__hop-ErrorMessage___jJX0h {
1071
1071
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1072
1072
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1073
1073
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1084,13 +1084,13 @@
1084
1084
  line-height: var(--hop-ErrorMessage-line-height);
1085
1085
  color: var(--hop-ErrorMessage-color);
1086
1086
  }
1087
- .ErrorMessage-module__hop-ErrorMessage__icon___RJGvd {
1087
+ .ErrorMessage-module__hop-ErrorMessage__icon___O3e3f {
1088
1088
  flex: 0 0 auto;
1089
1089
  align-self: flex-start;
1090
1090
  }
1091
1091
 
1092
1092
  /* 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___wKa5X {
1093
+ .HelperMessage-module__hop-HelperMessage___HCqCj {
1094
1094
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1095
1095
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1096
1096
  display: flex;
@@ -1099,13 +1099,13 @@
1099
1099
  box-sizing: border-box;
1100
1100
  color: var(--hop-HelperMessage-color);
1101
1101
  }
1102
- .HelperMessage-module__hop-HelperMessage__icon___4xUk0 {
1102
+ .HelperMessage-module__hop-HelperMessage__icon___wdRAi {
1103
1103
  flex: 0 0 auto;
1104
1104
  align-self: flex-start;
1105
1105
  }
1106
1106
 
1107
1107
  /* 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___MbnlC {
1108
+ .CheckboxGroup-module__hop-CheckboxGroup___wuv3Q {
1109
1109
  --hop-CheckboxGroup-align-items: flex-start;
1110
1110
  --hop-CheckboxGroup-justify-content: flex-start;
1111
1111
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1145,49 +1145,49 @@
1145
1145
  inline-size: var(--inline-size);
1146
1146
  max-inline-size: 100%;
1147
1147
  }
1148
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw {
1148
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj {
1149
1149
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1150
1150
  --list-border-radius: var(--hop-shape-rounded-md);
1151
1151
  }
1152
- .CheckboxGroup-module__hop-CheckboxGroup--fluid___5VZ-D {
1152
+ .CheckboxGroup-module__hop-CheckboxGroup--fluid___cHVNr {
1153
1153
  --inline-size: 100%;
1154
1154
  }
1155
- .CheckboxGroup-module__hop-CheckboxGroup--sm___FCgfq {
1155
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___cx239 {
1156
1156
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1157
1157
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1158
1158
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1159
1159
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1160
1160
  }
1161
- .CheckboxGroup-module__hop-CheckboxGroup--md___ilVuD {
1161
+ .CheckboxGroup-module__hop-CheckboxGroup--md___suud7 {
1162
1162
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1163
1163
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1164
1164
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1165
1165
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1166
1166
  }
1167
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw.CheckboxGroup-module__hop-CheckboxGroup--sm___FCgfq {
1167
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj.CheckboxGroup-module__hop-CheckboxGroup--sm___cx239 {
1168
1168
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1169
1169
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1170
1170
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1171
1171
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1172
1172
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1173
1173
  }
1174
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw.CheckboxGroup-module__hop-CheckboxGroup--md___ilVuD {
1174
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj.CheckboxGroup-module__hop-CheckboxGroup--md___suud7 {
1175
1175
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1176
1176
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1177
1177
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1178
1178
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1179
1179
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1180
1180
  }
1181
- .CheckboxGroup-module__hop-CheckboxGroup___MbnlC[data-orientation=horizontal] {
1181
+ .CheckboxGroup-module__hop-CheckboxGroup___wuv3Q[data-orientation=horizontal] {
1182
1182
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1183
1183
  }
1184
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw[data-orientation=horizontal] {
1184
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj[data-orientation=horizontal] {
1185
1185
  --flex-wrap: nowrap;
1186
1186
  }
1187
- .CheckboxGroup-module__hop-CheckboxGroup___MbnlC > .CheckboxGroup-module__hop-CheckboxGroup__label___VFuhx {
1187
+ .CheckboxGroup-module__hop-CheckboxGroup___wuv3Q > .CheckboxGroup-module__hop-CheckboxGroup__label___fHj49 {
1188
1188
  order: 1;
1189
1189
  }
1190
- .CheckboxGroup-module__hop-CheckboxGroup__list___AhLnQ {
1190
+ .CheckboxGroup-module__hop-CheckboxGroup__list___IS2f0 {
1191
1191
  display: flex;
1192
1192
  flex-flow: var(--flex-direction) var(--flex-wrap);
1193
1193
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1198,7 +1198,7 @@
1198
1198
  border: var(--list-border, none);
1199
1199
  border-radius: var(--list-border-radius, 0);
1200
1200
  }
1201
- .CheckboxGroup-module__hop-CheckboxGroup__list___AhLnQ > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul {
1201
+ .CheckboxGroup-module__hop-CheckboxGroup__list___IS2f0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298 {
1202
1202
  position: relative;
1203
1203
  flex: 0 1 auto;
1204
1204
  align-content: start;
@@ -1206,28 +1206,28 @@
1206
1206
  min-inline-size: 0;
1207
1207
  padding: var(--checkbox-padding, 0);
1208
1208
  }
1209
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw .CheckboxGroup-module__hop-CheckboxGroup__list___AhLnQ > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul::before {
1209
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj .CheckboxGroup-module__hop-CheckboxGroup__list___IS2f0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298::before {
1210
1210
  content: "";
1211
1211
  position: absolute;
1212
1212
  display: block;
1213
1213
  }
1214
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___AhLnQ > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul::before {
1214
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___IS2f0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298::before {
1215
1215
  inset-block-start: 0;
1216
1216
  inset-inline: 0;
1217
1217
  border-block-start: var(--list-border, none);
1218
1218
  }
1219
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___Ollaw[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___AhLnQ > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___JCZul::before {
1219
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___Va6Xj[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___IS2f0 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___vz298::before {
1220
1220
  inset-block: 0;
1221
1221
  inset-inline-start: 0;
1222
1222
  border-inline-start: var(--list-border, none);
1223
1223
  }
1224
- .CheckboxGroup-module__hop-CheckboxGroup___MbnlC > .CheckboxGroup-module__hop-CheckboxGroup__error-message___O-Jx9,
1225
- .CheckboxGroup-module__hop-CheckboxGroup___MbnlC > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___kiemg {
1224
+ .CheckboxGroup-module__hop-CheckboxGroup___wuv3Q > .CheckboxGroup-module__hop-CheckboxGroup__error-message___kCPx3,
1225
+ .CheckboxGroup-module__hop-CheckboxGroup___wuv3Q > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___PE-Zf {
1226
1226
  order: 3;
1227
1227
  }
1228
1228
 
1229
1229
  /* 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___g1Qa4 {
1230
+ .Checkbox-module__hop-Checkbox___6ZSJS {
1231
1231
  --hop-Checkbox-box-border-size: 0.0625rem;
1232
1232
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1233
1233
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1302,60 +1302,60 @@
1302
1302
  inline-size: max-content;
1303
1303
  max-inline-size: 100%;
1304
1304
  }
1305
- .Checkbox-module__hop-Checkbox___g1Qa4[data-focus-visible] {
1305
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-focus-visible] {
1306
1306
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1307
1307
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1308
1308
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1309
1309
  --text-color: var(--hop-Checkbox-text-color-focused);
1310
1310
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1311
1311
  }
1312
- .Checkbox-module__hop-Checkbox___g1Qa4[data-hovered] {
1312
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-hovered] {
1313
1313
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1314
1314
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1315
1315
  --text-color: var(--hop-Checkbox-text-color-hovered);
1316
1316
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1317
1317
  }
1318
- .Checkbox-module__hop-Checkbox___g1Qa4[data-pressed] {
1318
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-pressed] {
1319
1319
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1320
1320
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1321
1321
  --text-color: var(--hop-Checkbox-text-color-pressed);
1322
1322
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1323
1323
  }
1324
- .Checkbox-module__hop-Checkbox___g1Qa4[data-selected] {
1324
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-selected] {
1325
1325
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1326
1326
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1327
1327
  --check-display: var(--hop-Checkbox-check-display-selected);
1328
1328
  --text-color: var(--hop-Checkbox-text-color-selected);
1329
1329
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1330
1330
  }
1331
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid] {
1331
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid] {
1332
1332
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1333
1333
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1334
1334
  --check-color: var(--hop-Checkbox-check-color-invalid);
1335
1335
  --text-color: var(--hop-Checkbox-text-color-invalid);
1336
1336
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1337
1337
  }
1338
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid]:where([data-focus-visible]) {
1338
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid]:where([data-focus-visible]) {
1339
1339
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1340
1340
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1341
1341
  }
1342
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid]:where([data-hovered]) {
1342
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid]:where([data-hovered]) {
1343
1343
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1344
1344
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1345
1345
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1346
1346
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1347
1347
  }
1348
- .Checkbox-module__hop-Checkbox___g1Qa4[data-invalid]:where([data-pressed]) {
1348
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-invalid]:where([data-pressed]) {
1349
1349
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1350
1350
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1351
1351
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1352
1352
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1353
1353
  }
1354
- .Checkbox-module__hop-Checkbox___g1Qa4:where([data-invalid])[data-selected] {
1354
+ .Checkbox-module__hop-Checkbox___6ZSJS:where([data-invalid])[data-selected] {
1355
1355
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1356
1356
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1357
1357
  }
1358
- .Checkbox-module__hop-Checkbox___g1Qa4[data-disabled] {
1358
+ .Checkbox-module__hop-Checkbox___6ZSJS[data-disabled] {
1359
1359
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1360
1360
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1361
1361
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1363,25 +1363,25 @@
1363
1363
  --text-color: var(--hop-Checkbox-text-color-disabled);
1364
1364
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1365
1365
  }
1366
- .Checkbox-module__hop-Checkbox--sm___k1uxB {
1366
+ .Checkbox-module__hop-Checkbox--sm___YtN03 {
1367
1367
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1368
1368
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1369
1369
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1370
1370
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1371
1371
  }
1372
- .Checkbox-module__hop-Checkbox--md___31gRC {
1372
+ .Checkbox-module__hop-Checkbox--md___yPtlS {
1373
1373
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1374
1374
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1375
1375
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1376
1376
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1377
1377
  }
1378
- .Checkbox-module__hop-Checkbox__icon___r8umS,
1379
- .Checkbox-module__hop-Checkbox__icon-list___QYn8G {
1378
+ .Checkbox-module__hop-Checkbox__icon___kw4uK,
1379
+ .Checkbox-module__hop-Checkbox__icon-list___nzV3a {
1380
1380
  flex: 0 0 auto;
1381
1381
  order: 3;
1382
1382
  color: var(--icon-color);
1383
1383
  }
1384
- .Checkbox-module__hop-Checkbox__box___lVSXp {
1384
+ .Checkbox-module__hop-Checkbox__box___VILZ8 {
1385
1385
  display: flex;
1386
1386
  flex: 0 0 auto;
1387
1387
  align-items: center;
@@ -1397,11 +1397,11 @@
1397
1397
  outline-offset: 0.125rem;
1398
1398
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1399
1399
  }
1400
- .Checkbox-module__hop-Checkbox__check___4Ihvs {
1400
+ .Checkbox-module__hop-Checkbox__check___8EoON {
1401
1401
  display: var(--check-display);
1402
1402
  color: var(--check-color);
1403
1403
  }
1404
- .Checkbox-module__hop-Checkbox__text___qu30Z {
1404
+ .Checkbox-module__hop-Checkbox__text___q0ylQ {
1405
1405
  flex: 0 1 auto;
1406
1406
  order: 2;
1407
1407
  min-inline-size: 0;
@@ -1409,24 +1409,24 @@
1409
1409
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1410
1410
  color: var(--text-color);
1411
1411
  }
1412
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___MUUjS {
1412
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___IPbt- {
1413
1413
  }
1414
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___u1j5Z {
1414
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___26EES {
1415
1415
  }
1416
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___73p9Z {
1416
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___10Sfi {
1417
1417
  }
1418
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___HbvCZ,
1419
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___-7K8S {
1418
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___G52v2,
1419
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___rYYej {
1420
1420
  }
1421
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___oVl6E {
1421
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___R1z6h {
1422
1422
  }
1423
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___tuJiV {
1423
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___bsBqv {
1424
1424
  }
1425
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___nfdBl {
1425
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___AEB0q {
1426
1426
  }
1427
1427
 
1428
1428
  /* 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___yn4Ax {
1429
+ .Radio-module__hop-Radio___-M4X8 {
1430
1430
  --hop-Radio-box-border-size: 0.0625rem;
1431
1431
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1432
1432
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1500,60 +1500,60 @@
1500
1500
  inline-size: max-content;
1501
1501
  max-inline-size: 100%;
1502
1502
  }
1503
- .Radio-module__hop-Radio___yn4Ax[data-focus-visible] {
1503
+ .Radio-module__hop-Radio___-M4X8[data-focus-visible] {
1504
1504
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1505
1505
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1506
1506
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1507
1507
  --text-color: var(--hop-Radio-text-color-focused);
1508
1508
  --icon-color: var(--hop-Radio-icon-color-focused);
1509
1509
  }
1510
- .Radio-module__hop-Radio___yn4Ax[data-hovered] {
1510
+ .Radio-module__hop-Radio___-M4X8[data-hovered] {
1511
1511
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1512
1512
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1513
1513
  --text-color: var(--hop-Radio-text-color-hovered);
1514
1514
  --icon-color: var(--hop-Radio-icon-color-hovered);
1515
1515
  }
1516
- .Radio-module__hop-Radio___yn4Ax[data-pressed] {
1516
+ .Radio-module__hop-Radio___-M4X8[data-pressed] {
1517
1517
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1518
1518
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1519
1519
  --text-color: var(--hop-Radio-text-color-pressed);
1520
1520
  --icon-color: var(--hop-Radio-icon-color-pressed);
1521
1521
  }
1522
- .Radio-module__hop-Radio___yn4Ax[data-selected] {
1522
+ .Radio-module__hop-Radio___-M4X8[data-selected] {
1523
1523
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1524
1524
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1525
1525
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1526
1526
  --text-color: var(--hop-Radio-text-color-selected);
1527
1527
  --icon-color: var(--hop-Radio-icon-color-selected);
1528
1528
  }
1529
- .Radio-module__hop-Radio___yn4Ax[data-invalid] {
1529
+ .Radio-module__hop-Radio___-M4X8[data-invalid] {
1530
1530
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1531
1531
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1532
1532
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1533
1533
  --text-color: var(--hop-Radio-text-color-invalid);
1534
1534
  --icon-color: var(--hop-Radio-icon-color-invalid);
1535
1535
  }
1536
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-focus-visible] {
1536
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-focus-visible] {
1537
1537
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1538
1538
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1539
1539
  }
1540
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-hovered] {
1540
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-hovered] {
1541
1541
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1542
1542
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1543
1543
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1544
1544
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1545
1545
  }
1546
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-pressed] {
1546
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-pressed] {
1547
1547
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1548
1548
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1549
1549
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1550
1550
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1551
1551
  }
1552
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-selected] {
1552
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-selected] {
1553
1553
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1554
1554
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1555
1555
  }
1556
- .Radio-module__hop-Radio___yn4Ax[data-disabled] {
1556
+ .Radio-module__hop-Radio___-M4X8[data-disabled] {
1557
1557
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1558
1558
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1559
1559
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1561,25 +1561,25 @@
1561
1561
  --text-color: var(--hop-Radio-text-color-disabled);
1562
1562
  --icon-color: var(--hop-Radio-icon-color-disabled);
1563
1563
  }
1564
- .Radio-module__hop-Radio--sm___r36IC {
1564
+ .Radio-module__hop-Radio--sm___SG--s {
1565
1565
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1566
1566
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1567
1567
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1568
1568
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1569
1569
  }
1570
- .Radio-module__hop-Radio--md___XlmOj {
1570
+ .Radio-module__hop-Radio--md___TvaVH {
1571
1571
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1572
1572
  --box-block-size: var(--hop-Radio-box-md-block-size);
1573
1573
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1574
1574
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1575
1575
  }
1576
- .Radio-module__hop-Radio__icon___fGdPZ,
1577
- .Radio-module__hop-Radio__icon-list___0jk-V {
1576
+ .Radio-module__hop-Radio__icon___VobhS,
1577
+ .Radio-module__hop-Radio__icon-list___IG7R9 {
1578
1578
  flex: 0 0 auto;
1579
1579
  order: 3;
1580
1580
  color: var(--icon-color);
1581
1581
  }
1582
- .Radio-module__hop-Radio__box___wYIW6 {
1582
+ .Radio-module__hop-Radio__box___R6XAR {
1583
1583
  display: flex;
1584
1584
  flex: 0 0 auto;
1585
1585
  align-items: center;
@@ -1595,11 +1595,11 @@
1595
1595
  outline-offset: 0.125rem;
1596
1596
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1597
1597
  }
1598
- .Radio-module__hop-Radio__bullet___yLpc5 {
1598
+ .Radio-module__hop-Radio__bullet___LRGTz {
1599
1599
  display: var(--bullet-display);
1600
1600
  color: var(--bullet-color);
1601
1601
  }
1602
- .Radio-module__hop-Radio__text___mNFi6 {
1602
+ .Radio-module__hop-Radio__text___1UvrR {
1603
1603
  flex: 0 1 auto;
1604
1604
  order: 2;
1605
1605
  min-inline-size: 0;
@@ -1607,24 +1607,24 @@
1607
1607
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1608
1608
  color: var(--text-color);
1609
1609
  }
1610
- .DecorativeRadio-module__hop-DecorativeRadio___iz4sX {
1610
+ .DecorativeRadio-module__hop-DecorativeRadio___jjplC {
1611
1611
  }
1612
- .DecorativeRadio-module__hop-DecorativeRadio--sm___qpWZP {
1612
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___sB7Zy {
1613
1613
  }
1614
- .DecorativeRadio-module__hop-DecorativeRadio--md___Rl9gL {
1614
+ .DecorativeRadio-module__hop-DecorativeRadio--md___Hwqbq {
1615
1615
  }
1616
- .DecorativeRadio-module__hop-DecorativeRadio__icon___2DxB7,
1617
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___a2ObK {
1616
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___--bk6,
1617
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___0DFbG {
1618
1618
  }
1619
- .DecorativeRadio-module__hop-DecorativeRadio__box___Q-i0d {
1619
+ .DecorativeRadio-module__hop-DecorativeRadio__box___5Ri9t {
1620
1620
  }
1621
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___jTFUS {
1621
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___chiNV {
1622
1622
  }
1623
- .DecorativeRadio-module__hop-DecorativeRadio__text___5ZwjI {
1623
+ .DecorativeRadio-module__hop-DecorativeRadio__text___-z5Gu {
1624
1624
  }
1625
1625
 
1626
1626
  /* 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___yn4Ax {
1627
+ .Radio-module__hop-Radio___-M4X8 {
1628
1628
  --hop-Radio-box-border-size: 0.0625rem;
1629
1629
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1630
1630
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1698,60 +1698,60 @@
1698
1698
  inline-size: max-content;
1699
1699
  max-inline-size: 100%;
1700
1700
  }
1701
- .Radio-module__hop-Radio___yn4Ax[data-focus-visible] {
1701
+ .Radio-module__hop-Radio___-M4X8[data-focus-visible] {
1702
1702
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1703
1703
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1704
1704
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1705
1705
  --text-color: var(--hop-Radio-text-color-focused);
1706
1706
  --icon-color: var(--hop-Radio-icon-color-focused);
1707
1707
  }
1708
- .Radio-module__hop-Radio___yn4Ax[data-hovered] {
1708
+ .Radio-module__hop-Radio___-M4X8[data-hovered] {
1709
1709
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1710
1710
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1711
1711
  --text-color: var(--hop-Radio-text-color-hovered);
1712
1712
  --icon-color: var(--hop-Radio-icon-color-hovered);
1713
1713
  }
1714
- .Radio-module__hop-Radio___yn4Ax[data-pressed] {
1714
+ .Radio-module__hop-Radio___-M4X8[data-pressed] {
1715
1715
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1716
1716
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1717
1717
  --text-color: var(--hop-Radio-text-color-pressed);
1718
1718
  --icon-color: var(--hop-Radio-icon-color-pressed);
1719
1719
  }
1720
- .Radio-module__hop-Radio___yn4Ax[data-selected] {
1720
+ .Radio-module__hop-Radio___-M4X8[data-selected] {
1721
1721
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1722
1722
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1723
1723
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1724
1724
  --text-color: var(--hop-Radio-text-color-selected);
1725
1725
  --icon-color: var(--hop-Radio-icon-color-selected);
1726
1726
  }
1727
- .Radio-module__hop-Radio___yn4Ax[data-invalid] {
1727
+ .Radio-module__hop-Radio___-M4X8[data-invalid] {
1728
1728
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1729
1729
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1730
1730
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1731
1731
  --text-color: var(--hop-Radio-text-color-invalid);
1732
1732
  --icon-color: var(--hop-Radio-icon-color-invalid);
1733
1733
  }
1734
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-focus-visible] {
1734
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-focus-visible] {
1735
1735
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1736
1736
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1737
1737
  }
1738
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-hovered] {
1738
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-hovered] {
1739
1739
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1740
1740
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1741
1741
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1742
1742
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1743
1743
  }
1744
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-pressed] {
1744
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-pressed] {
1745
1745
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1746
1746
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1747
1747
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1748
1748
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1749
1749
  }
1750
- .Radio-module__hop-Radio___yn4Ax:where([data-invalid])[data-selected] {
1750
+ .Radio-module__hop-Radio___-M4X8:where([data-invalid])[data-selected] {
1751
1751
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1752
1752
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1753
1753
  }
1754
- .Radio-module__hop-Radio___yn4Ax[data-disabled] {
1754
+ .Radio-module__hop-Radio___-M4X8[data-disabled] {
1755
1755
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1756
1756
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1757
1757
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1759,25 +1759,25 @@
1759
1759
  --text-color: var(--hop-Radio-text-color-disabled);
1760
1760
  --icon-color: var(--hop-Radio-icon-color-disabled);
1761
1761
  }
1762
- .Radio-module__hop-Radio--sm___r36IC {
1762
+ .Radio-module__hop-Radio--sm___SG--s {
1763
1763
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1764
1764
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1765
1765
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1766
1766
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1767
1767
  }
1768
- .Radio-module__hop-Radio--md___XlmOj {
1768
+ .Radio-module__hop-Radio--md___TvaVH {
1769
1769
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1770
1770
  --box-block-size: var(--hop-Radio-box-md-block-size);
1771
1771
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1772
1772
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1773
1773
  }
1774
- .Radio-module__hop-Radio__icon___fGdPZ,
1775
- .Radio-module__hop-Radio__icon-list___0jk-V {
1774
+ .Radio-module__hop-Radio__icon___VobhS,
1775
+ .Radio-module__hop-Radio__icon-list___IG7R9 {
1776
1776
  flex: 0 0 auto;
1777
1777
  order: 3;
1778
1778
  color: var(--icon-color);
1779
1779
  }
1780
- .Radio-module__hop-Radio__box___wYIW6 {
1780
+ .Radio-module__hop-Radio__box___R6XAR {
1781
1781
  display: flex;
1782
1782
  flex: 0 0 auto;
1783
1783
  align-items: center;
@@ -1793,11 +1793,11 @@
1793
1793
  outline-offset: 0.125rem;
1794
1794
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1795
1795
  }
1796
- .Radio-module__hop-Radio__bullet___yLpc5 {
1796
+ .Radio-module__hop-Radio__bullet___LRGTz {
1797
1797
  display: var(--bullet-display);
1798
1798
  color: var(--bullet-color);
1799
1799
  }
1800
- .Radio-module__hop-Radio__text___mNFi6 {
1800
+ .Radio-module__hop-Radio__text___1UvrR {
1801
1801
  flex: 0 1 auto;
1802
1802
  order: 2;
1803
1803
  min-inline-size: 0;
@@ -1807,7 +1807,7 @@
1807
1807
  }
1808
1808
 
1809
1809
  /* 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___TZeob {
1810
+ .RadioField-module__hop-RadioField___Qcltb {
1811
1811
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1812
1812
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1813
1813
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1826,29 +1826,29 @@
1826
1826
  inline-size: max-content;
1827
1827
  max-inline-size: 100%;
1828
1828
  }
1829
- .RadioField-module__hop-RadioField___TZeob[data-disabled] {
1829
+ .RadioField-module__hop-RadioField___Qcltb[data-disabled] {
1830
1830
  --description-color: var(--hop-RadioField-description-color-disabled);
1831
1831
  }
1832
- .RadioField-module__hop-RadioField--sm___tsSve {
1832
+ .RadioField-module__hop-RadioField--sm___-G54F {
1833
1833
  --row-gap: var(--hop-RadioField-sm-row-gap);
1834
1834
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1835
1835
  }
1836
- .RadioField-module__hop-RadioField--md___T4YsN {
1836
+ .RadioField-module__hop-RadioField--md___zNHEk {
1837
1837
  --row-gap: var(--hop-RadioField-md-row-gap);
1838
1838
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1839
1839
  }
1840
- .RadioField-module__hop-RadioField__description___CdqP0 {
1840
+ .RadioField-module__hop-RadioField__description___H6eoK {
1841
1841
  order: 2;
1842
1842
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1843
1843
  color: var(--description-color);
1844
1844
  }
1845
- .RadioField-module__hop-RadioField___TZeob .RadioField-module__hop-RadioField__radio___fKv3E {
1845
+ .RadioField-module__hop-RadioField___Qcltb .RadioField-module__hop-RadioField__radio___yX-QQ {
1846
1846
  order: 1;
1847
1847
  inline-size: 100%;
1848
1848
  }
1849
1849
 
1850
1850
  /* 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___gwPX0 {
1851
+ .RadioGroup-module__hop-RadioGroup___vSNcc {
1852
1852
  --hop-RadioGroup-align-items: flex-start;
1853
1853
  --hop-RadioGroup-justify-content: flex-start;
1854
1854
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1888,49 +1888,49 @@
1888
1888
  inline-size: var(--inline-size);
1889
1889
  max-inline-size: 100%;
1890
1890
  }
1891
- .RadioGroup-module__hop-RadioGroup--bordered___HjzPl {
1891
+ .RadioGroup-module__hop-RadioGroup--bordered___keV0K {
1892
1892
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1893
1893
  --list-border-radius: var(--hop-shape-rounded-md);
1894
1894
  }
1895
- .RadioGroup-module__hop-RadioGroup--fluid___KeQZS {
1895
+ .RadioGroup-module__hop-RadioGroup--fluid___E6CX2 {
1896
1896
  --inline-size: 100%;
1897
1897
  }
1898
- .RadioGroup-module__hop-RadioGroup--sm___DF-ls {
1898
+ .RadioGroup-module__hop-RadioGroup--sm___uUtuO {
1899
1899
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1900
1900
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1901
1901
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1902
1902
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1903
1903
  }
1904
- .RadioGroup-module__hop-RadioGroup--md___4WWWy {
1904
+ .RadioGroup-module__hop-RadioGroup--md___b38Q- {
1905
1905
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1906
1906
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1907
1907
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1908
1908
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1909
1909
  }
1910
- .RadioGroup-module__hop-RadioGroup--bordered___HjzPl.RadioGroup-module__hop-RadioGroup--sm___DF-ls {
1910
+ .RadioGroup-module__hop-RadioGroup--bordered___keV0K.RadioGroup-module__hop-RadioGroup--sm___uUtuO {
1911
1911
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1912
1912
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1913
1913
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1914
1914
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1915
1915
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1916
1916
  }
1917
- .RadioGroup-module__hop-RadioGroup--bordered___HjzPl.RadioGroup-module__hop-RadioGroup--md___4WWWy {
1917
+ .RadioGroup-module__hop-RadioGroup--bordered___keV0K.RadioGroup-module__hop-RadioGroup--md___b38Q- {
1918
1918
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1919
1919
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1920
1920
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1921
1921
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1922
1922
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1923
1923
  }
1924
- .RadioGroup-module__hop-RadioGroup___gwPX0[data-orientation=horizontal] {
1924
+ .RadioGroup-module__hop-RadioGroup___vSNcc[data-orientation=horizontal] {
1925
1925
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1926
1926
  }
1927
- .RadioGroup-module__hop-RadioGroup--bordered___HjzPl[data-orientation=horizontal] {
1927
+ .RadioGroup-module__hop-RadioGroup--bordered___keV0K[data-orientation=horizontal] {
1928
1928
  --flex-wrap: nowrap;
1929
1929
  }
1930
- .RadioGroup-module__hop-RadioGroup___gwPX0 > .RadioGroup-module__hop-RadioGroup__label___BEq4k {
1930
+ .RadioGroup-module__hop-RadioGroup___vSNcc > .RadioGroup-module__hop-RadioGroup__label___mrRIX {
1931
1931
  order: 1;
1932
1932
  }
1933
- .RadioGroup-module__hop-RadioGroup__list___ybYEO {
1933
+ .RadioGroup-module__hop-RadioGroup__list___REH4- {
1934
1934
  display: flex;
1935
1935
  flex-flow: var(--flex-direction) var(--flex-wrap);
1936
1936
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1941,7 +1941,7 @@
1941
1941
  border: var(--list-border, none);
1942
1942
  border-radius: var(--list-border-radius, 0);
1943
1943
  }
1944
- .RadioGroup-module__hop-RadioGroup__list___ybYEO > .RadioGroup-module__hop-RadioGroup__radio___pJHGT {
1944
+ .RadioGroup-module__hop-RadioGroup__list___REH4- > .RadioGroup-module__hop-RadioGroup__radio___b65AD {
1945
1945
  position: relative;
1946
1946
  flex: 0 1 auto;
1947
1947
  align-content: start;
@@ -1949,28 +1949,28 @@
1949
1949
  min-inline-size: 0;
1950
1950
  padding: var(--radio-padding, 0);
1951
1951
  }
1952
- .RadioGroup-module__hop-RadioGroup--bordered___HjzPl .RadioGroup-module__hop-RadioGroup__list___ybYEO > .RadioGroup-module__hop-RadioGroup__radio___pJHGT ~ .RadioGroup-module__hop-RadioGroup__radio___pJHGT::before {
1952
+ .RadioGroup-module__hop-RadioGroup--bordered___keV0K .RadioGroup-module__hop-RadioGroup__list___REH4- > .RadioGroup-module__hop-RadioGroup__radio___b65AD ~ .RadioGroup-module__hop-RadioGroup__radio___b65AD::before {
1953
1953
  content: "";
1954
1954
  position: absolute;
1955
1955
  display: block;
1956
1956
  }
1957
- .RadioGroup-module__hop-RadioGroup--bordered___HjzPl[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___ybYEO > .RadioGroup-module__hop-RadioGroup__radio___pJHGT ~ .RadioGroup-module__hop-RadioGroup__radio___pJHGT::before {
1957
+ .RadioGroup-module__hop-RadioGroup--bordered___keV0K[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___REH4- > .RadioGroup-module__hop-RadioGroup__radio___b65AD ~ .RadioGroup-module__hop-RadioGroup__radio___b65AD::before {
1958
1958
  inset-block-start: 0;
1959
1959
  inset-inline: 0;
1960
1960
  border-block-start: var(--list-border, none);
1961
1961
  }
1962
- .RadioGroup-module__hop-RadioGroup--bordered___HjzPl[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___ybYEO > .RadioGroup-module__hop-RadioGroup__radio___pJHGT ~ .RadioGroup-module__hop-RadioGroup__radio___pJHGT::before {
1962
+ .RadioGroup-module__hop-RadioGroup--bordered___keV0K[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___REH4- > .RadioGroup-module__hop-RadioGroup__radio___b65AD ~ .RadioGroup-module__hop-RadioGroup__radio___b65AD::before {
1963
1963
  inset-block: 0;
1964
1964
  inset-inline-start: 0;
1965
1965
  border-inline-start: var(--list-border, none);
1966
1966
  }
1967
- .RadioGroup-module__hop-RadioGroup___gwPX0 > .RadioGroup-module__hop-RadioGroup__error-message___3ECAg,
1968
- .RadioGroup-module__hop-RadioGroup___gwPX0 > .RadioGroup-module__hop-RadioGroup__helper-message___DKo3f {
1967
+ .RadioGroup-module__hop-RadioGroup___vSNcc > .RadioGroup-module__hop-RadioGroup__error-message___uyWHi,
1968
+ .RadioGroup-module__hop-RadioGroup___vSNcc > .RadioGroup-module__hop-RadioGroup__helper-message___bj1YE {
1969
1969
  order: 3;
1970
1970
  }
1971
1971
 
1972
1972
  /* 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___YhpXL {
1973
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___GUoro {
1974
1974
  --hop-ListBoxItemSkeleton-background-color: var(--hop-neutral-surface-weak);
1975
1975
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-neutral-surface-weak-hover);
1976
1976
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1996,7 +1996,7 @@
1996
1996
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1997
1997
  background-size: 400% 100%;
1998
1998
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1999
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___qhOmp;
1999
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___xeXEE;
2000
2000
  animation-duration: var(--animation-duration);
2001
2001
  animation-timing-function: ease-in-out;
2002
2002
  animation-fill-mode: forwards;
@@ -2005,19 +2005,19 @@
2005
2005
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2006
2006
  }
2007
2007
  }
2008
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___LXB-O {
2008
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___kgr4n {
2009
2009
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
2010
2010
  }
2011
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Mx6kZ {
2011
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___OJ8-K {
2012
2012
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
2013
2013
  }
2014
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___4SX4S {
2014
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___gtNvj {
2015
2015
  --height: var(--hop-ListBoxItemSkeleton-md-height);
2016
2016
  }
2017
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___PPLRt {
2017
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8M7Q- {
2018
2018
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
2019
2019
  }
2020
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___qhOmp {
2020
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___xeXEE {
2021
2021
  0% {
2022
2022
  background-position: 125% 50%;
2023
2023
  }
@@ -2027,7 +2027,7 @@
2027
2027
  }
2028
2028
 
2029
2029
  /* 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___-OmmI {
2030
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq {
2031
2031
  --hop-ListBoxItem-background-color: transparent;
2032
2032
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2033
2033
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -2124,129 +2124,129 @@
2124
2124
  outline: var(--outline);
2125
2125
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
2126
2126
  }
2127
- .ListBoxItem-module__hop-ListBoxItem--xs___FUmOH {
2127
+ .ListBoxItem-module__hop-ListBoxItem--xs___BvMLr {
2128
2128
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2129
2129
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2130
2130
  --min-height: var(--hop-ListBoxItem-xs-min-height);
2131
2131
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
2132
2132
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
2133
2133
  }
2134
- .ListBoxItem-module__hop-ListBoxItem--sm___m7TFH {
2134
+ .ListBoxItem-module__hop-ListBoxItem--sm___8hZ8L {
2135
2135
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2136
2136
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2137
2137
  --min-height: var(--hop-ListBoxItem-sm-min-height);
2138
2138
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
2139
2139
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
2140
2140
  }
2141
- .ListBoxItem-module__hop-ListBoxItem--md___WcTyy {
2141
+ .ListBoxItem-module__hop-ListBoxItem--md___J0LIm {
2142
2142
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
2143
2143
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2144
2144
  --min-height: var(--hop-ListBoxItem-md-min-height);
2145
2145
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
2146
2146
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
2147
2147
  }
2148
- .ListBoxItem-module__hop-ListBoxItem--lg___5lYHY {
2148
+ .ListBoxItem-module__hop-ListBoxItem--lg___NOdP7 {
2149
2149
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2150
2150
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2151
2151
  --min-height: var(--hop-ListBoxItem-lg-min-height);
2152
2152
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
2153
2153
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
2154
2154
  }
2155
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-selection-mode] {
2155
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-selection-mode] {
2156
2156
  --cursor: pointer;
2157
2157
  }
2158
- .ListBoxItem-module__hop-ListBoxItem___-OmmI:not([data-selection-mode]) {
2158
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq:not([data-selection-mode]) {
2159
2159
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2160
2160
  }
2161
- .ListBoxItem-module__hop-ListBoxItem__inner___w33Gw:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bZwPe) {
2161
+ .ListBoxItem-module__hop-ListBoxItem__inner___SKLcq:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VMlCh) {
2162
2162
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2163
2163
  }
2164
- .ListBoxItem-module__hop-ListBoxItem__inner___w33Gw[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___bZwPe) {
2164
+ .ListBoxItem-module__hop-ListBoxItem__inner___SKLcq[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___VMlCh) {
2165
2165
  --checkmark-transition: none;
2166
2166
  }
2167
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-selected] {
2167
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-selected] {
2168
2168
  --background-color: var(--hop-ListBoxItem-background-color-selected);
2169
2169
  --text-color: var(--hop-ListBoxItem-text-color-selected);
2170
2170
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2171
2171
  --checkmark-opacity: 1;
2172
2172
  }
2173
- .ListBoxItem-module__hop-ListBoxItem--xs___FUmOH[data-selected] {
2173
+ .ListBoxItem-module__hop-ListBoxItem--xs___BvMLr[data-selected] {
2174
2174
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
2175
2175
  }
2176
- .ListBoxItem-module__hop-ListBoxItem--sm___m7TFH[data-selected] {
2176
+ .ListBoxItem-module__hop-ListBoxItem--sm___8hZ8L[data-selected] {
2177
2177
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
2178
2178
  }
2179
- .ListBoxItem-module__hop-ListBoxItem--md___WcTyy[data-selected] {
2179
+ .ListBoxItem-module__hop-ListBoxItem--md___J0LIm[data-selected] {
2180
2180
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
2181
2181
  }
2182
- .ListBoxItem-module__hop-ListBoxItem--lg___5lYHY[data-selected] {
2182
+ .ListBoxItem-module__hop-ListBoxItem--lg___NOdP7[data-selected] {
2183
2183
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
2184
2184
  }
2185
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-focus-visible] {
2185
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-focus-visible] {
2186
2186
  --background-color: var(--hop-ListBoxItem-background-color-focused);
2187
2187
  --text-color: var(--hop-ListBoxItem-text-color-focused);
2188
2188
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2189
2189
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2190
2190
  }
2191
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-hovered] {
2191
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-hovered] {
2192
2192
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
2193
2193
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
2194
2194
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2195
2195
  }
2196
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-pressed] {
2196
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-pressed] {
2197
2197
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
2198
2198
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
2199
2199
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2200
2200
  }
2201
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-disabled] {
2201
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-disabled] {
2202
2202
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
2203
2203
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
2204
2204
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2205
2205
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2206
2206
  --cursor: not-allowed;
2207
2207
  }
2208
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-invalid] {
2208
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-invalid] {
2209
2209
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
2210
2210
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
2211
2211
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2212
2212
  }
2213
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-invalid][data-selected] {
2213
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-invalid][data-selected] {
2214
2214
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2215
2215
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2216
2216
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2217
2217
  }
2218
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-invalid][data-focus-visible] {
2218
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-invalid][data-focus-visible] {
2219
2219
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2220
2220
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2221
2221
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2222
2222
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2223
2223
  }
2224
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-invalid][data-hovered] {
2224
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-invalid][data-hovered] {
2225
2225
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2226
2226
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2227
2227
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2228
2228
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2229
2229
  }
2230
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-invalid][data-pressed] {
2230
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-invalid][data-pressed] {
2231
2231
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2232
2232
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2233
2233
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2234
2234
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2235
2235
  }
2236
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-invalid][data-disabled] {
2236
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-invalid][data-disabled] {
2237
2237
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2238
2238
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2239
2239
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2240
2240
  }
2241
- .ListBoxItem-module__hop-ListBoxItem___-OmmI:has(.ListBoxItem-module__hop-ListBoxItem__description___ZBrlm) {
2241
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq:has(.ListBoxItem-module__hop-ListBoxItem__description___r6uyO) {
2242
2242
  --row-gap: var(--hop-ListBoxItem-row-gap);
2243
2243
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2244
2244
  }
2245
- .ListBoxItem-module__hop-ListBoxItem___-OmmI[data-loading] {
2245
+ .ListBoxItem-module__hop-ListBoxItem___pn-jq[data-loading] {
2246
2246
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2247
2247
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2248
2248
  }
2249
- .ListBoxItem-module__hop-ListBoxItem__inner___w33Gw {
2249
+ .ListBoxItem-module__hop-ListBoxItem__inner___SKLcq {
2250
2250
  display: grid;
2251
2251
  grid-template-areas: var(--grid-template-areas);
2252
2252
  grid-template-columns: var(--grid-template-columns);
@@ -2258,33 +2258,33 @@
2258
2258
  padding-inline: var(--padding-inline);
2259
2259
  transition: grid-template-columns .3s ease-in-out;
2260
2260
  }
2261
- .ListBoxItem-module__hop-ListBoxItem__checkmark___bZwPe {
2261
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___VMlCh {
2262
2262
  grid-area: indicator;
2263
2263
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2264
2264
  color: var(--icon-color);
2265
2265
  opacity: var(--checkmark-opacity);
2266
2266
  transition: var(--checkmark-transition);
2267
2267
  }
2268
- .ListBoxItem-module__hop-ListBoxItem__radio___G6xGo,
2269
- .ListBoxItem-module__hop-ListBoxItem__checkbox___MUihd {
2268
+ .ListBoxItem-module__hop-ListBoxItem__radio___bf-d7,
2269
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___tZpjW {
2270
2270
  pointer-events: none;
2271
2271
  user-select: none;
2272
2272
  grid-area: indicator;
2273
2273
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2274
2274
  }
2275
- .ListBoxItem-module__hop-ListBoxItem__avatar___W5PDE {
2275
+ .ListBoxItem-module__hop-ListBoxItem__avatar___YWAkB {
2276
2276
  grid-area: avatar;
2277
2277
  margin-block: var(--avatar-margin-block, 0);
2278
2278
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2279
2279
  }
2280
- .ListBoxItem-module__hop-ListBoxItem__icon-list___6NfJ4,
2281
- .ListBoxItem-module__hop-ListBoxItem__icon___TuIab {
2280
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___Smf-r,
2281
+ .ListBoxItem-module__hop-ListBoxItem__icon___UApsq {
2282
2282
  grid-area: icon;
2283
2283
  flex: 0 0 auto;
2284
2284
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2285
2285
  color: var(--icon-color);
2286
2286
  }
2287
- .ListBoxItem-module__hop-ListBoxItem__label___xec2I {
2287
+ .ListBoxItem-module__hop-ListBoxItem__label___LDj69 {
2288
2288
  overflow: hidden;
2289
2289
  grid-area: label;
2290
2290
  min-inline-size: 0;
@@ -2292,18 +2292,18 @@
2292
2292
  text-overflow: ellipsis;
2293
2293
  white-space: nowrap;
2294
2294
  }
2295
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___1vF4H,
2296
- .ListBoxItem-module__hop-ListBoxItem__end-icon___0zlkA {
2295
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___QzS53,
2296
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___cCA1y {
2297
2297
  grid-area: end-icon;
2298
2298
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2299
2299
  color: var(--icon-color);
2300
2300
  }
2301
- .ListBoxItem-module__hop-ListBoxItem__badge___900Ms {
2301
+ .ListBoxItem-module__hop-ListBoxItem__badge___zPfwK {
2302
2302
  grid-area: badge;
2303
2303
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2304
2304
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2305
2305
  }
2306
- .ListBoxItem-module__hop-ListBoxItem__description___ZBrlm {
2306
+ .ListBoxItem-module__hop-ListBoxItem__description___r6uyO {
2307
2307
  overflow: hidden;
2308
2308
  display: -webkit-box;
2309
2309
  grid-area: description;
@@ -2314,7 +2314,7 @@
2314
2314
  }
2315
2315
 
2316
2316
  /* 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___RPd4y {
2317
+ .ListBox-module__hop-ListBox___fkaVX {
2318
2318
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2319
2319
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2320
2320
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2361,11 +2361,11 @@
2361
2361
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2362
2362
  border-radius: var(--hop-ListBox-border-radius);
2363
2363
  }
2364
- .ListBox-module__hop-ListBox--fluid___YH91n {
2364
+ .ListBox-module__hop-ListBox--fluid___8iHrW {
2365
2365
  --max-width: var(--hop-ListBox-fluid-max-width);
2366
2366
  --width: var(--hop-ListBox-fluid-width);
2367
2367
  }
2368
- .ListBox-module__hop-ListBox__section___zSPCo {
2368
+ .ListBox-module__hop-ListBox__section___gavB1 {
2369
2369
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2370
2370
  margin-inline: var(--hop-ListBox-section-margin-inline);
2371
2371
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2373,21 +2373,21 @@
2373
2373
  border-block-start: var(--section-border-block-start);
2374
2374
  border-block-end: var(--section-border-block-end);
2375
2375
  }
2376
- .ListBox-module__hop-ListBox__item___BQMGW + .ListBox-module__hop-ListBox__section___zSPCo {
2376
+ .ListBox-module__hop-ListBox__item___k8jhR + .ListBox-module__hop-ListBox__section___gavB1 {
2377
2377
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2378
2378
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2379
2379
  }
2380
- .ListBox-module__hop-ListBox__section___zSPCo:has(+ .ListBox-module__hop-ListBox__item___BQMGW) {
2380
+ .ListBox-module__hop-ListBox__section___gavB1:has(+ .ListBox-module__hop-ListBox__item___k8jhR) {
2381
2381
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2382
2382
  }
2383
- .ListBox-module__hop-ListBox__section___zSPCo:first-child {
2383
+ .ListBox-module__hop-ListBox__section___gavB1:first-child {
2384
2384
  --section-padding-block-start: 0;
2385
2385
  }
2386
- .ListBox-module__hop-ListBox__section___zSPCo:last-child {
2386
+ .ListBox-module__hop-ListBox__section___gavB1:last-child {
2387
2387
  --section-padding-block-end: 0;
2388
2388
  --section-border-block-end: 0;
2389
2389
  }
2390
- .ListBox-module__hop-ListBox__section-header___ActPE {
2390
+ .ListBox-module__hop-ListBox__section-header___4G-4r {
2391
2391
  margin: 0;
2392
2392
  padding: var(--hop-ListBox-section-header-padding);
2393
2393
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2398,17 +2398,17 @@
2398
2398
  text-transform: var(--hop-ListBox-section-header-text-transform);
2399
2399
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2400
2400
  }
2401
- .ListBox-module__hop-ListBox__section-header___ActPE::before,
2402
- .ListBox-module__hop-ListBox__section-header___ActPE::after {
2401
+ .ListBox-module__hop-ListBox__section-header___4G-4r::before,
2402
+ .ListBox-module__hop-ListBox__section-header___4G-4r::after {
2403
2403
  content: "";
2404
2404
  display: block;
2405
2405
  box-sizing: border-box;
2406
2406
  inline-size: 0;
2407
2407
  block-size: 0;
2408
2408
  }
2409
- .ListBox-module__hop-ListBox__section-header___ActPE::before {
2409
+ .ListBox-module__hop-ListBox__section-header___4G-4r::before {
2410
2410
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2411
2411
  }
2412
- .ListBox-module__hop-ListBox__section-header___ActPE::after {
2412
+ .ListBox-module__hop-ListBox__section-header___4G-4r::after {
2413
2413
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2414
2414
  }