@hopper-ui/components 1.2.1 → 1.3.0

package/dist/{chunk-CXWMHWSS.js → chunk-BQITTESM.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-THUFFPGX.js';
+import { _RichIconAvatarImage } from './chunk-JQMXGSAE.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';

package/dist/{chunk-BN32T6QQ.js → chunk-BRU54ERL.js}

@@ -1,6 +1,6 @@
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-D5PBETXF.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___mPK9U", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___blB3q" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___i9yn3", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___zmOVR" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-WYBQCRQB.js → chunk-BTHPJL3A.js}

@@ -1,6 +1,6 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-DZKJZSTQ.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { _EmbeddedButton } from './chunk-D7DIUGRI.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';

package/dist/{chunk-MX5BW5VE.js → chunk-C72PRNOP.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___N5J5g", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___EUFfb" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___SbFVm", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___Cb3CN" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-55AWCUQF.js → chunk-CAHZCRTK.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___gfJWC" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___ACGld" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-RLDQEH6F.js → chunk-CU36N5JQ.js}

@@ -1,8 +1,8 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-TFELIWJO.js';
-import { _EmbeddedButton } from './chunk-DZKJZSTQ.js';
+import { _InputGroup } from './chunk-ZHOQYYHY.js';
+import { _EmbeddedButton } from './chunk-D7DIUGRI.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___lt7Vx", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___gKwge", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___sPG7D", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___xPVPF", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___b3s4v", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___oeGil" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___thQxm", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___aWRUj", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___-GInu", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___sETiV", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___1qMsk", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___148Z6" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-VQC5F6I7.js → chunk-CWX45XWS.js}

@@ -1,6 +1,6 @@
+import { _InputGroup } from './chunk-ZHOQYYHY.js';
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-TFELIWJO.js';
-import { _ClearButton } from './chunk-WYBQCRQB.js';
+import { _ClearButton } from './chunk-BTHPJL3A.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-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" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XTMBu", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___vrM5S", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___vq1vb", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___IL75f", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___lG0Ig", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___FWBj0", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___USGKz", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___wN32w", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___baj2F" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-K7DU4YR4.js → chunk-D5PBETXF.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___Ww7PP", "hop-Text--xs": "Text-module__hop-Text--xs___YsuwL", "hop-Text--sm": "Text-module__hop-Text--sm___9lTR-", "hop-Text--md": "Text-module__hop-Text--md___to5eX", "hop-Text--lg": "Text-module__hop-Text--lg___Y-6Mo", "hop-Text--xl": "Text-module__hop-Text--xl___Qo9et", "hop-Text--2xl": "Text-module__hop-Text--2xl___dViKj", "hop-Text--inherit": "Text-module__hop-Text--inherit___uMHTH" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___TrcWf", "hop-Text--xs": "Text-module__hop-Text--xs___rF5yE", "hop-Text--sm": "Text-module__hop-Text--sm___tPgW7", "hop-Text--md": "Text-module__hop-Text--md___g9Wf2", "hop-Text--lg": "Text-module__hop-Text--lg___gXea2", "hop-Text--xl": "Text-module__hop-Text--xl___iGie8", "hop-Text--2xl": "Text-module__hop-Text--2xl___p5vcB", "hop-Text--inherit": "Text-module__hop-Text--inherit___Jg8ZC" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-DZKJZSTQ.js → chunk-D7DIUGRI.js}

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-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" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___1GbQx", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___FCTYh", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___D0xsi", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___-XQ2i" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-YWIDJ55Q.js → chunk-DFVORYEU.js}

@@ -1,6 +1,6 @@
+import { TagListContext } from './chunk-XLKYXKWE.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
-import { TagListContext } from './chunk-XLKYXKWE.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-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" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___1JF88", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___ktkn2", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___KfOWe", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___biZ4y", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___qcq0h" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-IUFABTFZ.js → chunk-DLZGJBL7.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___jOTOX", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___8HYrb" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___ZVlCI", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___n1uBJ" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-6WKRP4MN.js → chunk-DXEWBV4C.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-MX5BW5VE.js';
+import { _OverlineText } from './chunk-C72PRNOP.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___OCCIL", "hop-Badge--primary": "Badge-module__hop-Badge--primary___-dKpN", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___R7NCL" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___tJTtf", "hop-Badge--primary": "Badge-module__hop-Badge--primary___3WZ9y", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___OpnYy" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/chunk-EHXOXTDN.js

