@hopper-ui/components 1.11.4 → 1.11.6

package/dist/checkbox/src/index.js

@@ -1,25 +1,25 @@
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-KHR3PB5F.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-QOQN54EV.js';
-export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-NAKLRW4U.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-import '../../chunk-B6Y5DU4B.js';
-import '../../chunk-CU3NRAKW.js';
+import '../../chunk-QEH5N7DJ.js';
+import '../../chunk-PM7VRMGJ.js';
 import '../../chunk-YVCZUIU3.js';
-import '../../chunk-LF3TO6EB.js';
+import '../../chunk-AAU4XEOZ.js';
 import '../../chunk-PNEJ6JDM.js';
-import '../../chunk-QI3WHDF2.js';
+import '../../chunk-ABYHPLE6.js';
 import '../../chunk-FV74YT2D.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-4UFREDKI.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-GBIQTHDG.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-F6DU6RRL.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-TMGKDYIV.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-7YIQT5PT.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
+export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
 import '../../chunk-2NSUMKNH.js';
-import '../../chunk-XNZOWEAF.js';
+import '../../chunk-PUZN5GHM.js';
 import '../../chunk-UYYHPXUH.js';
 import '../../chunk-GBWXEK6N.js';
 import '../../chunk-NNLLQWDS.js';
-import '../../chunk-YFMZ35Y5.js';
+import '../../chunk-3WXG6WLZ.js';
 import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-WFWZNU5F.js';
+import '../../chunk-Z4GZJSF5.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';

package/dist/{chunk-AASD5O2H.js → chunk-22IXSQY3.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___PoeWC", "hop-Card--main": "Card-module__hop-Card--main___a7yd-", "hop-Card--second-level": "Card-module__hop-Card--second-level___aMdxK" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___C6H00", "hop-Card--main": "Card-module__hop-Card--main___gIb80", "hop-Card--second-level": "Card-module__hop-Card--second-level___vaVCq" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-E73ECJJ2.js → chunk-22SLOS3X.js}

@@ -1,11 +1,11 @@
 import { SvgImageContext } from './chunk-M4CKZFAM.js';
 import { IllustratedMessageContext } from './chunk-W4TCUPPA.js';
-import { ImageContext } from './chunk-JAR7CXVS.js';
 import { IllustrationContext } from './chunk-OL24RVDF.js';
+import { ImageContext } from './chunk-JAR7CXVS.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, Div } from '@hopper-ui/styled-system';
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IllustratedMessage.module.css#css-module
-var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___VkojT", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___WwZX9", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___hrA0t", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___CyrBl", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___bMH4h", "hop-IllustratedMessage__illustration": "IllustratedMessage-module__hop-IllustratedMessage__illustration___dc9ST", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___HEXPp", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___YPMUS", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___BK1w5", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___H5HJ0", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___4JeOi" };
+var IllustratedMessage_module_default = { "hop-IllustratedMessage": "IllustratedMessage-module__hop-IllustratedMessage___uAxaf", "hop-IllustratedMessage--sm": "IllustratedMessage-module__hop-IllustratedMessage--sm___T-FrY", "hop-IllustratedMessage--md": "IllustratedMessage-module__hop-IllustratedMessage--md___zC2jX", "hop-IllustratedMessage--lg": "IllustratedMessage-module__hop-IllustratedMessage--lg___aagjX", "hop-IllustratedMessage__image": "IllustratedMessage-module__hop-IllustratedMessage__image___LMWnU", "hop-IllustratedMessage__illustration": "IllustratedMessage-module__hop-IllustratedMessage__illustration___T-hCs", "hop-IllustratedMessage__heading": "IllustratedMessage-module__hop-IllustratedMessage__heading___ggMuC", "hop-IllustratedMessage-md": "IllustratedMessage-module__hop-IllustratedMessage-md___cmMAV", "hop-IllustratedMessage__content": "IllustratedMessage-module__hop-IllustratedMessage__content___cegTX", "hop-IllustratedMessage__buttonGroup": "IllustratedMessage-module__hop-IllustratedMessage__buttonGroup___OKrAw", "hop-IllustratedMessage__button": "IllustratedMessage-module__hop-IllustratedMessage__button___6Yyea" };
 var GlobalIllustratedMessageCssSelector = "hop-IllustratedMessage";
 function IllustratedMessage(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustratedMessageContext);

