@hopper-ui/components 1.2.1 → 1.3.1

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 (203) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +4 -4
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +6 -6
  12. package/dist/Badge/src/Badge.css +85 -13
  13. package/dist/Badge/src/Badge.d.ts +6 -2
  14. package/dist/Badge/src/Badge.js +2 -2
  15. package/dist/Badge/src/BadgeContext.d.ts +8 -3
  16. package/dist/Badge/src/FloatingBadge.css +96 -0
  17. package/dist/Badge/src/FloatingBadge.d.ts +33 -0
  18. package/dist/Badge/src/FloatingBadge.js +7 -0
  19. package/dist/Badge/src/FloatingBadgeContext.d.ts +10 -0
  20. package/dist/Badge/src/FloatingBadgeContext.js +2 -0
  21. package/dist/Badge/src/index.css +182 -13
  22. package/dist/Badge/src/index.d.ts +3 -1
  23. package/dist/Badge/src/index.js +5 -2
  24. package/dist/Divider/src/Divider.css +2 -2
  25. package/dist/Divider/src/Divider.js +1 -1
  26. package/dist/Divider/src/index.css +2 -2
  27. package/dist/Divider/src/index.js +1 -1
  28. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  29. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  30. package/dist/ErrorMessage/src/index.css +11 -11
  31. package/dist/ErrorMessage/src/index.js +2 -2
  32. package/dist/Form/src/Form.css +1034 -608
  33. package/dist/Form/src/Form.js +71 -67
  34. package/dist/Form/src/index.css +1034 -608
  35. package/dist/Form/src/index.js +71 -67
  36. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  37. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  38. package/dist/HelperMessage/src/index.css +11 -11
  39. package/dist/HelperMessage/src/index.js +2 -2
  40. package/dist/IconList/src/IconList.css +1 -1
  41. package/dist/IconList/src/IconList.js +1 -1
  42. package/dist/IconList/src/index.css +1 -1
  43. package/dist/IconList/src/index.js +1 -1
  44. package/dist/Link/src/Link.css +31 -31
  45. package/dist/Link/src/Link.js +2 -2
  46. package/dist/Link/src/index.css +31 -31
  47. package/dist/Link/src/index.js +2 -2
  48. package/dist/ListBox/src/ListBox.css +398 -201
  49. package/dist/ListBox/src/ListBox.js +15 -16
  50. package/dist/ListBox/src/ListBoxItem.css +380 -185
  51. package/dist/ListBox/src/ListBoxItem.js +14 -14
  52. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  53. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  54. package/dist/ListBox/src/index.css +398 -201
  55. package/dist/ListBox/src/index.js +15 -16
  56. package/dist/Select/src/Select.css +4537 -0
  57. package/dist/Select/src/Select.d.ts +93 -0
  58. package/dist/Select/src/Select.js +118 -0
  59. package/dist/Select/src/SelectContext.d.ts +16 -0
  60. package/dist/Select/src/SelectContext.js +2 -0
  61. package/dist/Select/src/SelectValue.css +443 -0
  62. package/dist/Select/src/SelectValue.d.ts +31 -0
  63. package/dist/Select/src/SelectValue.js +19 -0
  64. package/dist/Select/src/index.css +4537 -0
  65. package/dist/Select/src/index.d.ts +13 -0
  66. package/dist/Select/src/index.js +118 -0
  67. package/dist/Spinner/src/Spinner.css +19 -19
  68. package/dist/Spinner/src/Spinner.js +2 -2
  69. package/dist/Spinner/src/index.css +19 -19
  70. package/dist/Spinner/src/index.js +2 -2
  71. package/dist/buttons/src/Button.css +94 -94
  72. package/dist/buttons/src/Button.js +5 -5
  73. package/dist/buttons/src/ButtonGroup.css +11 -11
  74. package/dist/buttons/src/ButtonGroup.js +2 -2
  75. package/dist/buttons/src/ClearButton.css +70 -70
  76. package/dist/buttons/src/ClearButton.js +3 -3
  77. package/dist/buttons/src/EmbeddedButton.css +70 -70
  78. package/dist/buttons/src/EmbeddedButton.js +1 -1
  79. package/dist/buttons/src/index.css +175 -175
  80. package/dist/buttons/src/index.js +9 -9
  81. package/dist/checkbox/src/Checkbox.css +31 -31
  82. package/dist/checkbox/src/Checkbox.js +2 -2
  83. package/dist/checkbox/src/CheckboxField.css +15 -15
  84. package/dist/checkbox/src/CheckboxField.js +1 -1
  85. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  86. package/dist/checkbox/src/CheckboxGroup.js +3 -3
  87. package/dist/checkbox/src/index.css +60 -60
  88. package/dist/checkbox/src/index.js +7 -7
  89. package/dist/{chunk-J7BXE7WN.js → chunk-2WWHL3EF.js} +4 -4
  90. package/dist/{chunk-6WKRP4MN.js → chunk-2ZOLM7VR.js} +11 -5
  91. package/dist/{chunk-F47GZGT7.js → chunk-47SFZCKK.js} +1 -1
  92. package/dist/{chunk-C7XRB2J6.js → chunk-52LHX4PE.js} +2 -2
  93. package/dist/{chunk-IUFABTFZ.js → chunk-5NMCOZOW.js} +1 -1
  94. package/dist/{chunk-J6YYPRGY.js → chunk-7QUXYE3E.js} +10 -7
  95. package/dist/{chunk-BN32T6QQ.js → chunk-A2S2Q73W.js} +2 -2
  96. package/dist/{chunk-YXD3IR3T.js → chunk-ANBOSYAL.js} +2 -2
  97. package/dist/chunk-ARD3LWL2.js +118 -0
  98. package/dist/{chunk-55AWCUQF.js → chunk-BF6YUKC2.js} +1 -1
  99. package/dist/{chunk-THUFFPGX.js → chunk-BO53NITW.js} +1 -1
  100. package/dist/{chunk-RLDQEH6F.js → chunk-BV7O26TY.js} +4 -4
  101. package/dist/chunk-CIGS4QGT.js +7 -0
  102. package/dist/{chunk-2DPE3H3G.js → chunk-D2GZKHYD.js} +1 -1
  103. package/dist/{chunk-T7QJEHL7.js → chunk-D7VVQIPM.js} +2 -2
  104. package/dist/chunk-EHXOXTDN.js +29 -0
  105. package/dist/{chunk-TM4R5NO7.js → chunk-EMD2K6B3.js} +2 -2
  106. package/dist/{chunk-MFFXNI66.js → chunk-ESWRMGHR.js} +4 -4
  107. package/dist/{chunk-CSE22YXO.js → chunk-EUELVL2L.js} +3 -3
  108. package/dist/{chunk-PUNJWQAN.js → chunk-GG6RHMJ7.js} +270 -45
  109. package/dist/{chunk-WYBQCRQB.js → chunk-HLXQ6C2E.js} +2 -2
  110. package/dist/{chunk-SPFANCCV.js → chunk-HXPTWMD5.js} +3 -3
  111. package/dist/{chunk-MX5BW5VE.js → chunk-JVDCU4PT.js} +1 -1
  112. package/dist/{chunk-XI3BX2TP.js → chunk-JVZRUDLP.js} +5 -5
  113. package/dist/{chunk-F4KQUFXI.js → chunk-L3Y67TUF.js} +3 -3
  114. package/dist/{chunk-QGC3OX7W.js → chunk-NEPRDVF7.js} +1 -1
  115. package/dist/{chunk-4APVXEPA.js → chunk-NJHNYL6X.js} +2 -2
  116. package/dist/{chunk-XUCH26RT.js → chunk-OLXX46IZ.js} +2 -2
  117. package/dist/{chunk-TFELIWJO.js → chunk-PUMWU6M4.js} +1 -1
  118. package/dist/{chunk-ZEXXNE5U.js → chunk-QAIK237T.js} +5 -5
  119. package/dist/{chunk-K7DU4YR4.js → chunk-QCTIAKM6.js} +1 -1
  120. package/dist/{chunk-CXWMHWSS.js → chunk-QSWSZUZM.js} +1 -1
  121. package/dist/{chunk-462UBJV3.js → chunk-SD6DBWYC.js} +1 -1
  122. package/dist/{chunk-ZPPQJKHC.js → chunk-SFZBLVJN.js} +2 -2
  123. package/dist/chunk-T24MBA34.js +7 -0
  124. package/dist/{chunk-F4H76S4H.js → chunk-TFVDF4YH.js} +4 -2
  125. package/dist/{chunk-DZKJZSTQ.js → chunk-TJMAMWRQ.js} +1 -1
  126. package/dist/{chunk-RYZNMKWB.js → chunk-UNSJTDXN.js} +1 -1
  127. package/dist/{chunk-AGRQ7UGN.js → chunk-USVXH6MO.js} +2 -2
  128. package/dist/{chunk-4H7PKEMJ.js → chunk-WDA6LWC4.js} +14 -13
  129. package/dist/chunk-X2T2UX2O.js +72 -0
  130. package/dist/{chunk-WQSVNGFJ.js → chunk-XF4SQ222.js} +1 -1
  131. package/dist/{chunk-YWIDJ55Q.js → chunk-XHQWDF7B.js} +2 -2
  132. package/dist/{chunk-VQC5F6I7.js → chunk-YD2TGFCB.js} +3 -3
  133. package/dist/{chunk-LXCCS4SA.js → chunk-ZG5E36S3.js} +7 -8
  134. package/dist/i18n/src/index.js +1 -1
  135. package/dist/i18n/src/useLocalizedString.js +1 -1
  136. package/dist/index.css +1034 -608
  137. package/dist/index.d.ts +9 -3
  138. package/dist/index.js +71 -67
  139. package/dist/inputs/src/InputGroup.css +14 -16
  140. package/dist/inputs/src/InputGroup.js +1 -1
  141. package/dist/inputs/src/NumberField.css +64 -65
  142. package/dist/inputs/src/NumberField.js +9 -9
  143. package/dist/inputs/src/PasswordField.css +218 -219
  144. package/dist/inputs/src/PasswordField.js +11 -11
  145. package/dist/inputs/src/SearchField.css +224 -225
  146. package/dist/inputs/src/SearchField.js +12 -12
  147. package/dist/inputs/src/TextArea.css +58 -59
  148. package/dist/inputs/src/TextArea.js +10 -10
  149. package/dist/inputs/src/TextField.css +219 -220
  150. package/dist/inputs/src/TextField.js +12 -12
  151. package/dist/inputs/src/index.css +271 -268
  152. package/dist/inputs/src/index.js +18 -18
  153. package/dist/overlays/Popover/src/Popover.css +1034 -608
  154. package/dist/overlays/Popover/src/Popover.d.ts +26 -3
  155. package/dist/overlays/Popover/src/Popover.js +71 -67
  156. package/dist/overlays/Popover/src/PopoverContext.d.ts +3 -0
  157. package/dist/overlays/Popover/src/index.css +1034 -608
  158. package/dist/overlays/Popover/src/index.d.ts +4 -1
  159. package/dist/overlays/Popover/src/index.js +71 -67
  160. package/dist/radio/src/Radio.css +31 -31
  161. package/dist/radio/src/Radio.js +2 -2
  162. package/dist/radio/src/RadioField.css +15 -15
  163. package/dist/radio/src/RadioField.js +1 -1
  164. package/dist/radio/src/RadioGroup.css +60 -60
  165. package/dist/radio/src/RadioGroup.js +3 -3
  166. package/dist/radio/src/index.css +60 -60
  167. package/dist/radio/src/index.js +7 -7
  168. package/dist/switch/src/Switch.css +25 -25
  169. package/dist/switch/src/Switch.js +2 -2
  170. package/dist/switch/src/SwitchField.css +15 -15
  171. package/dist/switch/src/SwitchField.js +1 -1
  172. package/dist/switch/src/index.css +31 -31
  173. package/dist/switch/src/index.js +3 -3
  174. package/dist/tag/src/Tag.css +473 -304
  175. package/dist/tag/src/Tag.js +6 -6
  176. package/dist/tag/src/TagGroup.css +22 -22
  177. package/dist/tag/src/TagGroup.js +2 -2
  178. package/dist/tag/src/index.css +486 -317
  179. package/dist/tag/src/index.js +9 -9
  180. package/dist/typography/Heading/src/Heading.css +9 -9
  181. package/dist/typography/Heading/src/Heading.js +1 -1
  182. package/dist/typography/Heading/src/index.css +9 -9
  183. package/dist/typography/Heading/src/index.js +1 -1
  184. package/dist/typography/Label/src/Label.css +3 -3
  185. package/dist/typography/Label/src/Label.js +2 -2
  186. package/dist/typography/Label/src/index.css +3 -3
  187. package/dist/typography/Label/src/index.js +2 -2
  188. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  189. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  190. package/dist/typography/OverlineText/src/index.css +6 -6
  191. package/dist/typography/OverlineText/src/index.js +1 -1
  192. package/dist/typography/Text/src/Text.css +9 -9
  193. package/dist/typography/Text/src/Text.js +1 -1
  194. package/dist/typography/Text/src/index.css +9 -9
  195. package/dist/typography/Text/src/index.js +1 -1
  196. package/dist/utils/src/index.d.ts +1 -0
  197. package/dist/utils/src/index.js +3 -2
  198. package/dist/utils/src/useIsOverflow.d.ts +5 -0
  199. package/dist/utils/src/useIsOverflow.js +2 -0
  200. package/package.json +6 -6
  201. package/dist/ListBox/src/useLoadOnScroll.d.ts +0 -16
  202. package/dist/ListBox/src/useLoadOnScroll.js +0 -2
  203. package/dist/chunk-JTNMFPM4.js +0 -41
