@hopper-ui/components 1.0.11 → 1.0.12

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

@@ -1,8 +1,8 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-7PFCZHVB.js';
-import { _EmbeddedButton } from './chunk-KUX5YOEF.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___AWgBT", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___-eKsi", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___eIp6e", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___5A-GW", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___QROzL", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___IGyZL" };
+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-WQPDNKWM.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___lr2r2", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___eyz9-", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___bQfu-", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___FQjw8", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___Xssmy" };
+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-4SPQFKVC.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___aVaFb", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___tKOek", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___leova", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___cH-jR", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___ZH1Rg" };
+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-LRJ5ZWXY.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___TptVj", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___-ZZfw", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___i1zKT", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___utSxX", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___RVR-f" };
+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-HTM3ZSBX.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___g-giK" };
+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-P62FAV3S.js → chunk-FMYIFMMF.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ZINTZZLE.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-GAPQ6VJL.js → chunk-GF4GFADL.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-7PFCZHVB.js';
-import { _ClearButton } from './chunk-7GVDINGU.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___F9JzN", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___nWz5o", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___y-dPo", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___24Vkn", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___sHehU", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___DRcQt", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___7Zn8z", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___zl-fM", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___w0ikl" };
+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-YLUVOHHC.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___RgeDr", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___I4lf4" };
+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-TP6OU6SQ.js → chunk-H47QYKHU.js}

@@ -1,13 +1,13 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-7PFCZHVB.js';
-import { _ClearButton } from './chunk-7GVDINGU.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-PPO5T6D3.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___Hn-UB", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___Bjhd1", "hop-TextField__Label": "TextField-module__hop-TextField__Label___HFH3h", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___D4cRg", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___cVJyz", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___Xcb6Z", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___iG5nG" };
+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-JTX4ZTQ6.js → chunk-HAJOOYIY.js}

@@ -1,12 +1,12 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-OFNA3Y6A.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-PPO5T6D3.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___mNYg3", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___2EwwI", "hop-Button--fluid": "Button-module__hop-Button--fluid___oSjQG", "hop-Button--sm": "Button-module__hop-Button--sm___RQTAZ", "hop-Button--primary": "Button-module__hop-Button--primary___vI7O6", "hop-Button--md": "Button-module__hop-Button--md___gcW8r", "hop-Button--secondary": "Button-module__hop-Button--secondary___i2HhP", "hop-Button--upsell": "Button-module__hop-Button--upsell___MmkZZ", "hop-Button--danger": "Button-module__hop-Button--danger___rUGhD", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___yhwv9", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___zCv7t", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___qiyFb", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___jp3HP", "hop-Button__icon": "Button-module__hop-Button__icon___2931x", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___KPEmq", "hop-Button__text": "Button-module__hop-Button__text___878Vd", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___2Rpum", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___RGTg3" };
+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-5VWMGH3R.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___5Cx9D", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___6yTKI", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___5kyg1", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___-0VdV", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___4SCkO", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___dBUzb", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___iTu5r", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___pRNT4" };
+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-K7RORXVD.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-PPO5T6D3.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___blJoC", "hop-Chip--xs": "Chip-module__hop-Chip--xs___-oUtb", "hop-Chip--sm": "Chip-module__hop-Chip--sm___M9ig5", "hop-Chip--md": "Chip-module__hop-Chip--md___mkpA7", "hop-Chip--lg": "Chip-module__hop-Chip--lg___4lbJ2", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___gEuJT", "hop-Chip--progress": "Chip-module__hop-Chip--progress___YX41W", "hop-Chip--positive": "Chip-module__hop-Chip--positive___dokoJ", "hop-Chip--caution": "Chip-module__hop-Chip--caution___A2VRj", "hop-Chip--negative": "Chip-module__hop-Chip--negative___irOqX", "hop-Chip--option1": "Chip-module__hop-Chip--option1___2OuBb", "hop-Chip--option2": "Chip-module__hop-Chip--option2___HZ0-F", "hop-Chip--option3": "Chip-module__hop-Chip--option3___9KiAc", "hop-Chip--option4": "Chip-module__hop-Chip--option4___93W-x", "hop-Chip--option5": "Chip-module__hop-Chip--option5___FGx3j", "hop-Chip--option6": "Chip-module__hop-Chip--option6___FwSZP", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___5YQ7M", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___CsLC-", "hop-Chip__icon": "Chip-module__hop-Chip__icon___Z7qw4", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___hJK2J", "hop-Chip__text": "Chip-module__hop-Chip__text___IxxJD", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___Ig3B9", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___zTMBf" };
+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-QQBJ4REK.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___om5gm", "hop-Label--xs": "Label-module__hop-Label--xs___x5CfR", "hop-Label--sm": "Label-module__hop-Label--sm___oQPya", "hop-Label--md": "Label-module__hop-Label--md___PTtE-", "hop-Label--lg": "Label-module__hop-Label--lg___IRPit", "hop-Label--xl": "Label-module__hop-Label--xl___v5iyv", "hop-Label--2xl": "Label-module__hop-Label--2xl___rF-I1", "hop-Label--inherit": "Label-module__hop-Label--inherit___pECI0" };
+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-GDCTBE7C.js → chunk-LPNAHCYD.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-PPO5T6D3.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___H0Hyt", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___Ph3Hq" };
+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-AB24MF66.js → chunk-OPVD3ERM.js}