package/dist/{chunk-BBQLMCOP.js → chunk-2BFKILO7.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-MEAX6S35.js';
+import { _RichIconAvatarImage } from './chunk-Z5L6LQ7O.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-Q7DEZIZM.js → chunk-2H2Z5OYR.js}

@@ -1,7 +1,7 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TabContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { _Text } from './chunk-WFWZNU5F.js';
+import { _Text } from './chunk-Z4GZJSF5.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -12,7 +12,7 @@ import { useContextProps, Tab as Tab$1, Provider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Tab.module.css#css-module
-var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___zfJAV", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___IXZnY", "hop-Tab--md": "Tab-module__hop-Tab--md___JETtB", "hop-Tab__icon": "Tab-module__hop-Tab__icon___5-FjR", "hop-Tab__text": "Tab-module__hop-Tab__text___mF8dM", "hop-Tab__badge": "Tab-module__hop-Tab__badge___EA1g-", "hop-Tab__tag": "Tab-module__hop-Tab__tag___5Ifxp" };
+var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___OHkZK", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___rBrfH", "hop-Tab--md": "Tab-module__hop-Tab--md___tBMc3", "hop-Tab__icon": "Tab-module__hop-Tab__icon___5Sb36", "hop-Tab__text": "Tab-module__hop-Tab__text___R7rHW", "hop-Tab__badge": "Tab-module__hop-Tab__badge___XspNq", "hop-Tab__tag": "Tab-module__hop-Tab__tag___4WAoD" };
 var GlobalTabCssSelector = "hop-Tab";
 function Tab(props, ref) {
   var _a;

package/dist/{chunk-KKCJDUP2.js → chunk-2SV4ANHE.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9R8ZR", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___Q0bG-", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___lGa03", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___PRc14", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___KoaRL", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___sMQ-h" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___b9y9L", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___L5XTs", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___pE2Ov", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2pkxA", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ti9C-", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Cj0HT" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-SUSNAAIC.js → chunk-2X4ZEMEE.js}

@@ -1,5 +1,5 @@
-import { TabLine } from './chunk-ID2W6FYO.js';
 import { TabListContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
+import { TabLine } from './chunk-XENGGKO3.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'reac
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___0PtFI", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___Jr5xI", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___iU5X1", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___GuNrY", "hop-TabList--md": "TabList-module__hop-TabList--md___-sKGz" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___9IUQc", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___gNyiv", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___v-kRI", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___3wLUJ", "hop-TabList--md": "TabList-module__hop-TabList--md___sJwag" };
 var GlobalTabListCssSelector = "hop-TabList";
 function TabList(props, ref) {
   var _a, _b;

package/dist/{chunk-UHLXZHV7.js → chunk-2YU3GYGO.js}

@@ -1,14 +1,14 @@
-import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-5SL2VDAG.js';
-import { Input } from './chunk-AWDPUMXG.js';
-import { _InputGroup } from './chunk-O7Q3QR6K.js';
-import { FieldLabel } from './chunk-B6Y5DU4B.js';
-import { _HelperMessage } from './chunk-LF3TO6EB.js';
-import { _ErrorMessage } from './chunk-QI3WHDF2.js';
-import { _ClearButton } from './chunk-TVHBX4WW.js';
-import { useFormProps } from './chunk-XNZOWEAF.js';
-import { ensureTextWrapper } from './chunk-YFMZ35Y5.js';
+import { TextFieldContext } from './chunk-O4XPUINW.js';
+import { _RemainingCharacterCount } from './chunk-W6Z2TNS2.js';
+import { _InputGroup } from './chunk-ZXLFFSAM.js';
+import { Input } from './chunk-VJJGLEVM.js';
+import { FieldLabel } from './chunk-QEH5N7DJ.js';
+import { _HelperMessage } from './chunk-AAU4XEOZ.js';
+import { _ErrorMessage } from './chunk-ABYHPLE6.js';
+import { _ClearButton } from './chunk-GFMVUSQD.js';
+import { useFormProps } from './chunk-PUZN5GHM.js';
+import { ensureTextWrapper } from './chunk-3WXG6WLZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -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___3HTV3", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___b1m9G", "hop-TextField__Label": "TextField-module__hop-TextField__Label___otzYE", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___r3Fg7", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___nmxug", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___TVXHx", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___yRDoL" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___ianWs", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___LTiQP", "hop-TextField__Label": "TextField-module__hop-TextField__Label___qpaF4", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___ii5q5", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___D-JBw", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___-onEN", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___hbFH7" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-LHODDKQT.js → chunk-3N4DTJQV.js}

@@ -1,6 +1,6 @@
 import { TooltipContext } from './chunk-77PD5K3M.js';
 import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
-import { ensureTextWrapper } from './chunk-YFMZ35Y5.js';
+import { ensureTextWrapper } from './chunk-3WXG6WLZ.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-comp
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Tooltip.module.css#css-module
-var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___4On5l", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___jVnhl", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___2YI0K", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___UIZz2", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___qpzyN", "slide": "Tooltip-module__slide___lA504" };
+var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___RrD2I", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___X1TCm", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___6gVz8", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___q7-A2", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___ZPV2m", "slide": "Tooltip-module__slide___lqn5C" };
 var GlobalTooltipCssSelector = "hop-Tooltip";
 function Tooltip(props, ref) {
   [props, ref] = useContextProps(props, ref, TooltipContext);

package/dist/{chunk-YFMZ35Y5.js → chunk-3WXG6WLZ.js}

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

package/dist/{chunk-OA3DE5UU.js → chunk-4JBAAI7K.js}

@@ -1,15 +1,15 @@
 import { InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-TVHBX4WW.js';
-import { mapOrbiterToHopperVariants } from './chunk-LP3SAE6T.js';
+import { _ClearButton } from './chunk-GFMVUSQD.js';
+import { mapOrbiterToHopperVariants } from './chunk-RU5XOPBT.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-XNZOWEAF.js';
-import { _Spinner } from './chunk-67NMQM6H.js';
+import { useFormProps } from './chunk-PUZN5GHM.js';
+import { _Spinner } from './chunk-OAAC5K24.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { ensureTextWrapper } from './chunk-YFMZ35Y5.js';
+import { ensureTextWrapper } from './chunk-3WXG6WLZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -25,7 +25,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___fRyUu", "hop-Tag--sm": "Tag-module__hop-Tag--sm___K1ktP", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___nDdnf", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___IHLfa", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___-G9FQ", "hop-Tag--md": "Tag-module__hop-Tag--md___jZIvq", "hop-Tag--lg": "Tag-module__hop-Tag--lg___5Iz-i", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___JgOTZ", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___Zo0RR", "hop-Tag--progress": "Tag-module__hop-Tag--progress___DVgDB", "hop-Tag--positive": "Tag-module__hop-Tag--positive___VAj7h", "hop-Tag--caution": "Tag-module__hop-Tag--caution___COuRG", "hop-Tag--negative": "Tag-module__hop-Tag--negative___ETcoh", "hop-Tag--option1": "Tag-module__hop-Tag--option1___EfATm", "hop-Tag--option2": "Tag-module__hop-Tag--option2___bZ3oJ", "hop-Tag--option3": "Tag-module__hop-Tag--option3___KBaNm", "hop-Tag--option4": "Tag-module__hop-Tag--option4___aIjet", "hop-Tag--option5": "Tag-module__hop-Tag--option5___HL4xa", "hop-Tag--option6": "Tag-module__hop-Tag--option6___4D0IF", "hop-Tag__icon": "Tag-module__hop-Tag__icon___GVdRh", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___UmUuu", "hop-Tag__text": "Tag-module__hop-Tag__text___qtat0", "hop-Tag__badge": "Tag-module__hop-Tag__badge___-jc-n", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___CSwkf" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___qwHDa", "hop-Tag--sm": "Tag-module__hop-Tag--sm___WjW8M", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___EDIA-", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___tCg4u", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___nDXxi", "hop-Tag--md": "Tag-module__hop-Tag--md___n5jVa", "hop-Tag--lg": "Tag-module__hop-Tag--lg___uTsP8", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___LZvsR", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___9h7Tv", "hop-Tag--progress": "Tag-module__hop-Tag--progress___SmChh", "hop-Tag--positive": "Tag-module__hop-Tag--positive___GWKMN", "hop-Tag--caution": "Tag-module__hop-Tag--caution___x9ARi", "hop-Tag--negative": "Tag-module__hop-Tag--negative___x-qk5", "hop-Tag--option1": "Tag-module__hop-Tag--option1___483yg", "hop-Tag--option2": "Tag-module__hop-Tag--option2___P2lb8", "hop-Tag--option3": "Tag-module__hop-Tag--option3___13Af0", "hop-Tag--option4": "Tag-module__hop-Tag--option4___tLXVw", "hop-Tag--option5": "Tag-module__hop-Tag--option5___NYr2G", "hop-Tag--option6": "Tag-module__hop-Tag--option6___D5K2l", "hop-Tag__icon": "Tag-module__hop-Tag__icon___sEAe-", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___BUA1J", "hop-Tag__text": "Tag-module__hop-Tag__text___Eyb66", "hop-Tag__badge": "Tag-module__hop-Tag__badge___KSXK3", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___peqG8" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ZPVRZI3U.js → chunk-5HC2XS4G.js}

@@ -1,5 +1,5 @@
-import { _Heading } from './chunk-2Z64GNH6.js';
-import { _ToggleArrow } from './chunk-YRBU3FWJ.js';
+import { _Heading } from './chunk-Q3AHOPZU.js';
+import { _ToggleArrow } from './chunk-Y5SZUV3X.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___Vd07Z", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___WGApr", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___tO29v", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___NgYBf", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___Uu2pG", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___1Bk4q" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___mIeL-", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___0kVi6", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___faSop", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___SmRfx", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___ItOmU", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___m7fGw" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/{chunk-HQVPTFCH.js → chunk-5LV5GUDG.js}

@@ -1,6 +1,6 @@
 import { ModalTrigger } from './chunk-YVZGV7LZ.js';
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-QOU6TVUI.js';
+import { _BaseModal } from './chunk-LCB3SITJ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CustomModal.module.css#css-module
-var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___nczxv" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___LtM06" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-B6ITNBWB.js → chunk-5QXO3ZCE.js}

@@ -1,6 +1,6 @@
-import { _Button } from './chunk-VWYU5YJF.js';
-import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
+import { _Button } from './chunk-D45IBLEN.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CloseButton.module.css#css-module
-var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___-UQ-Q" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___1teyi" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-XAAQSJOF.js → chunk-63NMBNTL.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-YFMZ35Y5.js';
+import { ensureTextWrapper } from './chunk-3WXG6WLZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.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___qXtlP", "hop-Radio--sm": "Radio-module__hop-Radio--sm___gRo4M", "hop-Radio--md": "Radio-module__hop-Radio--md___tkL6v", "hop-Radio__icon": "Radio-module__hop-Radio__icon___nfoFU", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___qOLEu", "hop-Radio__box": "Radio-module__hop-Radio__box___gtD4n", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___6MkwZ", "hop-Radio__text": "Radio-module__hop-Radio__text___TgwgH" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___Y3rQB", "hop-Radio--sm": "Radio-module__hop-Radio--sm___PBpXd", "hop-Radio--md": "Radio-module__hop-Radio--md___iy6Ie", "hop-Radio__icon": "Radio-module__hop-Radio__icon___vW7hm", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___bTsXO", "hop-Radio__box": "Radio-module__hop-Radio__box___nl7Xc", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___rmjHu", "hop-Radio__text": "Radio-module__hop-Radio__text___POKM-" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-RWF4YURE.js → chunk-66QGZRML.js}

@@ -1,8 +1,8 @@
+import { InternalMenuTriggerContext } from './chunk-ERUOMTWL.js';
 import { MenuContext, InternalMenuContext } from './chunk-U4LYXB7W.js';
 import { MenuItemContext } from './chunk-OGC6BUEX.js';
-import { InternalMenuTriggerContext } from './chunk-ERUOMTWL.js';
 import { DividerContext } from './chunk-AB4BRU6Z.js';
-import { _PopoverBase } from './chunk-CHQWRBRS.js';
+import { _PopoverBase } from './chunk-HAWTRLZB.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, Menu as Menu$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Menu.module.css#css-module
-var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___ZApPn", "hop-Menu__header": "Menu-module__hop-Menu__header___I4uci", "hop-Menu__divider": "Menu-module__hop-Menu__divider___eA9Pu" };
+var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___45an-", "hop-Menu__header": "Menu-module__hop-Menu__header___2XWzJ", "hop-Menu__divider": "Menu-module__hop-Menu__divider___WRZdJ" };
 var GlobalMenuCssSelector = "hop-Menu";
 function Menu(props, ref) {
   [props, ref] = useContextProps(props, ref, MenuContext);

package/dist/chunk-6GFTT44M.js

@@ -0,0 +1,36 @@
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/box/src/Box.tsx
+var GlobalBoxCssSelector = "hop-Box";
+var Box = (props, ref) => {
+  const { as: Component = "div", ...restProps } = props;
+  const { stylingProps, ...ownProps } = useStyledSystem(restProps);
+  const { className, style, ...otherProps } = ownProps;
+  const classNames = clsx(GlobalBoxCssSelector, stylingProps.className, className);
+  const mergedStyle = {
+    ...stylingProps.style,
+    ...style
+  };
+  return (
+    // It's too hard for typescript, a generic elementType, with generic props.
+    // Basically, the interface is HTMLProps of the elementType + styled system props.
+    // useStyledSystem removes the styled system props, so what is remaining is valid for the elementType.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: classNames,
+        style: mergedStyle,
+        ...otherProps
+      }
+    )
+  );
+};
+var _Box = forwardRef(Box);
+
+export { GlobalBoxCssSelector, _Box };

package/dist/{chunk-TUFBJDKN.js → chunk-6RIGSKED.js}

@@ -1,7 +1,7 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-YFMZ35Y5.js';
+import { ensureTextWrapper } from './chunk-3WXG6WLZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___9HomJ Radio-module__hop-Radio___qXtlP", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___cA1O7 Radio-module__hop-Radio--sm___gRo4M", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___YfzwU Radio-module__hop-Radio--md___tkL6v", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___c2NDT Radio-module__hop-Radio__icon___nfoFU", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___5DW8T Radio-module__hop-Radio__icon___nfoFU", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___jWt-S Radio-module__hop-Radio__box___gtD4n", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___BJ8GU Radio-module__hop-Radio__bullet___6MkwZ", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___zbnre Radio-module__hop-Radio__text___TgwgH" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___Mkxrq Radio-module__hop-Radio___Y3rQB", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___7w-xi Radio-module__hop-Radio--sm___PBpXd", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___qorTI Radio-module__hop-Radio--md___iy6Ie", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___IFEFW Radio-module__hop-Radio__icon___vW7hm", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___eWZLF Radio-module__hop-Radio__icon___vW7hm", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___grbFu Radio-module__hop-Radio__box___nl7Xc", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___APgpe Radio-module__hop-Radio__bullet___rmjHu", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___7H3wH Radio-module__hop-Radio__text___POKM-" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-UEHNC4LO.js → chunk-6SECHTJT.js}

@@ -1,10 +1,10 @@
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { FieldLabel } from './chunk-B6Y5DU4B.js';
-import { _HelperMessage } from './chunk-LF3TO6EB.js';
-import { _ErrorMessage } from './chunk-QI3WHDF2.js';
-import { useFormProps } from './chunk-XNZOWEAF.js';
+import { FieldLabel } from './chunk-QEH5N7DJ.js';
+import { _HelperMessage } from './chunk-AAU4XEOZ.js';
+import { _ErrorMessage } from './chunk-ABYHPLE6.js';
+import { useFormProps } from './chunk-PUZN5GHM.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, RadioGroup as RadioGroup$1 } from
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___jRYib", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___JcWfC", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___bTtls", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___4-k0r", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___6DdR5", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___xhSVx", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___Ehrf3", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___mwhuy", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___6MBr9" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___mK-rx", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___cSJP4", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___PL5EU", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___YY5NZ", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___EaRzm", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___hb8VF", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___-cpVH", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___UEdv-", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___-CJpP" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-6V322ALM.js → chunk-6SEPL2HA.js}

@@ -1,6 +1,6 @@
-import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
+import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { AccordionContext } from './chunk-NF64YIEZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___wczN7", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___p7A5W", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___nxl13", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___uMGHV", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___1QwL2" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___MyoO9", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___m2-a1", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___0ftNV", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___XdEfZ", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___-2ew-" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-PV3MBALP.js → chunk-6UV44ULO.js}

@@ -1,6 +1,6 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -12,7 +12,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___WDcbx", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___EdQc8", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___If8Ba", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___R3D7S", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___YtVNZ", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___0UqI4", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___koPax", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___fhXD5" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___wd1WN", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___7idvZ", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___yuNds", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___Wumtf", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___eyzCp", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___B-2x-", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___lGi6A", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___8B4MZ" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-U2YRZOG4.js → chunk-6VUY7AI5.js}