@@ -0,0 +1,7 @@
1
+ import { createContext } from 'react';
2
+
3
+ // src/Select/src/SelectContext.ts
4
+ var SelectContext = createContext({});
5
+ SelectContext.displayName = "SelectContext";
6
+
7
+ export { SelectContext };
@@ -14,7 +14,8 @@ var require_en_US = __commonJS({
14
14
  "ListBoxItem.loadingTextValue": `Loading Item`,
15
15
  "ListBoxItem.indicatorAriaLabel": `List Item Selection Indicator`,
16
16
  "Label.necessityLabel.required": `Required`,
17
- "Label.necessityLabel.optional": `Optional`
17
+ "Label.necessityLabel.optional": `Optional`,
18
+ "Select.placeholder": `Select an item`
18
19
  };
19
20
  }
20
21
  });
@@ -32,7 +33,8 @@ var require_fr_CA = __commonJS({
32
33
  "ListBoxItem.loadingTextValue": `\xC9l\xE9ment en cours de chargement`,
33
34
  "ListBoxItem.indicatorAriaLabel": `Indicateur de s\xE9lection d'\xE9l\xE9ment de liste`,
34
35
  "Label.necessityLabel.required": `Obligatoire`,
35
- "Label.necessityLabel.optional": `Facultatif`
36
+ "Label.necessityLabel.optional": `Facultatif`,
37
+ "Select.placeholder": `S\xE9lectionner un \xE9l\xE9ment`
36
38
  };
37
39
  }
