@hopper-ui/components 1.6.0 → 1.7.0

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 (384) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/accordion/src/Accordion.css +84 -77
  3. package/dist/accordion/src/Accordion.js +2 -2
  4. package/dist/accordion/src/index.css +84 -77
  5. package/dist/accordion/src/index.js +2 -2
  6. package/dist/alert/src/Alert.css +344 -325
  7. package/dist/alert/src/Alert.js +11 -11
  8. package/dist/alert/src/index.css +344 -325
  9. package/dist/alert/src/index.js +11 -11
  10. package/dist/avatar/src/AnonymousAvatar.css +54 -47
  11. package/dist/avatar/src/AnonymousAvatar.js +2 -2
  12. package/dist/avatar/src/Avatar.css +72 -65
  13. package/dist/avatar/src/Avatar.js +5 -5
  14. package/dist/avatar/src/AvatarGroup.css +71 -64
  15. package/dist/avatar/src/AvatarGroup.js +6 -6
  16. package/dist/avatar/src/BrokenAvatar.css +54 -47
  17. package/dist/avatar/src/BrokenAvatar.js +2 -2
  18. package/dist/avatar/src/DeletedAvatar.css +54 -47
  19. package/dist/avatar/src/DeletedAvatar.js +2 -2
  20. package/dist/avatar/src/RichIconAvatarImage.css +54 -47
  21. package/dist/avatar/src/RichIconAvatarImage.js +1 -1
  22. package/dist/avatar/src/index.css +99 -92
  23. package/dist/avatar/src/index.js +11 -11
  24. package/dist/badge/src/Badge.css +59 -52
  25. package/dist/badge/src/Badge.js +3 -3
  26. package/dist/badge/src/FloatingBadge.css +54 -47
  27. package/dist/badge/src/FloatingBadge.js +2 -2
  28. package/dist/badge/src/index.css +69 -62
  29. package/dist/badge/src/index.js +4 -4
  30. package/dist/buttons/src/Button.css +110 -103
  31. package/dist/buttons/src/Button.js +7 -7
  32. package/dist/buttons/src/ButtonContext.d.ts +13 -3
  33. package/dist/buttons/src/ButtonGroup.css +55 -48
  34. package/dist/buttons/src/ButtonGroup.js +3 -1
  35. package/dist/buttons/src/ButtonGroupContext.d.ts +13 -3
  36. package/dist/buttons/src/ClearButton.css +115 -108
  37. package/dist/buttons/src/ClearButton.js +3 -3
  38. package/dist/buttons/src/CloseButton.css +111 -104
  39. package/dist/buttons/src/CloseButton.js +8 -8
  40. package/dist/buttons/src/EmbeddedButton.css +115 -108
  41. package/dist/buttons/src/EmbeddedButton.js +1 -1
  42. package/dist/buttons/src/LinkButton.css +119 -112
  43. package/dist/buttons/src/LinkButton.js +5 -5
  44. package/dist/buttons/src/index.css +267 -260
  45. package/dist/buttons/src/index.d.ts +2 -2
  46. package/dist/buttons/src/index.js +12 -12
  47. package/dist/callout/src/Callout.css +279 -272
  48. package/dist/callout/src/Callout.js +9 -9
  49. package/dist/callout/src/CompactCallout.css +316 -309
  50. package/dist/callout/src/CompactCallout.js +9 -9
  51. package/dist/callout/src/index.css +328 -321
  52. package/dist/callout/src/index.js +10 -10
  53. package/dist/card/src/Card.css +47 -40
  54. package/dist/card/src/Card.js +1 -1
  55. package/dist/card/src/index.css +47 -40
  56. package/dist/card/src/index.js +1 -1
  57. package/dist/checkbox/src/Checkbox.css +63 -56
  58. package/dist/checkbox/src/Checkbox.js +5 -5
  59. package/dist/checkbox/src/CheckboxField.css +50 -43
  60. package/dist/checkbox/src/CheckboxField.js +4 -4
  61. package/dist/checkbox/src/CheckboxGroup.css +115 -108
  62. package/dist/checkbox/src/CheckboxGroup.js +9 -8
  63. package/dist/checkbox/src/DecorativeCheckbox.css +71 -64
  64. package/dist/checkbox/src/DecorativeCheckbox.js +4 -4
  65. package/dist/checkbox/src/index.css +115 -108
  66. package/dist/checkbox/src/index.js +13 -12
  67. package/dist/{chunk-HCFKAC4T.js → chunk-23WYVBUK.js} +2 -2
  68. package/dist/{chunk-QYEV2QUA.js → chunk-2C4RHHUL.js} +2 -2
  69. package/dist/{chunk-MCUPCFYQ.js → chunk-2KFOOJ34.js} +20 -10
  70. package/dist/{chunk-H7K7KLU4.js → chunk-2WU7UWOH.js} +3 -3
  71. package/dist/{chunk-HEHMZWBC.js → chunk-3FHJOMUC.js} +1 -1
  72. package/dist/{chunk-AXBVBNPN.js → chunk-3VZPTUVR.js} +3 -3
  73. package/dist/{chunk-C76BH4QR.js → chunk-53QBBZR4.js} +2 -2
  74. package/dist/{chunk-SKHYIVXR.js → chunk-57RTMTQ7.js} +3 -3
  75. package/dist/{chunk-SW4UF2MM.js → chunk-5FXGGEA5.js} +26 -20
  76. package/dist/{chunk-36S3E6PJ.js → chunk-5H2DG3VF.js} +2 -2
  77. package/dist/{chunk-ZJKGATZR.js → chunk-5I6PDORP.js} +8 -2
  78. package/dist/{chunk-STU7DFF5.js → chunk-5ZP2KUGN.js} +17 -15
  79. package/dist/{chunk-2USDHEIV.js → chunk-67EK2P5M.js} +3 -3
  80. package/dist/{chunk-GEMZ5EDW.js → chunk-6G56A3XH.js} +20 -10
  81. package/dist/{chunk-TU5MAMGV.js → chunk-6Q6Q4HUH.js} +10 -8
  82. package/dist/chunk-6T7TUF6N.js +178 -0
  83. package/dist/{chunk-ONCR64LB.js → chunk-AC5FLJJL.js} +2 -2
  84. package/dist/{chunk-H6CZ6DKP.js → chunk-ACG3BFJQ.js} +1 -1
  85. package/dist/{chunk-XKREPRGK.js → chunk-AV7XDPXN.js} +1 -1
  86. package/dist/{chunk-LAN2LJO2.js → chunk-AX3SYX3G.js} +1 -1
  87. package/dist/{chunk-H637L477.js → chunk-CC5SXS5R.js} +1 -1
  88. package/dist/{chunk-KUGVMCIB.js → chunk-CIQZIY5N.js} +1 -1
  89. package/dist/{chunk-AYAKR4MK.js → chunk-CNG2EXC7.js} +3 -3
  90. package/dist/{chunk-REXPSB5P.js → chunk-CT3S2ZJP.js} +2 -2
  91. package/dist/{chunk-B2PCJYJW.js → chunk-DE74UTDH.js} +2 -2
  92. package/dist/{chunk-W53AAAUA.js → chunk-DEFXMEBJ.js} +2 -2
  93. package/dist/{chunk-HGSA2Y3P.js → chunk-DP4FHVJR.js} +25 -13
  94. package/dist/{chunk-62EZGVKH.js → chunk-EBXH6HHZ.js} +21 -11
  95. package/dist/{chunk-R5CEXZPL.js → chunk-EDDYY4KO.js} +1 -1
  96. package/dist/{chunk-SINPHU2Z.js → chunk-FIY4TUYL.js} +4 -28
  97. package/dist/{chunk-V2AGZ5A5.js → chunk-G2IQWVGX.js} +1 -1
  98. package/dist/{chunk-K73FGFB2.js → chunk-G5GYOSK7.js} +8 -8
  99. package/dist/{chunk-TZZQP76M.js → chunk-GR5QWFCA.js} +4 -4
  100. package/dist/{chunk-BI3MQKBI.js → chunk-HERQEWF5.js} +3 -3
  101. package/dist/{chunk-R4ICRVDS.js → chunk-HQJZSCV7.js} +1 -1
  102. package/dist/{chunk-DLYK3JRB.js → chunk-I25B6DME.js} +2 -2
  103. package/dist/{chunk-W2C47VCH.js → chunk-IIBLQ2CB.js} +1 -1
  104. package/dist/{chunk-SLFA36JO.js → chunk-J5FY5YAZ.js} +1 -1
  105. package/dist/{chunk-V7HFSPRY.js → chunk-J6FKM7WM.js} +1 -1
  106. package/dist/{chunk-R3PAHNRL.js → chunk-JBTFYM4B.js} +3 -3
  107. package/dist/{chunk-L4D32IWU.js → chunk-JNJFX2LE.js} +2 -2
  108. package/dist/{chunk-A2BFPCVC.js → chunk-JVLK5INM.js} +3 -3
  109. package/dist/{chunk-5WUSHVW7.js → chunk-KKUSWUZC.js} +1 -1
  110. package/dist/{chunk-CQHB3HRC.js → chunk-L7DSMPLQ.js} +2 -2
  111. package/dist/{chunk-RMAIQQFV.js → chunk-LACYHXY5.js} +2 -2
  112. package/dist/{chunk-EELIGZUD.js → chunk-LBXB3JFD.js} +5 -5
  113. package/dist/{chunk-6LKFNPEM.js → chunk-LMH2XI5J.js} +10 -4
  114. package/dist/{chunk-J62I6GH3.js → chunk-LOFWD2GD.js} +2 -2
  115. package/dist/{chunk-JNFQC65H.js → chunk-LUCUQMMD.js} +3 -3
  116. package/dist/chunk-MR5BPD6R.js +7 -0
  117. package/dist/{chunk-NVOQLDA5.js → chunk-N7A4SDQA.js} +18 -16
  118. package/dist/{chunk-GKN3BY36.js → chunk-NAK42XEC.js} +3 -3
  119. package/dist/{chunk-M3L2VYKL.js → chunk-NC7G3EHF.js} +2 -2
  120. package/dist/{chunk-GKUY4QWP.js → chunk-NFETZ57D.js} +2 -2
  121. package/dist/{chunk-75DHKNW2.js → chunk-NNLLQWDS.js} +4 -4
  122. package/dist/{chunk-YWNBO3UY.js → chunk-OABMTS4J.js} +1 -1
  123. package/dist/{chunk-KWXJDQ4M.js → chunk-OCK54JWW.js} +2 -2
  124. package/dist/{chunk-MYZE5GJA.js → chunk-OINTMN5W.js} +2 -2
  125. package/dist/{chunk-D7IJXSDN.js → chunk-OS6JDQKO.js} +2 -2
  126. package/dist/{chunk-K7PQOHUQ.js → chunk-OYPIU6JL.js} +2 -2
  127. package/dist/chunk-PDWWX5JI.js +70 -0
  128. package/dist/{chunk-XUO7HGRK.js → chunk-PJ2RHMZ3.js} +2 -2
  129. package/dist/{chunk-WJ55ZV54.js → chunk-PQSMCDAM.js} +3 -0
  130. package/dist/{chunk-ARCWWXRR.js → chunk-PQVBUEXC.js} +3 -3
  131. package/dist/{chunk-SEQN7G35.js → chunk-QARGGDML.js} +4 -4
  132. package/dist/{chunk-IJZK5LYV.js → chunk-QDN24QKG.js} +1 -1
  133. package/dist/{chunk-QVHMDEWO.js → chunk-QSCBTSIF.js} +9 -3
  134. package/dist/{chunk-RNVPPIZQ.js → chunk-RIFW5PYW.js} +3 -3
  135. package/dist/{chunk-VOZN65OL.js → chunk-RN3FLBX4.js} +8 -2
  136. package/dist/{chunk-U35DID2L.js → chunk-S5AHDRSE.js} +1 -1
  137. package/dist/chunk-TQQMWXRK.js +190 -0
  138. package/dist/{chunk-PPV6OKAK.js → chunk-UBBZ4LV5.js} +19 -9
  139. package/dist/{chunk-MYPNAEEC.js → chunk-UBILZ2MS.js} +1 -1
  140. package/dist/{chunk-VLGOJ5DY.js → chunk-UFR36PXP.js} +4 -4
  141. package/dist/{chunk-KEDXRQG2.js → chunk-ULY62A7P.js} +6 -6
  142. package/dist/{chunk-FOD6Q7UN.js → chunk-V5PLUMR5.js} +3 -3
  143. package/dist/{chunk-UIOWILYW.js → chunk-V7OAPBQT.js} +1 -1
  144. package/dist/{chunk-ZSOUOAD4.js → chunk-V7VDYDIQ.js} +3 -4
  145. package/dist/{chunk-MP4UER4S.js → chunk-VBJVG2YA.js} +15 -6
  146. package/dist/{chunk-RKZRG2QV.js → chunk-VSCRFXJ2.js} +5 -5
  147. package/dist/{chunk-WDZO4L7Z.js → chunk-W2EX7F7K.js} +1 -1
  148. package/dist/{chunk-TLAJAVGL.js → chunk-WJE3JIRZ.js} +3 -3
  149. package/dist/{chunk-LERLQFPC.js → chunk-X4IV4VLD.js} +4 -4
  150. package/dist/{chunk-FJJG6PMV.js → chunk-XEMYAR47.js} +1 -1
  151. package/dist/{chunk-JOCKBZYP.js → chunk-XLJODMSX.js} +8 -2
  152. package/dist/{chunk-TN5C3AE3.js → chunk-YDNBMCQD.js} +8 -4
  153. package/dist/{chunk-2EAZ5H42.js → chunk-YFQIN27E.js} +1 -1
  154. package/dist/{chunk-FJ6AAK5Z.js → chunk-YZBOR2D4.js} +9 -7
  155. package/dist/{chunk-VMGVHR42.js → chunk-Z5WDAIAE.js} +2 -2
  156. package/dist/{chunk-CICKS5HQ.js → chunk-ZLL3VV5V.js} +3 -3
  157. package/dist/{chunk-WY3JOP43.js → chunk-ZRYHXQDJ.js} +1 -1
  158. package/dist/combobox/src/ComboBox.css +687 -684
  159. package/dist/combobox/src/ComboBox.js +24 -23
  160. package/dist/combobox/src/index.css +687 -684
  161. package/dist/combobox/src/index.js +24 -23
  162. package/dist/contextual-help/src/ContextualHelp.css +4165 -0
  163. package/dist/contextual-help/src/ContextualHelp.d.ts +40 -0
  164. package/dist/contextual-help/src/ContextualHelp.js +14 -0
  165. package/dist/contextual-help/src/ContextualHelpContext.d.ts +13 -0
  166. package/dist/contextual-help/src/ContextualHelpContext.js +2 -0
  167. package/dist/contextual-help/src/index.css +4165 -0
  168. package/dist/contextual-help/src/index.d.ts +10 -0
  169. package/dist/contextual-help/src/index.js +14 -0
  170. package/dist/disclosure/src/Disclosure.css +54 -47
  171. package/dist/disclosure/src/Disclosure.js +2 -2
  172. package/dist/disclosure/src/DisclosureHeader.css +61 -54
  173. package/dist/disclosure/src/DisclosureHeader.js +4 -3
  174. package/dist/disclosure/src/DisclosurePanel.css +54 -47
  175. package/dist/disclosure/src/DisclosurePanel.js +5 -5
  176. package/dist/disclosure/src/index.css +79 -72
  177. package/dist/disclosure/src/index.js +9 -9
  178. package/dist/divider/src/Divider.css +46 -39
  179. package/dist/divider/src/Divider.js +1 -1
  180. package/dist/divider/src/index.css +46 -39
  181. package/dist/divider/src/index.js +1 -1
  182. package/dist/error-message/src/ErrorMessage.css +46 -39
  183. package/dist/error-message/src/ErrorMessage.js +3 -3
  184. package/dist/error-message/src/index.css +46 -39
  185. package/dist/error-message/src/index.js +3 -3
  186. package/dist/form/src/Form.css +44 -37
  187. package/dist/form/src/Form.js +1 -1
  188. package/dist/form/src/index.css +44 -37
  189. package/dist/form/src/index.js +1 -1
  190. package/dist/header/src/Header.css +279 -0
  191. package/dist/header/src/Header.js +3 -1
  192. package/dist/header/src/HeaderContext.d.ts +13 -3
  193. package/dist/header/src/index.css +279 -0
  194. package/dist/header/src/index.d.ts +1 -1
  195. package/dist/header/src/index.js +3 -1
  196. package/dist/helper-message/src/HelperMessage.css +46 -39
  197. package/dist/helper-message/src/HelperMessage.js +3 -3
  198. package/dist/helper-message/src/index.css +46 -39
  199. package/dist/helper-message/src/index.js +3 -3
  200. package/dist/hopper-provider/src/HopperProvider.css +45 -38
  201. package/dist/hopper-provider/src/HopperProvider.js +1 -1
  202. package/dist/hopper-provider/src/index.css +45 -38
  203. package/dist/hopper-provider/src/index.js +1 -1
  204. package/dist/i18n/src/index.js +1 -1
  205. package/dist/i18n/src/useLocalizedString.js +1 -1
  206. package/dist/icon-list/src/IconList.css +45 -38
  207. package/dist/icon-list/src/IconList.js +1 -1
  208. package/dist/icon-list/src/index.css +45 -38
  209. package/dist/icon-list/src/index.js +1 -1
  210. package/dist/illustrated-message/src/IllustratedMessage.css +286 -279
  211. package/dist/illustrated-message/src/IllustratedMessage.js +2 -2
  212. package/dist/illustrated-message/src/index.css +286 -279
  213. package/dist/illustrated-message/src/index.js +2 -2
  214. package/dist/image/src/Image.css +47 -40
  215. package/dist/image/src/Image.js +3 -1
  216. package/dist/image/src/ImageContext.d.ts +13 -3
  217. package/dist/image/src/SvgImage.css +45 -38
  218. package/dist/image/src/SvgImage.js +1 -1
  219. package/dist/image/src/index.css +48 -41
  220. package/dist/image/src/index.d.ts +1 -1
  221. package/dist/image/src/index.js +4 -2
  222. package/dist/index.css +1135 -1064
  223. package/dist/index.d.ts +10 -7
  224. package/dist/index.js +116 -113
  225. package/dist/inputs/src/Input.css +48 -41
  226. package/dist/inputs/src/Input.js +1 -1
  227. package/dist/inputs/src/InputGroup.css +50 -43
  228. package/dist/inputs/src/InputGroup.js +1 -1
  229. package/dist/inputs/src/NumberField.css +74 -67
  230. package/dist/inputs/src/NumberField.js +12 -11
  231. package/dist/inputs/src/PasswordField.css +287 -280
  232. package/dist/inputs/src/PasswordField.js +12 -11
  233. package/dist/inputs/src/RemainingCharacterCount.css +47 -40
  234. package/dist/inputs/src/RemainingCharacterCount.js +4 -4
  235. package/dist/inputs/src/SearchField.css +293 -286
  236. package/dist/inputs/src/SearchField.js +13 -12
  237. package/dist/inputs/src/TextArea.css +71 -64
  238. package/dist/inputs/src/TextArea.js +11 -10
  239. package/dist/inputs/src/TextField.css +291 -284
  240. package/dist/inputs/src/TextField.js +16 -15
  241. package/dist/inputs/src/index.css +339 -332
  242. package/dist/inputs/src/index.js +22 -21
  243. package/dist/layout/src/Content.css +279 -0
  244. package/dist/layout/src/Content.js +3 -1
  245. package/dist/layout/src/ContentContext.d.ts +13 -3
  246. package/dist/layout/src/Footer.css +279 -0
  247. package/dist/layout/src/Footer.js +3 -1
  248. package/dist/layout/src/FooterContext.d.ts +13 -3
  249. package/dist/link/src/Link.css +83 -76
  250. package/dist/link/src/Link.js +4 -4
  251. package/dist/link/src/index.css +83 -76
  252. package/dist/link/src/index.js +4 -4
  253. package/dist/list-box/src/ListBox.css +318 -311
  254. package/dist/list-box/src/ListBox.js +10 -10
  255. package/dist/list-box/src/ListBoxItem.css +306 -299
  256. package/dist/list-box/src/ListBoxItem.js +7 -7
  257. package/dist/list-box/src/ListBoxItemSkeleton.css +51 -44
  258. package/dist/list-box/src/ListBoxItemSkeleton.js +1 -1
  259. package/dist/list-box/src/index.css +318 -311
  260. package/dist/list-box/src/index.js +11 -11
  261. package/dist/menu/src/Menu.css +621 -627
  262. package/dist/menu/src/Menu.js +4 -4
  263. package/dist/menu/src/MenuItem.css +125 -118
  264. package/dist/menu/src/MenuItem.js +3 -3
  265. package/dist/menu/src/MenuSection.css +46 -39
  266. package/dist/menu/src/MenuSection.js +1 -1
  267. package/dist/menu/src/index.css +648 -654
  268. package/dist/menu/src/index.js +9 -9
  269. package/dist/modal/src/BaseModal.css +59 -52
  270. package/dist/modal/src/BaseModal.js +1 -1
  271. package/dist/modal/src/CustomModal.css +60 -53
  272. package/dist/modal/src/CustomModal.js +2 -2
  273. package/dist/modal/src/Modal.css +334 -315
  274. package/dist/modal/src/Modal.js +10 -10
  275. package/dist/modal/src/index.css +335 -316
  276. package/dist/modal/src/index.js +12 -12
  277. package/dist/overlays/popover/src/Popover.css +604 -597
  278. package/dist/overlays/popover/src/Popover.js +2 -2
  279. package/dist/overlays/popover/src/PopoverBase.css +47 -44
  280. package/dist/overlays/popover/src/PopoverBase.js +1 -1
  281. package/dist/overlays/popover/src/index.css +607 -604
  282. package/dist/overlays/popover/src/index.js +3 -3
  283. package/dist/radio/src/DecorativeRadio.css +71 -64
  284. package/dist/radio/src/DecorativeRadio.js +4 -4
  285. package/dist/radio/src/Radio.css +63 -56
  286. package/dist/radio/src/Radio.js +4 -4
  287. package/dist/radio/src/RadioField.css +50 -43
  288. package/dist/radio/src/RadioField.js +3 -3
  289. package/dist/radio/src/RadioGroup.css +115 -108
  290. package/dist/radio/src/RadioGroup.js +10 -9
  291. package/dist/radio/src/index.css +115 -108
  292. package/dist/radio/src/index.js +14 -13
  293. package/dist/segmented-control/src/SegmentedControl.css +45 -38
  294. package/dist/segmented-control/src/SegmentedControl.js +2 -2
  295. package/dist/segmented-control/src/SegmentedControlItem.css +59 -52
  296. package/dist/segmented-control/src/SegmentedControlItem.js +4 -4
  297. package/dist/segmented-control/src/index.css +60 -53
  298. package/dist/segmented-control/src/index.js +5 -5
  299. package/dist/select/src/Select.css +631 -628
  300. package/dist/select/src/Select.js +23 -22
  301. package/dist/select/src/SelectValue.css +105 -98
  302. package/dist/select/src/SelectValue.js +4 -4
  303. package/dist/select/src/index.css +631 -628
  304. package/dist/select/src/index.js +23 -22
  305. package/dist/spinner/src/Spinner.css +54 -47
  306. package/dist/spinner/src/Spinner.js +3 -3
  307. package/dist/spinner/src/index.css +54 -47
  308. package/dist/spinner/src/index.js +3 -3
  309. package/dist/switch/src/Switch.css +60 -53
  310. package/dist/switch/src/Switch.js +4 -4
  311. package/dist/switch/src/SwitchField.css +50 -43
  312. package/dist/switch/src/SwitchField.js +4 -4
  313. package/dist/switch/src/index.css +66 -59
  314. package/dist/switch/src/index.js +6 -6
  315. package/dist/tabs/src/Tab.css +457 -450
  316. package/dist/tabs/src/Tab.js +4 -4
  317. package/dist/tabs/src/TabLine.css +46 -39
  318. package/dist/tabs/src/TabLine.js +1 -1
  319. package/dist/tabs/src/TabList.css +53 -46
  320. package/dist/tabs/src/TabList.js +2 -2
  321. package/dist/tabs/src/TabPanel.css +46 -39
  322. package/dist/tabs/src/TabPanel.js +1 -1
  323. package/dist/tabs/src/index.css +468 -461
  324. package/dist/tabs/src/index.js +7 -7
  325. package/dist/tag/src/Tag.css +435 -428
  326. package/dist/tag/src/Tag.js +9 -9
  327. package/dist/tag/src/TagGroup.css +54 -47
  328. package/dist/tag/src/TagGroup.js +9 -8
  329. package/dist/tag/src/index.css +445 -438
  330. package/dist/tag/src/index.js +14 -13
  331. package/dist/tile/src/Tile.css +53 -46
  332. package/dist/tile/src/Tile.js +3 -3
  333. package/dist/tile/src/TileGroup.css +45 -38
  334. package/dist/tile/src/TileGroup.js +2 -2
  335. package/dist/tile/src/index.css +54 -47
  336. package/dist/tile/src/index.js +5 -5
  337. package/dist/toggle-arrow/src/ToggleArrow.css +46 -39
  338. package/dist/toggle-arrow/src/ToggleArrow.js +1 -1
  339. package/dist/toggle-arrow/src/index.css +46 -39
  340. package/dist/toggle-arrow/src/index.js +1 -1
  341. package/dist/tooltip/src/Tooltip.css +54 -47
  342. package/dist/tooltip/src/Tooltip.js +4 -4
  343. package/dist/tooltip/src/TooltipTrigger.css +44 -37
  344. package/dist/tooltip/src/index.css +54 -47
  345. package/dist/tooltip/src/index.js +5 -5
  346. package/dist/typography/heading/src/Heading.css +44 -37
  347. package/dist/typography/heading/src/Heading.js +3 -1
  348. package/dist/typography/heading/src/HeadingContext.d.ts +13 -3
  349. package/dist/typography/heading/src/index.css +44 -37
  350. package/dist/typography/heading/src/index.d.ts +1 -1
  351. package/dist/typography/heading/src/index.js +3 -1
  352. package/dist/typography/label/src/FieldLabel.css +279 -0
  353. package/dist/typography/label/src/FieldLabel.d.ts +30 -0
  354. package/dist/typography/label/src/FieldLabel.js +8 -0
  355. package/dist/typography/label/src/Label.css +52 -45
  356. package/dist/typography/label/src/Label.d.ts +0 -10
  357. package/dist/typography/label/src/Label.js +1 -4
  358. package/dist/typography/label/src/LabelContext.d.ts +1 -3
  359. package/dist/typography/label/src/index.css +44 -37
  360. package/dist/typography/label/src/index.d.ts +4 -2
  361. package/dist/typography/label/src/index.js +4 -3
  362. package/dist/typography/overline-text/src/OverlineText.css +44 -37
  363. package/dist/typography/overline-text/src/OverlineText.js +1 -1
  364. package/dist/typography/overline-text/src/index.css +44 -37
  365. package/dist/typography/overline-text/src/index.js +1 -1
  366. package/dist/typography/paragraph/src/Paragraph.css +44 -37
  367. package/dist/typography/paragraph/src/Paragraph.js +3 -3
  368. package/dist/typography/paragraph/src/index.css +44 -37
  369. package/dist/typography/paragraph/src/index.js +3 -3
  370. package/dist/typography/text/src/Text.css +44 -37
  371. package/dist/typography/text/src/Text.js +2 -2
  372. package/dist/typography/text/src/index.css +44 -37
  373. package/dist/typography/text/src/index.js +2 -2
  374. package/dist/utils/src/ClearSlots.css +44 -37
  375. package/dist/utils/src/ClearSlots.d.ts +1 -2
  376. package/dist/utils/src/ClearSlots.js +1 -1
  377. package/dist/utils/src/EnsureTextWrapper.css +44 -37
  378. package/dist/utils/src/EnsureTextWrapper.js +3 -3
  379. package/dist/utils/src/index.css +44 -37
  380. package/dist/utils/src/index.d.ts +1 -1
  381. package/dist/utils/src/index.js +3 -3
  382. package/dist/utils/src/types.d.ts +4 -0
  383. package/package.json +1 -1
  384. package/dist/chunk-67EKVQAF.js +0 -121
