@hopper-ui/components 1.4.4 → 1.4.6

package/dist/{chunk-NFLZWSYR.js → chunk-IFQPPUVZ.js}

@@ -1,12 +1,14 @@
-import { _Popover } from './chunk-7KB2OZW3.js';
+import { _Popover } from './chunk-YKHKR2GB.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-5JGCU3OG.js';
-import { _HelperMessage } from './chunk-AJYF4K7F.js';
-import { _ErrorMessage } from './chunk-NCRCC7XA.js';
-import { _ToggleArrow } from './chunk-N3R475B6.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
-import { _Label } from './chunk-BJZAXT2F.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
+import { _ListBox } from './chunk-QZL7DSHL.js';
+import { _ListBoxItem } from './chunk-DW26OLDB.js';
+import { _HelperMessage } from './chunk-OUGECIOS.js';
+import { _ErrorMessage } from './chunk-SC6GOFII.js';
+import { _ToggleArrow } from './chunk-EOES5IUI.js';
+import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { _Label } from './chunk-C67PNOQX.js';
+import { useFormProps } from './chunk-M5Q2CFRQ.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
@@ -22,7 +24,7 @@ import { useContextProps, useSlottedContext, InputContext, composeRenderProps, T
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___dMXvQ", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___8lSvS", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___4w8yt", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___fagSv", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___Ftiog", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___T1WaR", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___IBPYy", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___1-o2U", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___HQ-nl", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___rfpKz", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___hmtQH", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___JAh4c" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___QBKjM", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___XOIsB", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___MlvpP", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___6tb-G", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___o0OJH", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___Ljzzr", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___er6-0", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___FRlWD", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___0W0fg", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___5dInX", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___LizJI", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___jbGJS" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;
@@ -274,5 +276,7 @@ function ComboBox(props, ref) {
 }
 var _ComboBox = forwardRef(ComboBox);
 _ComboBox.displayName = "ComboBox";
+var ComboBoxItem = _ListBoxItem;
+var ComboBoxSection = _ListBoxSection;
 
-export { GlobalComboBoxCssSelector, _ComboBox };
+export { ComboBoxItem, ComboBoxSection, GlobalComboBoxCssSelector, _ComboBox };

package/dist/{chunk-MLNWMBCL.js → chunk-JELBOYLB.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___u7rES", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___bgk5b" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___XmSxB", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___VSfku" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/chunk-JHX5QEIH.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+// src/SegmentedControl/src/SegmentedControlContext.ts
+var SegmentedControlContext = createContext({});
+SegmentedControlContext.displayName = "SegmentedControlContext";
+var InternalSegmentedControlContext = createContext({});
+
+export { InternalSegmentedControlContext, SegmentedControlContext };

package/dist/{chunk-6MY6YECS.js → chunk-KUBUEVXB.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-YAK3UMON.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,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___Tce5N", "hop-Radio--sm": "Radio-module__hop-Radio--sm___yvOi2", "hop-Radio--md": "Radio-module__hop-Radio--md___KNF0G", "hop-Radio__icon": "Radio-module__hop-Radio__icon___-mBw1", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___K6ljx", "hop-Radio__box": "Radio-module__hop-Radio__box___tg8BT", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___vC-1l", "hop-Radio__text": "Radio-module__hop-Radio__text___41gUl" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___8oc3E", "hop-Radio--sm": "Radio-module__hop-Radio--sm___G9sMW", "hop-Radio--md": "Radio-module__hop-Radio--md___-JIuw", "hop-Radio__icon": "Radio-module__hop-Radio__icon___Qkgcp", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___xVxxM", "hop-Radio__box": "Radio-module__hop-Radio__box___K-P27", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___U45F0", "hop-Radio__text": "Radio-module__hop-Radio__text___J-3ff" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-PX2R6M5I.js → chunk-LLEWW4UQ.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___nuf0o" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___UnA3a" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-64BCMHW2.js → chunk-LPKBOHFG.js}

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

package/dist/{chunk-SBW6CWYN.js → chunk-LUC6XJU7.js}

@@ -1,14 +1,16 @@
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-LU4ZOPNX.js';
-import { _Popover } from './chunk-7KB2OZW3.js';
+import { _SelectValue } from './chunk-P63VMXVG.js';
+import { _Popover } from './chunk-YKHKR2GB.js';
 import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBox } from './chunk-5JGCU3OG.js';
-import { _HelperMessage } from './chunk-AJYF4K7F.js';
-import { _ErrorMessage } from './chunk-NCRCC7XA.js';
-import { _ToggleArrow } from './chunk-N3R475B6.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
-import { _Label } from './chunk-BJZAXT2F.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
+import { _ListBox } from './chunk-QZL7DSHL.js';
+import { _ListBoxItem } from './chunk-DW26OLDB.js';
+import { _HelperMessage } from './chunk-OUGECIOS.js';
+import { _ErrorMessage } from './chunk-SC6GOFII.js';
+import { _ToggleArrow } from './chunk-EOES5IUI.js';
+import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { _Label } from './chunk-C67PNOQX.js';
+import { useFormProps } from './chunk-M5Q2CFRQ.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
@@ -22,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___M0hKR", "hop-Select--fluid": "Select-module__hop-Select--fluid___qcIoX", "hop-Select__label": "Select-module__hop-Select__label___qS11I", "hop-Select__button": "Select-module__hop-Select__button___byDXU", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___4xrA7", "hop-Select__button--md": "Select-module__hop-Select__button--md___fRaQa", "hop-Select__prefix": "Select-module__hop-Select__prefix___H4kCV", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___yU2dx", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___xcMKG", "hop-Select__error-message": "Select-module__hop-Select__error-message___xw9kQ" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___ZRPTO", "hop-Select--fluid": "Select-module__hop-Select--fluid___RcvTj", "hop-Select__label": "Select-module__hop-Select__label___KMg29", "hop-Select__button": "Select-module__hop-Select__button___QBTlf", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___YRGK7", "hop-Select__button--md": "Select-module__hop-Select__button--md___0Qve3", "hop-Select__prefix": "Select-module__hop-Select__prefix___3QzwT", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___n0HWS", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___h-H-A", "hop-Select__error-message": "Select-module__hop-Select__error-message___j5McK" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;
@@ -209,5 +211,7 @@ function Select(props, ref) {
 }
 var _Select = forwardRef(Select);
 _Select.displayName = "Select";
+var SelectItem = _ListBoxItem;
+var SelectSection = _ListBoxSection;
 
-export { GlobalSelectCssSelector, _Select };
+export { GlobalSelectCssSelector, SelectItem, SelectSection, _Select };

package/dist/{chunk-CZZBGCIX.js → chunk-LULTNKIP.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-BOOMSDK7.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___cm9zf", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___hYZr-", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___la8sD", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___4AsTk", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___OS6yu" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___2rII6", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___4LGcP", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___g1Fvr", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___WhFgn", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___IZ8iN" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-WCRASDES.js → chunk-M5Q2CFRQ.js}

@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___WvZ0Y" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___Z7zNm" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-OUY6UXVS.js → chunk-MISFLYHH.js}

