@hopper-ui/components 1.11.0 → 1.11.2

package/dist/{chunk-YOVBAS55.js → chunk-PSDFA3XJ.js}

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

package/dist/{chunk-Z3KTAI2Q.js → chunk-PT6UKKPP.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___6vlOp", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___qBGaM" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___6TGJj", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___hXqsD" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a;

package/dist/{chunk-KYC2G5HE.js → chunk-QBSD72CQ.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
 import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
-import { _Text } from './chunk-2R4ODW5K.js';
+import { _Text } from './chunk-NPLUMXWE.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControlItem.module.css#css-module
-var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___QdHXh", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___bj3wM", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___aExrg", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___WlQ2P", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___tob-U", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___jX5Zb", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___X37qK", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___6NSQQ" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___wflQe", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___2Hotk", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___n8p9J", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___OH9F6", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___G1Hw3", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___dcCn7", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___IUOON", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___iVAiB" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/{chunk-24HOUOS3.js → chunk-QUXFHUAN.js}

@@ -1,9 +1,9 @@
 import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { FieldLabel } from './chunk-6LRZ42ZQ.js';
-import { _HelperMessage } from './chunk-B2YIPZPV.js';
-import { _ErrorMessage } from './chunk-YQ7HN24R.js';
-import { useFormProps } from './chunk-442XQRRC.js';
+import { FieldLabel } from './chunk-FN22CA4M.js';
+import { _HelperMessage } from './chunk-2W4CIU3A.js';
+import { _ErrorMessage } from './chunk-BXW6YFJM.js';
+import { useFormProps } from './chunk-EOA6UCA2.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___-pTuO", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___Q7iRM", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___p4KQT", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___05yW1", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___7y8eH" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___Vm-d4", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___fKwGc", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___-JWoX", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___ggzso", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___9Dh7a" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;
@@ -30,7 +30,9 @@ function TagGroup(props, ref) {
     isInvalid = false,
     items,
     label,
+    onRemove,
     necessityIndicator,
+    isReadOnly,
     renderEmptyState,
     style: styleProp,
     size: sizeProp,
@@ -102,6 +104,7 @@ function TagGroup(props, ref) {
               ref,
               className: classNames,
               style,
+              onRemove: isReadOnly ? void 0 : onRemove,
               ...otherProps,
               children: [
                 /* @__PURE__ */ jsx(

package/dist/{chunk-BD2532JM.js → chunk-QXHXNHM4.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Image.module.css#css-module
-var Image_module_default = { "hop-Image": "Image-module__hop-Image___YxdHw", "hop-Image--rounded": "Image-module__hop-Image--rounded___SCGNb", "hop-Image--circular": "Image-module__hop-Image--circular___cObgM" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___fTnK4", "hop-Image--rounded": "Image-module__hop-Image--rounded___5qyXX", "hop-Image--circular": "Image-module__hop-Image--circular___clFiE" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-XIWGGGBD.js → chunk-R2SV2W7I.js}

@@ -1,4 +1,4 @@
-import { _EmbeddedButton } from './chunk-ZPNJ46YF.js';
+import { _EmbeddedButton } from './chunk-FF2Z7YB6.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { DismissIcon } from '@hopper-ui/icons';

package/dist/{chunk-E5FWWZZN.js → chunk-RPGWHJHC.js}

@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___i7l8y", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___SI-MK", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___3FL-N", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___ADKkZ" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___VbkzW", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___Qb8lb", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___tXJWT", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___42NMy" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/{chunk-4XPTVTF6.js → chunk-RW4WA5GY.js}

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

package/dist/{chunk-Y6EWZCEB.js → chunk-RY2FERSO.js}

@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-MTULE7GI.js';
 import { CompactCalloutContext } from './chunk-NX7YNFUX.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { _CloseButton } from './chunk-2ZSCEZM5.js';
+import { _CloseButton } from './chunk-GV4WZZFC.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CompactCallout.module.css#css-module
-var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___5pc1s", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___oEYpk", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___nNNH-", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___cFe94", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___yUw4O", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___nn-Bh", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___ikjBo", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___acR5X", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___FVgOg", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___gJU6E", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___9SqYV" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___EpOG-", "hop-CompactCallout--dismissable": "CompactCallout-module__hop-CompactCallout--dismissable___Pqpcv", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___bUrjk", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___uzlcG", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___Kdz1U", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___-1FVl", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___ro1rk", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___utDX-", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___rhCjz", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___0qTQi", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___UCbHn" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/{chunk-DCO4XGBI.js → chunk-SUUVO6DK.js}

@@ -17,7 +17,7 @@ function TooltipTrigger(props) {
     delay = 600,
     containerPadding = 16,
     crossOffset,
-    offset = 8,
+    offset = 12,
     placement = "top",
     shouldFlip,
     isDisabled,

package/dist/{chunk-CNLOXV67.js → chunk-TGLE6GXH.js}

@@ -1,8 +1,8 @@
-import { TooltipTrigger } from './chunk-DCO4XGBI.js';
-import { _Tooltip } from './chunk-MG4YWWSJ.js';
+import { TooltipTrigger } from './chunk-SUUVO6DK.js';
+import { _Tooltip } from './chunk-UHLJEQXU.js';
 import { AvatarGroupContext } from './chunk-G7F2YUBR.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _Text } from './chunk-2R4ODW5K.js';
+import { _Text } from './chunk-NPLUMXWE.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./AvatarGroup.module.css#css-module
-var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___wnj-m", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___c2TRK", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___mlDdJ", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___birYw", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___rMSZv", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___ccgg4", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___NaCrB", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___-uHeK", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___AJipQ", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___OoUOw", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___1vvYE", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___sR3FF", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___1L9w0", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___2mS4r" };
+var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___EDGJN", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___jGhEi", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___7Nu-g", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___0Rq7-", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___waiNl", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___N80er", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___1wmmC", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___q6Geg", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___DkgXX", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___XyfBH", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___CCZ3y", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___CnV4S", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___7XjrP", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___iWzpw" };
 var GlobalAvatarGroupCssSelector = "hop-AvatarGroup";
 function AvatarGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-VKC2SRDS.js → chunk-U3B6DMVC.js}

@@ -1,7 +1,7 @@
 import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { FormContext } from './chunk-UYYHPXUH.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.js';
+import { ensureTextWrapper } from './chunk-ITRIJWK7.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___uiAb9", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___6kSfK", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___DJB3B", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___f6hgH" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___y-T4o", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___u8BBB", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___azKwG", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___S3eb2" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-MG4YWWSJ.js → chunk-UHLJEQXU.js}

@@ -1,6 +1,6 @@
 import { TooltipContext } from './chunk-77PD5K3M.js';
 import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.js';
+import { ensureTextWrapper } from './chunk-ITRIJWK7.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___v-Ct7", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___wi7Ol", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___8XTsu", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___q0mAy", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___kIyhZ", "slide": "Tooltip-module__slide___25O5M" };
+var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___4eq-y", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___E19gl", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___lh0gn", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___Frc9c", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___oPmqP", "slide": "Tooltip-module__slide___5wjiV" };
 var GlobalTooltipCssSelector = "hop-Tooltip";
 function Tooltip(props, ref) {
   [props, ref] = useContextProps(props, ref, TooltipContext);

package/dist/{chunk-5M43N5OI.js → chunk-VC6UWBLI.js}

@@ -1,4 +1,4 @@
-import { useFormProps } from './chunk-442XQRRC.js';
+import { useFormProps } from './chunk-EOA6UCA2.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 
 var ButtonToFieldSizeAdapter = {

package/dist/{chunk-DF5AHFFQ.js → chunk-VUD7ME77.js}

@@ -1,20 +1,21 @@
-import { TabLine } from './chunk-FZVFJN2N.js';
+import { TabLine } from './chunk-77UHO5X3.js';
 import { TabListContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
-import { forwardRef, useContext, useState, useLayoutEffect } from 'react';
+import { forwardRef, useContext, useRef, useState, useLayoutEffect } from 'react';
 import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___L03lY", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___brlrl", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___NMNAW", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___Ao1IE", "hop-TabList--heading": "TabList-module__hop-TabList--heading___bzWau" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___pR6BB", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___JJS8y", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___WxlNF", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___B2xpP", "hop-TabList--md": "TabList-module__hop-TabList--md___457Vs" };
 var GlobalTabListCssSelector = "hop-TabList";
 function TabList(props, ref) {
   var _a, _b;
   [props, ref] = useContextProps(props, ref, TabListContext);
-  const { variant, isDisabled, disabledKeys } = (_a = useContext(InternalTabsContext)) != null ? _a : {};
+  const { variant, isDisabled, disabledKeys, size } = (_a = useContext(InternalTabsContext)) != null ? _a : {};
   const state = useContext(TabListStateContext);
+  const wrapperRef = useRef(null);
   const [selectedTab, setSelectedTab] = useState(void 0);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   useLayoutEffect(() => {
@@ -35,7 +36,8 @@ function TabList(props, ref) {
     cssModule(
       TabList_module_default,
       "hop-TabList",
-      variant
+      variant,
+      size
     ),
     stylingProps.className,
     className
@@ -44,7 +46,7 @@ function TabList(props, ref) {
     ...style,
     ...stylingProps.style
   };
-  return /* @__PURE__ */ jsxs("div", { className: classNames, style: mergedStyles, children: [
+  return /* @__PURE__ */ jsxs("div", { className: classNames, style: mergedStyles, ref: wrapperRef, children: [
     /* @__PURE__ */ jsx(
       TabList$1,
       {
@@ -53,7 +55,7 @@ function TabList(props, ref) {
         className: TabList_module_default["hop-TabList__tablist"]
       }
     ),
-    /* @__PURE__ */ jsx(TabLine, { selectedTab, isDisabled, disabledKeys })
+    /* @__PURE__ */ jsx(TabLine, { wrapperElement: wrapperRef.current, selectedTab, isDisabled, disabledKeys })
   ] });
 }
 var _TabList = forwardRef(TabList);

package/dist/{chunk-B7TEFASF.js → chunk-W3EKFI6N.js}

@@ -1,4 +1,4 @@
-import { _Text } from './chunk-2R4ODW5K.js';
+import { _Text } from './chunk-NPLUMXWE.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Paragraph.module.css#css-module
-var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___e-6kY", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___AX-Xg", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___jU4tF", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___B7DLe", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___dGZNg", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___42H2w", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___iqfak", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___ey0Kc" };
+var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___LbJQM", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___I-DD6", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___Em0JL", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___S0399", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___mNNUE", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___TI-Dd", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___-QXi-", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___T5pP9" };
 var GlobalParagraphCssSelector = "hop-Paragraph";
 function Paragraph(props, ref) {
   const { size: sizeProp, className, children, ...otherProps } = props;

package/dist/{chunk-5SELDPQC.js → chunk-WIHGL2YG.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___8JhhZ", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___eAInk", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___IUJse", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___rcYnR", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___x4fBG" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___8njUn", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___G3VvI", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___TI3fw", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___4hH5H", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___-NTQv" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-FXWUXTKN.js → chunk-WKZJLQLV.js}

@@ -1,14 +1,14 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-6Y6B3D4Y.js';
-import { Input } from './chunk-AULSC35R.js';
-import { _InputGroup } from './chunk-Z3KTAI2Q.js';
-import { FieldLabel } from './chunk-6LRZ42ZQ.js';
-import { _HelperMessage } from './chunk-B2YIPZPV.js';
-import { _ErrorMessage } from './chunk-YQ7HN24R.js';
-import { _ClearButton } from './chunk-XIWGGGBD.js';
-import { useFormProps } from './chunk-442XQRRC.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.js';
+import { _RemainingCharacterCount } from './chunk-42H3AXVF.js';
+import { Input } from './chunk-NWGG3J5D.js';
+import { _InputGroup } from './chunk-PT6UKKPP.js';
+import { FieldLabel } from './chunk-FN22CA4M.js';
+import { _HelperMessage } from './chunk-2W4CIU3A.js';
+import { _ErrorMessage } from './chunk-BXW6YFJM.js';
+import { _ClearButton } from './chunk-R2SV2W7I.js';
+import { useFormProps } from './chunk-EOA6UCA2.js';
+import { ensureTextWrapper } from './chunk-ITRIJWK7.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___o3oRq", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___-TXqZ", "hop-TextField__Label": "TextField-module__hop-TextField__Label___6qCsn", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___irIXp", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___77le4", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___GH3zC", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___eGiUg" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___9VyZ5", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___KkPZp", "hop-TextField__Label": "TextField-module__hop-TextField__Label___RToTe", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___qjTU3", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___LVNGU", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___0yV0Z", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___XgKwP" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-EZZNU4O5.js → chunk-WLLR6LUO.js}

@@ -1,11 +1,11 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { Input } from './chunk-AULSC35R.js';
-import { _InputGroup } from './chunk-Z3KTAI2Q.js';
-import { FieldLabel } from './chunk-6LRZ42ZQ.js';
-import { _HelperMessage } from './chunk-B2YIPZPV.js';
-import { _ErrorMessage } from './chunk-YQ7HN24R.js';
-import { _EmbeddedButton } from './chunk-ZPNJ46YF.js';
-import { useFormProps } from './chunk-442XQRRC.js';
+import { Input } from './chunk-NWGG3J5D.js';
+import { _InputGroup } from './chunk-PT6UKKPP.js';
+import { FieldLabel } from './chunk-FN22CA4M.js';
+import { _HelperMessage } from './chunk-2W4CIU3A.js';
+import { _ErrorMessage } from './chunk-BXW6YFJM.js';
+import { _EmbeddedButton } from './chunk-FF2Z7YB6.js';
+import { useFormProps } from './chunk-EOA6UCA2.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___LSqOy", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___UzlmT", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___vNKmk", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___SV23b", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___0D1IO", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___xFMP4" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___GmmXe", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___Rn7Lw", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___7eP-Q", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___yQQ3f", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___iMZKW", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___PEpXb" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-TH4XVUK6.js → chunk-WRHGJZDR.js}

@@ -1,7 +1,7 @@
 import { PopoverTrigger } from './chunk-KHDRGFVV.js';
-import { _PopoverBase } from './chunk-BP43KN7R.js';
+import { _PopoverBase } from './chunk-I3PUCCYI.js';
 import { ContextualHelpContext } from './chunk-MR5BPD6R.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.js';
+import { ensureTextWrapper } from './chunk-ITRIJWK7.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___CU2FT", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___-HUMR" };
+var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___xU8z5", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___gHNZs" };
 var GlobalContextualHelpCssSelector = "hop-ContextualHelp";
 function ContextualHelp(props, ref) {
   var _a;

package/dist/{chunk-2BIPVLT5.js → chunk-XLAZXTQG.js}

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

package/dist/{chunk-SRQ27I4L.js → chunk-XRHDVR4G.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-442XQRRC.js';
+import { useFormProps } from './chunk-EOA6UCA2.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.js';
+import { ensureTextWrapper } from './chunk-ITRIJWK7.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___b2yfH", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___H32nE", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___G0Kc0", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___5bplv", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___Y7HSE", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___XjuBs", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___zoX1u", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___oky3y" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___rCu35", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___CgSG-", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___ntx7R", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___9yFDw", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___dDMzC", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___in0-2", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___dgKtO", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___mZDtI" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-CH4HTA7B.js → chunk-XSFNHZU6.js}

@@ -1,11 +1,11 @@
-import { useButtonProps } from './chunk-5M43N5OI.js';
+import { useButtonProps } from './chunk-VC6UWBLI.js';
 import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
-import { _Spinner } from './chunk-ENI3MCT2.js';
+import { _Spinner } from './chunk-LVT4RQKK.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.js';
+import { ensureTextWrapper } from './chunk-ITRIJWK7.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___0WjJb", "hop-Button--fluid": "Button-module__hop-Button--fluid___MGrUJ", "hop-Button--xs": "Button-module__hop-Button--xs___y--dO", "hop-Button--sm": "Button-module__hop-Button--sm___nB7XN", "hop-Button--md": "Button-module__hop-Button--md___YvfGv", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___neX7m", "hop-Button--primary": "Button-module__hop-Button--primary___F6nFp", "hop-Button--secondary": "Button-module__hop-Button--secondary___L46td", "hop-Button--upsell": "Button-module__hop-Button--upsell___8xSEO", "hop-Button--danger": "Button-module__hop-Button--danger___dacgg", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___W4SY7", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___Z-D8U", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___CMq2i", "hop-Button--loading": "Button-module__hop-Button--loading___N5LJ7", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___aHnft", "hop-Button__icon": "Button-module__hop-Button__icon___OxsRE", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___hRdW7", "hop-Button__text": "Button-module__hop-Button__text___a-jCc", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___svk2J", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___CrIis" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___0UuwR", "hop-Button--fluid": "Button-module__hop-Button--fluid___7ottj", "hop-Button--xs": "Button-module__hop-Button--xs___GQuI-", "hop-Button--sm": "Button-module__hop-Button--sm___dqwJU", "hop-Button--md": "Button-module__hop-Button--md___uBqTS", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___0VAwu", "hop-Button--primary": "Button-module__hop-Button--primary___-p000", "hop-Button--secondary": "Button-module__hop-Button--secondary___aRsRn", "hop-Button--upsell": "Button-module__hop-Button--upsell___fM6UF", "hop-Button--danger": "Button-module__hop-Button--danger___4gan-", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___nilDf", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___Ll0r4", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___k4nI5", "hop-Button--loading": "Button-module__hop-Button--loading___p33F6", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___TXFBA", "hop-Button__icon": "Button-module__hop-Button__icon___OE-Ni", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___Ju454", "hop-Button__text": "Button-module__hop-Button__text___Y4MUX", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___1VsSl", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___-URWe" };
 var GlobalButtonCssSelector = "hop-Button";
 var ButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-77RSOHAH.js → chunk-XWLQ4GI6.js}

@@ -1,8 +1,8 @@
 import { useImageFallback } from './chunk-QJ5FQN3N.js';
-import { _BrokenAvatar } from './chunk-YOVBAS55.js';
+import { _BrokenAvatar } from './chunk-PSDFA3XJ.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-2R4ODW5K.js';
+import { _Text } from './chunk-NPLUMXWE.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,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___x3C7-", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___2Xjs5", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___yFsJi", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___Z8Wgl", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___axMok", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___iaGkE", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___x1UJ-", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___Nk5NL", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___WafgS", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___g-FYy", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___KY63d", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___amTnv", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___udXdy", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___dvV1b", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___Ta4WU", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___2WS-x", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___dwgCP", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___kHyRJ", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___sVud8" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___Nghot", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___CWOhC", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___6njsU", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___BjBP-", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___JFv3j", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___a5K-R", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___zTB53", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___s9OH1", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___A42am", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___3Rklo", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___ZYNRv", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___dE-gR", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___ALyLm", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___e0Csf", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___d4-tI", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___VCADf", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___-yugx", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___tpkA0", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___3TAE2" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-MBVXRVJ7.js → chunk-Y3JJXTIK.js}

@@ -1,10 +1,10 @@
 import { ToggleButtonContext } from './chunk-BYERWFG4.js';
 import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
-import { _Spinner } from './chunk-ENI3MCT2.js';
+import { _Spinner } from './chunk-LVT4RQKK.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.js';
+import { ensureTextWrapper } from './chunk-ITRIJWK7.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ToggleButton as ToggleButton$1, DE
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ToggleButton.module.css#css-module
-var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___oNnnv Button-module__hop-Button___0WjJb", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___eGXRv Button-module__hop-Button--fluid___MGrUJ", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___jRfZ3 Button-module__hop-Button--xs___y--dO", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___cwzm8 Button-module__hop-Button--sm___nB7XN", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___U1--e Button-module__hop-Button--md___YvfGv", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___qFktZ Button-module__hop-Button--icon-only___neX7m", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___gn5oB Button-module__hop-Button--primary___F6nFp", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___N85uU Button-module__hop-Button--secondary___L46td", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___OXuNn Button-module__hop-Button--upsell___8xSEO", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___4CPeP Button-module__hop-Button--danger___dacgg", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___UNc8F Button-module__hop-Button--ghost-primary___W4SY7", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___5ZVhu Button-module__hop-Button--ghost-secondary___Z-D8U", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___ChCW- Button-module__hop-Button--ghost-danger___CMq2i", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___WeUiw", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___-P3Sc Button-module__hop-Button__Spinner___aHnft", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___4XWZY Button-module__hop-Button__icon___OxsRE", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___RdpO- Button-module__hop-Button__icon___OxsRE Button-module__hop-Button__icon-list___hRdW7", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___mtac5 Button-module__hop-Button__text___a-jCc", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___moi0W Button-module__hop-Button__end-icon___svk2J", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___8s5Dg Button-module__hop-Button__end-icon___svk2J Button-module__hop-Button__icon-list___hRdW7" };
+var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___hpuUR Button-module__hop-Button___0UuwR", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___JizpW Button-module__hop-Button--fluid___7ottj", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___5CwQM Button-module__hop-Button--xs___GQuI-", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___eZX7F Button-module__hop-Button--sm___dqwJU", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___OvZ2D Button-module__hop-Button--md___uBqTS", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___x4q8B Button-module__hop-Button--icon-only___0VAwu", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___GQXb0 Button-module__hop-Button--primary___-p000", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___ZbM7k Button-module__hop-Button--secondary___aRsRn", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___PQPGE Button-module__hop-Button--upsell___fM6UF", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___TsihG Button-module__hop-Button--danger___4gan-", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___uGySq Button-module__hop-Button--ghost-primary___nilDf", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___-E9-2 Button-module__hop-Button--ghost-secondary___Ll0r4", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___UXR2m Button-module__hop-Button--ghost-danger___k4nI5", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___Yg1BQ", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___4Jytv Button-module__hop-Button__Spinner___TXFBA", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___wEMOY Button-module__hop-Button__icon___OE-Ni", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___6zox0 Button-module__hop-Button__icon___OE-Ni Button-module__hop-Button__icon-list___Ju454", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___gOva4 Button-module__hop-Button__text___Y4MUX", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___qV2uT Button-module__hop-Button__end-icon___1VsSl", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___9LM8b Button-module__hop-Button__end-icon___1VsSl Button-module__hop-Button__icon-list___Ju454" };
 var GlobalToggleButtonCssSelector = "hop-ToggleButton";
 var ToggleButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-QDJZ6A47.js → chunk-Y5BLEV2O.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-442XQRRC.js';
-import { _Text } from './chunk-2R4ODW5K.js';
+import { useFormProps } from './chunk-EOA6UCA2.js';
+import { _Text } from './chunk-NPLUMXWE.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___oETvg", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___8ycih", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___U-cZQ", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___vjsCG", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___1f1k-" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___Kujpp", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___oRqhF", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___c8INZ", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___6g6PK", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___euxAj" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-XWYZG6OM.js → chunk-YJSC46JC.js}

@@ -1,7 +1,7 @@
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-2R4ODW5K.js';
+import { _Text } from './chunk-NPLUMXWE.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___41KG-", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___l6r86", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___wnEUD", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___gOhrL", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___5EVYA" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___WGzXW", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___g2qDS", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___GrTC6", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___j2j1r", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___lovvM" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-TJMSXRRI.js → chunk-YKJ7RHJU.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___PtBCn", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___XpJ0K", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___vEPqa", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___jnzdo", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___VvpUv", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___m--3Q" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___hAN6B", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___WYBLj", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ij1FZ", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___blhJi", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___LTTm6", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___1age9" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;