@@ -0,0 +1,29 @@
+import { useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
+import { useState } from 'react';
+
+// src/utils/src/useIsOverflow.ts
+var useIsOverflow = (ref, callback) => {
+  const [isOverflow, setIsOverflow] = useState(false);
+  useIsomorphicLayoutEffect(() => {
+    if (!ref || !(ref == null ? void 0 : ref.current)) {
+      return;
+    }
+    const { current } = ref;
+    const trigger = () => {
+      const hasOverflow = current.scrollHeight > current.clientHeight || current.scrollWidth > current.clientWidth;
+      setIsOverflow(hasOverflow);
+      if (callback) {
+        callback(hasOverflow);
+      }
+    };
+    if (current) {
+      if ("ResizeObserver" in window) {
+        new ResizeObserver(trigger).observe(current);
+      }
+      trigger();
+    }
+  }, [callback, ref, ref == null ? void 0 : ref.current]);
+  return isOverflow;
+};
+
+export { useIsOverflow };

package/dist/{chunk-J6YYPRGY.js → chunk-FOXOPL2E.js}

@@ -1,12 +1,12 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-WYBQCRQB.js';
-import { _Spinner } from './chunk-AGRQ7UGN.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { _ClearButton } from './chunk-BTHPJL3A.js';
+import { _Spinner } from './chunk-3573Q6QG.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-D5PBETXF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___ny25M", "hop-Tag--sm": "Tag-module__hop-Tag--sm___8HZnL", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___t3dDt", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___ElUBi", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___iBocm", "hop-Tag--md": "Tag-module__hop-Tag--md___I7jIl", "hop-Tag--lg": "Tag-module__hop-Tag--lg___qi94e", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___sFxLb", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___8gdRL", "hop-Tag--progress": "Tag-module__hop-Tag--progress___NnhA5", "hop-Tag--positive": "Tag-module__hop-Tag--positive___H8sFB", "hop-Tag--caution": "Tag-module__hop-Tag--caution___yiUVc", "hop-Tag--negative": "Tag-module__hop-Tag--negative___Kx5BK", "hop-Tag--option1": "Tag-module__hop-Tag--option1___y-QlT", "hop-Tag--option2": "Tag-module__hop-Tag--option2___eupOO", "hop-Tag--option3": "Tag-module__hop-Tag--option3___HdIm3", "hop-Tag--option4": "Tag-module__hop-Tag--option4___6MNs5", "hop-Tag--option5": "Tag-module__hop-Tag--option5___GBX7K", "hop-Tag--option6": "Tag-module__hop-Tag--option6___AQNi2", "hop-Tag__icon": "Tag-module__hop-Tag__icon___vldcj", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___DzL7g", "hop-Tag__text": "Tag-module__hop-Tag__text___iQuoP", "hop-Tag__badge": "Tag-module__hop-Tag__badge___0hHIo" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___KGnAq", "hop-Tag--sm": "Tag-module__hop-Tag--sm___e6uUD", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___N4NWZ", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___bw0F4", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___8sp7f", "hop-Tag--md": "Tag-module__hop-Tag--md___1SLjD", "hop-Tag--lg": "Tag-module__hop-Tag--lg___h-7c-", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___-Ebyx", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___v1Xes", "hop-Tag--progress": "Tag-module__hop-Tag--progress___MqG2E", "hop-Tag--positive": "Tag-module__hop-Tag--positive___HTRyK", "hop-Tag--caution": "Tag-module__hop-Tag--caution___zWO7H", "hop-Tag--negative": "Tag-module__hop-Tag--negative___ir4C0", "hop-Tag--option1": "Tag-module__hop-Tag--option1___2wfCi", "hop-Tag--option2": "Tag-module__hop-Tag--option2___yrzab", "hop-Tag--option3": "Tag-module__hop-Tag--option3___GrKyt", "hop-Tag--option4": "Tag-module__hop-Tag--option4___QNrtm", "hop-Tag--option5": "Tag-module__hop-Tag--option5___aiY5h", "hop-Tag--option6": "Tag-module__hop-Tag--option6___a6LqR", "hop-Tag__icon": "Tag-module__hop-Tag__icon___Ry8kN", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___lkO5j", "hop-Tag__text": "Tag-module__hop-Tag__text___wdgyp", "hop-Tag__badge": "Tag-module__hop-Tag__badge___qJRsU" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-XI3BX2TP.js → chunk-GRJ3VKHY.js}

@@ -1,13 +1,13 @@
-import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { _InputGroup } from './chunk-TFELIWJO.js';
+import { _InputGroup } from './chunk-ZHOQYYHY.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-D5PBETXF.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___RQPX1", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___8Dtb-", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___up8f-", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___Goc9g", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___5CqUn", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___Hc7Ow", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___U8NGM", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___QQhT-", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___JSKR5" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___J0kzu", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___l8sl5", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___8erAW", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___CrM8H", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___P-hh6", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___4XbjQ", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___KoGsg", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___uMu4X", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___Y5jyT" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-XUCH26RT.js → chunk-HIDHDS2L.js}

@@ -1,5 +1,5 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___43PE1", "hop-Label__indicator": "Label-module__hop-Label__indicator___PXvS0" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___mvHHn", "hop-Label__indicator": "Label-module__hop-Label__indicator___eN8aZ" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-CSE22YXO.js → chunk-JIRLWUDP.js}