@@ -1,4 +1,4 @@
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-YAK3UMON.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
 import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___gTEHn", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___VwxUw", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___Z7PVi", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___eWYZY" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___7aiDH", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___KH6L5", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___-UfxT", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___g-QEb" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-XEUVFD47.js → chunk-NKCDMR4Y.js}

@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___-B2rv", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___Q0d03", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___2UkA-", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___g7WUH", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___11qiO", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___EqgZX", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___k-OjC", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___MpXRJ", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___eXLIZ", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___x1yX2", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___KwQGO", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___jKyEX", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___f1z5V", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___S8H3U", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___ySu7n", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___XSCFZ" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___yzIQS", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___r2Bw3", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___8OhW7", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___L1B-3", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___qKe-N", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___--F2T", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___fpzVV", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___eMIOA", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___kr4pW", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___6lwWT", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___PSYKj", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___9fXcs", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___ymvcy", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___LY9cs", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___H2A66", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___U-qG2" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-7Z6WJCG6.js → chunk-O2YRPX5E.js}

@@ -1,6 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-YAK3UMON.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,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___PB15J", "hop-Switch--sm": "Switch-module__hop-Switch--sm___TkGJt", "hop-Switch--md": "Switch-module__hop-Switch--md___3Za3d", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___yHqv2", "hop-Switch__text": "Switch-module__hop-Switch__text___wwtxi", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___FVsIk", "hop-Switch__icon": "Switch-module__hop-Switch__icon___Ci8pu" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___BN0D1", "hop-Switch--sm": "Switch-module__hop-Switch--sm___XE2Rj", "hop-Switch--md": "Switch-module__hop-Switch--md___1Pvnt", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___rSH5b", "hop-Switch__text": "Switch-module__hop-Switch__text___qx04A", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___ZGmvM", "hop-Switch__icon": "Switch-module__hop-Switch__icon___KmwwD" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-4JBPIRZN.js → chunk-OMGZXRVE.js}

