@hopper-ui/components 1.4.9 → 1.4.11

package/dist/{chunk-OKFJ545T.js → chunk-KRA27ZIC.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-TEOQZH4R.js';
+import { _Text } from './chunk-XP4URBAJ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ 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___6QAYc", "spin": "Spinner-module__spin___TpF-z", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___RBQs1", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___VUJX-", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___tWDnE", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___0oF9E", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___Eouhn", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___Xl3ga" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___ukL0j", "spin": "Spinner-module__spin___sXz2o", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___0FNd1", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___83U-S", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___jxw3p", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___7vSgB", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___kATve", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___LlUBA" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-GGPG3AP3.js → chunk-KRFSMDF7.js}

@@ -1,9 +1,9 @@
-import { _OverlineText } from './chunk-WNCTZPDC.js';
+import { _OverlineText } from './chunk-S4YAIUEP.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
 import { forwardRef } from 'react';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___FVUqw", "hop-Badge--primary": "Badge-module__hop-Badge--primary___qSM7B", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___L8kWO", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___GjMzK" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___dgu7M", "hop-Badge--primary": "Badge-module__hop-Badge--primary___qSUUm", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___U6Mkx", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___LN-PG" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-ZSBIKIOS.js → chunk-KSQRMTKA.js}

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { ensureTextWrapper } from './chunk-6BVU54H4.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.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 { IconContext, MinusIcon, CheckmarkIcon } 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:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___B6-FC Checkbox-module__hop-Checkbox___Gt7Xo", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___69SWU Checkbox-module__hop-Checkbox--sm___L1X4N", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___G7xqr Checkbox-module__hop-Checkbox--md___3tz2N", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___moseH Checkbox-module__hop-Checkbox__icon___7GbCK", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___UC0IK Checkbox-module__hop-Checkbox__icon___7GbCK", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JvQ5y Checkbox-module__hop-Checkbox__box___z1gff", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___zM1BC Checkbox-module__hop-Checkbox__check___6TJ7k", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___uzDxj Checkbox-module__hop-Checkbox__text___NmAOU" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___O78ms Checkbox-module__hop-Checkbox___myU6o", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___uiLeu Checkbox-module__hop-Checkbox--sm___5jx9N", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___t-Biy Checkbox-module__hop-Checkbox--md___eDVlw", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___NeM1X Checkbox-module__hop-Checkbox__icon___TDngD", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___k2jVm Checkbox-module__hop-Checkbox__icon___TDngD", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___XYtgw Checkbox-module__hop-Checkbox__box___yp0vA", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___45Ywc Checkbox-module__hop-Checkbox__check___JRoXs", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-8OZc Checkbox-module__hop-Checkbox__text___aRztv" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-PESGOSPX.js → chunk-LAOJXZOG.js}

@@ -1,14 +1,14 @@
 import { BaseModalContext } from './chunk-FLU4UPP6.js';
-import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-DVVK2IWW.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useColorSchemeContext, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./BaseModal.module.css#css-module
-var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___LqXBi", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___wUK4L", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___X2n3t", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___ZjPB-", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___7ghxI", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___xo0X2", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___2oqMk", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___lUuDv", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___FSghE", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___w4VpB", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___NOaiS" };
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___GncyQ", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___AQ6KK", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___2gBFg", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___H7-aH", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___zDiuz", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___-0T30", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___lwv2G", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___3vxR3", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___9z84j", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___zphQO", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___kWvy4" };
 var GlobalBaseModalCssSelector = "hop-BaseModal";
 var BaseModal = (props, ref) => {
   var _a;
@@ -23,8 +23,8 @@ var BaseModal = (props, ref) => {
     hasImage,
     ...otherProps
   } = ownProps;
-  const { colorScheme } = useColorSchemeContext();
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const prevContextProps = useForwardedHopperContext();
   const classNames = (renderProps) => clsx(
     GlobalBaseModalCssSelector,
     cssModule(
@@ -49,7 +49,7 @@ var BaseModal = (props, ref) => {
       style: mergedStyles,
       slot,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, withCssVariables: false, children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children }) })