@@ -1,11 +1,11 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { Input } from './chunk-AWDPUMXG.js';
-import { _InputGroup } from './chunk-O7Q3QR6K.js';
-import { FieldLabel } from './chunk-B6Y5DU4B.js';
-import { _HelperMessage } from './chunk-LF3TO6EB.js';
-import { _ErrorMessage } from './chunk-QI3WHDF2.js';
-import { useFormProps } from './chunk-XNZOWEAF.js';
-import { ensureTextWrapper } from './chunk-YFMZ35Y5.js';
+import { _InputGroup } from './chunk-ZXLFFSAM.js';
+import { Input } from './chunk-VJJGLEVM.js';
+import { FieldLabel } from './chunk-QEH5N7DJ.js';
+import { _HelperMessage } from './chunk-AAU4XEOZ.js';
+import { _ErrorMessage } from './chunk-ABYHPLE6.js';
+import { useFormProps } from './chunk-PUZN5GHM.js';
+import { ensureTextWrapper } from './chunk-3WXG6WLZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 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___BsnPL", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___3UZlv", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___dYvFd", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___uX7Pp", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___lcL6-", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___pKJID", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___y8V5c", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___N3j4O", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___hQWn-", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___l0UKZ", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___e3Aa0", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___C5PZf", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___1lpn7" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___c4Atk", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___SfTZk", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___p433L", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___1tXv9", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___XiQdn", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___Ltuff", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___wCnji", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___L-TG-", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___aPlxS", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___16FaB", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___0CfDN", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___kYq3O", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___Xb5j2" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;

