@hopper-ui/components 1.4.7 → 1.4.9

package/dist/chunk-RZVA6GTJ.js

@@ -0,0 +1,75 @@
+import { InternalTileContext } from './chunk-JTNKUYE5.js';
+import { TileGroupContext } from './chunk-3MTGAZ77.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TileGroup.module.css#css-module
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___rvHIQ" };
+var GlobalTileGroupCssSelector = "hop-TileGroup";
+var TileGroup = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, TileGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    style,
+    slot,
+    isDisabled,
+    selectionMode = "single",
+    disallowEmptySelection = true,
+    numberOfColumns = 3,
+    ...otherProps
+  } = ownProps;
+  const columns = useResponsiveValue(numberOfColumns);
+  const classNames = composeClassnameRenderProps(
+    GlobalTileGroupCssSelector,
+    cssModule(
+      TileGroup_module_default,
+      "hop-TileGroup"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...{
+        gridTemplateColumns: `repeat(${columns}, 1fr)`
+      },
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    ToggleButtonGroup,
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      isDisabled,
+      selectionMode,
+      disallowEmptySelection,
+      ...otherProps,
+      children: (renderProps) => /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [InternalTileContext, { isDisabled }]
+          ],
+          children: children(renderProps)
+        }
+      )
+    }
+  );
+};
+var _TileGroup = forwardRef(TileGroup);
+_TileGroup.displayName = "TileGroup";
+
+export { GlobalTileGroupCssSelector, _TileGroup };

package/dist/{chunk-NFIZ44XF.js → chunk-SQ4WQLG3.js}

@@ -1,8 +1,8 @@
-import { _ToggleArrow } from './chunk-OIELLCFE.js';
-import { _Heading } from './chunk-ERIQNISN.js';
-import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
-import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { _ToggleArrow } from './chunk-HCYKOE75.js';
+import { _Heading } from './chunk-6HV32IPY.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
+import { DisclosureHeaderContext } from './chunk-GFRTCF4B.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___Mipgq", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___wL1S5", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___9Z-QH", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___gwiF2", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___iWoIw", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___Tbm2y" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___xTHVB", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___0WIqi", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___qKSqJ", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___ST0t3", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___mackE", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___uEScf" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/{chunk-3JJL6GD6.js → chunk-TEOQZH4R.js}

@@ -1,6 +1,6 @@
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -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___M2a7F", "hop-Text--xs": "Text-module__hop-Text--xs___wFmT7", "hop-Text--sm": "Text-module__hop-Text--sm___mVKDe", "hop-Text--md": "Text-module__hop-Text--md___r-Who", "hop-Text--lg": "Text-module__hop-Text--lg___xmcjP", "hop-Text--xl": "Text-module__hop-Text--xl___HB5dh", "hop-Text--2xl": "Text-module__hop-Text--2xl___vay0i", "hop-Text--inherit": "Text-module__hop-Text--inherit___VAeUU" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___rlMcQ", "hop-Text--xs": "Text-module__hop-Text--xs___pVoEH", "hop-Text--sm": "Text-module__hop-Text--sm___qf5q2", "hop-Text--md": "Text-module__hop-Text--md___AgOX7", "hop-Text--lg": "Text-module__hop-Text--lg___ERZC0", "hop-Text--xl": "Text-module__hop-Text--xl___mX12o", "hop-Text--2xl": "Text-module__hop-Text--2xl___8NiTf", "hop-Text--inherit": "Text-module__hop-Text--inherit___6kPt2" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-7SCKD7PW.js → chunk-TFMCSZBX.js}

@@ -1,11 +1,11 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BulletIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___Jb88Z Radio-module__hop-Radio___upCAH", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___XLPMl Radio-module__hop-Radio--sm___9bTbB", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___HGaT5 Radio-module__hop-Radio--md___iA7YH", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___s4OA0 Radio-module__hop-Radio__icon___dPIaA", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___1FwaZ Radio-module__hop-Radio__icon___dPIaA", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___apXnq Radio-module__hop-Radio__box___HW11I", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___o2Yiz Radio-module__hop-Radio__bullet___Vs9-c", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___PHdnh Radio-module__hop-Radio__text___0Szs3" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___o0pCe Radio-module__hop-Radio___DVbLu", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___uxVdM Radio-module__hop-Radio--sm___zvEv6", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___18uNV Radio-module__hop-Radio--md___h5FQB", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___N6DOD Radio-module__hop-Radio__icon___2-Xjv", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___-EVjk Radio-module__hop-Radio__icon___2-Xjv", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___hR-ab Radio-module__hop-Radio__box___Ifaxy", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___vqnbu Radio-module__hop-Radio__bullet___dS6vy", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___KP68F Radio-module__hop-Radio__text___5bVIW" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-5JYQWCE5.js → chunk-V6IGV2A6.js}

