@hopper-ui/components 1.12.9 → 1.12.11

package/dist/{chunk-SEMSWDKK.js → chunk-F3MXWMOC.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___grywu", "hop-Card--main": "Card-module__hop-Card--main___LFLDP", "hop-Card--second-level": "Card-module__hop-Card--second-level___lJko7" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___EE-o4", "hop-Card--main": "Card-module__hop-Card--main___SZJ-3", "hop-Card--second-level": "Card-module__hop-Card--second-level___Co6fj" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-V36IL4LD.js → chunk-F7TBRLKJ.js}

@@ -2,7 +2,7 @@ import { CalloutContext } from './chunk-5CURYPE7.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { _CloseButton } from './chunk-6FTQW7DI.js';
+import { _CloseButton } from './chunk-O6MUM2DU.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,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___m6n1F", "hop-Callout__icon": "Callout-module__hop-Callout__icon___8wr3b", "hop-Callout__heading": "Callout-module__hop-Callout__heading___cw-EC", "hop-Callout__content": "Callout-module__hop-Callout__content___02GVh", "hop-Callout__button": "Callout-module__hop-Callout__button___1sM9e", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___SkjJX", "hop-Callout--information": "Callout-module__hop-Callout--information___vEdA7", "hop-Callout--success": "Callout-module__hop-Callout--success___Xuocj", "hop-Callout--warning": "Callout-module__hop-Callout--warning___WgvM-", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___US52I", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___WXV6-" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___78d9D", "hop-Callout__icon": "Callout-module__hop-Callout__icon___KDfaE", "hop-Callout__heading": "Callout-module__hop-Callout__heading___in4Gh", "hop-Callout__content": "Callout-module__hop-Callout__content___mBG5T", "hop-Callout__button": "Callout-module__hop-Callout__button___trOKE", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___bXgVf", "hop-Callout--information": "Callout-module__hop-Callout--information___b04jq", "hop-Callout--success": "Callout-module__hop-Callout--success___fzvmZ", "hop-Callout--warning": "Callout-module__hop-Callout--warning___eE6N-", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___SKUyZ", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___kDt9I" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-HK6TX3BO.js → chunk-FRFD7QAE.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___UQWjA", "hop-Text--xs": "Text-module__hop-Text--xs___VR80P", "hop-Text--sm": "Text-module__hop-Text--sm___D4KQN", "hop-Text--md": "Text-module__hop-Text--md___kJHbC", "hop-Text--lg": "Text-module__hop-Text--lg___W7w7E", "hop-Text--xl": "Text-module__hop-Text--xl___y8H0c", "hop-Text--2xl": "Text-module__hop-Text--2xl___lPCva", "hop-Text--inherit": "Text-module__hop-Text--inherit___yH8Tl" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___jdvnD", "hop-Text--xs": "Text-module__hop-Text--xs___OCLFv", "hop-Text--sm": "Text-module__hop-Text--sm___ag0gs", "hop-Text--md": "Text-module__hop-Text--md___GURdL", "hop-Text--lg": "Text-module__hop-Text--lg___IRbfn", "hop-Text--xl": "Text-module__hop-Text--xl___BuWfB", "hop-Text--2xl": "Text-module__hop-Text--2xl___C90jY", "hop-Text--inherit": "Text-module__hop-Text--inherit___xX41T" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-GKMLNQIH.js → chunk-H3JL5E3T.js}

@@ -2,7 +2,7 @@ import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { _Text } from './chunk-HK6TX3BO.js';
+import { _Text } from './chunk-FRFD7QAE.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___1fWPN", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___UVlNL", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___Qtujk", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___rCwdf", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___b0WXa" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___vC5Uh", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___YEkQ3", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___VyhKB", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___lwpSw", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___FuxHS" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-EBL6ELUB.js → chunk-HY56WLAC.js}

@@ -1,7 +1,7 @@
 import { PopoverTrigger } from './chunk-KHDRGFVV.js';
