@hopper-ui/components 1.0.11 → 1.0.13

package/dist/{chunk-OFNA3Y6A.js → chunk-AMXRADUV.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-PAYZGXTT.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___pI0C5", "spin": "Spinner-module__spin___FeXZb", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___3kRKf", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___mM0sK", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___CN3Ku", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___E-l4N", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___xxznA", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___1kKrV" };
 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-ZINTZZLE.js → chunk-AYPCLDGU.js}

@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___RDe3V", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___VzZPe", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___2ynKm", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Y1os0", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___uuExB", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___uv-nA", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___uXKr1", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Qyndv" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___XXd8y", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___KPG-W", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___9CNdx", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___h5-5b", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___ikRI1", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___6eMAN", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8uwXA", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AneXe" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-UAKDD5TO.js → chunk-B42AJF74.js}

@@ -1,21 +1,21 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { FooterContext } from './chunk-I67NHYK4.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-import { _ClearButton } from './chunk-7GVDINGU.js';
-import { _Spinner } from './chunk-OFNA3Y6A.js';
+import { _ClearButton } from './chunk-KARK64JC.js';
+import { _Spinner } from './chunk-AMXRADUV.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-PPO5T6D3.js';
+import { _Text } from './chunk-PAYZGXTT.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -30,7 +30,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___8raYN", "hop-Tag--md": "Tag-module__hop-Tag--md___CQGXk", "hop-Tag__icon": "Tag-module__hop-Tag__icon___8HbnJ", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___HS3H-", "hop-Tag__badge": "Tag-module__hop-Tag__badge___i3C17", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___QF9b7", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___IsgPn", "hop-Tag--lg": "Tag-module__hop-Tag--lg___OEkOa", "hop-Tag__text": "Tag-module__hop-Tag__text___wFPSY", "hop-Badge--secondary": "Tag-module__hop-Badge--secondary___njPU6" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___uLop7", "hop-Tag--md": "Tag-module__hop-Tag--md___zQef7", "hop-Tag__icon": "Tag-module__hop-Tag__icon___1WuBJ", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___VWSnJ", "hop-Tag__badge": "Tag-module__hop-Tag__badge___6wq28", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___ltB14", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___ASKZ9", "hop-Tag--lg": "Tag-module__hop-Tag--lg___bwIxr", "hop-Tag__text": "Tag-module__hop-Tag__text___vJciq", "hop-Badge--secondary": "Tag-module__hop-Badge--secondary___tSUkl" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   md: "xs",
@@ -548,7 +548,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___9fTUj", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___jCVD8", "hop-Popover__title": "Popover-module__hop-Popover__title___4tfhg", "hop-Popover__actions": "Popover-module__hop-Popover__actions___1oIBf", "hop-Popover__action": "Popover-module__hop-Popover__action___6Sgt6", "hop-Popover__content": "Popover-module__hop-Popover__content___lB5pD", "hop-Popover__footer": "Popover-module__hop-Popover__footer___8UX6Q" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___NgSy-", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___7Vmsr", "hop-Popover__title": "Popover-module__hop-Popover__title___Ej7kd", "hop-Popover__actions": "Popover-module__hop-Popover__actions___KA---", "hop-Popover__action": "Popover-module__hop-Popover__action___fjhx-", "hop-Popover__content": "Popover-module__hop-Popover__content___-cu9Q", "hop-Popover__footer": "Popover-module__hop-Popover__footer___ri-Tk" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   [props, ref] = useContextProps(props, ref, PopoverContext);

package/dist/{chunk-7PFCZHVB.js → chunk-CCIVRIKG.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___yPMIO", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___SDrjN", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___uk-A0", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___aerYh" };
 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-3XZXPN6Y.js → chunk-CS2RAWQB.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-SW7LHIQ2.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-PAYZGXTT.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___XQDch", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___3Im73", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___65r5k", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___XEwSd", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___GjNW9", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___KcKrr" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-4SPQFKVC.js → chunk-CXIH6I5X.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___WTErz", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___CHfcV", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___g1iHe", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___LgMd1", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___SByLu" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-OWWIZWZA.js → chunk-DZHRELLA.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___NNdxY", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___RKxFo" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-5SHNL47W.js → chunk-ERE2XRQA.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___RWHJy", "hop-Heading--xs": "Heading-module__hop-Heading--xs___WV-nV", "hop-Heading--sm": "Heading-module__hop-Heading--sm___uU0YJ", "hop-Heading--md": "Heading-module__hop-Heading--md___-Vxb5", "hop-Heading--lg": "Heading-module__hop-Heading--lg___0diSz", "hop-Heading--xl": "Heading-module__hop-Heading--xl___4MF4u", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___Oz6Pg", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___1ZHcd" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___FB1PP", "hop-Heading--xs": "Heading-module__hop-Heading--xs___ZJL3P", "hop-Heading--sm": "Heading-module__hop-Heading--sm___fp3A6", "hop-Heading--md": "Heading-module__hop-Heading--md___rEF7K", "hop-Heading--lg": "Heading-module__hop-Heading--lg___kCSub", "hop-Heading--xl": "Heading-module__hop-Heading--xl___5VyFh", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___-qmiM", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___xDM3d" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-TYMV4JQ2.js → chunk-ESRYOELK.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-YLUVOHHC.js';