@@ -1,15 +1,15 @@
-import { _DecorativeRadio } from './chunk-7SCKD7PW.js';
-import { _DecorativeCheckbox } from './chunk-I73SWVA3.js';
+import { _DecorativeRadio } from './chunk-TFMCSZBX.js';
+import { _DecorativeCheckbox } from './chunk-ZSBIKIOS.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-TZEOP7YF.js';
+import { _ListBoxItemSkeleton } from './chunk-35HDR5EW.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -18,7 +18,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___bde6i", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___L4ZhY", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___uqUoV", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___crP7j", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___8z6Xv", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___W-ls-", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___d966-", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___5KwZb", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___fnXm-", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___vJ5a6", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___8IKe1", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___oB-Qu", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___M2xIZ", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___jNa2r", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___9sXMx", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___np-gB", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___69zSW" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___EdxKg", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___nglVe", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___sAOIC", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___xQQ-T", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___f8Miz", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___8X3OE", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___ASA3e", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___9QTQw", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___4v4BQ", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___Jr1O3", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___5iV6J", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___5ay70", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___YGXmd", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-xX9H", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___MaKGn", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___TP9j8", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___YSJFv" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",
@@ -66,9 +66,9 @@ function ListBoxItemInner(props) {
       setIsListHasSelectionEnd((prev) => isListHasSelection && !prev);
     }
   };
-  const { className: radioClassName, ...otherRadioProps } = radioProps || {};
+  const { className: radioClassName, ...otherRadioProps } = radioProps != null ? radioProps : {};
   const radioClassNames = clsx(ListBoxItem_module_default["hop-ListBoxItem__radio"], radioClassName);
-  const { className: checkboxClassName, ...otherCheckboxProps } = checkboxProps || {};
+  const { className: checkboxClassName, ...otherCheckboxProps } = checkboxProps != null ? checkboxProps : {};
   const checkboxClassNames = clsx(ListBoxItem_module_default["hop-ListBoxItem__checkbox"], checkboxClassName);
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/{chunk-HMG6U7FQ.js → chunk-VLRWUC3G.js}

@@ -1,7 +1,7 @@
-import { _RichIconAvatarImage } from './chunk-IIAAY3DD.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-3TXCNKNC.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';

package/dist/{chunk-2GGER6XM.js → chunk-W2QZ6LNV.js}

@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IllustratedMessage.module.css#css-module
-var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___w82AS", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___VOEvJ", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___k1HcS", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___NOQsF", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___QPoKx", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___d0N2r", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___bkJ8V", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___-UY-J", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___su5w9", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___mao5Z" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___mQfdp", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___ljX03", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___xi894", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___8vOfQ", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___rOQmz", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___ny-xu", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___l2pmh", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___jTZdH", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___5h06Z", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___1BF0L" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-4BXMSXYQ.js → chunk-W7UY3AN2.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-3JJL6GD6.js';
+import { _Text } from './chunk-TEOQZH4R.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children, elementType) {

package/dist/{chunk-7DLSOYOU.js → chunk-WEOELGV3.js}

@@ -1,10 +1,10 @@
-import { _Text } from './chunk-3JJL6GD6.js';
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _RichIconAvatarImage } from './chunk-IIAAY3DD.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { _Text } from './chunk-TEOQZH4R.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-3TXCNKNC.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps, mergeProps } from '@react-aria/utils';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } 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___U-IMP", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___yDWST", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___-7-gg", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___rmMew", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___POTyv", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___kHNPi", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___zfrIk", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___avT48", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___RhLWg", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___YUj8C", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___DsaL-", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___USRoO", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___dY8jt", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___X1J3x", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___XqyCA", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___H5ORx", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___yAHU-" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___qgXUH", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___adzcr", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___zJQxF", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___rxg-q", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___nJ2ly", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___wtGFE", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___L1q1c", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___1u-id", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___iFxyD", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___MNm9m", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___VFZzB", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___LM49p", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___J94l7", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___8d7HE", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___8pMZ7", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___Re3ZY", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___N0w9t" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-WX5UNPM3.js → chunk-WNCTZPDC.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___wsazM", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___sBkU7" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___lWll0", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___7TAMR" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-WLIPEWRM.js → chunk-WOHPT4IQ.js}

@@ -1,7 +1,7 @@
-import { _RichIconAvatarImage } from './chunk-IIAAY3DD.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-3TXCNKNC.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';