38
40
  });
@@ -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___BR2tE", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___-cQfW", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___NGhbV", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___vcdy2", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___oZwBg", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___rYnCU", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___oxHkr", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___-k3Mi", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___foo-0", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___CQod-", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___B9Yky", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___vhwNL", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___-Ht34", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___dCb-s", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___JJJlT", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___LTuRz" };
12
+ var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___0z1Vu", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ZNJEB" };
13
13
  var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
14
14
  function EmbeddedButton(props, ref) {
15
15
  var _a;
@@ -1,5 +1,5 @@
1
1
  import { AvatarContext } from './chunk-AES7QBQE.js';
2
- import { _RichIconAvatarImage } from './chunk-THUFFPGX.js';
2
+ import { _RichIconAvatarImage } from './chunk-BO53NITW.js';
3
3
  import { AnonymousRichIcon } from '@hopper-ui/icons';
4
4
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
5
5
  import clsx from 'clsx';
@@ -1,6 +1,6 @@
1
1
  import { SpinnerContext } from './chunk-4ZYV2XLW.js';
2
2
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
3
- import { _Text } from './chunk-K7DU4YR4.js';
3
+ import { _Text } from './chunk-QCTIAKM6.js';
4
4
  import { cssModule } from './chunk-KVDXQMWI.js';
5
5
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
6
6
  import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
9
9
  import { jsx, jsxs } from 'react/jsx-runtime';
10
10
 
11
11
  // css-module:./Spinner.module.css#css-module
12
- var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___P0jhV", "spin": "Spinner-module__spin___rd-Rj", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___ZnMZ7", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___7YS0S", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___0t21N", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___iI6Dd", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___BCOFL", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___fkVwj" };
12
+ var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___O1-Km", "spin": "Spinner-module__spin___v977U", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___qV5iG", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___G30MC", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___sYhCI", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___W5tRL", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___kByJ9", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___8qfSZ" };
13
13
  var GlobalSpinnerCssSelector = "hop-Spinner";
14
14
  var SpinnerToTextSizeAdapter = {
15
15
  sm: "xs",
@@ -1,15 +1,15 @@
1
+ import { _Radio } from './chunk-SFZBLVJN.js';
2
+ import { _RadioGroup } from './chunk-L3Y67TUF.js';
1
3
  import { _RadioList } from './chunk-NKHMUPAP.js';
2
- import { _Radio } from './chunk-ZPPQJKHC.js';
3
- import { _RadioGroup } from './chunk-F4KQUFXI.js';
4
- import { _Checkbox } from './chunk-T7QJEHL7.js';
5
- import { useLocalizedString } from './chunk-F4H76S4H.js';
4
+ import { _Checkbox } from './chunk-D7VVQIPM.js';
5
+ import { useLocalizedString } from './chunk-TFVDF4YH.js';
6
+ import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
7
+ import { _ListBoxItemSkeleton } from './chunk-XF4SQ222.js';
6
8
  import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
7
9
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
8
- import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
9
- import { _ListBoxItemSkeleton } from './chunk-WQSVNGFJ.js';
10
10
  import { IconListContext } from './chunk-DHVVYSLB.js';
11
11
  import { BadgeContext } from './chunk-CQDLZ42T.js';
12
- import { _Text } from './chunk-K7DU4YR4.js';
12
+ import { _Text } from './chunk-QCTIAKM6.js';
13
13
  import { TextContext } from './chunk-X6SER3TZ.js';
14
14
  import { AvatarContext } from './chunk-AES7QBQE.js';
15
15
  import { SlotProvider } from './chunk-M36KANKC.js';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
21
21
  import { jsx, jsxs } from 'react/jsx-runtime';
22
22
 
23
23
  // css-module:./ListBoxItem.module.css#css-module
24
- var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___KW-Fj", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___mWNki", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___b8UQ1", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___vnKzK", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___uNSNE", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___hBeAr", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___OfyKj", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___EKfQh", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___q423u", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___wfflG", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___fnOlc", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___75U3q", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___wO73-", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___JORQf", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___-kQHv", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___g-FPT" };
24
+ var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___an9O1", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___HmQkG", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___4vcFB", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___DdzeQ", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___u2UzS", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Glzxw", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___8Mad5", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___NDxkN", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___TyMze", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___vnfB-", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___H-Ss7", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___VaNew", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___aDTWC", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-uc-C", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___FJ39g", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___2wdh-", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___1226g" };
25
25
  var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
26
26
  var ListBoxItemToIconSizeAdapter = {
27
27
  xs: "sm",
@@ -89,8 +89,7 @@ function ListBoxItemInner(props) {
89
89
  className: ListBoxItem_module_default["hop-ListBoxItem__radio"],
90
90
  value: "radio",
91
91
  isDisabled,
92
- isFocused: isFocusVisible,
93
- isHovered,
92
+ isHovered: isHovered || isFocusVisible,
94
93
  isPressed
95
94
  }
96
95
  ) })