@@ -1,8 +1,8 @@
+import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
-import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___nBYJh", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___gUe3Q", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___KRNPK", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___JwdnG", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___mtOo4", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___CysB1" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___Q0dnE", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___xETdz", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___x1qGa", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___Ss8IQ", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Th6rN", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___KbICS", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___gdKoC", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___K7vVY", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___Ra9RG" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-THUFFPGX.js → chunk-JQMXGSAE.js}

@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___YOClX", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___orivw", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___0grkn", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___qCvt-", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___lVnHc", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___RlCbj", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___--Ntp" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XGaUz", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-Olod", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FlqqG", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zXLMo", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___sYtIR", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___tNx7t", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-QGC3OX7W.js → chunk-LFN43ROH.js}

@@ -1,5 +1,5 @@
-import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
+import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___zDwCH", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___lMs5H", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___QxTMV", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___VfRpb", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___CmbgN" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___8-YvL", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___YL31L", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___tmG-f", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___-Hhcq", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___syGui" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ZEXXNE5U.js → chunk-LYPR2YMY.js}

@@ -1,13 +1,13 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-TFELIWJO.js';
-import { _ClearButton } from './chunk-WYBQCRQB.js';
+import { _InputGroup } from './chunk-ZHOQYYHY.js';
+import { _ClearButton } from './chunk-BTHPJL3A.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-D5PBETXF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___YVH8a", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___ZNRHZ", "hop-TextField__Label": "TextField-module__hop-TextField__Label___ztJuQ", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Jjuy-", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___N7bZl", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___CUNme", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___FIu1i" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___RJoLH", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___Hm8BC", "hop-TextField__Label": "TextField-module__hop-TextField__Label___2WysA", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___BNLea", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___hKpqa", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___TjS1F", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___F5toa" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-RYZNMKWB.js → chunk-O2ZMTKCT.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-THUFFPGX.js';
+import { _RichIconAvatarImage } from './chunk-JQMXGSAE.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';

package/dist/{chunk-T7QJEHL7.js → chunk-OLS7K6PO.js}

@@ -2,7 +2,7 @@ import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-D5PBETXF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___RQpte", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___sxf-2", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___9BGUP", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___o-zB5", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___2KCPX", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___WC3aH", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___L-2Lw", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___vNkoh", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___ZGHp6", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___kD0CL", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___YwAjq" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___FyPRg", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___i2l8S", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___RUE8m", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___2Prja", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___DgkQg", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___8uKCT", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___yslf0", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___uo0bB", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___FPnJ8", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___PCbF6", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___pdshj" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-LXCCS4SA.js → chunk-QQI3KNHZ.js}

@@ -1,24 +1,24 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
-import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-4H7PKEMJ.js';
-import { useLocalizedString } from './chunk-F4H76S4H.js';
+import { _ListBoxItem } from './chunk-6C5RI4RT.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-K7DU4YR4.js';
+import { _Text } from './chunk-D5PBETXF.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useLoadMore } from '@react-aria/utils';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-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" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___FMNx2", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___GbXKG", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___BDi3P", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___mh8wf", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___zF1td", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___RLZsm" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {
@@ -75,7 +75,7 @@ function ListBox(props, ref) {
       ...prev
     };
   });
-  const onScroll = useLoadOnScroll({ isLoading, onLoadMore }, ref);
+  useLoadMore({ isLoading, onLoadMore }, ref);
   const renderChildren = () => {
     if (props.items) {
       return /* @__PURE__ */ jsx(Collection, { items: props.items, children: (item) => isFunction(children) ? children(item) : children });
@@ -122,7 +122,6 @@ function ListBox(props, ref) {
           renderEmptyState: handleRenderEmptyState,
           selectionMode,
           style,
-          onScroll,
           "data-loading": isLoading,
           shouldSelectOnPressUp: true,
           children: [