@@ -1,9 +1,9 @@
-import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
-import { _HelperMessage } from './chunk-AJYF4K7F.js';
-import { _ErrorMessage } from './chunk-NCRCC7XA.js';
-import { _Label } from './chunk-BJZAXT2F.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { _HelperMessage } from './chunk-OUGECIOS.js';
+import { _ErrorMessage } from './chunk-SC6GOFII.js';
+import { _Label } from './chunk-C67PNOQX.js';
+import { useFormProps } from './chunk-M5Q2CFRQ.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, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___UZAuv", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___S01up", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___oQhIp", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___VPANl", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___JwnN3" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___AdlNh", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___lDae3", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___KIy3x", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___9qkuc", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___cJ4Up" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-MLK5TBAR.js → chunk-OT3SSSAN.js}

@@ -1,4 +1,4 @@
-import { _RichIconAvatarImage } from './chunk-URJ67DGZ.js';
+import { _RichIconAvatarImage } from './chunk-X7QAJPWB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';

package/dist/{chunk-AJYF4K7F.js → chunk-OUGECIOS.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-BOOMSDK7.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___xVrYA", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___vyNpW" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___jW0Zp", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___jXeNe" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-TPRZ7BTR.js → chunk-OUTV4GW4.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Image.module.css#css-module
-var Image_module_default = { "hop-Image": "Image-module__hop-Image___O7IuB", "hop-Image--rounded": "Image-module__hop-Image--rounded___lMBs3", "hop-Image--circular": "Image-module__hop-Image--circular___nYdzB" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___NAS2f", "hop-Image--rounded": "Image-module__hop-Image--rounded___Y-3G1", "hop-Image--circular": "Image-module__hop-Image--circular___-uuJL" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-LU4ZOPNX.js → chunk-P63VMXVG.js}

@@ -1,6 +1,6 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-BOOMSDK7.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___STFYP", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___S06ah", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___Y33vt", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___JAcl0", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___mkUUe" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___848h6", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___-axEo", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___MO2u9", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___6Y4cp", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___T1SQF" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/chunk-Q5WT3U7W.js

@@ -0,0 +1,108 @@
+import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
+import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
+import { _Text } from './chunk-BOOMSDK7.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext, useLayoutEffect } from 'react';
+import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./SegmentedControlItem.module.css#css-module
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___HFbP8", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___eqB4q", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___TwKhe", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___y2AwI", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___odFx3", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___n3By5", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___u8O1n", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___EgUNA" };
+var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
+var SegmentedControlItem = (props, ref) => {
+  var _a;
+  [props, ref] = useContextProps(props, ref, SegmentedControlItemContext);
+  const { prevRef, currentSelectedRef, isJustified } = useContext(InternalSegmentedControlContext);
+  const state = useContext(ToggleGroupStateContext);
+  const itemSelected = state == null ? void 0 : state.selectedKeys.has(props.id);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    size = "sm",
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalSegmentedControlItemCssSelector,
+    cssModule(
+      SegmentedControlItem_module_default,
+      "hop-SegmentedControlItem",
+      size,
+      isJustified && "justified"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const isReduced = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches;
+  useLayoutEffect(() => {
+    if (isReduced || !itemSelected || !(prevRef == null ? void 0 : prevRef.current) || !(currentSelectedRef == null ? void 0 : currentSelectedRef.current)) {
+      return;
+    }
+    const prevSlider = prevRef.current;
+    const currentSlider = currentSelectedRef.current;
+    const currentItem = currentSlider.getBoundingClientRect();
+    const deltaX = prevSlider.left - (currentItem == null ? void 0 : currentItem.left);
+    currentSelectedRef.current.animate(
+      [
+        { transform: `translateX(${deltaX}px)`, width: `${prevSlider.width}px` },
+        { transform: "translateX(0px)", width: `${currentItem.width}px` }
+      ],
+      {
+        duration: 200,
+        easing: "ease-out"
+      }
+    );
+    prevRef.current = null;
+  }, [currentSelectedRef, isReduced, itemSelected, prevRef]);
+  return /* @__PURE__ */ jsx(
+    ToggleButton,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      children: ({ isSelected, isDisabled }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        isSelected && !isDisabled && /* @__PURE__ */ jsx("div", { className: SegmentedControlItem_module_default["hop-SegmentedControlItem__slider"], ref: currentSelectedRef }),
+        /* @__PURE__ */ jsx(
+          Provider,
+          {
+            values: [
+              [IconContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    className: SegmentedControlItem_module_default["hop-SegmentedControlItem__icon"],
+                    size
+                  },
+                  "start-icon": {
+                    className: SegmentedControlItem_module_default["hop-SegmentedControlItem__start-icon"],
+                    size
+                  }
+                }
+              }],
+              [TextContext, {
+                size: "sm",
+                className: SegmentedControlItem_module_default["hop-SegmentedControlItem__text"]
+              }]
+            ],
+            children: /* @__PURE__ */ jsx("div", { className: SegmentedControlItem_module_default["hop-SegmentedControlItem__wrapper"], children: typeof children === "string" ? /* @__PURE__ */ jsx(_Text, { children }) : children })
+          }
+        )
+      ] })
+    }
+  );
+};
+var _SegmentedControlItem = forwardRef(SegmentedControlItem);
+_SegmentedControlItem.displayName = "SegmentedControlItem";
+
+export { GlobalSegmentedControlItemCssSelector, _SegmentedControlItem };