@@ -104,8 +103,7 @@ function ListBoxItemInner(props) {
104
103
  "aria-hidden": "true",
105
104
  className: ListBoxItem_module_default["hop-ListBoxItem__checkbox"],
106
105
  isDisabled,
107
- isFocused: isFocusVisible,
108
- isHovered,
106
+ isHovered: isHovered || isFocusVisible,
109
107
  isPressed,
110
108
  isSelected,
111
109
  isInvalid
@@ -159,7 +157,10 @@ function ListBoxItemInner(props) {
159
157
  }],
160
158
  [BadgeContext, {
161
159
  className: ListBoxItem_module_default["hop-ListBoxItem__badge"],
162
- isDisabled
160
+ isDisabled,
161
+ isHovered,
162
+ isPressed,
163
+ isSelected
163
164
  }],
164
165
  [AvatarContext, {
165
166
  className: ListBoxItem_module_default["hop-ListBoxItem__avatar"],
@@ -0,0 +1,72 @@
1
+ import { BadgeContext } from './chunk-CQDLZ42T.js';
2
+ import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
3
+ import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
4
+ import { SlotProvider } from './chunk-M36KANKC.js';
5
+ import { cssModule } from './chunk-KVDXQMWI.js';
6
+ import { useStyledSystem } from '@hopper-ui/styled-system';
7
+ import clsx from 'clsx';
8
+ import { forwardRef } from 'react';
9
+ import { useContextProps } from 'react-aria-components';
10
+ import { jsx } from 'react/jsx-runtime';
11
+
12
+ // css-module:./FloatingBadge.module.css#css-module
13
+ var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___cvHzG", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___DizOb" };
14
+ var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
15
+ function FloatingBadge(props, ref) {
16
+ [props, ref] = useContextProps(props, ref, FloatingBadgeContext);
17
+ const { stylingProps, ...ownProps } = useStyledSystem(props);
18
+ const {
19
+ children,
20
+ className,
21
+ offset = [0, 0],
22
+ overlap = "rectangular",
23
+ placement = "top right",
24
+ style,
25
+ slot,
26
+ ...otherProps
27
+ } = ownProps;
28
+ const classNames = clsx(
29
+ className,
30
+ GlobalFloatingBadgeCssSelector,
31
+ cssModule(
32
+ FloatingBadge_module_default,
33
+ "hop-FloatingBadge"
34
+ ),
35
+ stylingProps.className
36
+ );
37
+ const offsetXValue = typeof offset[0] === "string" ? offset[0] : `${offset[0]}px`;
38
+ const offsetYValue = typeof offset[1] === "string" ? offset[1] : `${offset[1]}px`;
39
+ const mergedStyles = {
40
+ ...stylingProps.style,
41
+ ...style,
42
+ "--hop-FloatingBadge-offset-x": offsetXValue,
43
+ "--hop-FloatingBadge-offset-y": offsetYValue
44
+ };
45
+ return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
46
+ SlotProvider,
47
+ {
48
+ values: [
49
+ [BadgeContext, {
50
+ className: FloatingBadge_module_default["hop-FloatingBadge__badge"]
51
+ }]
52
+ ],
53
+ children: /* @__PURE__ */ jsx(
54
+ "div",
55
+ {
56
+ ...otherProps,
57
+ ref,
58
+ className: classNames,
59
+ style: mergedStyles,
60
+ slot: slot != null ? slot : void 0,
61
+ "data-overlap": overlap,
62
+ "data-placement": placement,
63
+ children
64
+ }
65
+ )
66
+ }
67
+ ) });
68
+ }
69
+ var _FloatingBadge = forwardRef(FloatingBadge);
70
+ _FloatingBadge.displayName = "FloatingBadge";
71
+
72
+ export { GlobalFloatingBadgeCssSelector, _FloatingBadge };
@@ -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___gNkoN", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___NWJHR", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FVwx5", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___NUBWK", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8jdqN", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___e6YxG" };
10
+ var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___p4rFp", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gwojN", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT" };
11
11
  var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