+import { _OverlineText } from './chunk-5WWMVQI4.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___fXKsF", "hop-Badge--primary": "Badge-module__hop-Badge--primary___yZoOk", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___vuw6H" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___xwY2X", "hop-Badge--primary": "Badge-module__hop-Badge--primary___t93CO", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___CO6Af" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-P62FAV3S.js → chunk-GH5LAOQU.js}

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

package/dist/{chunk-QQBJ4REK.js → chunk-I2YZLGRE.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___PodEd" };
 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-LRJ5ZWXY.js → chunk-IEE2HHGR.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___MbE-q", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___dRzOt", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___xG-1g", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___SpFMs", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___132nd" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-5VWMGH3R.js → chunk-JLUFMLGV.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___0hm3B", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___b2RH-", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___Cah50", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___l0jS3", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___8sZ-4" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-HTM3ZSBX.js → chunk-JN2FF2IX.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___RdFGP" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-7GVDINGU.js → chunk-KARK64JC.js}

@@ -1,5 +1,5 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-KUX5YOEF.js';
+import { _EmbeddedButton } from './chunk-ZXDN2IRM.js';
 import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/{chunk-EZX4K3AY.js → chunk-LDORNYHF.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-PAYZGXTT.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___Hq4l1", "hop-Link--quiet": "Link-module__hop-Link--quiet___ozYD8", "hop-Link--primary": "Link-module__hop-Link--primary___AKRce", "hop-Link--secondary": "Link-module__hop-Link--secondary___kYwz9", "hop-Link__icon": "Link-module__hop-Link__icon___mxuev", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___tQIDd", "hop-Link__text": "Link-module__hop-Link__text___-UVs-", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___OeHzX", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___zZt0A" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-B5563GK3.js → chunk-M4IVTAHY.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-CCIVRIKG.js';
+import { _EmbeddedButton } from './chunk-ZXDN2IRM.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___ban52", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___nt8Nm", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___lGjUQ", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___tZgCe", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___f-Szj", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___RJzJX" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

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-N65OIMRV.js → chunk-MVWQVBTK.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___tIhOW", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___TsXgv", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___L9Azr", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___qJgpi", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___-lcHp" };
 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"]

package/dist/{chunk-B3EA6PO5.js → chunk-NHM3MQI3.js}

@@ -1,7 +1,7 @@
+import { RadioContext } from './chunk-FU5CCPLP.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioListContext } from './chunk-A7TZHALP.js';
-import { RadioContext } from './chunk-FU5CCPLP.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___-U003", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___jAlJF", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___R2HH0", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___0fVwH", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___WONZT", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___OIBac", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___PiqWL", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___gnB8r", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___FvB5C" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___GTWVm", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___UKV-A", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___a9Tbq", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___RYdU8", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___XRgtP", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___cPH4h", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___Esych", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___cJ0g4", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___35eYj" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;
@@ -55,8 +55,7 @@ function RadioGroup(props, ref) {
     {
       values: [
         [LabelContext, {
-          className: RadioGroup_module_default["hop-RadioGroup__label"],
-          size
+          className: RadioGroup_module_default["hop-RadioGroup__label"]
         }],
         [RadioContext, {
           className: RadioGroup_module_default["hop-RadioGroup__radio"],

package/dist/{chunk-PPO5T6D3.js → chunk-PAYZGXTT.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___QR5FZ", "hop-Text--xs": "Text-module__hop-Text--xs___8ROfR", "hop-Text--sm": "Text-module__hop-Text--sm___EFr6B", "hop-Text--md": "Text-module__hop-Text--md___TXnY2", "hop-Text--lg": "Text-module__hop-Text--lg___JASwe", "hop-Text--xl": "Text-module__hop-Text--xl___ILiWb", "hop-Text--2xl": "Text-module__hop-Text--2xl___kf99P", "hop-Text--inherit": "Text-module__hop-Text--inherit___BRAX2" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___XGciL", "hop-Text--xs": "Text-module__hop-Text--xs___8DcIm", "hop-Text--sm": "Text-module__hop-Text--sm___B0mGK", "hop-Text--md": "Text-module__hop-Text--md___QwBMo", "hop-Text--lg": "Text-module__hop-Text--lg___BAtSv", "hop-Text--xl": "Text-module__hop-Text--xl___QUy6V", "hop-Text--2xl": "Text-module__hop-Text--2xl___DFqJ4", "hop-Text--inherit": "Text-module__hop-Text--inherit___WkAxg" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-NFOY572L.js → chunk-QTV45NTY.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-PAYZGXTT.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___r5edU", "hop-Switch--sm": "Switch-module__hop-Switch--sm___g5O2w", "hop-Switch--md": "Switch-module__hop-Switch--md___F6pgw", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___GZeio", "hop-Switch__text": "Switch-module__hop-Switch__text___8JPWQ", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___sXzkG", "hop-Switch__icon": "Switch-module__hop-Switch__icon___yeaOO" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-GDCTBE7C.js → chunk-RGGVZKNN.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-PPO5T6D3.js';
+import { _Text } from './chunk-PAYZGXTT.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___0xUz2", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___N2F4v" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-K7RORXVD.js → chunk-RXZQB35O.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-PAYZGXTT.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___Sfput", "hop-Chip--xs": "Chip-module__hop-Chip--xs___1FBWu", "hop-Chip--sm": "Chip-module__hop-Chip--sm___GsR-j", "hop-Chip--md": "Chip-module__hop-Chip--md___p7p8Z", "hop-Chip--lg": "Chip-module__hop-Chip--lg___LwB3r", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___zDurk", "hop-Chip--progress": "Chip-module__hop-Chip--progress___60Zzw", "hop-Chip--positive": "Chip-module__hop-Chip--positive___VYm5D", "hop-Chip--caution": "Chip-module__hop-Chip--caution___DOCwd", "hop-Chip--negative": "Chip-module__hop-Chip--negative___gE3rS", "hop-Chip--option1": "Chip-module__hop-Chip--option1___lfsAR", "hop-Chip--option2": "Chip-module__hop-Chip--option2___5XFUk", "hop-Chip--option3": "Chip-module__hop-Chip--option3___M686T", "hop-Chip--option4": "Chip-module__hop-Chip--option4___cQSS7", "hop-Chip--option5": "Chip-module__hop-Chip--option5___Ge8nG", "hop-Chip--option6": "Chip-module__hop-Chip--option6___mtUEM", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___XPGCu", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___acT3L", "hop-Chip__icon": "Chip-module__hop-Chip__icon___SGwtj", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___3-ZPq", "hop-Chip__text": "Chip-module__hop-Chip__text___YOY-X", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___Y--iM", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___Xo8tF" };
 var GlobalChipCssSelector = "hop-Chip";
 var ChipToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-BKYHKRAJ.js → chunk-SNWJJ3FF.js}

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

package/dist/{chunk-I3OSQDQM.js → chunk-SSMGKQ27.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-PAYZGXTT.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___uyamy", "hop-Radio--focused": "Radio-module__hop-Radio--focused___TGZbx", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___YkYk3", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___SYCe0", "hop-Radio--sm": "Radio-module__hop-Radio--sm___0rL4j", "hop-Radio--md": "Radio-module__hop-Radio--md___2Sf0G", "hop-Radio__icon": "Radio-module__hop-Radio__icon___xaWvn", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___ipHyc", "hop-Radio__box": "Radio-module__hop-Radio__box___HK3bx", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___9QxuR", "hop-Radio__text": "Radio-module__hop-Radio__text___DVOte" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-W5DFK35A.js → chunk-SW7LHIQ2.js}

@@ -1,15 +1,15 @@
-import { _RadioGroup } from './chunk-B3EA6PO5.js';
+import { _Radio } from './chunk-SSMGKQ27.js';
+import { _RadioGroup } from './chunk-NHM3MQI3.js';
 import { _RadioList } from './chunk-NKHMUPAP.js';
-import { _Radio } from './chunk-I3OSQDQM.js';
-import { _Checkbox } from './chunk-BRIG7AIE.js';
+import { _Checkbox } from './chunk-W34MMJ2L.js';
 import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-RYSCBMR6.js';
+import { _ListBoxItemSkeleton } from './chunk-THQZBL4T.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-PPO5T6D3.js';
+import { _Text } from './chunk-PAYZGXTT.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___8Iu5Y", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___dmYmR", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___odLQZ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___lPCrl", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___NAjSn", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___uRDGL", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___Ty6vD", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___jv9g6", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___peS7w", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___BDVfn", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___-YMRo", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___x8QXg", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___0docZ", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___ymZ-3", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___ZQUFV", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___-kLn1", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___vKAPZ" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___NSPLY", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___7hc2A", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___85bzp", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___MoEKQ", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___RDITm", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___zN4iO", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___FeYgQ", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___QRD7t", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___ERb2a", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___gaSut", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___3-13V", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___wPgqZ", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___dSaVa", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___MadkE", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___mXgdz", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___C8-JS" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-RYSCBMR6.js → chunk-THQZBL4T.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___9KoCq", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ztoOV", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SipZz", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eAJ9R", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___w5aPz" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;