@hopper-ui/components 1.0.6 → 1.0.8

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 (237) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +5 -5
  6. package/dist/Avatar/src/AvatarContext.js +1 -1
  7. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  8. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  9. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  10. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  11. package/dist/Avatar/src/RichIconAvatarImageContext.js +1 -1
  12. package/dist/Avatar/src/index.css +37 -37
  13. package/dist/Avatar/src/index.js +7 -7
  14. package/dist/Avatar/src/useImageFallback.js +1 -1
  15. package/dist/Badge/src/Badge.css +10 -10
  16. package/dist/Badge/src/Badge.js +3 -3
  17. package/dist/Badge/src/BadgeContext.js +1 -1
  18. package/dist/Badge/src/index.css +10 -10
  19. package/dist/Badge/src/index.js +3 -3
  20. package/dist/Chip/src/Chip.css +33 -33
  21. package/dist/Chip/src/Chip.js +3 -3
  22. package/dist/Chip/src/ChipContext.js +1 -1
  23. package/dist/Chip/src/index.css +33 -33
  24. package/dist/Chip/src/index.js +3 -3
  25. package/dist/Divider/src/Divider.css +2 -2
  26. package/dist/Divider/src/Divider.js +2 -2
  27. package/dist/Divider/src/DividerContext.js +1 -1
  28. package/dist/Divider/src/index.css +2 -2
  29. package/dist/Divider/src/index.js +2 -2
  30. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  32. package/dist/ErrorMessage/src/ErrorMessageContext.js +1 -1
  33. package/dist/ErrorMessage/src/index.css +11 -11
  34. package/dist/ErrorMessage/src/index.js +3 -3
  35. package/dist/Header/src/Header.js +1 -1
  36. package/dist/Header/src/HeaderContext.js +1 -1
  37. package/dist/Header/src/index.js +1 -1
  38. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  40. package/dist/HelperMessage/src/HelperMessageContext.js +1 -1
  41. package/dist/HelperMessage/src/index.css +11 -11
  42. package/dist/HelperMessage/src/index.js +3 -3
  43. package/dist/HopperProvider/src/HopperProvider.js +1 -1
  44. package/dist/HopperProvider/src/index.js +1 -1
  45. package/dist/IconList/src/IconList.css +1 -1
  46. package/dist/IconList/src/IconList.js +2 -2
  47. package/dist/IconList/src/IconListContext.js +1 -1
  48. package/dist/IconList/src/index.css +1 -1
  49. package/dist/IconList/src/index.js +2 -2
  50. package/dist/Link/src/Link.css +31 -31
  51. package/dist/Link/src/Link.js +3 -3
  52. package/dist/Link/src/LinkContext.js +1 -1
  53. package/dist/Link/src/index.css +31 -31
  54. package/dist/Link/src/index.js +3 -3
  55. package/dist/ListBox/src/ListBox.css +175 -175
  56. package/dist/ListBox/src/ListBox.js +12 -12
  57. package/dist/ListBox/src/ListBoxContext.js +1 -1
  58. package/dist/ListBox/src/ListBoxItem.css +160 -160
  59. package/dist/ListBox/src/ListBoxItem.js +11 -11
  60. package/dist/ListBox/src/ListBoxItemContext.js +1 -1
  61. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  62. package/dist/ListBox/src/ListBoxItemSkeleton.js +2 -2
  63. package/dist/ListBox/src/ListBoxItemSkeletonContext.js +1 -1
  64. package/dist/ListBox/src/index.css +175 -175
  65. package/dist/ListBox/src/index.js +12 -12
  66. package/dist/ListBox/src/useLoadOnScroll.js +1 -1
  67. package/dist/Section/src/Section.js +1 -1
  68. package/dist/Section/src/SectionContext.js +1 -1
  69. package/dist/Section/src/index.js +1 -1
  70. package/dist/Spinner/src/Spinner.css +19 -19
  71. package/dist/Spinner/src/Spinner.js +3 -3
  72. package/dist/Spinner/src/SpinnerContext.js +1 -1
  73. package/dist/Spinner/src/index.css +19 -19
  74. package/dist/Spinner/src/index.js +3 -3
  75. package/dist/buttons/src/Button.css +103 -103
  76. package/dist/buttons/src/Button.js +6 -6
  77. package/dist/buttons/src/ButtonContext.js +1 -1
  78. package/dist/buttons/src/ButtonGroup.css +11 -11
  79. package/dist/buttons/src/ButtonGroup.js +2 -2
  80. package/dist/buttons/src/ButtonGroupContext.js +1 -1
  81. package/dist/buttons/src/ClearButton.css +12 -12
  82. package/dist/buttons/src/ClearButton.js +4 -4
  83. package/dist/buttons/src/ClearButtonContext.js +1 -1
  84. package/dist/buttons/src/EmbeddedButton.css +12 -12
  85. package/dist/buttons/src/EmbeddedButton.js +2 -2
  86. package/dist/buttons/src/EmbeddedButtonContext.js +1 -1
  87. package/dist/buttons/src/index.css +126 -126
  88. package/dist/buttons/src/index.js +9 -9
  89. package/dist/checkbox/src/Checkbox.css +31 -31
  90. package/dist/checkbox/src/Checkbox.js +3 -3
  91. package/dist/checkbox/src/CheckboxContext.js +1 -1
  92. package/dist/checkbox/src/CheckboxField.css +15 -15
  93. package/dist/checkbox/src/CheckboxField.js +2 -2
  94. package/dist/checkbox/src/CheckboxFieldContext.js +1 -1
  95. package/dist/checkbox/src/CheckboxGroup.css +66 -66
  96. package/dist/checkbox/src/CheckboxGroup.js +4 -4
  97. package/dist/checkbox/src/CheckboxGroupContext.js +1 -1
  98. package/dist/checkbox/src/CheckboxList.js +1 -1
  99. package/dist/checkbox/src/CheckboxListContext.js +1 -1
  100. package/dist/checkbox/src/index.css +66 -66
  101. package/dist/checkbox/src/index.js +8 -8
  102. package/dist/{chunk-JUMJ6A3K.js → chunk-2O5GW4WZ.js} +1 -1
  103. package/dist/{chunk-BKC74M6Y.js → chunk-2PZTP7OD.js} +1 -1
  104. package/dist/{chunk-RG4JKE4N.js → chunk-375NGVSY.js} +1 -1
  105. package/dist/{chunk-SOSHKMNI.js → chunk-576NZEOZ.js} +2 -2
  106. package/dist/{chunk-E4WFKXW4.js → chunk-5YCINTI3.js} +4 -4
  107. package/dist/{chunk-J53HGLCT.js → chunk-6FJ6VT7L.js} +1 -1
  108. package/dist/{chunk-6QMIRVLY.js → chunk-7F63PQML.js} +1 -1
  109. package/dist/{chunk-E4ALW4MZ.js → chunk-B2NAEXNH.js} +9 -9
  110. package/dist/chunk-BHRRVORW.js +625 -0
  111. package/dist/{chunk-F2URSFJA.js → chunk-C5SNXNGO.js} +2 -2
  112. package/dist/{chunk-ITQK6JTD.js → chunk-DERV7IO4.js} +1 -1
  113. package/dist/{chunk-OHB5QR5P.js → chunk-FJYIXPAV.js} +2 -2
  114. package/dist/{chunk-RA7PM75O.js → chunk-FX7SCMAB.js} +5 -5
  115. package/dist/{chunk-XRC7XE6B.js → chunk-GEDAZSYP.js} +2 -2
  116. package/dist/{chunk-53FHDOG7.js → chunk-GVS7P3EP.js} +2 -2
  117. package/dist/{chunk-3LH2JHUO.js → chunk-HJGIOIZH.js} +3 -3
  118. package/dist/{chunk-4TXFHYHL.js → chunk-HK6NUAOU.js} +1 -1
  119. package/dist/{chunk-K4ZGI7DJ.js → chunk-IGDXWHDV.js} +1 -1
  120. package/dist/{chunk-QBCCF2C2.js → chunk-J3FFNHVC.js} +2 -2
  121. package/dist/{chunk-2P3A4VVY.js → chunk-JSBRDJBE.js} +1 -6
  122. package/dist/{chunk-MVRI6GLQ.js → chunk-JYS47NMI.js} +2 -2
  123. package/dist/{chunk-XGKPMLYD.js → chunk-KC5DWQN5.js} +4 -4
  124. package/dist/chunk-KUOVH2WS.js +57 -0
  125. package/dist/{chunk-P5CWOV3L.js → chunk-LAYIMWCS.js} +2 -2
  126. package/dist/{chunk-3A6TTZAA.js → chunk-LD4PHTV5.js} +1 -1
  127. package/dist/chunk-LJXTJRSB.js +1 -0
  128. package/dist/{chunk-HR25MLRP.js → chunk-LYGSWKBB.js} +1 -1
  129. package/dist/{chunk-2XUHTPCX.js → chunk-O3B5AAY5.js} +2 -2
  130. package/dist/{chunk-G242LPQE.js → chunk-PFQFQTAW.js} +2 -2
  131. package/dist/{chunk-V5GOY6TV.js → chunk-Q4P2MTYE.js} +1 -1
  132. package/dist/{chunk-37NW34QM.js → chunk-Q6XETWRV.js} +3 -3
  133. package/dist/chunk-QVK2N2AZ.js +119 -0
  134. package/dist/{chunk-MED2BIDV.js → chunk-RERJ4IWC.js} +1 -1
  135. package/dist/chunk-SVUAG4RI.js +156 -0
  136. package/dist/{chunk-RCX5B3S3.js → chunk-T3KA26BR.js} +1 -1
  137. package/dist/{chunk-4JAV3FIH.js → chunk-VILNMAVP.js} +2 -2
  138. package/dist/chunk-WWLAPWPS.js +118 -0
  139. package/dist/{chunk-JRDN364E.js → chunk-XGLY57N7.js} +2 -2
  140. package/dist/{chunk-ZOTVZM6F.js → chunk-YEYNRBMQ.js} +1 -1
  141. package/dist/{chunk-J33IFG4U.js → chunk-YORVWKUU.js} +1 -1
  142. package/dist/i18n/src/index.js +2 -2
  143. package/dist/i18n/src/useLocalizedString.js +2 -2
  144. package/dist/index.css +3297 -0
  145. package/dist/index.d.ts +113 -0
  146. package/dist/index.js +107 -0
  147. package/dist/inputs/src/InputGroup.css +12 -12
  148. package/dist/inputs/src/InputGroup.js +2 -2
  149. package/dist/inputs/src/InputGroupContext.js +1 -1
  150. package/dist/inputs/src/PasswordField.css +229 -2405
  151. package/dist/inputs/src/PasswordField.js +12 -91
  152. package/dist/inputs/src/PasswordFieldContext.js +1 -1
  153. package/dist/inputs/src/SearchField.css +235 -2390
  154. package/dist/inputs/src/SearchField.js +13 -90
  155. package/dist/inputs/src/SearchFieldContext.js +1 -1
  156. package/dist/inputs/src/TextField.css +230 -2402
  157. package/dist/inputs/src/TextField.js +14 -90
  158. package/dist/inputs/src/TextFieldContext.js +1 -1
  159. package/dist/inputs/src/index.css +219 -2302
  160. package/dist/inputs/src/index.js +17 -89
  161. package/dist/layout/src/Content.js +1 -1
  162. package/dist/layout/src/ContentContext.js +1 -1
  163. package/dist/layout/src/Flex.js +1 -1
  164. package/dist/layout/src/Footer.js +1 -1
  165. package/dist/layout/src/FooterContext.js +1 -1
  166. package/dist/layout/src/Grid.js +1 -1
  167. package/dist/layout/src/Inline.js +1 -1
  168. package/dist/layout/src/Stack.js +1 -1
  169. package/dist/layout/src/grid-helpers.js +1 -1
  170. package/dist/overlays/Popover/src/Popover.css +457 -457
  171. package/dist/overlays/Popover/src/Popover.js +54 -49
  172. package/dist/overlays/Popover/src/PopoverContext.js +1 -1
  173. package/dist/overlays/Popover/src/PopoverTrigger.js +1 -1
  174. package/dist/overlays/Popover/src/index.css +457 -457
  175. package/dist/overlays/Popover/src/index.js +54 -49
  176. package/dist/radio/src/Radio.css +31 -31
  177. package/dist/radio/src/Radio.js +3 -3
  178. package/dist/radio/src/RadioContext.js +1 -1
  179. package/dist/radio/src/RadioField.css +15 -15
  180. package/dist/radio/src/RadioField.js +2 -2
  181. package/dist/radio/src/RadioFieldContext.js +1 -1
  182. package/dist/radio/src/RadioGroup.css +66 -66
  183. package/dist/radio/src/RadioGroup.js +3 -3
  184. package/dist/radio/src/RadioGroupContext.js +1 -1
  185. package/dist/radio/src/RadioList.js +1 -1
  186. package/dist/radio/src/RadioListContext.js +1 -1
  187. package/dist/radio/src/index.css +66 -66
  188. package/dist/radio/src/index.js +6 -6
  189. package/dist/switch/src/Switch.css +25 -25
  190. package/dist/switch/src/Switch.js +3 -3
  191. package/dist/switch/src/SwitchContext.js +1 -1
  192. package/dist/switch/src/SwitchField.css +15 -15
  193. package/dist/switch/src/SwitchField.js +3 -3
  194. package/dist/switch/src/SwitchFieldContext.js +1 -1
  195. package/dist/switch/src/index.css +31 -31
  196. package/dist/switch/src/index.js +5 -5
  197. package/dist/tag/src/Tag.css +457 -457
  198. package/dist/tag/src/Tag.js +54 -49
  199. package/dist/tag/src/TagContext.js +1 -1
  200. package/dist/tag/src/TagGroup.css +28 -28
  201. package/dist/tag/src/TagGroup.js +4 -4
  202. package/dist/tag/src/TagGroupContext.js +1 -1
  203. package/dist/tag/src/TagList.js +1 -1
  204. package/dist/tag/src/TagListContext.js +1 -1
  205. package/dist/tag/src/index.css +457 -457
  206. package/dist/tag/src/index.js +54 -49
  207. package/dist/typography/Heading/src/Heading.css +9 -3222
  208. package/dist/typography/Heading/src/Heading.js +2 -100
  209. package/dist/typography/Heading/src/HeadingContext.js +1 -1
  210. package/dist/typography/Heading/src/index.css +9 -3222
  211. package/dist/typography/Heading/src/index.js +2 -100
  212. package/dist/typography/Label/src/Label.css +9 -9
  213. package/dist/typography/Label/src/Label.js +2 -2
  214. package/dist/typography/Label/src/LabelContext.js +1 -1
  215. package/dist/typography/Label/src/index.css +9 -9
  216. package/dist/typography/Label/src/index.js +2 -2
  217. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  218. package/dist/typography/OverlineText/src/OverlineText.js +2 -2
  219. package/dist/typography/OverlineText/src/OverlineTextContext.js +1 -1
  220. package/dist/typography/OverlineText/src/index.css +6 -6
  221. package/dist/typography/OverlineText/src/index.js +2 -2
  222. package/dist/typography/Text/src/Text.css +9 -9
  223. package/dist/typography/Text/src/Text.js +2 -2
  224. package/dist/typography/Text/src/TextContext.js +1 -1
  225. package/dist/typography/Text/src/index.css +9 -9
  226. package/dist/typography/Text/src/index.js +2 -2
  227. package/dist/utils/src/ClearSlots.js +1 -1
  228. package/dist/utils/src/SlotProvider.js +1 -1
  229. package/dist/utils/src/assertion.js +1 -1
  230. package/dist/utils/src/composeClassnameRenderProps.js +1 -1
  231. package/dist/utils/src/cssModule.js +1 -1
  232. package/dist/utils/src/index.js +1 -1
  233. package/dist/utils/src/isTextOnlyChildren.js +1 -1
  234. package/dist/utils/src/useRenderProps.js +1 -1
  235. package/dist/utils/src/useSlot.js +1 -1
  236. package/package.json +4 -2
  237. package/dist/chunk-BC5A7RHI.js +0 -1260