@@ -1,11 +1,11 @@
1
- import { _DecorativeRadio } from './chunk-RNVPPIZQ.js';
1
+ import { _DecorativeRadio } from './chunk-RIFW5PYW.js';
2
2
  import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
3
- import { _ListBoxItemSkeleton } from './chunk-LAN2LJO2.js';
4
- import { _DecorativeCheckbox } from './chunk-ARCWWXRR.js';
3
+ import { _ListBoxItemSkeleton } from './chunk-AX3SYX3G.js';
4
+ import { _DecorativeCheckbox } from './chunk-PQVBUEXC.js';
5
5
  import { BadgeContext } from './chunk-ZSFJVMJN.js';
6
6
  import { AvatarContext } from './chunk-FA26RZSE.js';
7
7
  import { IconListContext } from './chunk-GBWXEK6N.js';
8
- import { ensureTextWrapper } from './chunk-KUGVMCIB.js';
8
+ import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
9
9
  import { TextContext } from './chunk-ZNOU2CGM.js';
10
10
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
11
11
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
18
18
  import { jsx, jsxs } from 'react/jsx-runtime';
19
19
 
20
20
  // css-module:./ListBoxItem.module.css#css-module
21
- var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___w4UBW", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___Ru2z-", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___BC5Bl", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___nmSsR", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___8bSG1", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___QYxKD", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___AavY1", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___liI0G", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___0BXKg", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___YHKfh", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___OH9G7", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___c0Mg1", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___-Au8H", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___6ltHn", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___wWwI1", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___kDNVb", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___9WZlM" };
21
+ var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___BJFwm", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___C3DWZ", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___kkqrK", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___WuaWQ", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___IjSL2", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___FXwnT", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___4i-g1", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___yaCZn", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___kSSTz", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___0uY-0", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___tr3eK", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___EIeaN", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___sNOpK", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-oyrC", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___kT6s1", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___qJatC", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___C1SqW" };
22
22
  var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
