@hopper-ui/components 1.0.10 → 1.0.12

package/dist/{chunk-Q4BCNP43.js → chunk-AV6EXKJL.js}

@@ -1,8 +1,8 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-XIJCDZFG.js';
-import { _EmbeddedButton } from './chunk-6IYUHCFN.js';
-import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { _InputGroup } from './chunk-R5TKT4GV.js';
+import { _EmbeddedButton } from './chunk-QCUDNLBI.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.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___43cuX", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___c6awq", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___DoHRA", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___mPvaV", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___I9JJL", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___rvbQr" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___tGAnL", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___zmJOU", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___Cs2zX", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___Z-QX5", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___NyfMK", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___bPO4D" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-SV4ZFFJK.js → chunk-B57SRQ7N.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___epMrB", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Ak88K", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___PPA-Q", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___xsSML", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___2i3f7" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___OAoPo", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___inSFS", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___G9ND4", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___OWGfn", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___WBIi-" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-DI7CG5S5.js → chunk-C6HQZUJC.js}

@@ -1,5 +1,5 @@
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___vlCF4", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___OYyvM", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___G6g7a", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___O9GuV", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___YeZR8" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___9jNWZ", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___W0W-v", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___T8Hql", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___kV7yP", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___9Q-Up" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-LWNOCFB6.js → chunk-EUVNSKLC.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___qiYBN", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___jUDNu", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___AwmIV", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___Uey4z", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___VEabE" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___4jMVT", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___kB4r0", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___VM86A", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___CmvIH", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___T8HA-" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-4NZBP4JD.js → chunk-F54JRMFF.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___R-Yq8" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___rbH36" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-MJ4Q7MK4.js → chunk-FMYIFMMF.js}

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

package/dist/{chunk-GGEFS6GJ.js → chunk-GF4GFADL.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-XIJCDZFG.js';
-import { _ClearButton } from './chunk-AUF6GNR5.js';
+import { _InputGroup } from './chunk-R5TKT4GV.js';
+import { _ClearButton } from './chunk-XVFY4N5S.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___QAP-6", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___yAbLZ", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___Zh5d8", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___CiTD3", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___8Grdh", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___zMYIb", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___xnE3F", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___1bp9N", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___LozyV" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___KAyaM", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___uqJFd", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___iQzQm", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Uey9N", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___NHHD0", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___ke6Hg", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___HGTE1", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___JGB1J", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___fmGfx" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-RFT4HR7Q.js → chunk-GLJ23R4O.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___D9put", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___qETKZ" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___ZFMb-", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___dGxq3" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-4CRD45GS.js → chunk-H47QYKHU.js}

@@ -1,13 +1,13 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-XIJCDZFG.js';
-import { _ClearButton } from './chunk-AUF6GNR5.js';
-import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { _InputGroup } from './chunk-R5TKT4GV.js';
+import { _ClearButton } from './chunk-XVFY4N5S.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.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___uDZ4z", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___TE-n4", "hop-TextField__Label": "TextField-module__hop-TextField__Label___K-wav", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___6CW8q", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___xq5Wf", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___qab7l", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___YMkQV" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___OiBGE", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___xDISU", "hop-TextField__Label": "TextField-module__hop-TextField__Label___HlIWe", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___WTQZJ", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___8632V", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___dsrrC", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___TBdzx" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-TKKUUTJJ.js → chunk-HAJOOYIY.js}

@@ -1,12 +1,12 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-BHKFMRTW.js';
+import { _Spinner } from './chunk-USYSDGSI.js';
 import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___fg8Uk", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___nZA1n", "hop-Button--fluid": "Button-module__hop-Button--fluid___p4CZn", "hop-Button--sm": "Button-module__hop-Button--sm___vZ7vy", "hop-Button--primary": "Button-module__hop-Button--primary___PXet8", "hop-Button--md": "Button-module__hop-Button--md___CjeEd", "hop-Button--secondary": "Button-module__hop-Button--secondary___7DS7Z", "hop-Button--upsell": "Button-module__hop-Button--upsell___cdYhD", "hop-Button--danger": "Button-module__hop-Button--danger___pqC8Q", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___NCauq", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___ctDC2", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___WJjIN", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___xNvb5", "hop-Button__icon": "Button-module__hop-Button__icon___z-SRL", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___LNeIr", "hop-Button__text": "Button-module__hop-Button__text___P6Ny9", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___KRmHt", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___zbtC8" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___yNXRh", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___hzMPB", "hop-Button--fluid": "Button-module__hop-Button--fluid___ysDPL", "hop-Button--sm": "Button-module__hop-Button--sm___FLrQz", "hop-Button--primary": "Button-module__hop-Button--primary___YM5f0", "hop-Button--md": "Button-module__hop-Button--md___1j6uB", "hop-Button--secondary": "Button-module__hop-Button--secondary___evejT", "hop-Button--upsell": "Button-module__hop-Button--upsell___Wpp3Y", "hop-Button--danger": "Button-module__hop-Button--danger___JlBVm", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___Ld82M", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___mPpFc", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___yvct6", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___415z2", "hop-Button__icon": "Button-module__hop-Button__icon___SUSBS", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___uanOZ", "hop-Button__text": "Button-module__hop-Button__text___F4YLd", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___gtmLk", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___Yl6-x" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-EK7VYKUJ.js → chunk-JHCYXGZQ.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___hwTE-", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___3wRXZ", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___1xCAn", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___cFkkd", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___YPf3V", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___CQD4J", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___A0Dcg", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___tLIAk" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___Ju-Ee", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___BG8Yr", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___7oKsm", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___IwvI3", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___oVD8v", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___tEx6H", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___TGJgI", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___ft3Je" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-INJZF4DT.js → chunk-KHBGN72O.js}