@@ -2,13 +2,13 @@ import { isFunction } from './chunk-TIPN4VYD.js';
2
2
  import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
3
3
  import { SectionContext } from './chunk-5H5AZJPQ.js';
4
4
  import { ListBoxContext } from './chunk-UIEP5BA5.js';
5
- import { _ListBoxItem } from './chunk-E4ALW4MZ.js';
6
- import { useLocalizedString } from './chunk-ZOTVZM6F.js';
7
- import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
5
+ import { _ListBoxItem } from './chunk-B2NAEXNH.js';
6
+ import { useLocalizedString } from './chunk-YEYNRBMQ.js';
8
7
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
8
+ import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
9
9
  import { HeaderContext } from './chunk-7JOGKC3W.js';
10
10
  import { DividerContext } from './chunk-FYIHMKHI.js';
11
- import { _Text } from './chunk-RG4JKE4N.js';
11
+ import { _Text } from './chunk-375NGVSY.js';
12
12
  import { SlotProvider } from './chunk-M36KANKC.js';
13
13
  import { cssModule } from './chunk-KVDXQMWI.js';
14
14
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
18
18
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
19
19
 
20
20
  // css-module:./ListBox.module.css#css-module
21
- var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___SARwA", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___Imbbr", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___EdImM", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___-dZ1Z", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___F18mO", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___5vc2s" };
21
+ var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___craXV", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___-cR7i", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___QGhIi", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___3MWzg", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___BXkTL", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___FO3MM" };
22
22
  var GlobalListBoxCssSelector = "hop-ListBox";