+      children: /* @__PURE__ */ jsx(_HopperProvider, { ...prevContextProps, children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children }) })
     }
   );
 };

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

package/dist/{chunk-WEOELGV3.js → chunk-MRVXOQ6H.js}

@@ -1,10 +1,10 @@
+import { _Text } from './chunk-XP4URBAJ.js';
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _Text } from './chunk-TEOQZH4R.js';
-import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-3TXCNKNC.js';
+import { _RichIconAvatarImage } from './chunk-ANFLFEVI.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___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 Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___-e1Vu", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___yz0S1", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___0kPor", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___sKgCI", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___gtyL7", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___oSTLi", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___YqRIs", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___DLBrO", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___Wi8D-", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___RE0SZ", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___y3cJ2", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___ILYTB", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___63ZFG", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___UEFv8", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___tBfyz", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___8w3tq", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___cs-pk" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

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

@@ -1,18 +1,18 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { TextFieldContext } from './chunk-O4XPUINW.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 { _RemainingCharacterCount } from './chunk-C6K7SM67.js';
+import { _ClearButton } from './chunk-SWHVQHR2.js';
+import { _InputGroup } from './chunk-XUMA6SCS.js';
+import { Input } from './chunk-OWKZ5RQJ.js';
+import { _HelperMessage } from './chunk-R6LCBHKF.js';
+import { _ErrorMessage } from './chunk-IGR7RH43.js';
+import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { _Label } from './chunk-VPS4RCE4.js';
+import { useFormProps } from './chunk-IHW4ZRVB.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';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'r
 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___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 TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___g0VDQ", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___OSwEW", "hop-TextField__Label": "TextField-module__hop-TextField__Label___C-hHD", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___ebqAg", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___Lr8Yh", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___3fRd-", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___DQCOa" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-C34TTCEP.js → chunk-NVRQL7XU.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-TEOQZH4R.js';
+import { _Text } from './chunk-XP4URBAJ.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useSlotId } from '@react-aria/utils';
@@ -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___W-MP-", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___HlDco", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___VIdpk", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___tS93m", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___02GAd" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___55i6b", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___ITIVA", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___krskQ", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___IGYJy", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___IILjP" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-35MPBJ2Y.js → chunk-OBSYM7ZI.js}

@@ -1,10 +1,10 @@
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _HelperMessage } from './chunk-JHZLARBW.js';
-import { _ErrorMessage } from './chunk-M43P32S2.js';
-import { _Label } from './chunk-WTW6WMRY.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
+import { _HelperMessage } from './chunk-R6LCBHKF.js';
+import { _ErrorMessage } from './chunk-IGR7RH43.js';
+import { _Label } from './chunk-VPS4RCE4.js';
+import { useFormProps } from './chunk-IHW4ZRVB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___w5Dxm", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___4YeW7", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___ZB561", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___qrkfN", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___z3I45", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___YYJ4X", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___ZVxlH", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___wCbEH", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___fI81r" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___Ug-d6", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___jgmEl", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___qdqpA", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___LMVwO", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___sqdan", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___7LFG6", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___fpw-q", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___H7vl4", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___KHWxU" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-EG6J2LGD.js → chunk-OWKZ5RQJ.js}

@@ -1,17 +1,18 @@
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { createContext, forwardRef } from 'react';
 import { useContextProps, Input as Input$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Input.module.css#css-module
-var Input_module_default = { "hop-Input": "Input-module__hop-Input___7Xsm9", "hop-Input--sm": "Input-module__hop-Input--sm___z7YCp" };
+var Input_module_default = { "hop-Input": "Input-module__hop-Input___dRtMl", "hop-Input--sm": "Input-module__hop-Input--sm___mesID" };
 var InputContext = createContext({});
 var Input = forwardRef(function Input2(props, ref) {
   var _a;
   [props, ref] = useContextProps(props, ref, InputContext);
-  const { className, size: sizeProp, ...otherProps } = props;
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, size: sizeProp, style, ...otherProps } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
   const classNames = clsx(
     className,
@@ -19,14 +20,20 @@ var Input = forwardRef(function Input2(props, ref) {
       Input_module_default,
       "hop-Input",
       size
-    )
+    ),
+    stylingProps.className
   );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
   return /* @__PURE__ */ jsx(
     Input$1,
     {
       ...otherProps,
       ref,
-      className: classNames
+      className: classNames,
+      style: mergedStyles
     }
   );
 });