package/dist/{chunk-5N4QPVTX.js → chunk-7BSDVXVO.js}

@@ -1,9 +1,9 @@
-import { _BaseModal } from './chunk-QOU6TVUI.js';
+import { _BaseModal } from './chunk-LCB3SITJ.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { _ButtonGroup } from './chunk-PV3MBALP.js';
-import { _CloseButton } from './chunk-B6ITNBWB.js';
-import { _Button } from './chunk-VWYU5YJF.js';
+import { _CloseButton } from './chunk-5QXO3ZCE.js';
+import { _Button } from './chunk-D45IBLEN.js';
+import { _ButtonGroup } from './chunk-6UV44ULO.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AlertContext } from './chunk-5DT3S5YY.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Alert.module.css#css-module
-var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___cKtAq", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___-Lixa", "hop-Alert__heading": "Alert-module__hop-Alert__heading___Dhspt", "hop-Alert__close": "Alert-module__hop-Alert__close___1fUfE", "hop-Alert__content": "Alert-module__hop-Alert__content___pV1l6" };
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___0Kjyk", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___qK7ug", "hop-Alert__heading": "Alert-module__hop-Alert__heading___wpFrh", "hop-Alert__close": "Alert-module__hop-Alert__close___lSglW", "hop-Alert__content": "Alert-module__hop-Alert__content___6Qr1w" };
 var GlobalAlertCssSelector = "hop-Alert";
 function Alert(props, ref) {
   var _a;

package/dist/{chunk-KHR3PB5F.js → chunk-7YIQT5PT.js}

@@ -1,8 +1,8 @@
-import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-XNZOWEAF.js';
-import { _Text } from './chunk-WFWZNU5F.js';
+import { useFormProps } from './chunk-PUZN5GHM.js';
+import { _Text } from './chunk-Z4GZJSF5.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___69RDt", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___7Ustn", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___1MuNR", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___Ae7ec", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___RfK-Y" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___537jq", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Pivmc", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___sdUKt", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___RA8lq", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___f2QDb" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-J27WLHNN.js → chunk-7YXK3YD7.js}

@@ -1,7 +1,7 @@
-import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-WFWZNU5F.js';
+import { _Text } from './chunk-Z4GZJSF5.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___nzMwh", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___2krjd", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___Lu5Oc", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___-iSp6", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___HF2K-" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___7tpkP", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___-VZdD", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___S3oEx", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___xonTZ", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___8Z6DF" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-LF3TO6EB.js → chunk-AAU4XEOZ.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-PNEJ6JDM.js';
-import { _Text } from './chunk-WFWZNU5F.js';
+import { _Text } from './chunk-Z4GZJSF5.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___2BfFD", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___CaviH" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___AMyvl", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___Ht7tC" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);