23
23
  var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
24
24
  var ListBoxToTextSizeAdapter = {
@@ -1,5 +1,5 @@
1
- import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
2
1
  import { SwitchContext } from './chunk-YHBJAXUY.js';
2
+ import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
3
3
  import { TextContext } from './chunk-X6SER3TZ.js';
4
4
  import { SlotProvider } from './chunk-M36KANKC.js';
5
5
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
11
11
  import { jsx } from 'react/jsx-runtime';
12
12
 
13
13
  // css-module:./SwitchField.module.css#css-module
14
- var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___w3L7V", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___xSnx9", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___lEJk0", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___qqhZZ", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___sDRnX" };
14
+ var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___RE0VV", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___irl7M", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___HsLOC", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___MQlDd", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___ih0EU" };
15
15
  var GlobalSwitchFieldCssSelector = "hop-SwitchField";
16
16
  var SwitchToDescriptionSizeAdapter = {
17
17
  sm: "xs",
@@ -2,7 +2,7 @@ import { CheckboxContext } from './chunk-2EAZPH3M.js';
2
2
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
3
3
  import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
4
4
  import { IconListContext } from './chunk-DHVVYSLB.js';
5
- import { _Text } from './chunk-RG4JKE4N.js';
5
+ import { _Text } from './chunk-375NGVSY.js';
6
6
  import { TextContext } from './chunk-X6SER3TZ.js';
7
7
  import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
8
8
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
14
14
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./Checkbox.module.css#css-module
17
- var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___kkfkh", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___TlPED", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___RChm-", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___rF14S", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___meRzS", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___FP707", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___riT8C", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___qqh1A", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___0yaup", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___QslyE", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___dS-ci" };
17
+ var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___-skry", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___X0QkL", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___Sy-i1", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___L-0uq", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___6VG9N", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___uK-n-", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___UWW9Q", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___ZJ8OH", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___IrGoV", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___R6h7l", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___uO5pN" };
18
18
  var GlobalCheckboxCssSelector = "hop-Checkbox";
19
19
  function Checkbox(props, ref) {
20
20
  var _a;
@@ -1,11 +1,11 @@
1
+ import { CheckboxListContext } from './chunk-WDUQUPTE.js';
1
2
  import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
2
3
  import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
3
- import { CheckboxListContext } from './chunk-WDUQUPTE.js';
4
4
  import { CheckboxContext } from './chunk-2EAZPH3M.js';
5
5
  import { LabelContext } from './chunk-QCA3ZR56.js';
6
6
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
7
- import { ErrorMessageContext } from './chunk-FAE27DLF.js';
8
7
  import { HelperMessageContext } from './chunk-HZKFQ33E.js';
8
+ import { ErrorMessageContext } from './chunk-FAE27DLF.js';
9
9
  import { SlotProvider } from './chunk-M36KANKC.js';
10
10
  import { cssModule } from './chunk-KVDXQMWI.js';
11
11
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
14
14
  import { jsx } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./CheckboxGroup.module.css#css-module
17
- var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___J0v3l", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___UpAzu", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___hdnvw", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___4s1y7", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___RXQBs", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___ArBfp" };
17
+ var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___mj5ai", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___O34t9", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___rX9kr", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___KV5Zl", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___gibWl" };
18
18
  var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
19
19
  function CheckboxGroup(props, ref) {
20
20
  var _a, _b;
@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  // css-module:./ListBoxItemSkeleton.module.css#css-module
10
- var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___vxdl4", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___zxMXK", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___lRdbr", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yWx0f", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___S7Deh", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Rrcau" };
10
+ var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qGocC", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-rxQp", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2PpQs", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Khoxh", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___6Gwk-" };
11
11
  var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
12
12
  function ListBoxItemSkeleton(props, ref) {
13
13
  var _a;
@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  // css-module:./OverlineText.module.css#css-module
10
- var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___a5x6R", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___TV62d" };
10
+ var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___Vuw2H", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___xrm5a" };
11
11
  var GlobalOverlineTextCssSelector = "hop-OverlineText";
12
12
  function OverlineText(props, ref) {
13
13
  [props, ref] = useContextProps(props, ref, OverlineTextContext);
@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-4VVNSXIB.js';
2
2
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
3
3
  import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
4
4
  import { IconListContext } from './chunk-DHVVYSLB.js';
5
- import { _Text } from './chunk-RG4JKE4N.js';
5
+ import { _Text } from './chunk-375NGVSY.js';
6
6
  import { TextContext } from './chunk-X6SER3TZ.js';
7
7
  import { SlotProvider } from './chunk-M36KANKC.js';
8
8
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
13
13
  import { jsx } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./Link.module.css#css-module
16
- var Link_module_default = { "hop-Link": "Link-module__hop-Link___m4HlM", "hop-Link--quiet": "Link-module__hop-Link--quiet___PEKek", "hop-Link--primary": "Link-module__hop-Link--primary___-EqWZ", "hop-Link--secondary": "Link-module__hop-Link--secondary___UNknc", "hop-Link__icon": "Link-module__hop-Link__icon___KiZR6", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___eu2Y4", "hop-Link__text": "Link-module__hop-Link__text___I34XD", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Klqm6", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___23TDM" };
16
+ var Link_module_default = { "hop-Link": "Link-module__hop-Link___h1eV8", "hop-Link--quiet": "Link-module__hop-Link--quiet___2O1IC", "hop-Link--primary": "Link-module__hop-Link--primary___ZK0M2", "hop-Link--secondary": "Link-module__hop-Link--secondary___qiwLy", "hop-Link__icon": "Link-module__hop-Link__icon___5-TAb", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___Bf4-9", "hop-Link__text": "Link-module__hop-Link__text___kGjDj", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___w2lCL", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___cbdh1" };
17
17
  var GlobalLinkCssSelector = "hop-Link";
18
18
  var LinkToIconSizeAdapter = {
19
19
  inherit: void 0,
@@ -7,10 +7,6 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __commonJS = (cb, mod) => function __require() {
8
8
  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
9
9
  };
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
10
  var __copyProps = (to, from, except, desc) => {
15
11
  if (from && typeof from === "object" || typeof from === "function") {
16
12
  for (let key of __getOwnPropNames(from))
@@ -19,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
19
15
  }
20
16
  return to;
21
17
  };
22
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
23
18
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
24
19
  // If the importer is in node compatibility mode or this is not an ESM
25
20
  // file that has been converted to a CommonJS file using a Babel-
@@ -29,4 +24,4 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
29
24
  mod
30
25
  ));
31
26
 
32
- export { __commonJS, __export, __reExport, __toESM };
27
+ export { __commonJS, __toESM };
@@ -1,6 +1,6 @@
1
1
  import { useRenderProps } from './chunk-NH3IVMXB.js';
2
2
  import { ErrorMessageContext } from './chunk-FAE27DLF.js';
3
- import { _Text } from './chunk-RG4JKE4N.js';
3
+ import { _Text } from './chunk-375NGVSY.js';
4
4
  import { cssModule } from './chunk-KVDXQMWI.js';
5
5
  import { WarningIcon } from '@hopper-ui/icons';
6
6
  import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps } from 'react-aria-components';
10
10
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
11
11
 
12
12
  // css-module:./ErrorMessage.module.css#css-module
13
- var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___SA3fD", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___cB2Bk" };
13
+ var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___yC5xH", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___8C4pS" };
14
14
  var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