12
12
  function ListBoxItemSkeleton(props, ref) {
13
13
  var _a;
@@ -1,6 +1,6 @@
1
- import { TagContext } from './chunk-EWMWQ2MC.js';
2
1
  import { TagGroupContext } from './chunk-LCAS3YQV.js';
3
2
  import { TagListContext } from './chunk-XLKYXKWE.js';
3
+ import { TagContext } from './chunk-EWMWQ2MC.js';
4
4
  import { LabelContext } from './chunk-QCA3ZR56.js';
5
5
  import { HelperMessageContext } from './chunk-HZKFQ33E.js';
6
6
  import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -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___-qsWY", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___-6iVf", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___JxCmr", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___b3sVo", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___KFfUh" };
16
+ var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___JYbnj", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___dyPmo", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___ZQiq8", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___XFaIJ", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___hQqvS" };
17
17
  var GlobalTagGroupCssSelector = "hop-TagGroup";
18
18
  function TagGroup(props, ref) {
19
19
  var _a;
@@ -1,6 +1,6 @@
1
1
  import { SearchFieldContext } from './chunk-3NKF5TPD.js';
2
- import { _InputGroup } from './chunk-TFELIWJO.js';
3
- import { _ClearButton } from './chunk-WYBQCRQB.js';
2
+ import { _InputGroup } from './chunk-PUMWU6M4.js';
3
+ import { _ClearButton } from './chunk-HLXQ6C2E.js';
4
4
  import { LabelContext } from './chunk-QCA3ZR56.js';
5
5
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
6
6
  import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
17
17
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
18
18
 
19
19
  // css-module:./SearchField.module.css#css-module
20
- var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___1Lofe", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___FFqyK", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___X46if", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___mdypj", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___-mBBv", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___7zPYO", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___ETtN4", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___yE4eo", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___-jk3D" };
20
+ var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XWIhj", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___i4y3u", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___nIAGG", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___QAlG0", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___emItm", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___QsdZe", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___yGGlb", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___TTVbm", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___k3a8p" };
21
21
  var GlobalSearchFieldCssSelector = "hop-SearchField";
22
22
  function SearchField(props, ref) {
23
23
  var _a;
@@ -1,24 +1,24 @@
1
1
  import { isFunction } from './chunk-TIPN4VYD.js';
2
- import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
3
2
  import { SectionContext } from './chunk-5H5AZJPQ.js';
4
3
  import { ListBoxContext } from './chunk-UIEP5BA5.js';
5
- import { _ListBoxItem } from './chunk-4H7PKEMJ.js';
6
- import { useLocalizedString } from './chunk-F4H76S4H.js';
7
- import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
4
+ import { _ListBoxItem } from './chunk-WDA6LWC4.js';
5
+ import { useLocalizedString } from './chunk-TFVDF4YH.js';
8
6
  import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
7
+ import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
9
8
  import { HeaderContext } from './chunk-7JOGKC3W.js';
10
9
  import { DividerContext } from './chunk-FYIHMKHI.js';
11
- import { _Text } from './chunk-K7DU4YR4.js';
10
+ import { _Text } from './chunk-QCTIAKM6.js';
12
11
  import { SlotProvider } from './chunk-M36KANKC.js';
13
12
  import { cssModule } from './chunk-KVDXQMWI.js';
14
13
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
14
+ import { useLoadMore } from '@react-aria/utils';
15
15
  import clsx from 'clsx';
16
16
  import { forwardRef } from 'react';
17
17
  import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection } from 'react-aria-components';
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___gMv2t", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___3coRA", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___gO1Qv", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___RB9VA", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___NklA1", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___fsuh2" };
21
+ var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___rt3cs", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___vsxhM", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___8rii0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___jg7EN", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___QdDhF", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___aRxop" };
22
22
  var GlobalListBoxCssSelector = "hop-ListBox";
23
23
  var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
24
24
  var ListBoxToTextSizeAdapter = {
@@ -75,7 +75,7 @@ function ListBox(props, ref) {
75
75
  ...prev
76
76
  };
77
77
  });
78
- const onScroll = useLoadOnScroll({ isLoading, onLoadMore }, ref);
78
+ useLoadMore({ isLoading, onLoadMore }, ref);
79
79
  const renderChildren = () => {
80
80
  if (props.items) {
81
81
  return /* @__PURE__ */ jsx(Collection, { items: props.items, children: (item) => isFunction(children) ? children(item) : children });
@@ -122,7 +122,6 @@ function ListBox(props, ref) {
122
122
  renderEmptyState: handleRenderEmptyState,
123
123
  selectionMode,
124
124
  style,
125
- onScroll,
126
125
  "data-loading": isLoading,
127
126
  shouldSelectOnPressUp: true,
128
127
  children: [
@@ -1,2 +1,2 @@
1
- export { useLocalizedString } from '../../chunk-F4H76S4H.js';
1
+ export { useLocalizedString } from '../../chunk-TFVDF4YH.js';
2
2
  import '../../chunk-JSBRDJBE.js';
@@ -1,2 +1,2 @@
1
- export { useLocalizedString } from '../../chunk-F4H76S4H.js';
1
+ export { useLocalizedString } from '../../chunk-TFVDF4YH.js';
2
2
  import '../../chunk-JSBRDJBE.js';