@@ -1,6 +1,6 @@
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-PPO5T6D3.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___j-58D", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___I-vrf" };
+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-NFOY572L.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-PPO5T6D3.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___5vCL-", "hop-Switch--sm": "Switch-module__hop-Switch--sm___SYVfX", "hop-Switch--md": "Switch-module__hop-Switch--md___VMaVT", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___Cq7nf", "hop-Switch__text": "Switch-module__hop-Switch__text___t7aFV", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___7VKMO", "hop-Switch__icon": "Switch-module__hop-Switch__icon___5PbIs" };
+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-WC72FIUS.js → chunk-OWUGMRU6.js}

@@ -1,7 +1,7 @@
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
-import { _Text } from './chunk-PPO5T6D3.js';
+import { _Text } from './chunk-4GSKU4TS.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ZINTZZLE.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___e49oL", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___nAFCM", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___KhKmI", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___4k-YA", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___aMxkN", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___Nu2rt", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___07x4v", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___zGPex", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___I4UC3", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___cdoqq", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___Ym8Xl", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___gVpMg", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___RFSoh", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___b6qfe", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___E6PlO", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___CB1wE", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___sKD8Q" };
+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-KUX5YOEF.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___OOvmj", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___3Tm-t", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___3PcwM", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___uAAJQ" };
+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-7PFCZHVB.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___2fum1", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___gFErQ", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___l2GEn", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___sVDs1" };
+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-I3OSQDQM.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-PPO5T6D3.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___2C-nq", "hop-Radio--focused": "Radio-module__hop-Radio--focused___7sglk", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___QdFBx", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___ECMn4", "hop-Radio--sm": "Radio-module__hop-Radio--sm___x8T6Z", "hop-Radio--md": "Radio-module__hop-Radio--md___hyLVu", "hop-Radio__icon": "Radio-module__hop-Radio__icon___9JhJH", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___cYGkR", "hop-Radio__box": "Radio-module__hop-Radio__box___2ZJgC", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___4cGjY", "hop-Radio__text": "Radio-module__hop-Radio__text___-IVHP" };
+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-RYSCBMR6.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___6QNAP", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___Rvkja", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___NrVuN", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2Bzxz", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___lSYvw", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___QHVBS" };
+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-3XZXPN6Y.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-W5DFK35A.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-PPO5T6D3.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___HevK4", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___PZyFT", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___1g-oS", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___Ye7Sa", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___wEcPg", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___bXMG3" };
+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-OFNA3Y6A.js → chunk-USYSDGSI.js}

@@ -1,16 +1,17 @@
-import { _Label } from './chunk-QQBJ4REK.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___G2aAJ", "spin": "Spinner-module__spin___s65Hu", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___X4a5I", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___CQl1H", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___gDo5D", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___GdY0a", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___4nGzi", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___lxgXR" };
+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-OWWIZWZA.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___AR5i-", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___qIzfH" };
+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-EZX4K3AY.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-PPO5T6D3.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___YhRVE", "hop-Link--quiet": "Link-module__hop-Link--quiet___lD3Ak", "hop-Link--primary": "Link-module__hop-Link--primary___HSgxM", "hop-Link--secondary": "Link-module__hop-Link--secondary___Zks8B", "hop-Link__icon": "Link-module__hop-Link__icon___y5FoH", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___ts01r", "hop-Link__text": "Link-module__hop-Link__text___hbY6n", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___rQpdD", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___EIh1s" };
+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-BKYHKRAJ.js → chunk-W6AZ2ZWU.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ZINTZZLE.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-N65OIMRV.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___iA1sZ", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___GCD6X", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___s2VF7", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___VhmDm", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___c5Gyv" };
+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"]