15
15
  function ErrorMessage(props, ref) {
16
16
  const validation = useContext(FieldErrorContext);
@@ -1,12 +1,12 @@
1
1
  import { useSlot } from './chunk-H5YTU3U7.js';
2
2
  import { ButtonContext } from './chunk-WMTWFKKP.js';
3
- import { _Spinner } from './chunk-G242LPQE.js';
4
- import { useLocalizedString } from './chunk-ZOTVZM6F.js';
3
+ import { _Spinner } from './chunk-PFQFQTAW.js';
4
+ import { useLocalizedString } from './chunk-YEYNRBMQ.js';
5
5
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
6
6
  import { useRenderProps } from './chunk-NH3IVMXB.js';
7
7
  import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
8
8
  import { IconListContext } from './chunk-DHVVYSLB.js';
9
- import { _Text } from './chunk-RG4JKE4N.js';
9
+ import { _Text } from './chunk-375NGVSY.js';
10
10
  import { TextContext } from './chunk-X6SER3TZ.js';
11
11
  import { SlotProvider } from './chunk-M36KANKC.js';
12
12
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
19
19
  import { jsx, jsxs } from 'react/jsx-runtime';
20
20
 
21
21
  // css-module:./Button.module.css#css-module
22
- var Button_module_default = { "hop-Button": "Button-module__hop-Button___6Jiki", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___y4CMb", "hop-Button--fluid": "Button-module__hop-Button--fluid___amZH5", "hop-Button--sm": "Button-module__hop-Button--sm___3GNbY", "hop-Button--primary": "Button-module__hop-Button--primary___7PQ3v", "hop-Button--md": "Button-module__hop-Button--md___jB89G", "hop-Button--secondary": "Button-module__hop-Button--secondary___M28Qu", "hop-Button--upsell": "Button-module__hop-Button--upsell___kpJX6", "hop-Button--danger": "Button-module__hop-Button--danger___3zlGc", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___Lm-JJ", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___5s8pM", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___exZqP", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___4F-DD", "hop-Button__icon": "Button-module__hop-Button__icon___2A2PD", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___Zttas", "hop-Button__text": "Button-module__hop-Button__text___Wa9pk", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___471ZI", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___WAbW6" };
22
+ var Button_module_default = { "hop-Button": "Button-module__hop-Button___X3-0x", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___ozZIL", "hop-Button--fluid": "Button-module__hop-Button--fluid___QicVH", "hop-Button--sm": "Button-module__hop-Button--sm___OqRJb", "hop-Button--primary": "Button-module__hop-Button--primary___EfW8J", "hop-Button--md": "Button-module__hop-Button--md___rvwjX", "hop-Button--secondary": "Button-module__hop-Button--secondary___o0rOD", "hop-Button--upsell": "Button-module__hop-Button--upsell___qIXrb", "hop-Button--danger": "Button-module__hop-Button--danger___118vy", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___4MlvW", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___GWQ-G", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___NEFPi", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___RJv8A", "hop-Button__icon": "Button-module__hop-Button__icon___IacjS", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___7QJ0M", "hop-Button__text": "Button-module__hop-Button__text___hPZot", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___o1toW", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___VtgFC" };
23
23
  var GlobalButtonCssSelector = "hop-Button";
24
24
  var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
25
25
  function useSimulatedRACButton(props, ref) {
@@ -0,0 +1,57 @@
1
+ import { HeadingContext } from './chunk-TXZ6BMFR.js';
2
+ import { cssModule } from './chunk-KVDXQMWI.js';
3
+ import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
4
+ import clsx from 'clsx';
5
+ import { forwardRef } from 'react';
6
+ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
7
+ import { jsx } from 'react/jsx-runtime';
8
+
9
+ // css-module:./Heading.module.css#css-module
10
+ var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___CV7-P", "hop-Heading--xs": "Heading-module__hop-Heading--xs___lUG86", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Cj41K", "hop-Heading--md": "Heading-module__hop-Heading--md___J5xM6", "hop-Heading--lg": "Heading-module__hop-Heading--lg___danQV", "hop-Heading--xl": "Heading-module__hop-Heading--xl___WqtBx", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___rdouL", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___mLIMt" };
11
+ var GlobalHeadingCssSelector = "hop-Heading";
12
+ function Heading(props, ref) {
13
+ [props, ref] = useContextProps(props, ref, HeadingContext);
14
+ const { stylingProps, ...ownProps } = useStyledSystem(props);
15
+ const { className, size: sizeProp, children, style, ...otherProps } = ownProps;
16
+ const size = useResponsiveValue(sizeProp != null ? sizeProp : "md");
17
+ const classNames = clsx(
18
+ GlobalHeadingCssSelector,
19
+ cssModule(
20
+ Heading_module_default,
21
+ "hop-Heading",
22
+ size
23
+ ),
24
+ stylingProps.className,
25
+ className
26
+ );
27
+ const mergedStyles = {
28
+ ...stylingProps.style,
29
+ ...style
30
+ };
31
+ return /* @__PURE__ */ jsx(
32
+ Heading$1,
33
+ {
34
+ ...otherProps,
35
+ ref,
36
+ className: classNames,
37
+ style: mergedStyles,
38
+ children
39
+ }
40
+ );
41
+ }
42
+ var _Heading = forwardRef(Heading);
43
+ _Heading.displayName = "Heading";
44
+ function createHeading(as) {
45
+ const level = parseInt(as[1]);
46
+ return forwardRef((props, ref) => {
47
+ return /* @__PURE__ */ jsx(_Heading, { ...props, ref, level });
48
+ });
49
+ }
50
+ var H1 = createHeading("h1");
51
+ var H2 = createHeading("h2");
52
+ var H3 = createHeading("h3");
53
+ var H4 = createHeading("h4");
54
+ var H5 = createHeading("h5");
55
+ var H6 = createHeading("h6");
56
+
57
+ export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading };
@@ -1,5 +1,5 @@
1
1
  import { HelperMessageContext } from './chunk-HZKFQ33E.js';