package/dist/{chunk-5JGCU3OG.js → chunk-QZL7DSHL.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-QLFOYPBD.js';
+import { _ListBoxItem } from './chunk-DW26OLDB.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-BOOMSDK7.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___2c8ID", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___zCuF2", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___twfBN", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___-WHOX", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___PHNNw" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___aU9FW", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___IjDjT", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___T8C6I", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___fXPyl", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___Cq0Jh" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-5LDARV3U.js → chunk-RTB477QF.js}

@@ -1,6 +1,6 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
+import { ensureTextWrapper } from './chunk-YAK3UMON.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___oVPRk Checkbox-module__hop-Checkbox___tywsx", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___V4hYX Checkbox-module__hop-Checkbox--sm___B3rL5", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___MYKjC Checkbox-module__hop-Checkbox--md___EsMXE", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___QXXTq Checkbox-module__hop-Checkbox__icon___6AM6f", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___wPkHN Checkbox-module__hop-Checkbox__icon___6AM6f", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___EzfPe Checkbox-module__hop-Checkbox__box___k9KEt", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___BH8-4 Checkbox-module__hop-Checkbox__check___gZPsS", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___caMsB Checkbox-module__hop-Checkbox__text___W54Gw" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___3SolS Checkbox-module__hop-Checkbox___kKIgH", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___n-agg Checkbox-module__hop-Checkbox--sm___kOCFn", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___I1uLT Checkbox-module__hop-Checkbox--md___-EsN1", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___DfqFS Checkbox-module__hop-Checkbox__icon___Sa4k3", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___RZ0MI Checkbox-module__hop-Checkbox__icon___Sa4k3", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___3ijCD Checkbox-module__hop-Checkbox__box___vtH2J", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___t5qyn Checkbox-module__hop-Checkbox__check___LR4oZ", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___mOiEO Checkbox-module__hop-Checkbox__text___Klogf" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-NCRCC7XA.js → chunk-SC6GOFII.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-6ZYGCRKJ.js';
+import { _Text } from './chunk-BOOMSDK7.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___lXxDa", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___z6anI" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___5PZtG", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___zWB3c" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-6ZDC2YFW.js → chunk-SUB3BVYD.js}

@@ -1,4 +1,4 @@
-import { _RichIconAvatarImage } from './chunk-URJ67DGZ.js';
+import { _RichIconAvatarImage } from './chunk-X7QAJPWB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';

package/dist/chunk-TDKQPTN6.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/SegmentedControl/src/SegmentedControlItemContext.ts
+var SegmentedControlItemContext = createContext({});
+SegmentedControlItemContext.displayName = "SegmentedControlItemContext";
+
+export { SegmentedControlItemContext };

package/dist/{chunk-R2EYP5QR.js → chunk-ULU4LXYF.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-WYIF7VLQ.js';
-import { _HelperMessage } from './chunk-AJYF4K7F.js';
-import { _ErrorMessage } from './chunk-NCRCC7XA.js';
-import { ensureTextWrapper } from './chunk-Q5E3TQRF.js';
-import { _Label } from './chunk-BJZAXT2F.js';
-import { useFormProps } from './chunk-WCRASDES.js';
+import { _InputGroup } from './chunk-X7PEWS4A.js';
+import { _HelperMessage } from './chunk-OUGECIOS.js';
+import { _ErrorMessage } from './chunk-SC6GOFII.js';
+import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { _Label } from './chunk-C67PNOQX.js';
+import { useFormProps } from './chunk-M5Q2CFRQ.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 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___FXwQk", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___TqzVq", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___xjEOB", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___K6AcI", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___Cs3yt", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___r4Rcx", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___P38DC", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___LWn80", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___ggoeq", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___em0fa", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___T46qc", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___WQo4b", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ie17F", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___7ty99" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___904AD", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___-M-dA", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___6xLwy", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___nhg8f", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___O9W4o", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___2WZlS", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___M6xoZ", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___ImWD7", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___mPQSC", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___HCrFm", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___ksKQh", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___9lRYY", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___SpCpB", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___FJmNe" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();