package/dist/{chunk-PHQ6YPQQ.js → chunk-WTW6WMRY.js}

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -10,7 +10,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___GS84I", "hop-Label__indicator": "Label-module__hop-Label__indicator___GAUqr" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___uQPTW", "hop-Label__indicator": "Label-module__hop-Label__indicator___7ga-3" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-K3IUMMRF.js → chunk-XCLYO62A.js}

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { MinusIcon, CheckmarkIcon, IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___XMfmk", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___-uP-z", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___8fZVy", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___duryy", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___oJhdw", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___tfNJB", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___2DMVA", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___26W86" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___Gt7Xo", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___L1X4N", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___3tz2N", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___7GbCK", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___CJa5w", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___z1gff", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___6TJ7k", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___NmAOU" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-JUVZRX26.js → chunk-XPU2VOT2.js}

@@ -1,7 +1,7 @@
-import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
-import { _Text } from './chunk-3JJL6GD6.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { _Text } from './chunk-TEOQZH4R.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___ifgf0", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___75awR", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___bD0gf", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___oHQcZ", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___UA5kB" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___u8DFq", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___0RhOG", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___4hdpH", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___h63lx", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___rH2HD" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-JNJYQ26N.js → chunk-YDFVC72F.js}

@@ -1,17 +1,18 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-MPCOEMN2.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-2JXEPUMG.js';
-import { _ClearButton } from './chunk-55OPYST3.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
+import { _RemainingCharacterCount } from './chunk-YYYKLACT.js';
+import { _ClearButton } from './chunk-BXG66HY3.js';
+import { Input } from './chunk-EG6J2LGD.js';
+import { _InputGroup } from './chunk-RU2R4HRN.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
@@ -20,11 +21,11 @@ import { useControlledState } from '@react-stately/utils';
 import clsx from 'clsx';
 import { forwardRef, useState, useCallback } from 'react';
 import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, Input, TextField as TextField$1 } from 'react-aria-components';
+import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'react-aria-components';
 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___kVfBI", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___r0VEy", "hop-TextField__Label": "TextField-module__hop-TextField__Label___vnsad", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___ZYo9M", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___DWbl-", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___fRmDt", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___otK8K" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___X0tlZ", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___5t-Ag", "hop-TextField__Label": "TextField-module__hop-TextField__Label___gZFZu", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___xQatE", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___Ie3W4", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___jbzas", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___ULGCn" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -118,20 +119,19 @@ function TextField(props, ref) {
       onChange(newValue);
     }
   }, [value]);
-  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps || {};
+  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps != null ? inputGroupProps : {};
   const inputGroupClassNames = clsx(TextField_module_default["hop-TextField__InputGroup"], inputGroupClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
       isFluid: true,
-      size,
       className: inputGroupClassNames,
       isDisabled,
       isInvalid,
       ...otherInputGroupProps,
       children: [
         prefixMarkup,
-        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, size }),
         showCharacterCount && maxLength && /* @__PURE__ */ jsx(
           _RemainingCharacterCount,
           {

package/dist/{chunk-BXPKRAAY.js → chunk-YE2X3QC5.js}

@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControl.module.css#css-module
-var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___ef0nV" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___b0QWA" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/{chunk-2XVB536Z.js → chunk-YGO4PKGI.js}

@@ -1,15 +1,15 @@
-import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-2JXEPUMG.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
+import { Input } from './chunk-EG6J2LGD.js';
+import { _InputGroup } from './chunk-RU2R4HRN.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -18,21 +18,18 @@ import { useControlledState } from '@react-stately/utils';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
 import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, Input, NumberField as NumberField$1, Button } from 'react-aria-components';
+import { useContextProps, composeRenderProps, NumberField as NumberField$1, Button } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___MiADz", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___kZxYv", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___fKVbF", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___P6YE5", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___zca2Z", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___su8Jh", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___vW3so", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___QcnEx", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___6f9Bq", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___4zGNi", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___yMMLx", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___QxSv1", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___5VbD8", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___TPej1" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___lytEw", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___tMcPA", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___YxW9t", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___z8Tem", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___TEMA5", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___3u7pT", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___oNCPP", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___ueHW6", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___QgyVA", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___G6-jM", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___-TuWE", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___PNH08", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___MwDIA" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
-  const scale = useScale();
-  const isMobile = scale === "large";
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;
   const stepperClasses = cssModule(
     NumberField_module_default,
     "hop-NumberField__stepper-button",
-    direction,
-    isMobile && "mobile"
+    direction
   );
   return /* @__PURE__ */ jsx(
     Button,
@@ -82,16 +79,13 @@ function NumberField(props, ref) {
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
   const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
-  const scale = useScale();
-  const isMobile = scale === "large";
   const classNames = composeClassnameRenderProps(
     className,
     GlobalNumberFieldCssSelector,
     cssModule(
       NumberField_module_default,
       "hop-NumberField",
-      isFluid && "fluid",
-      isMobile && "mobile"
+      isFluid && "fluid"
     ),
     stylingProps.className
   );
@@ -115,25 +109,23 @@ function NumberField(props, ref) {
       children: ensureTextWrapper(prefix)
     }
   ) : null;
-  const { className: inputGroupClassName, inputClassName: inputGroupInputClassName, ...otherInputGroupProps } = inputGroupProps || {};
+  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps != null ? inputGroupProps : {};
   const inputGroupClassNames = clsx(NumberField_module_default["hop-NumberField__InputGroup"], inputGroupClassName);
-  const inputGroupInputClassNames = clsx(NumberField_module_default["hop-NumberField__input"], inputGroupInputClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
       isFluid: true,
-      size,
       className: inputGroupClassNames,
       isDisabled,
       isInvalid,
-      inputClassName: inputGroupInputClassNames,
-      inputType: "number",
       ...otherInputGroupProps,
       children: [
         prefixMarkup,
-        /* @__PURE__ */ jsx(Input, { ref: inputRef }),
-        /* @__PURE__ */ jsx(StepperButton, { direction: "increment" }),
-        /* @__PURE__ */ jsx(StepperButton, { direction: "decrement" })
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, className: NumberField_module_default["hop-NumberField__input"], size }),
+        /* @__PURE__ */ jsxs("div", { className: NumberField_module_default["hop-NumberField__steppers"], children: [
+          /* @__PURE__ */ jsx(StepperButton, { direction: "increment" }),
+          /* @__PURE__ */ jsx(StepperButton, { direction: "decrement" })
+        ] })
       ]
     }
   ) });