23
23
  var ListBoxItemToIconSizeAdapter = {
24
24
  xs: "sm",
@@ -7,7 +7,7 @@ import { useContextProps, composeRenderProps, Popover } from 'react-aria-compone
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  // css-module:./PopoverBase.module.css#css-module
10
- var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___3P7KO" };
10
+ var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___31efu" };
11
11
  var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
12
12
  function PopoverBase(props, ref) {
13
13
  var _a;
@@ -1,8 +1,8 @@
1
1
  import { RadioFieldContext } from './chunk-DGLAGYBD.js';
2
2
  import { RadioContext } from './chunk-FU5CCPLP.js';
3
3
  import { useRenderProps } from './chunk-2NSUMKNH.js';
4
- import { _Text } from './chunk-CQHB3HRC.js';
5
- import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
4
+ import { _Text } from './chunk-L7DSMPLQ.js';
5
+ import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
6
6
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
7
7
  import { SlotProvider } from './chunk-M36KANKC.js';
8
8
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
14
14
  import { jsx, jsxs } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./RadioField.module.css#css-module
17
- var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___5B3-x", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___a9--Z", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___M1tBj", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___avVpF", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___-qcpe" };
17
+ var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___RAV19", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___Z2a5J", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___GeCMi", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___Y7cUM", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___XYtjJ" };
18
18
  var GlobalRadioFieldCssSelector = "hop-RadioField";
19
19
  var RadioToDescriptionSizeAdapter = {
20
20
  sm: "xs",
@@ -1,9 +1,9 @@
1
1
  import { useImageFallback } from './chunk-QJ5FQN3N.js';
2
- import { _BrokenAvatar } from './chunk-YWNBO3UY.js';
2
+ import { _BrokenAvatar } from './chunk-OABMTS4J.js';
3
3
  import { AvatarContext } from './chunk-FA26RZSE.js';
4
4
  import { useRenderProps } from './chunk-2NSUMKNH.js';
5
- import { _Text } from './chunk-CQHB3HRC.js';
6
- import { ClearContainerSlots } from './chunk-WJ55ZV54.js';
5
+ import { _Text } from './chunk-L7DSMPLQ.js';
6
+ import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
7
7
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
8
8
  import { cssModule } from './chunk-KVDXQMWI.js';
9
9
  import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
13
13
  import { jsx } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./Avatar.module.css#css-module
16
- var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___-m4sl", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___voEj-", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___VEWZ9", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___WRFOH", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___JaNW3", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___Ov8Y8", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___Ti4UJ", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___g6oOE", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___u-zDc", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___WhCPz", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___GesJz", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___-23ZH", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___CQmNQ", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___ogvs7", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___HA21y", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___THrCC", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___owC-L" };
16
+ var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___Ihw-T", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___wUBE6", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___zFiEI", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___gGnf1", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___59OtB", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___zCYTU", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___lpaAF", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___x2qeq", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___2unk3", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___rOlnd", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___FxzGH", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___4y8u9", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___jliDF", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___Qy8IM", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___AEFBt", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___qaNLY", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___4XmMJ" };
17
17
  var GlobalAvatarCssSelector = "hop-Avatar";
18
18
  var AvatarToTextSizeAdapter = {
19
19
  xs: "xs",
@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  // css-module:./TabPanel.module.css#css-module
10
- var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___pTsoz" };
10
+ var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___i8LnZ" };
11
11
  var GlobalTabPanelCssSelector = "hop-TabPanel";
12
12
  function TabPanel(props, ref) {
13
13
  [props, ref] = useContextProps(props, ref, TabPanelContext);
@@ -1,4 +1,5 @@
1
1
  import { HeaderContext } from './chunk-FOQ7KN4V.js';
2
+ import { ClearProviders } from './chunk-PQSMCDAM.js';
2
3
  import { slot, useStyledSystem } from '@hopper-ui/styled-system';
3
4
  import clsx from 'clsx';
4
5
  import { forwardRef } from 'react';
@@ -14,8 +15,13 @@ function Header(props, ref) {
14
15
  children,
15
16
  style,
16
17
  slot,
18
+ isHidden,
19
+ clearContexts,
17
20
  ...otherProps
18
21
  } = ownProps;
22
+ if (isHidden) {
23
+ return null;
24
+ }
19
25
  const classNames = clsx(
20
26
  GlobalHeaderCssSelector,
21
27
  stylingProps.className,
@@ -25,7 +31,7 @@ function Header(props, ref) {
25
31
  ...stylingProps.style,
26
32
  ...style
27
33
  };
28
- return /* @__PURE__ */ jsx(
34
+ return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
29
35
  Header$1,
30
36
  {
31
37
  ref,
@@ -35,7 +41,7 @@ function Header(props, ref) {
35
41
  ...otherProps,
36
42
  children
37
43
  }
38
- );
44
+ ) });
39
45
  }
40
46
  var _Header = slot("header", forwardRef(Header));
41
47
  _Header.displayName = "Header";
@@ -1,4 +1,5 @@
1
1
  import { HeadingContext } from './chunk-WJRMD4JP.js';
2
+ import { ClearProviders } from './chunk-PQSMCDAM.js';
2
3
  import { cssModule } from './chunk-KVDXQMWI.js';
3
4
  import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
4
5
  import clsx from 'clsx';
@@ -7,13 +8,16 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
7
8
  import { jsx } from 'react/jsx-runtime';
8
9
 
9
10
  // css-module:./Heading.module.css#css-module
10
- var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___3N-BS", "hop-Heading--xs": "Heading-module__hop-Heading--xs___AIoE1", "hop-Heading--sm": "Heading-module__hop-Heading--sm___C-5Tn", "hop-Heading--md": "Heading-module__hop-Heading--md___ptBBh", "hop-Heading--lg": "Heading-module__hop-Heading--lg___MhXsB", "hop-Heading--xl": "Heading-module__hop-Heading--xl___jMCo1", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___N864S", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___ev4Cg" };
11
+ var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___f8I5B", "hop-Heading--xs": "Heading-module__hop-Heading--xs___RO7T9", "hop-Heading--sm": "Heading-module__hop-Heading--sm___u2TRR", "hop-Heading--md": "Heading-module__hop-Heading--md___BFmdf", "hop-Heading--lg": "Heading-module__hop-Heading--lg___hMrrH", "hop-Heading--xl": "Heading-module__hop-Heading--xl___gQz6L", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___9oHXD", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___7ZGiB" };
11
12
  var GlobalHeadingCssSelector = "hop-Heading";
12
13
  function Heading(props, ref) {
13
14
  [props, ref] = useContextProps(props, ref, HeadingContext);
14
15
  const { stylingProps, ...ownProps } = useStyledSystem(props);
15
- const { className, size: sizeProp, children, style, ...otherProps } = ownProps;
16
+ const { className, size: sizeProp, children, style, isHidden, clearContexts, ...otherProps } = ownProps;
16
17
  const size = useResponsiveValue(sizeProp != null ? sizeProp : "md");
18
+ if (isHidden) {
19
+ return null;
20
+ }
17
21
  const classNames = clsx(
18
22
  GlobalHeadingCssSelector,
19
23
  cssModule(
@@ -28,7 +32,7 @@ function Heading(props, ref) {
28
32
  ...stylingProps.style,
29
33
  ...style
30
34
  };
31
- return /* @__PURE__ */ jsx(
35
+ return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
32
36
  Heading$1,
33
37
  {
34
38
  ref,
@@ -37,7 +41,7 @@ function Heading(props, ref) {
37
41
  ...otherProps,
38
42
  children
39
43
  }
40
- );
44
+ ) });
41
45
  }
42
46
  var _Heading = slot("heading", forwardRef(Heading));
43
47
  _Heading.displayName = "Heading";
@@ -6,7 +6,7 @@ import { I18nProvider, RouterProvider } from 'react-aria-components';
6
6
  import { jsx } from 'react/jsx-runtime';
7
7
 
8
8
  // css-module:./HopperProvider.module.css#css-module
9
- var HopperProvider_module_default = { "hop-HopperProvider": "HopperProvider-module__hop-HopperProvider___fR-AZ" };
9
+ var HopperProvider_module_default = { "hop-HopperProvider": "HopperProvider-module__hop-HopperProvider___1mjTd" };
10
10
  var GlobalHopperProviderCssSelector = "hop-HopperProvider";
11
11
  var HopperContext = createContext(null);
12
12
  function useHopperContext() {
@@ -1,10 +1,10 @@
1
1
  import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
2
- import { _Label } from './chunk-SINPHU2Z.js';
3
- import { _HelperMessage } from './chunk-W53AAAUA.js';
4
- import { _ErrorMessage } from './chunk-HCFKAC4T.js';
2
+ import { FieldLabel } from './chunk-PDWWX5JI.js';
3
+ import { _HelperMessage } from './chunk-DEFXMEBJ.js';
4
+ import { _ErrorMessage } from './chunk-23WYVBUK.js';
5
5
  import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
6
6
  import { CheckboxContext } from './chunk-2EAZPH3M.js';
7
- import { useFormProps } from './chunk-R4ICRVDS.js';
7
+ import { useFormProps } from './chunk-HQJZSCV7.js';
8
8
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
9
9
  import { SlotProvider } from './chunk-M36KANKC.js';
10
10
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
15
15
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
16
16
 
17
17
  // css-module:./CheckboxGroup.module.css#css-module
18
- var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___CmrWe", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___1cb5p", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___KgGFp", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___C-B-K", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___kuRzl", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___1WGEL", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___Eb-jg", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___HNYuL", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___g8hu7" };
18
+ var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___3meDG", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___3XedT", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ" };
19
19
  var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
20
20
  function CheckboxGroup(props, ref) {
21
21
  var _a, _b, _c;
@@ -26,6 +26,7 @@ function CheckboxGroup(props, ref) {
26
26
  const {
27
27
  className,
28
28
  children: childrenProp,
29
+ contextualHelp,
29
30
  description,
30
31
  errorMessage,
31
32
  isDisabled,
@@ -111,10 +112,11 @@ function CheckboxGroup(props, ref) {
111
112
  "data-orientation": orientation,
112
113
  ...otherProps,
113
114
  children: (checkboxGroupRenderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
114
- label && /* @__PURE__ */ jsx(
115
- _Label,
115
+ /* @__PURE__ */ jsx(
116
+ FieldLabel,
116
117
  {
117
118
  className: CheckboxGroup_module_default["hop-CheckboxGroup__label"],
119
+ contextualHelp,
118
120
  isRequired,
119
121
  necessityIndicator,
120
122
  children: label
@@ -1,5 +1,5 @@
1
- import { SegmentedControlContext, InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
2
1
  import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
2
+ import { SegmentedControlContext, InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
3
3
  import { cssModule } from './chunk-KVDXQMWI.js';
4
4
  import { useStyledSystem } from '@hopper-ui/styled-system';
5
5
  import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
8
8
  import { jsx } from 'react/jsx-runtime';
9
9
 
10
10
  // css-module:./SegmentedControl.module.css#css-module
11
- var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___wHEzq" };
11
+ var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___At4yB" };
12
12
  var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
13
13
  var SegmentedControl = (props, ref) => {
14
14
  [props, ref] = useContextProps(props, ref, SegmentedControlContext);
@@ -1,5 +1,5 @@
1
- import { _Heading } from './chunk-TN5C3AE3.js';
2
- import { _ToggleArrow } from './chunk-UIOWILYW.js';
1
+ import { _Heading } from './chunk-YDNBMCQD.js';
2
+ import { _ToggleArrow } from './chunk-V7OAPBQT.js';
3
3
  import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
4
4
  import { DisclosureContext } from './chunk-U4HRZ6DN.js';
5
5
  import { TextContext } from './chunk-ZNOU2CGM.js';
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
14
14
  import { jsx, jsxs } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./DisclosureHeader.module.css#css-module
17
- var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___JqQyE", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___RPmNR", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___bqGLn", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___BsIZQ", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___nRc1a", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___q0cGu" };
17
+ var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___uYKMr", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___9YFbf", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___8Omli", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___6T630", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___xgjLS", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___tpChL" };
18
18
  var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
19
19
  function DisclosureHeader(props, ref) {
20
20
  [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);
@@ -1,5 +1,5 @@
1
1
  import { AvatarContext } from './chunk-FA26RZSE.js';
2
- import { _RichIconAvatarImage } from './chunk-XKREPRGK.js';
2
+ import { _RichIconAvatarImage } from './chunk-AV7XDPXN.js';
3
3
  import { useRenderProps } from './chunk-2NSUMKNH.js';
4
4
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
5
5
  import { DeletedUserRichIcon } from '@hopper-ui/icons';