package/dist/{chunk-4VGF4WNW.js → chunk-PB4QO27V.js}

@@ -1,18 +1,18 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-BXG66HY3.js';
-import { mapOrbiterToHopperVariants } from './chunk-BTV2OYVC.js';
-import { _Spinner } from './chunk-OKFJ545T.js';
+import { _ClearButton } from './chunk-SWHVQHR2.js';
+import { mapOrbiterToHopperVariants } from './chunk-FNRC7HGR.js';
+import { _Spinner } from './chunk-KRA27ZIC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { ensureTextWrapper } from './chunk-6BVU54H4.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
+import { useFormProps } from './chunk-IHW4ZRVB.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { AvatarContext } from './chunk-AES7QBQE.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 { BadgeContext } from './chunk-CQDLZ42T.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
 import { IconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___WS-Vp", "hop-Tag--sm": "Tag-module__hop-Tag--sm___Qxrrp", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___YFei8", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___VRec7", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___-Om-e", "hop-Tag--md": "Tag-module__hop-Tag--md___vftGf", "hop-Tag--lg": "Tag-module__hop-Tag--lg___yvT-J", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___240WZ", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___83fLt", "hop-Tag--progress": "Tag-module__hop-Tag--progress___cYp0S", "hop-Tag--positive": "Tag-module__hop-Tag--positive___eNrVi", "hop-Tag--caution": "Tag-module__hop-Tag--caution___ZgJCD", "hop-Tag--negative": "Tag-module__hop-Tag--negative___1flt4", "hop-Tag--option1": "Tag-module__hop-Tag--option1___ZD0Pn", "hop-Tag--option2": "Tag-module__hop-Tag--option2___U0ctv", "hop-Tag--option3": "Tag-module__hop-Tag--option3___9wUMf", "hop-Tag--option4": "Tag-module__hop-Tag--option4___RA5zL", "hop-Tag--option5": "Tag-module__hop-Tag--option5___8jaAA", "hop-Tag--option6": "Tag-module__hop-Tag--option6___z9nQT", "hop-Tag__icon": "Tag-module__hop-Tag__icon___rVtDu", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___0O14V", "hop-Tag__text": "Tag-module__hop-Tag__text___VJBTw", "hop-Tag__badge": "Tag-module__hop-Tag__badge___DafVI", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___fTtaK" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___-a9U0", "hop-Tag--sm": "Tag-module__hop-Tag--sm___Fs2zC", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___Jni0t", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___m499J", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___J2GAw", "hop-Tag--md": "Tag-module__hop-Tag--md___SX9KN", "hop-Tag--lg": "Tag-module__hop-Tag--lg___NJVyn", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___8BHEk", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___N6SBF", "hop-Tag--progress": "Tag-module__hop-Tag--progress___g342g", "hop-Tag--positive": "Tag-module__hop-Tag--positive___eXKf2", "hop-Tag--caution": "Tag-module__hop-Tag--caution___5IXZH", "hop-Tag--negative": "Tag-module__hop-Tag--negative___R227c", "hop-Tag--option1": "Tag-module__hop-Tag--option1___n-4bT", "hop-Tag--option2": "Tag-module__hop-Tag--option2___sSRD4", "hop-Tag--option3": "Tag-module__hop-Tag--option3___kyYvg", "hop-Tag--option4": "Tag-module__hop-Tag--option4___Sy4fb", "hop-Tag--option5": "Tag-module__hop-Tag--option5___4moGq", "hop-Tag--option6": "Tag-module__hop-Tag--option6___WWzdx", "hop-Tag__icon": "Tag-module__hop-Tag__icon___L2Sw1", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___8Z-3m", "hop-Tag__text": "Tag-module__hop-Tag__text___6ZyP0", "hop-Tag__badge": "Tag-module__hop-Tag__badge___-Is-a", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___2pdPO" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-EZ5RRUX5.js → chunk-PN52CKFR.js}