@@ -1,7 +1,7 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { ChipContext } from './chunk-632B5YBQ.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Chip.module.css#css-module
-var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___FpJSW", "hop-Chip--xs": "Chip-module__hop-Chip--xs___ojXR0", "hop-Chip--sm": "Chip-module__hop-Chip--sm___-ij1F", "hop-Chip--md": "Chip-module__hop-Chip--md___3Fg5d", "hop-Chip--lg": "Chip-module__hop-Chip--lg___7xHJR", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___XOz0T", "hop-Chip--progress": "Chip-module__hop-Chip--progress___X7HGt", "hop-Chip--positive": "Chip-module__hop-Chip--positive___IlmtF", "hop-Chip--caution": "Chip-module__hop-Chip--caution___FlIXZ", "hop-Chip--negative": "Chip-module__hop-Chip--negative___eUSjV", "hop-Chip--option1": "Chip-module__hop-Chip--option1___BGOu5", "hop-Chip--option2": "Chip-module__hop-Chip--option2___8Jopg", "hop-Chip--option3": "Chip-module__hop-Chip--option3___oWlL8", "hop-Chip--option4": "Chip-module__hop-Chip--option4___uUJlv", "hop-Chip--option5": "Chip-module__hop-Chip--option5___hh4kN", "hop-Chip--option6": "Chip-module__hop-Chip--option6___xNRxK", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___HlULl", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___nKLJv", "hop-Chip__icon": "Chip-module__hop-Chip__icon___lj-J4", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___SvucK", "hop-Chip__text": "Chip-module__hop-Chip__text___DAlBm", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___kV68G", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___qhTic" };
+var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___MdIh4", "hop-Chip--xs": "Chip-module__hop-Chip--xs___5MP-o", "hop-Chip--sm": "Chip-module__hop-Chip--sm___ESqjQ", "hop-Chip--md": "Chip-module__hop-Chip--md___4Av8D", "hop-Chip--lg": "Chip-module__hop-Chip--lg___Q8BjA", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___v3mGh", "hop-Chip--progress": "Chip-module__hop-Chip--progress___B8mLR", "hop-Chip--positive": "Chip-module__hop-Chip--positive___j47Hq", "hop-Chip--caution": "Chip-module__hop-Chip--caution___vxV5Q", "hop-Chip--negative": "Chip-module__hop-Chip--negative___6zdpE", "hop-Chip--option1": "Chip-module__hop-Chip--option1___KKff7", "hop-Chip--option2": "Chip-module__hop-Chip--option2___9kSMo", "hop-Chip--option3": "Chip-module__hop-Chip--option3___gqngh", "hop-Chip--option4": "Chip-module__hop-Chip--option4___dpGTV", "hop-Chip--option5": "Chip-module__hop-Chip--option5___PU4i5", "hop-Chip--option6": "Chip-module__hop-Chip--option6___-ZijO", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___2CnPj", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___rI-O3", "hop-Chip__icon": "Chip-module__hop-Chip__icon___STwZi", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___KNDMR", "hop-Chip__text": "Chip-module__hop-Chip__text___v-XfX", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___yNTZi", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___6bOFU" };
 var GlobalChipCssSelector = "hop-Chip";
 var ChipToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-EVDGB7QY.js → chunk-L6GOPZJM.js}