-import { _PopoverBase } from './chunk-O7DUWNEI.js';
+import { _PopoverBase } from './chunk-QXS3FXQH.js';
 import { ContextualHelpContext } from './chunk-MR5BPD6R.js';
-import { ensureTextWrapper } from './chunk-E3MHIJNG.js';
+import { ensureTextWrapper } from './chunk-WWJ654NL.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, ButtonContext, Button, Provider } from 'react-aria-com
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ContextualHelp.module.css#css-module
-var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___sSHup", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___XZMoW" };
+var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___fel-9", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___HCiZt" };
 var GlobalContextualHelpCssSelector = "hop-ContextualHelp";
 function ContextualHelp(props, ref) {
   var _a;

package/dist/chunk-IGQGNVD5.js

@@ -0,0 +1,47 @@
+import { InternalTabsContext } from './chunk-K2FJKV3T.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { useContext, useRef } from 'react';
+import { TabList as TabList$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TabList.module.css#css-module
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___fy0GX", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___3Z7ZE", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___NA6KJ", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___Ra8hT", "hop-TabList--md": "TabList-module__hop-TabList--md___SFhNd" };
+var GlobalTabListCssSelector = "hop-TabList";
+function TabList(props) {
+  var _a;
+  const { variant, size, tablistRef } = (_a = useContext(InternalTabsContext)) != null ? _a : {};
+  const wrapperRef = useRef(null);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalTabListCssSelector,
+    cssModule(
+      TabList_module_default,
+      "hop-TabList",
+      variant,
+      size
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: mergedStyles, ref: wrapperRef, children: /* @__PURE__ */ jsx(
+    TabList$1,
+    {
+      ...otherProps,
+      ref: tablistRef,
+      className: TabList_module_default["hop-TabList__tablist"]
+    }
+  ) });
+}
+
+export { GlobalTabListCssSelector, TabList };

package/dist/{chunk-ZXON3BAA.js → chunk-K2FJKV3T.js}

@@ -7,8 +7,6 @@ var TabContext = createContext({});
 TabContext.displayName = "TabContext";
 var TabPanelContext = createContext({});
 TabPanelContext.displayName = "TabPanelContext";
-var TabListContext = createContext({});
-TabListContext.displayName = "TabListContext";
 var InternalTabsContext = createContext({});
 
-export { InternalTabsContext, TabContext, TabListContext, TabPanelContext, TabsContext };
+export { InternalTabsContext, TabContext, TabPanelContext, TabsContext };

package/dist/{chunk-LCIQL4H3.js → chunk-K5FUXJAD.js}

@@ -1,6 +1,6 @@
 import { ModalTrigger } from './chunk-YVZGV7LZ.js';
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-EXCQTZ3A.js';
+import { _BaseModal } from './chunk-TJMXLIYP.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___DZU7c" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___P-Lxy" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-VRAEL7KR.js → chunk-KAV3SGBK.js}

@@ -1,9 +1,9 @@
 import { generateDecorativeColorByName } from './chunk-GOTN4IS7.js';
 import { useImageFallback } from './chunk-QJ5FQN3N.js';
-import { _BrokenAvatar } from './chunk-YYRCAULC.js';
+import { _BrokenAvatar } from './chunk-SDHH3A3B.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-HK6TX3BO.js';
+import { _Text } from './chunk-FRFD7QAE.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, Pressable } from 'react-aria-compo
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___7y6Ms", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___yG67P", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___s-6sm", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___wRPd2", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___ifRvs", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___2nOuc", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___51Fjt", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___jJvGB", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___HU7Ry", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___Dg1Gw", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___7GSl-", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___9Bz-k", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___4xJNC", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___sZWLb", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___Gfr2E", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___W8G02", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___gDTly", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___FF6em", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___pL3w7" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___Xww60", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___hzrHr", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___Fnbbk", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___YRFdL", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___M8EfY", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___VI2zh", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___c9Ytc", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___oaJGz", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___T4M6s", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___NsyV7", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___-wZpK", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___YDDwB", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___V0l4K", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___3Q2oI", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___-z3qX", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___Knxui", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___bYV11", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___XXEOs", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___1A-iH" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-7BCTH32H.js → chunk-KF5UWXM5.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___Nwuiw" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___dbsWj" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-YROITDUU.js → chunk-LM6RF4C4.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-HK6TX3BO.js';
+import { _Text } from './chunk-FRFD7QAE.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___EZayy", "spin": "Spinner-module__spin___biM3M", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___htDSA", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___Mmysa", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___oCoa0", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___gG4Lm", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___h525s", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___WKKNa" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___JQb9B", "spin": "Spinner-module__spin___PAmwK", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___JoAZn", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___AiWyv", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___uA0Zb", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___dfBge", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___tdT0W", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___ob-7n" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-PJSX5YV3.js → chunk-MAHGP2AF.js}