2
- import { _Text } from './chunk-RG4JKE4N.js';
2
+ import { _Text } from './chunk-375NGVSY.js';
3
3
  import { cssModule } from './chunk-KVDXQMWI.js';
4
4
  import { InfoIcon } from '@hopper-ui/icons';
5
5
  import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
9
9
  import { jsxs, jsx } from 'react/jsx-runtime';
10
10
 
11
11
  // css-module:./HelperMessage.module.css#css-module
12
- var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___msUnY", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___-GUWj" };
12
+ var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___m-yIS", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___CaMfM" };
13
13
  var GlobalHelperMessageCssSelector = "hop-HelperMessage";
14
14
  function HelperMessage(props, ref) {
15
15
  const validation = useContext(FieldErrorContext);
@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
8
8
  import { jsx } from 'react/jsx-runtime';
9
9
 
10
10
  // css-module:./IconList.module.css#css-module
11
- var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___dMC-1" };
11
+ var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___WqX3l" };
12
12
  var GlobalIconListCssSelector = "hop-IconList";
13
13
  function IconList(props, ref) {
14
14
  [props, ref] = useContextProps(props, ref, IconListContext);
@@ -0,0 +1 @@
1
+
@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  // css-module:./Label.module.css#css-module
10
- var Label_module_default = { "hop-Label": "Label-module__hop-Label___mLBaa", "hop-Label--xs": "Label-module__hop-Label--xs___SooLf", "hop-Label--sm": "Label-module__hop-Label--sm___0IFHf", "hop-Label--md": "Label-module__hop-Label--md___OwSmD", "hop-Label--lg": "Label-module__hop-Label--lg___NtQQ0", "hop-Label--xl": "Label-module__hop-Label--xl___-Hdm9", "hop-Label--2xl": "Label-module__hop-Label--2xl___Ulb-V", "hop-Label--inherit": "Label-module__hop-Label--inherit___K1Xcp" };
10
+ var Label_module_default = { "hop-Label": "Label-module__hop-Label___oItqW", "hop-Label--xs": "Label-module__hop-Label--xs___OCQc9", "hop-Label--sm": "Label-module__hop-Label--sm___-fhZc", "hop-Label--md": "Label-module__hop-Label--md___OdAm4", "hop-Label--lg": "Label-module__hop-Label--lg___GbPeJ", "hop-Label--xl": "Label-module__hop-Label--xl___1wofe", "hop-Label--2xl": "Label-module__hop-Label--2xl___qv5gq", "hop-Label--inherit": "Label-module__hop-Label--inherit___zEydh" };
11
11
  var GlobalLabelCssSelector = "hop-Label";
12
12
  function Label(props, ref) {
13
13
  var _a;
@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
2
2
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
3
3
  import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
4
4
  import { IconListContext } from './chunk-DHVVYSLB.js';
5
- import { _Text } from './chunk-RG4JKE4N.js';
5
+ import { _Text } from './chunk-375NGVSY.js';
6
6
  import { TextContext } from './chunk-X6SER3TZ.js';
7
7
  import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
8
8
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
14
14
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./Radio.module.css#css-module
17
- var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___Ej0dA", "hop-Radio--focused": "Radio-module__hop-Radio--focused___EBP2c", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___4dfUm", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___GXIqK", "hop-Radio--sm": "Radio-module__hop-Radio--sm___XUcRq", "hop-Radio--md": "Radio-module__hop-Radio--md___-Thls", "hop-Radio__icon": "Radio-module__hop-Radio__icon___6mbf6", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___VBhFT", "hop-Radio__box": "Radio-module__hop-Radio__box___QMuH4", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___5-SbO", "hop-Radio__text": "Radio-module__hop-Radio__text___fZ6br" };
17
+ var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___Xp7l6", "hop-Radio--focused": "Radio-module__hop-Radio--focused___yW0Wx", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___ckfKe", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___Gxr0y", "hop-Radio--sm": "Radio-module__hop-Radio--sm___hP32c", "hop-Radio--md": "Radio-module__hop-Radio--md___4o0tb", "hop-Radio__icon": "Radio-module__hop-Radio__icon___STn-v", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___VkNaY", "hop-Radio__box": "Radio-module__hop-Radio__box___-9Dex", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___0oWOE", "hop-Radio__text": "Radio-module__hop-Radio__text___iJnng" };
18
18
  var GlobalRadioCssSelector = "hop-Radio";
19
19
  function Radio(props, ref) {
20
20
  var _a;
@@ -1,4 +1,4 @@
1
- import { _Label } from './chunk-HR25MLRP.js';
1
+ import { _Label } from './chunk-LYGSWKBB.js';
2
2
  import { SpinnerContext } from './chunk-4ZYV2XLW.js';
3
3
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
4
4
  import { cssModule } from './chunk-KVDXQMWI.js';
@@ -8,7 +8,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
8
8
  import { jsx, jsxs } from 'react/jsx-runtime';
9
9
 
10
10
  // css-module:./Spinner.module.css#css-module
11
- var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___LbEMh", "spin": "Spinner-module__spin___Z5UnU", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___peiQV", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___8fE20", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___3UVCZ", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___tZuJb", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___EVNJP", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___nM4Dw" };
11
+ var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___DLvnO", "spin": "Spinner-module__spin___Lpxyw", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___v97ZX", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___nGvSb", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___aELVX", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___7tCR3", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___A7ygr", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___QzFiY" };
12
12
  var GlobalSpinnerCssSelector = "hop-Spinner";
13
13
  var SpinnerToLabelSizeAdapter = {
14
14
  sm: "xs",
@@ -9,7 +9,7 @@ import { useContextProps, useSlottedContext, InputContext, composeRenderProps, G
9
9
  import { jsx } from 'react/jsx-runtime';
10
10
 
11
11
  // css-module:./InputGroup.module.css#css-module
12
- var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___8-hBh", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___IhxFv", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___xBYVZ", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___8IwkG" };
12
+ var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___B8Wo4", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___PjJcH", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___r6MYr", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___xcuNz" };
13
13
  var GlobalInputGroupCssSelector = "hop-InputGroup";
14
14
  function InputGroup(props, ref) {
15
15
  var _a, _b;
@@ -1,9 +1,9 @@
1
+ import { TagGroupContext } from './chunk-LCAS3YQV.js';
1
2
  import { TagListContext } from './chunk-XLKYXKWE.js';
2
3
  import { TagContext } from './chunk-EWMWQ2MC.js';
3
- import { TagGroupContext } from './chunk-LCAS3YQV.js';
4
4
  import { LabelContext } from './chunk-QCA3ZR56.js';
5
- import { ErrorMessageContext } from './chunk-FAE27DLF.js';
6
5
  import { HelperMessageContext } from './chunk-HZKFQ33E.js';
6
+ import { ErrorMessageContext } from './chunk-FAE27DLF.js';
7
7
  import { SlotProvider } from './chunk-M36KANKC.js';
8
8
  import { cssModule } from './chunk-KVDXQMWI.js';
9
9
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
13
13
  import { jsx } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./TagGroup.module.css#css-module
16
- var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___HSRyk", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___2FqNk", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___PssjU", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Nd-LK", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___-MMag" };
16
+ var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___5wpvh", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___DRHS9", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___m3vQD", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Kusvn", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___QxW1S" };
17
17
  var GlobalTagGroupCssSelector = "hop-TagGroup";
18
18
  function TagGroup(props, ref) {
19
19
  var _a;
@@ -0,0 +1,119 @@
1
+ import { PasswordFieldContext } from './chunk-QW45G6K4.js';
2
+ import { _InputGroup } from './chunk-Q4P2MTYE.js';
3
+ import { _EmbeddedButton } from './chunk-RERJ4IWC.js';
4
+ import { useLocalizedString } from './chunk-YEYNRBMQ.js';
5
+ import { LabelContext } from './chunk-QCA3ZR56.js';
6
+ import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
7
+ import { HelperMessageContext } from './chunk-HZKFQ33E.js';
8
+ import { ErrorMessageContext } from './chunk-FAE27DLF.js';
9
+ import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
10
+ import { SlotProvider } from './chunk-M36KANKC.js';
11
+ import { cssModule } from './chunk-KVDXQMWI.js';
12
+ import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
13
+ import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
14
+ import { mergeRefs } from '@react-aria/utils';
15
+ import { forwardRef, useState } from 'react';
16
+ import { useObjectRef } from 'react-aria';
17
+ import { useContextProps, composeRenderProps, Input, TextField } from 'react-aria-components';
18
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
19
+
20
+ // css-module:./PasswordField.module.css#css-module
21
+ var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___DAIX5", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___g3d71", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___-TpEz", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___7KhIL", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___qihU5", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___VBfQ2" };
22
+ var GlobalPasswordFieldCssSelector = "hop-PasswordField";
23
+ function PasswordField(props, ref) {
24
+ var _a;
25
+ const {
26
+ inputRef: userProvidedInputRef = null,
27
+ ...propsWithoutRef
28
+ } = props;
29
+ [props, ref] = useContextProps(propsWithoutRef, ref, PasswordFieldContext);
30
+ const { stylingProps, ...ownProps } = useStyledSystem(props);
31
+ const [showPassword, setShowPassword] = useState(false);
32
+ const stringFormatter = useLocalizedString();
33
+ const {
34
+ className,
35
+ style: styleProp,
36
+ size,
37
+ placeholder,
38
+ children,
39
+ isFluid: isFluidProp,
40
+ isDisabled,
41
+ isInvalid,
42
+ ...otherProps
43
+ } = ownProps;
44
+ const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
45
+ const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
46
+ const classNames = composeClassnameRenderProps(
47
+ className,
48
+ GlobalPasswordFieldCssSelector,
49
+ cssModule(
50
+ PasswordField_module_default,
51
+ "hop-PasswordField",
52
+ isFluid && "fluid"
53
+ ),
54
+ stylingProps.className
55
+ );
56
+ const style = composeRenderProps(styleProp, (prev) => {
57
+ return {
58
+ ...stylingProps.style,
59
+ ...prev
60
+ };
61
+ });
62
+ const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
63
+ _InputGroup,
64
+ {
65
+ isDisabled,
66
+ isInvalid,
67
+ isFluid: true,
68
+ size,
69
+ className: PasswordField_module_default["hop-PasswordField__InputGroup"],
70
+ children: [
71
+ /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password" }),
72
+ /* @__PURE__ */ jsx(
73
+ _EmbeddedButton,
74
+ {
75
+ isDisabled,
76
+ "aria-label": stringFormatter.format("PasswordField.toggleVisibility"),
77
+ onPress: () => {
78
+ setShowPassword((x) => !x);
79
+ },
80
+ size: "lg",
81
+ children: showPassword ? /* @__PURE__ */ jsx(EyeVisibleIcon, {}) : /* @__PURE__ */ jsx(EyeHiddenIcon, {})
82
+ }
83
+ )
84
+ ]
85
+ }
86
+ ) });
87
+ const childrenMarkup = composeRenderProps(children, (prev) => {
88
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
89
+ /* @__PURE__ */ jsx(
90
+ SlotProvider,
91
+ {
92
+ values: [
93
+ [LabelContext, { className: PasswordField_module_default["hop-PasswordField__Label"] }],
94
+ [HelperMessageContext, { className: PasswordField_module_default["hop-PasswordField__HelperMessage"] }],
95
+ [ErrorMessageContext, { className: PasswordField_module_default["hop-PasswordField__ErrorMessage"] }]
96
+ ],
97
+ children: prev
98
+ }
99
+ ),
100
+ inputMarkup
101
+ ] });
102
+ });
103
+ return /* @__PURE__ */ jsx(
104
+ TextField,
105
+ {
106
+ ref,
107
+ style,
108
+ className: classNames,
109
+ isDisabled,
110
+ isInvalid,
111
+ ...otherProps,
112
+ children: childrenMarkup
113
+ }
114
+ );
115
+ }
116
+ var _PasswordField = forwardRef(PasswordField);
117
+ _PasswordField.displayName = "PasswordField";
118
+
119
+ export { GlobalPasswordFieldCssSelector, _PasswordField };
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
9
9
  import { jsx } from 'react/jsx-runtime';
10
10
 
11
11
  // css-module:./EmbeddedButton.module.css#css-module
12
- var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___-vxw3", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___-R-Cb", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___RoLAu", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___JHGDE" };
12
+ var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___JJDxk", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___9bzMg", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___VQwhE", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___aC6E8" };
13
13
  var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
14
14
  function EmbeddedButton(props, ref) {
15
15
  var _a;