@@ -1,27 +1,24 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___4IwKs", "hop-Label--xs": "Label-module__hop-Label--xs___OM9D0", "hop-Label--sm": "Label-module__hop-Label--sm___YR0aQ", "hop-Label--md": "Label-module__hop-Label--md___DvgG2", "hop-Label--lg": "Label-module__hop-Label--lg___9cVMt", "hop-Label--xl": "Label-module__hop-Label--xl___ddTYR", "hop-Label--2xl": "Label-module__hop-Label--2xl___XBni5", "hop-Label--inherit": "Label-module__hop-Label--inherit___mbv9Z" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___T9bhE" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
-  var _a;
   [props, ref] = useContextProps(props, ref, LabelContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { className, size: sizeProp, children, style, ...otherProps } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const { className, children, style, ...otherProps } = ownProps;
   const classNames = clsx(
     className,
     GlobalLabelCssSelector,
     cssModule(
       Label_module_default,
-      "hop-Label",
-      size
+      "hop-Label"
     ),
     stylingProps.className
   );

package/dist/{chunk-NO2FWJBI.js → chunk-LPNAHCYD.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___ToNA6", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___BvS8X" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___vJKjp", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___XmbUU" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/chunk-MTDFS4CZ.js

@@ -0,0 +1,12 @@
+import { useMediaQuery } from '@hopper-ui/styled-system';
+
+// src/utils/src/useScale.ts
+function useScale() {
+  const matchesFine = useMediaQuery("(any-pointer: fine)");
+  if (matchesFine) {
+    return "medium";
+  }
+  return "large";
+}
+
+export { useScale };

package/dist/{chunk-UX6DUMLO.js → chunk-OPVD3ERM.js}

@@ -1,6 +1,6 @@
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.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___U-bVX", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___DS-U2" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___TiOLv", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___uJa5n" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-SC3SJLSD.js → chunk-OQ4PSWC7.js}

@@ -2,7 +2,7 @@ import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.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, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___VAIgD", "hop-Switch--sm": "Switch-module__hop-Switch--sm___j90VH", "hop-Switch--md": "Switch-module__hop-Switch--md___Tlmbr", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___qGprQ", "hop-Switch__text": "Switch-module__hop-Switch__text___Y2Urk", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___G3hS9", "hop-Switch__icon": "Switch-module__hop-Switch__icon___L3Udp" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___30WsO", "hop-Switch--sm": "Switch-module__hop-Switch--sm___EoF-a", "hop-Switch--md": "Switch-module__hop-Switch--md___ULWcM", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___FdvNl", "hop-Switch__text": "Switch-module__hop-Switch__text___c7e-a", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___nsw5H", "hop-Switch__icon": "Switch-module__hop-Switch__icon___GxVQQ" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-4HJLLB6E.js → chunk-OWUGMRU6.js}