@@ -11,7 +11,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___kP6hv", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___2X3W3", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___X3Fok", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___1BHsM", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___oN7sg", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___Iw5es", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___Rwf-J", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___ku1ux" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___aFmj2", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___H-6z-", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___5AJYZ", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___4Fw0R", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___i8Gjz", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___taT3Q", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___Cm8NA", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___sJVoy" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-JA3YZAMV.js → chunk-PP4P54C3.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
-import { _Text } from './chunk-TEOQZH4R.js';
+import { _Text } from './chunk-XP4URBAJ.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
 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___DIh-p", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___iYM0q", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___BNDJ0", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___y2AgY", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___UCdZn", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___iXHlB", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___b8mM8", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___MIZxE" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___vsC-w", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___EzwJr", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___AvFUU", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___aUg4o", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___xojXr", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___Pk7nt", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___t9dIR", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___QxxNX" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/{chunk-GEZPNFFE.js → chunk-QDOWDE4F.js}

@@ -1,5 +1,5 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _CloseButton } from './chunk-H7ATUWV2.js';
+import { _CloseButton } from './chunk-4BFZVNFH.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CompactCallout.module.css#css-module
-var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___LbpZ2", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___lXahJ", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___SgdfI", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___mN2i1", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___HW5uW", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___97lCp", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___dZw4g", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___uCJTB", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___MHz4q", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___HLJZd" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___xSWhp", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___-vrJt", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___AmZva", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___qVnt4", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___4wxsD", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___a4LuU", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___AznVo", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___a0EkA", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___guJ6b", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___f2GHW" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/{chunk-HCYKOE75.js → chunk-QI7OMSXH.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ToggleArrow.module.css#css-module
-var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___oM20f" };
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___U3ArI" };
 var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
 function ToggleArrow(props, ref) {
   [props, ref] = useContextProps(props, ref, ToggleArrowContext);

package/dist/{chunk-JHZLARBW.js → chunk-R6LCBHKF.js}

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

package/dist/{chunk-KRWMJC24.js → chunk-R7VPITXX.js}

@@ -1,23 +1,23 @@
-import { InputContext, Input } from './chunk-EG6J2LGD.js';
-import { _InputGroup } from './chunk-RU2R4HRN.js';
-import { _Popover } from './chunk-ZNATFVK3.js';
+import { _InputGroup } from './chunk-XUMA6SCS.js';
+import { InputContext, Input } from './chunk-OWKZ5RQJ.js';
+import { _Popover } from './chunk-T5LJ6YK6.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-MRKDMC6T.js';
-import { _ListBoxItem } from './chunk-V6IGV2A6.js';
-import { _HelperMessage } from './chunk-JHZLARBW.js';
-import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { _ListBox } from './chunk-XEXFE5FS.js';
+import { _ListBoxItem } from './chunk-VJFL4EBO.js';
+import { _HelperMessage } from './chunk-R6LCBHKF.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { _ToggleArrow } from './chunk-HCYKOE75.js';
-import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
-import { _Label } from './chunk-WTW6WMRY.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
+import { _ErrorMessage } from './chunk-IGR7RH43.js';
+import { _ToggleArrow } from './chunk-QI7OMSXH.js';
+import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { _Label } from './chunk-VPS4RCE4.js';
+import { useFormProps } from './chunk-IHW4ZRVB.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
+import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
 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___hT-ka", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___BJX9N", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___0A9v1", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___BvA1t", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___6POUD", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___qBzWu", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___Wn6ws", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___rzl2D" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___IF14l", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___RkMY1", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___EQJKw", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___1bDB-", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___dUOj0", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___DhHy-", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___wOPZX", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___uCPTn" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-JWHK6VZE.js → chunk-RJBJGEZG.js}

@@ -1,5 +1,5 @@
 import { CalloutContext } from './chunk-NZ4VFVXA.js';
-import { _CloseButton } from './chunk-H7ATUWV2.js';
+import { _CloseButton } from './chunk-4BFZVNFH.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___-My7q", "hop-Callout__icon": "Callout-module__hop-Callout__icon___BQ0JB", "hop-Callout__heading": "Callout-module__hop-Callout__heading___v-Cro", "hop-Callout__content": "Callout-module__hop-Callout__content___PtGin", "hop-Callout__button": "Callout-module__hop-Callout__button___4Esvh", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___Au4Ub", "hop-Callout--information": "Callout-module__hop-Callout--information___PkjRH", "hop-Callout--success": "Callout-module__hop-Callout--success___2NhbN", "hop-Callout--warning": "Callout-module__hop-Callout--warning___-jTqa", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___FVQ5b", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___03isf" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___tpgZY", "hop-Callout__icon": "Callout-module__hop-Callout__icon___oV-tP", "hop-Callout__heading": "Callout-module__hop-Callout__heading___Xvs-1", "hop-Callout__content": "Callout-module__hop-Callout__content___hDN0t", "hop-Callout__button": "Callout-module__hop-Callout__button___FZEUr", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___XGBzd", "hop-Callout--information": "Callout-module__hop-Callout--information___zNC-V", "hop-Callout--success": "Callout-module__hop-Callout--success___PPX9-", "hop-Callout--warning": "Callout-module__hop-Callout--warning___AGWQY", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___gvMU2", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___nCkcO" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-O4BGMHFN.js → chunk-RKCM5MWH.js}

@@ -1,14 +1,14 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-YYYKLACT.js';
-import { _InputGroup } from './chunk-RU2R4HRN.js';
-import { _HelperMessage } from './chunk-JHZLARBW.js';
-import { _ErrorMessage } from './chunk-M43P32S2.js';
-import { _Label } from './chunk-WTW6WMRY.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { _RemainingCharacterCount } from './chunk-C6K7SM67.js';
+import { _InputGroup } from './chunk-XUMA6SCS.js';
+import { _HelperMessage } from './chunk-R6LCBHKF.js';
+import { _ErrorMessage } from './chunk-IGR7RH43.js';
+import { _Label } from './chunk-VPS4RCE4.js';
+import { useFormProps } from './chunk-IHW4ZRVB.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
 import $670gB$react, { forwardRef, useContext, useState, useCallback, useRef, useMemo } from 'react';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___HRJaC", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___yWvrM", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___IkJVe", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___yCWvd", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___xIxHm", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___7JcmJ", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Zt1yk", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___Fowsg", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___Om6nK", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___bhxTQ", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___4cfiJ" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___hBPJD", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___hMr7X", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___q4SCW", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___UYtoO", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___u7Bh3", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___pCGH6", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___S4s8J", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___lxrIP", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___zdiOF", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___uWlWY", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___wpEz6" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-MJD4HEF7.js → chunk-RR4ZZO4H.js}

@@ -1,14 +1,14 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-BTV2OYVC.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 { _Label } from './chunk-WTW6WMRY.js';
+import { _EmbeddedButton } from './chunk-FNRC7HGR.js';
+import { _InputGroup } from './chunk-XUMA6SCS.js';
+import { Input } from './chunk-OWKZ5RQJ.js';
+import { _HelperMessage } from './chunk-R6LCBHKF.js';
+import { _ErrorMessage } from './chunk-IGR7RH43.js';
+import { _Label } from './chunk-VPS4RCE4.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { useFormProps } from './chunk-IHW4ZRVB.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
 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___q6L8n", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___l-TcN", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___p5VmJ", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___psVl2", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___H8-vu", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___qDFUU" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___sulvK", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___vhLVZ", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___DLkLW", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___HdqGX", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___qdm3F", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___mJ3IC" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

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

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

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

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
-import { useFormProps } from './chunk-I7VLBEP3.js';
+import { ensureTextWrapper } from './chunk-6BVU54H4.js';
+import { useFormProps } from './chunk-IHW4ZRVB.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___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 Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___myU6o", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___5jx9N", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___eDVlw", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___TDngD", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___rIReH", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___yp0vA", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___JRoXs", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___aRztv" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;