@@ -7,7 +7,7 @@ import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'r
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___YCZEe", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___n5R22" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___QXKq2", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___a1AV8" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a;

package/dist/{chunk-CLXNEXGJ.js → chunk-MCVBGRD4.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___Zfu2B", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___VbStE", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___rlLO1", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___gVVgi", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___a7aeT", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___zhQyA", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___KjHQy", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___KDxU6", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___HCGpy", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___LIcKq" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___G-gDU", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___qvapE", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XQ2D2", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Gkmxp", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___JjSBh", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7cG-j", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___aaKbn", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___-6wB5", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___RS8yN", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___D6-61" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-CP4VKWH7.js → chunk-MQSKPBAO.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FV74YT2D.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-HK6TX3BO.js';
+import { _Text } from './chunk-FRFD7QAE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___Oc6iJ", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___-AYWY" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___XrmOE", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___G08aA" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-IOOWI3K3.js → chunk-NAD7PYP3.js}

@@ -9,7 +9,7 @@ import { useContextProps, Provider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Illustration.module.css#css-module
-var Illustration_module_default = { "hop-Illustration": "Illustration-module__hop-Illustration___16AwT", "hop-Illustration__image": "Illustration-module__hop-Illustration__image___qyHI6", "hop-Illustration--horizontal": "Illustration-module__hop-Illustration--horizontal___Qn2wx", "hop-Illustration--vertical": "Illustration-module__hop-Illustration--vertical___5Jbh4", "hop-Illustration--rounded": "Illustration-module__hop-Illustration--rounded___nWgFv" };
+var Illustration_module_default = { "hop-Illustration": "Illustration-module__hop-Illustration___DmNap", "hop-Illustration__image": "Illustration-module__hop-Illustration__image___uSKTa", "hop-Illustration--horizontal": "Illustration-module__hop-Illustration--horizontal___FQUhv", "hop-Illustration--vertical": "Illustration-module__hop-Illustration--vertical___eFXaT", "hop-Illustration--rounded": "Illustration-module__hop-Illustration--rounded___4VeZU" };
 var GlobalIllustrationCssSelector = "hop-Illustration";
 function Illustration(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustrationContext);

package/dist/{chunk-TZIBPHGS.js → chunk-NF4VZQXS.js}

@@ -1,6 +1,6 @@
 import { TooltipContext } from './chunk-77PD5K3M.js';
 import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
-import { ensureTextWrapper } from './chunk-E3MHIJNG.js';
+import { ensureTextWrapper } from './chunk-WWJ654NL.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___10s2d", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___0G6V7", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___kquJK", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___sKVB3", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___Kv2cf", "slide": "Tooltip-module__slide___ko1oi" };
+var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___qwBI0", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___XUaSp", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___RERpC", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___KXt28", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___LYCMz", "slide": "Tooltip-module__slide___C2IdH" };
 var GlobalTooltipCssSelector = "hop-Tooltip";
 function Tooltip(props, ref) {
   [props, ref] = useContextProps(props, ref, TooltipContext);

package/dist/chunk-NG7SDBMU.js

@@ -0,0 +1,114 @@
+import { TagContext } from './chunk-EWMWQ2MC.js';
+import { TabContext, InternalTabsContext } from './chunk-K2FJKV3T.js';
+import { BadgeContext } from './chunk-ZSFJVMJN.js';
+import { _Text } from './chunk-FRFD7QAE.js';
+import { TextContext } from './chunk-ZNOU2CGM.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useMediaQuery, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext, useRef } from 'react';
+import { useContextProps, Tab as Tab$1, Provider } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Tab.module.css#css-module
+var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___praiY", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___daDYF", "hop-Tab--md": "Tab-module__hop-Tab--md___cIJVi", "hop-Tab__icon": "Tab-module__hop-Tab__icon___5snTb", "hop-Tab__text": "Tab-module__hop-Tab__text___qAU5A", "hop-Tab__badge": "Tab-module__hop-Tab__badge___WH6-s", "hop-Tab__tag": "Tab-module__hop-Tab__tag___x0Ond", "hop-Tab__selector": "Tab-module__hop-Tab__selector___-XZqS", "hop-Tab__selector--inner": "Tab-module__hop-Tab__selector--inner___zjjhg", "hop-Tab__selector--disabled": "Tab-module__hop-Tab__selector--disabled___F2V3l" };
+var GlobalTabCssSelector = "hop-Tab";
+function Tab(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, TabContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { size, isFluid, prevRef, tablistRef } = (_a = useContext(InternalTabsContext)) != null ? _a : {};
+  const {
+    className,
+    children,
+    style,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalTabCssSelector,
+    cssModule(
+      Tab_module_default,
+      "hop-Tab",
+      size,
+      isFluid && "fluid"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    Tab$1,
+    {
+      ...otherProps,
+      style: mergedStyles,
+      className: classNames,
+      ref,
+      children: ({ isSelected, isDisabled }) => /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [TextContext, {
+              className: Tab_module_default["hop-Tab__text"],
+              size,
+              fontWeight: size === "sm" ? "body-sm-medium" : "body-md-medium"
+            }],
+            [IconContext, {
+              className: Tab_module_default["hop-Tab__icon"],
+              size
+            }],
+            [BadgeContext, {
+              className: Tab_module_default["hop-Tab__badge"]
+            }],
+            [TagContext, {
+              className: Tab_module_default["hop-Tab__tag"],
+              size
+            }]
+          ],
+          children: /* @__PURE__ */ jsx(
+            TabInner,
+            {
+              isSelected,
+              isDisabled,
+              prevRef,
+              tablistRef,
+              children: typeof children === "string" ? /* @__PURE__ */ jsx(_Text, { children }) : children
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function TabInner({ isSelected, isDisabled, children, prevRef, tablistRef }) {
+  const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
+  const ref = useRef(null);
+  useIsomorphicLayoutEffect(() => {
+    if (isSelected && (prevRef == null ? void 0 : prevRef.current) && (tablistRef == null ? void 0 : tablistRef.current) && (ref == null ? void 0 : ref.current) && !reduceMotion) {
+      const currentItem = ref == null ? void 0 : ref.current.getBoundingClientRect();
+      const deltaX = prevRef.current.left - currentItem.left;
+      ref.current.animate(
+        [
+          { transform: `translateX(${deltaX}px)`, inlineSize: `${prevRef.current.width}px` },
+          { transform: "translateX(0px)", inlineSize: "100%" }
+        ],
+        {
+          duration: 150,
+          easing: "ease-in-out"
+        }
+      );
+      prevRef.current = null;
+    }
+  }, [isSelected, reduceMotion, prevRef, tablistRef]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isSelected && /* @__PURE__ */ jsx("div", { ref, className: cssModule(Tab_module_default, "hop-Tab__selector", isDisabled && "disabled"), children: /* @__PURE__ */ jsx("div", { className: Tab_module_default["hop-Tab__selector--inner"] }) }),
+    children
+  ] });
+}
+var _Tab = forwardRef(Tab);
+_Tab.displayName = "Tab";
+
+export { GlobalTabCssSelector, _Tab };

package/dist/{chunk-JOON4EP6.js → chunk-NLHCKKR5.js}

@@ -1,11 +1,11 @@
 import { ListBoxSectionContext } from './chunk-MOZ6M5ZZ.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
-import { _ListBoxItem } from './chunk-QLGE76SP.js';
+import { _ListBoxItem } from './chunk-PKUXMZD6.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { _Text } from './chunk-HK6TX3BO.js';
+import { _Text } from './chunk-FRFD7QAE.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___6x2G0", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___v7X8H", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___9UGEy", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___XjILb", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___e-TpT" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___nHBDD", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___gaxZ0", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___mn-Bk", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___bVsLH", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___W2uC8" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-OVLXOE2E.js → chunk-NSAYDKHS.js}

@@ -1,17 +1,17 @@
 import { SelectContext } from './chunk-ZOTXNUAV.js';
-import { _SelectValue } from './chunk-GKMLNQIH.js';
-import { _Popover } from './chunk-Y7KYGMNG.js';
+import { _SelectValue } from './chunk-H3JL5E3T.js';
+import { _Popover } from './chunk-DHTI73CV.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
-import { _ListBox } from './chunk-JOON4EP6.js';
-import { _ListBoxItem } from './chunk-QLGE76SP.js';
+import { _ListBox } from './chunk-NLHCKKR5.js';
+import { _ListBoxItem } from './chunk-PKUXMZD6.js';
 import { _Footer } from './chunk-RN3FLBX4.js';
-import { _ToggleArrow } from './chunk-RTXWVAWA.js';
-import { FieldLabel } from './chunk-54NYUM2C.js';
-import { _HelperMessage } from './chunk-B3XA5CNX.js';
-import { _ErrorMessage } from './chunk-CP4VKWH7.js';
+import { _ToggleArrow } from './chunk-UHD3RJMT.js';
+import { FieldLabel } from './chunk-TCIESRGA.js';
+import { _HelperMessage } from './chunk-OYCOUQKP.js';
+import { _ErrorMessage } from './chunk-MQSKPBAO.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-TKJW4JHT.js';
-import { ensureTextWrapper } from './chunk-E3MHIJNG.js';
+import { useFormProps } from './chunk-UO5OSVDM.js';
+import { ensureTextWrapper } from './chunk-WWJ654NL.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___qXFcq", "hop-Select--fluid": "Select-module__hop-Select--fluid___eEvCe", "hop-Select__label": "Select-module__hop-Select__label___GYvfh", "hop-Select__button": "Select-module__hop-Select__button___BtOfR", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___X14VP", "hop-Select__button--md": "Select-module__hop-Select__button--md___W31wP", "hop-Select__prefix": "Select-module__hop-Select__prefix___Sjvpt", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___-1bHb", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___n2-0C", "hop-Select__error-message": "Select-module__hop-Select__error-message___IMKVE" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___SVndk", "hop-Select--fluid": "Select-module__hop-Select--fluid___8tJI0", "hop-Select__label": "Select-module__hop-Select__label___3bGaP", "hop-Select__button": "Select-module__hop-Select__button___GDj--", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___JfNwJ", "hop-Select__button--md": "Select-module__hop-Select__button--md___-aomL", "hop-Select__prefix": "Select-module__hop-Select__prefix___HpUR4", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___QCH0-", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___YNQOQ", "hop-Select__error-message": "Select-module__hop-Select__error-message___rpUYM" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-6FTQW7DI.js → chunk-O6MUM2DU.js}

@@ -1,5 +1,5 @@
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
-import { _Button } from './chunk-PB77FYQ4.js';
+import { _Button } from './chunk-USUYFPV6.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { DismissIcon } from '@hopper-ui/icons';
@@ -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___jx86Y" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___MpiqU" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-CWBKG6IB.js → chunk-ORPDXWF6.js}

@@ -1,8 +1,8 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-TKJW4JHT.js';
-import { _Text } from './chunk-HK6TX3BO.js';
+import { useFormProps } from './chunk-UO5OSVDM.js';
+import { _Text } from './chunk-FRFD7QAE.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___vPiMh", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___JNQcq", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___waCxP", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___XeAyj", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___LLbK2" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___8gNua", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___drSfg", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___J3EJV", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___jbwLI", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___XB5su" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-YZREA2YR.js → chunk-OXMERE2K.js}

@@ -20,7 +20,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___6Mmdk", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___PZeml", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___88JwM", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___wPUcQ", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___3cRAj", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___6MVor", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___XgylJ", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___7v2rc", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___LO5Zu", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___v7zfg", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___7HGso", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___ql-UN", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___Vz5IC", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___7csUs", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___sechU", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___gvMMh" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___-joZT", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___GakEf", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___3Espj", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___lCT4Y", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___1LPHd", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___S8y-L", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___M8Ytw", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___F9x0-", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___wIRWF", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___XSoOA", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___kAVIn", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___Zr9N9", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___pN2Tw", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___HnjrL", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___9xo4d", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___GqAWg" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-GU6SQAJL.js → chunk-OYB6BVOO.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-54NYUM2C.js';
-import { _HelperMessage } from './chunk-B3XA5CNX.js';
-import { _ErrorMessage } from './chunk-CP4VKWH7.js';
-import { useFormProps } from './chunk-TKJW4JHT.js';
+import { FieldLabel } from './chunk-TCIESRGA.js';
+import { _HelperMessage } from './chunk-OYCOUQKP.js';
+import { _ErrorMessage } from './chunk-MQSKPBAO.js';
+import { useFormProps } from './chunk-UO5OSVDM.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___r4Vtr", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___VSTD9", "hop-RadioGroup--fluid": "RadioGroup-module__hop-RadioGroup--fluid___KN5TW", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___Afu9P", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___q89cT", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___hc4Zv", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___8w4dY", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___mofWv", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___zj1Gf", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___MVuZA" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___Z80Gt", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___aI9ZV", "hop-RadioGroup--fluid": "RadioGroup-module__hop-RadioGroup--fluid___3YvLn", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___hiU-Y", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___q5OgP", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___aUvzr", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___v0h40", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___lxyTl", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___-Ai3Z", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___VodB-" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-B3XA5CNX.js → chunk-OYCOUQKP.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-PNEJ6JDM.js';
-import { _Text } from './chunk-HK6TX3BO.js';
+import { _Text } from './chunk-FRFD7QAE.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___i3h8r", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___RVoe0" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___pYaLE", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___3apoC" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-QLGE76SP.js → chunk-PKUXMZD6.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-3H2K6XH4.js';
+import { _DecorativeRadio } from './chunk-TJXPZBJ7.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
-import { _ListBoxItemSkeleton } from './chunk-W366JR6M.js';
-import { _DecorativeCheckbox } from './chunk-2CQTO33L.js';
+import { _ListBoxItemSkeleton } from './chunk-TU3MEWDW.js';
+import { _DecorativeCheckbox } from './chunk-47OJUGR3.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-E3MHIJNG.js';
+import { ensureTextWrapper } from './chunk-WWJ654NL.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___QPIQJ", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___z9elD", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___M-F1z", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___4pUO2", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___MGIUU", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Um8m2", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___O0BbU", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___ICLv4", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___bKFa0", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___SHl54", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___7MAWd", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___ArVm5", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___-d5Hp", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___KVG2g", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___Kuott", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___XSX86", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___2RCVx" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___Sjln5", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___krRey", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___s7Iw-", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___-ANVB", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___PKc7V", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___AsJP-", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___w68sg", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___fXtv3", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___BrHCP", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___stpb-", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___-mEIv", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___VlPUc", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___XJ04q", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___aJ1Id", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___dzx9R", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___RP2dI", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___wc5Wl" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",