@@ -1,7 +1,7 @@
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-WWOPLGWW.js';
+import { _RichIconAvatarImage } from './chunk-4RGYMJVX.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___7FuAh", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___JpbuB", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___yWbvK", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___eeYjC", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___rbW-j", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___8RscA", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___p2BSM", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___rfw5V", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___hKbC2", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___GwqK2", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___XX2-n", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___Al5Ep", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___OD6w4", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___lIi-r", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___E3-os", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___QdMZP", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___OzSkB" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___-yNiS", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___0246-", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___czjni", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___geNUg", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___OrobB", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___sr4-j", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___4D7HI", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___QPAsF", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___xqKJY", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___wbenw", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___ruK8D", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___R91IQ", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___fMuum", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___WmWnu", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___f-yzq", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___e7aQU", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___GB-zo" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-6IYUHCFN.js → chunk-QCUDNLBI.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___fgwq3", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___xk2Tv", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___kQ8-m", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___8Usdy" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___MerPv", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___vsSCr", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___N62qP", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___yJBM-" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-XIJCDZFG.js → chunk-R5TKT4GV.js}

@@ -9,7 +9,7 @@ import { useContextProps, useSlottedContext, InputContext, composeRenderProps, G
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___3HFsN", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___0UENZ", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___mMBoN", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___Ya-cm" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___7m6-I", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___P3TmP", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___XqGLX", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___6P3GF" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;
@@ -24,6 +24,7 @@ function InputGroup(props, ref) {
     children,
     size: sizeProp,
     isFluid: isFluidProp,
+    inputClassName,
     onMouseDown,
     ...otherProps
   } = ownProps;
@@ -48,10 +49,10 @@ function InputGroup(props, ref) {
   });
   const handleMouseDown = useCallback((e) => {
     onMouseDown == null ? void 0 : onMouseDown(e);
-    if (inputRef.current) {
+    if (inputRef.current && e.target !== inputRef.current) {
       inputRef.current.focus();
+      e.preventDefault();
     }
-    e.preventDefault();
   }, [onMouseDown]);
   return /* @__PURE__ */ jsx(
     SlotProvider,
@@ -60,7 +61,7 @@ function InputGroup(props, ref) {
         [InputContext, {
           ...inputContext,
           ref: mergedRefs,
-          className: composeClassnameRenderProps(inputContext == null ? void 0 : inputContext.className, InputGroup_module_default["hop-InputGroup__input"])
+          className: composeClassnameRenderProps(inputContext == null ? void 0 : inputContext.className, inputClassName, InputGroup_module_default["hop-InputGroup__input"])
         }]
       ],
       children: /* @__PURE__ */ jsx(

package/dist/{chunk-AYFNI5MJ.js → chunk-RHZPF2YH.js}

@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.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, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___b9TXN", "hop-Radio--focused": "Radio-module__hop-Radio--focused___QfPoM", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___UXyYt", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___5LrWF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___SUeRe", "hop-Radio--md": "Radio-module__hop-Radio--md___ZRy2q", "hop-Radio__icon": "Radio-module__hop-Radio__icon___X6WzS", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___CQ7Nb", "hop-Radio__box": "Radio-module__hop-Radio__box___Pg1bK", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___DyxBh", "hop-Radio__text": "Radio-module__hop-Radio__text___57bez" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___AM8tK", "hop-Radio--focused": "Radio-module__hop-Radio--focused___itwDR", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___6VHIU", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___lx2sF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___F7KXR", "hop-Radio--md": "Radio-module__hop-Radio--md___p5mai", "hop-Radio__icon": "Radio-module__hop-Radio__icon___RKZFs", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___IWPSR", "hop-Radio__box": "Radio-module__hop-Radio__box___8viCp", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___czAwE", "hop-Radio__text": "Radio-module__hop-Radio__text___vA5SR" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-IBYM3BOF.js → chunk-TRIFBDZE.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___M7T9p", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___lwoo7", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___sieLB", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___V40ZE", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Ye9B4", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___v-JV-" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___naikK", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___4yLmy", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___BoS9h", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___sMtsw", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___xMp35", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___3TdWv" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-SEFGTHWT.js → chunk-UG2GABQI.js}

@@ -2,13 +2,13 @@ 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-KYUCKXEK.js';
+import { _ListBoxItem } from './chunk-YKLQWMUL.js';
 import { useLocalizedString } from './chunk-YEYNRBMQ.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-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 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___DPlF-", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___b8vjR", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___K4RwO", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___GPf9C", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___VGI-4", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___wvRhf" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___wrhSb", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___OFSHl", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___1o15O", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___KssdA", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___wjwgk", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___EIj16" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-BHKFMRTW.js → chunk-USYSDGSI.js}

@@ -1,16 +1,17 @@
-import { _Label } from './chunk-EVDGB7QY.js';
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
+import { useId } from 'react-aria';
 import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___6JzFN", "spin": "Spinner-module__spin___HG7en", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___4L3uw", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___sBNhb", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___Kqutx", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___wIoyx", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___BfMha", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___9QSP3" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___sIe39", "spin": "Spinner-module__spin___u5DUL", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___LAMAv", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___5B8fe", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___2j1gO", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___XOSCJ", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___W9lQA", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___I-He9" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
-var SpinnerToLabelSizeAdapter = {
+var SpinnerToTextSizeAdapter = {
   sm: "xs",
   md: "sm",
   lg: "md"
@@ -41,14 +42,16 @@ var Spinner = (props, ref) => {
     ...stylingProps.style,
     ...style
   };
+  const labelId = useId();
   const labelMarkup = children && /* @__PURE__ */ jsx(
-    _Label,
+    _Text,
     {
       className: cssModule(
         Spinner_module_default,
         "hop-Spinner__label"
       ),
-      size: SpinnerToLabelSizeAdapter[size],
+      size: SpinnerToTextSizeAdapter[size],
+      id: labelId,
       children
     }
   );
@@ -59,6 +62,7 @@ var Spinner = (props, ref) => {
       isIndeterminate: true,
       className: classNames,
       style: mergedStyles,
+      "aria-labelledby": labelId,
       ...otherProps,
       children: [
         /* @__PURE__ */ jsx(

package/dist/{chunk-3O5HAEBL.js → chunk-UZWPP6WB.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___LDiMT", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___AYwfC" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___ddvkQ", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___7YAIR" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-2XPKW4HJ.js → chunk-VIJAZ3D6.js}

@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-4VVNSXIB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-MJ2W4MJY.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___-I-om", "hop-Link--quiet": "Link-module__hop-Link--quiet___IbxMq", "hop-Link--primary": "Link-module__hop-Link--primary___2p-uG", "hop-Link--secondary": "Link-module__hop-Link--secondary___NIvr5", "hop-Link__icon": "Link-module__hop-Link__icon___Y40mb", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___PQBZB", "hop-Link__text": "Link-module__hop-Link__text___v4-a1", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___NrB6l", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___p7Ts3" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___gO7ZE", "hop-Link--quiet": "Link-module__hop-Link--quiet___heTWE", "hop-Link--primary": "Link-module__hop-Link--primary___y9YA1", "hop-Link--secondary": "Link-module__hop-Link--secondary___-skZ9", "hop-Link__icon": "Link-module__hop-Link__icon___bSf-7", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___7UQlQ", "hop-Link__text": "Link-module__hop-Link__text___Hfd08", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___vd5oC", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___WHFXI" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-ZSGYSO46.js → chunk-W6AZ2ZWU.js}

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

package/dist/{chunk-RUDTNECQ.js → chunk-WKTV56XG.js}

@@ -1,6 +1,6 @@
+import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagListContext } from './chunk-XLKYXKWE.js';
-import { TagContext } from './chunk-EWMWQ2MC.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___ozAbq", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___Gb0Zq", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___h9zdn", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___N6JkJ", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___HaDQh" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___n0isT", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___4eKc-", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___nCEFt", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___bZ23L", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___QtAIt" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;
@@ -47,8 +47,7 @@ function TagGroup(props, ref) {
     {
       values: [
         [LabelContext, {
-          className: TagGroup_module_default["hop-TagGroup__label"],
-          size
+          className: TagGroup_module_default["hop-TagGroup__label"]
         }],
         [TagListContext, {
           className: TagGroup_module_default["hop-TagGroup__list"]