package/dist/{chunk-W5HTSWT3.js → chunk-YI3NOFUB.js}

@@ -1,8 +1,8 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___N0s1M Button-module__hop-Button___XnpzX", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___jCmDA Button-module__hop-Button--fluid___ZZXwq", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___8o1s3 Button-module__hop-Button--sm___6jOD3", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___EtSuw Button-module__hop-Button--icon-only___-VLNH", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___XcaN5 Button-module__hop-Button--primary___5doCv", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___41COB Button-module__hop-Button--secondary___p2tPu", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___0W6-c Button-module__hop-Button--upsell___pbl2O", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___Tngcg Button-module__hop-Button--danger___D4nJ-", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___I-JA1 Button-module__hop-Button--ghost-primary___WPu49", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___gDQ1B Button-module__hop-Button--ghost-secondary___M0eZA", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___4sqcD Button-module__hop-Button--ghost-danger___-Mvaw", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___wBN9a Button-module__hop-Button__Spinner___Bhn4b", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___5G09q Button-module__hop-Button__icon___ShNZp", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___ELEM2 Button-module__hop-Button__icon___ShNZp", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___gC5VW Button-module__hop-Button__text___iwCeX", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___uFvlC Button-module__hop-Button__end-icon___4hJm7", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___rCbkA Button-module__hop-Button__end-icon___4hJm7" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___8AFeF Button-module__hop-Button___WdkSc", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___oMgPH Button-module__hop-Button--fluid___WKkhM", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___5MDpV Button-module__hop-Button--sm___jIRK1", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___daoBv Button-module__hop-Button--icon-only___OcIIb", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___T-II6 Button-module__hop-Button--primary___BpoLJ", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___s8lEH Button-module__hop-Button--secondary___0Am2U", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___FHj1F Button-module__hop-Button--upsell___Wcium", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___-oRxn Button-module__hop-Button--danger___G7ebm", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___Uv0tW Button-module__hop-Button--ghost-primary___YvRvt", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___ZEcj2 Button-module__hop-Button--ghost-secondary___Dv7Ba", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___j6fcC Button-module__hop-Button--ghost-danger___KfaHx", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___1q29s Button-module__hop-Button__Spinner___uLFFh", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___b42r3 Button-module__hop-Button__icon___kg2E7", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___gap0D Button-module__hop-Button__icon___kg2E7", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___TTL3Z Button-module__hop-Button__text___iCLfv", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___yak8G Button-module__hop-Button__end-icon___qlCLC", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___jMRWh Button-module__hop-Button__end-icon___qlCLC" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;

package/dist/{chunk-MPCOEMN2.js → chunk-YYYKLACT.js}

@@ -1,6 +1,6 @@
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-3JJL6GD6.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { _Text } from './chunk-TEOQZH4R.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___fWRUl" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___s9M-c" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-KXAYZ6PQ.js → chunk-Z2OMFFPS.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SvgImage.module.css#css-module
-var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___xNKA6" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___CCS-L" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);