@hopper-ui/components 1.10.1 → 1.11.1

package/dist/{chunk-6BQGS5AQ.js → chunk-Q3CGFKER.js}

@@ -1,12 +1,10 @@
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { StyledSystemProvider } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { createContext, forwardRef, useContext } from 'react';
 import { I18nProvider, RouterProvider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
-// css-module:./HopperProvider.module.css#css-module
-var HopperProvider_module_default = { "hop-HopperProvider": "HopperProvider-module__hop-HopperProvider___vlMLs" };
+// src/hopper-provider/src/HopperProvider.tsx
 var GlobalHopperProviderCssSelector = "hop-HopperProvider";
 var HopperContext = createContext(null);
 function useHopperContext() {
@@ -41,10 +39,6 @@ var HopperProvider = (props, ref) => {
   } = props;
   const classNames = clsx(
     GlobalHopperProviderCssSelector,
-    cssModule(
-      HopperProvider_module_default,
-      "hop-HopperProvider"
-    ),
     className
   );
   let content = children;

package/dist/{chunk-JIMHL236.js → chunk-QCTJN46H.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-3MZIVDMI.js';
+import { _Text } from './chunk-VZB3QRZQ.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___HahZ3", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___bcmw7", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___5pFyM", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___E2iC1", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___Efvw7" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___YXAdv", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___Uz-KS", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___4OjBd", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___FQcPW", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___2uTB1" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-26M7JTL2.js → chunk-R3O5GFEA.js}

@@ -1,14 +1,14 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-5YKBMNGQ.js';
-import { Input } from './chunk-V64CVVDW.js';
-import { _InputGroup } from './chunk-R444SI3M.js';
-import { FieldLabel } from './chunk-5JXXYVWQ.js';
-import { _HelperMessage } from './chunk-YPF5YUML.js';
-import { _ErrorMessage } from './chunk-236UVLLX.js';
-import { _ClearButton } from './chunk-F6BIYHCZ.js';
-import { useFormProps } from './chunk-F6ZL5HO4.js';
-import { ensureTextWrapper } from './chunk-TYGMBZPU.js';
+import { _RemainingCharacterCount } from './chunk-LCJFJMIV.js';
+import { Input } from './chunk-KR6TXKX2.js';
+import { _InputGroup } from './chunk-MDAOQLWM.js';
+import { FieldLabel } from './chunk-X3UOFUTJ.js';
+import { _HelperMessage } from './chunk-IC4LWUB5.js';
+import { _ErrorMessage } from './chunk-577PFBCO.js';
+import { _ClearButton } from './chunk-OT6ZCUBP.js';
+import { useFormProps } from './chunk-OMRMMDOU.js';
+import { ensureTextWrapper } from './chunk-GBONKMOR.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___WNYJq", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___MsuPe", "hop-TextField__Label": "TextField-module__hop-TextField__Label___euNCb", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___7RsBg", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___PBPpn", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___cS5cv", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___HZtBo" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___bc-h8", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___PiFbb", "hop-TextField__Label": "TextField-module__hop-TextField__Label___KIH1k", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___GOt0g", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___ywFjV", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___5TBqA", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___ioi4z" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-YNEEEBXV.js → chunk-RDWKVTT6.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-3MZIVDMI.js';
+import { _Text } from './chunk-VZB3QRZQ.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___AmwyF", "spin": "Spinner-module__spin___rDseY", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___S1yGL", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___JKasU", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___3pDG3", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___4TDy6", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___1yHQN", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___ycpJO" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___0knRt", "spin": "Spinner-module__spin___vloww", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___WQSKz", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___Xdb0k", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___kz-Ip", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___E1HVu", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___OgL8J", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___7DtDn" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-V4CYEV3K.js → chunk-REOHIUS5.js}

@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TileGroup.module.css#css-module
-var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___ieYYb" };
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___rx1Nx" };
 var GlobalTileGroupCssSelector = "hop-TileGroup";
 var TileGroup = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileGroupContext);

package/dist/{chunk-GPDFWQW6.js → chunk-SCZR6YMS.js}

@@ -1,20 +1,21 @@
-import { TabLine } from './chunk-VRWMDC23.js';
+import { TabLine } from './chunk-XFEDDVP7.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___bqikJ", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___x0jTe", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___toMvg", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___O4TeJ", "hop-TabList--heading": "TabList-module__hop-TabList--heading___d9-tf" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___bd4q1", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___O8atT", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___Mytgu", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___Sz5Ne", "hop-TabList--md": "TabList-module__hop-TabList--md___f-yDU" };
 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-5OAYUXHP.js → chunk-SH5ZEAZM.js}

@@ -7,7 +7,7 @@ import { useContextProps, composeRenderProps, Popover } from 'react-aria-compone
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./PopoverBase.module.css#css-module
-var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___g9Crp" };
+var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___3GgXt" };
 var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
 function PopoverBase(props, ref) {
   var _a;

package/dist/{chunk-WOCCI5FP.js → chunk-SPPBPUG4.js}

@@ -1,11 +1,11 @@
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
-import { _ListBoxItem } from './chunk-DB4Y4ZZU.js';
+import { _ListBoxItem } from './chunk-WXWKGKMC.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
 import { ListBoxSectionContext } from './chunk-MOZ6M5ZZ.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { _Text } from './chunk-3MZIVDMI.js';
+import { _Text } from './chunk-VZB3QRZQ.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___UuY-z", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___aQicN", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___nosr-", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___JHD0c", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___Feq-5" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___fRNID", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___cEpgu", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___Rg9Du", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___hkFau", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___YUO8E" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

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-JCPQTLZQ.js → chunk-TB5K5AP2.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-TYGMBZPU.js';
+import { ensureTextWrapper } from './chunk-GBONKMOR.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, composeRenderProps, Link as Link$1, DEFAULT_SLOT } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___XUp5M", "hop-Link--xs": "Link-module__hop-Link--xs___N0uQm", "hop-Link--sm": "Link-module__hop-Link--sm___vY8NQ", "hop-Link--md": "Link-module__hop-Link--md___HVHaE", "hop-Link--lg": "Link-module__hop-Link--lg___8S-50", "hop-Link--xl": "Link-module__hop-Link--xl___0z-1b", "hop-Link--2xl": "Link-module__hop-Link--2xl___-4C55", "hop-Link--inherit": "Link-module__hop-Link--inherit___CFnJN", "hop-Link--standalone": "Link-module__hop-Link--standalone___WQ9uX", "hop-Link__text": "Link-module__hop-Link__text___Q6g6R", "hop-Link--quiet": "Link-module__hop-Link--quiet___e5jxJ", "hop-Link--primary": "Link-module__hop-Link--primary___Rep5h", "hop-Link--secondary": "Link-module__hop-Link--secondary___yezDi", "hop-Link__icon": "Link-module__hop-Link__icon___WVJ9E", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___WLnQ6", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___aklxj", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___2wNXJ" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___9ZRCs", "hop-Link--xs": "Link-module__hop-Link--xs___V8s7r", "hop-Link--sm": "Link-module__hop-Link--sm___aGVoU", "hop-Link--md": "Link-module__hop-Link--md___0p2dC", "hop-Link--lg": "Link-module__hop-Link--lg___rLgXn", "hop-Link--xl": "Link-module__hop-Link--xl___EOrTO", "hop-Link--2xl": "Link-module__hop-Link--2xl___Z4vwq", "hop-Link--inherit": "Link-module__hop-Link--inherit___6GG-F", "hop-Link--standalone": "Link-module__hop-Link--standalone___Zx1OI", "hop-Link__text": "Link-module__hop-Link__text___bXHOt", "hop-Link--quiet": "Link-module__hop-Link--quiet___Wesc-", "hop-Link--primary": "Link-module__hop-Link--primary___k--Yc", "hop-Link--secondary": "Link-module__hop-Link--secondary___LsIUW", "hop-Link__icon": "Link-module__hop-Link__icon___LpsZA", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___6kzfG", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___FqJfV", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___xcCgy" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-ZFA5AP36.js → chunk-U6QI6AW5.js}

@@ -1,8 +1,8 @@
 import { useImageFallback } from './chunk-QJ5FQN3N.js';
-import { _BrokenAvatar } from './chunk-UFDGOOL5.js';
+import { _BrokenAvatar } from './chunk-WL4G6EK4.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-3MZIVDMI.js';
+import { _Text } from './chunk-VZB3QRZQ.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___xHAMg", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___VL5Hv", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___77H4U", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___gEync", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___Fl8ak", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___LYzx2", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___SPP50", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___9vT8Q", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___dmhYp", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___KSHYO", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___xlzWn", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___QmtfK", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___jLZCZ", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___-rYdd", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___CQ48k", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___rDnvV", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___Q-0k-", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___1s9XP", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___0bfCx" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___hZByh", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___R97x1", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___Qqapt", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___Eh2Uq", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___kGHAQ", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___sFRH0", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___94h7-", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___nbOaM", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___P3mVy", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___mNz9R", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___BijHG", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___idDJf", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___Sevmu", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___o6hr0", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___6rN-t", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___QMkYR", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___dAwMG", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___4Zc6f", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___-pYRH" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-E7XM4QSZ.js → chunk-UDIGYWQU.js}

@@ -1,11 +1,11 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { Input } from './chunk-V64CVVDW.js';
-import { _InputGroup } from './chunk-R444SI3M.js';
-import { FieldLabel } from './chunk-5JXXYVWQ.js';
-import { _HelperMessage } from './chunk-YPF5YUML.js';
-import { _ErrorMessage } from './chunk-236UVLLX.js';
-import { _EmbeddedButton } from './chunk-5LUEHC6U.js';
-import { useFormProps } from './chunk-F6ZL5HO4.js';
+import { Input } from './chunk-KR6TXKX2.js';
+import { _InputGroup } from './chunk-MDAOQLWM.js';
+import { FieldLabel } from './chunk-X3UOFUTJ.js';
+import { _HelperMessage } from './chunk-IC4LWUB5.js';
+import { _ErrorMessage } from './chunk-577PFBCO.js';
+import { _EmbeddedButton } from './chunk-7EFXXIIE.js';
+import { useFormProps } from './chunk-OMRMMDOU.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___cqnkt", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___8qT6h", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___G9XBw", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___GUpwa", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___aCxi0", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___-KErr" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___mFenV", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___Ad-Fn", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___L35Ag", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___Eagt5", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___Tjhug", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___biJuA" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-2JITVS5S.js → chunk-UHQENR7M.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___-Bmab", "hop-Card--main": "Card-module__hop-Card--main___rXjfE", "hop-Card--second-level": "Card-module__hop-Card--second-level___E0WRO" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___DgF5q", "hop-Card--main": "Card-module__hop-Card--main___4L4uI", "hop-Card--second-level": "Card-module__hop-Card--second-level___68-NC" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-OGPJ6PAN.js → chunk-URW2L7JK.js}

@@ -1,11 +1,11 @@
-import { useButtonProps } from './chunk-CGO2VBKE.js';
+import { useButtonProps } from './chunk-C5XXJTEX.js';
 import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
-import { _Spinner } from './chunk-YNEEEBXV.js';
+import { _Spinner } from './chunk-RDWKVTT6.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-TYGMBZPU.js';
+import { ensureTextWrapper } from './chunk-GBONKMOR.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___ZBo49", "hop-Button--fluid": "Button-module__hop-Button--fluid___ZDtem", "hop-Button--xs": "Button-module__hop-Button--xs___QY6dM", "hop-Button--sm": "Button-module__hop-Button--sm___-JCzJ", "hop-Button--md": "Button-module__hop-Button--md___2yYlN", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___2qO5Z", "hop-Button--primary": "Button-module__hop-Button--primary___ZJOjb", "hop-Button--secondary": "Button-module__hop-Button--secondary___cGikA", "hop-Button--upsell": "Button-module__hop-Button--upsell___DeS9C", "hop-Button--danger": "Button-module__hop-Button--danger___zN-1-", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___SIZXH", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___pkDB5", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___jjrHt", "hop-Button--loading": "Button-module__hop-Button--loading___VXcE6", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___oEJM0", "hop-Button__icon": "Button-module__hop-Button__icon___adP1l", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___09YW8", "hop-Button__text": "Button-module__hop-Button__text___lexhQ", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___ba7Ly", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___slVfc" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___cv9zY", "hop-Button--fluid": "Button-module__hop-Button--fluid___kiFI4", "hop-Button--xs": "Button-module__hop-Button--xs___vyEPX", "hop-Button--sm": "Button-module__hop-Button--sm___HnHsy", "hop-Button--md": "Button-module__hop-Button--md___e4obr", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___NfjW2", "hop-Button--primary": "Button-module__hop-Button--primary___VrmqR", "hop-Button--secondary": "Button-module__hop-Button--secondary___lNkO1", "hop-Button--upsell": "Button-module__hop-Button--upsell___-gdE0", "hop-Button--danger": "Button-module__hop-Button--danger___knFd8", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___pSatO", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___ik0Ao", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___bz7hl", "hop-Button--loading": "Button-module__hop-Button--loading___igbU-", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___2GnrD", "hop-Button__icon": "Button-module__hop-Button__icon___c2m-Q", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___Hbj0z", "hop-Button__text": "Button-module__hop-Button__text___NkIAY", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___aMBRi", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___TtA3Y" };
 var GlobalButtonCssSelector = "hop-Button";
 var ButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-BZG7PNNT.js → chunk-UU7NL64L.js}

@@ -1,5 +1,5 @@
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-S6ZLAH2V.js';
+import { _BaseModal } from './chunk-6RBI4JGC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +8,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___fcauq" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___35ZIs" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/{chunk-GVIINFOD.js → chunk-VBNNLXEE.js}

@@ -1,8 +1,8 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { useButtonProps } from './chunk-CGO2VBKE.js';
+import { useButtonProps } from './chunk-C5XXJTEX.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-TYGMBZPU.js';
+import { ensureTextWrapper } from './chunk-GBONKMOR.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Link, DEFAULT_SLOT } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___9Fewn Button-module__hop-Button___ZBo49", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___h72kl Button-module__hop-Button--fluid___ZDtem", "hop-LinkButton--xs": "LinkButton-module__hop-LinkButton--xs___qn84L Button-module__hop-Button--xs___QY6dM", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___d860- Button-module__hop-Button--sm___-JCzJ", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___-5AyR Button-module__hop-Button--icon-only___2qO5Z", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___g-BHZ Button-module__hop-Button--primary___ZJOjb", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___4EHsN Button-module__hop-Button--secondary___cGikA", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___9CrlY Button-module__hop-Button--upsell___DeS9C", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___PN22W Button-module__hop-Button--danger___zN-1-", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___QHi5r Button-module__hop-Button--ghost-primary___SIZXH", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___TyT7d Button-module__hop-Button--ghost-secondary___pkDB5", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___36tWi Button-module__hop-Button--ghost-danger___jjrHt", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___tyddt Button-module__hop-Button__Spinner___oEJM0", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___lidHU Button-module__hop-Button__icon___adP1l", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___-kB5N Button-module__hop-Button__icon___adP1l", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___yEScM Button-module__hop-Button__text___lexhQ", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___YtpAc Button-module__hop-Button__end-icon___ba7Ly", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___C60DP Button-module__hop-Button__end-icon___ba7Ly" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___NQuW- Button-module__hop-Button___cv9zY", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___iAKlP Button-module__hop-Button--fluid___kiFI4", "hop-LinkButton--xs": "LinkButton-module__hop-LinkButton--xs___9W6wy Button-module__hop-Button--xs___vyEPX", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___MZMg- Button-module__hop-Button--sm___HnHsy", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___pPGOu Button-module__hop-Button--icon-only___NfjW2", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___2WLlo Button-module__hop-Button--primary___VrmqR", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___Wt9vg Button-module__hop-Button--secondary___lNkO1", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___M8cqX Button-module__hop-Button--upsell___-gdE0", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___b4GBn Button-module__hop-Button--danger___knFd8", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___h1vVg Button-module__hop-Button--ghost-primary___pSatO", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___RvyYN Button-module__hop-Button--ghost-secondary___ik0Ao", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___g5yET Button-module__hop-Button--ghost-danger___bz7hl", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___Tmy0Y Button-module__hop-Button__Spinner___2GnrD", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___cFT3d Button-module__hop-Button__icon___c2m-Q", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___IHSUo Button-module__hop-Button__icon___c2m-Q", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___tyLZ6 Button-module__hop-Button__text___NkIAY", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___PkZ32 Button-module__hop-Button__end-icon___aMBRi", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___8B-nq Button-module__hop-Button__end-icon___aMBRi" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 var LinkButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-2F6IEKKX.js → chunk-VHRFCPPJ.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-TYGMBZPU.js';
+import { ensureTextWrapper } from './chunk-GBONKMOR.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___JiGj7", "hop-Radio--sm": "Radio-module__hop-Radio--sm___G2-zP", "hop-Radio--md": "Radio-module__hop-Radio--md___MatvY", "hop-Radio__icon": "Radio-module__hop-Radio__icon___87Djl", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___6bjzs", "hop-Radio__box": "Radio-module__hop-Radio__box___Z8ypc", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___8ymsq", "hop-Radio__text": "Radio-module__hop-Radio__text___oowCH" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___4LLOh", "hop-Radio--sm": "Radio-module__hop-Radio--sm___6hwBo", "hop-Radio--md": "Radio-module__hop-Radio--md___c3Uan", "hop-Radio__icon": "Radio-module__hop-Radio__icon___0uJjm", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___otOro", "hop-Radio__box": "Radio-module__hop-Radio__box___785vN", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___m8Yz7", "hop-Radio__text": "Radio-module__hop-Radio__text___oGibW" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-3MZIVDMI.js → chunk-VZB3QRZQ.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___y3vmG", "hop-Text--xs": "Text-module__hop-Text--xs___8pl6P", "hop-Text--sm": "Text-module__hop-Text--sm___saMsA", "hop-Text--md": "Text-module__hop-Text--md___Wqey4", "hop-Text--lg": "Text-module__hop-Text--lg___Vu8c2", "hop-Text--xl": "Text-module__hop-Text--xl___kWQHR", "hop-Text--2xl": "Text-module__hop-Text--2xl___pSTIZ", "hop-Text--inherit": "Text-module__hop-Text--inherit___IkpiG" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___G-8u7", "hop-Text--xs": "Text-module__hop-Text--xs___Dg5q5", "hop-Text--sm": "Text-module__hop-Text--sm___9TjQK", "hop-Text--md": "Text-module__hop-Text--md___Pftgv", "hop-Text--lg": "Text-module__hop-Text--lg___v9S-Z", "hop-Text--xl": "Text-module__hop-Text--xl___e0ov0", "hop-Text--2xl": "Text-module__hop-Text--2xl___HrQkx", "hop-Text--inherit": "Text-module__hop-Text--inherit___QCieq" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-MSHF3L66.js → chunk-WAVT5HVX.js}

@@ -2,11 +2,11 @@ import { ModalContext } from './chunk-JBPNJWC7.js';
 import { ImageContext } from './chunk-JAR7CXVS.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
-import { _BaseModal } from './chunk-S6ZLAH2V.js';
+import { _BaseModal } from './chunk-6RBI4JGC.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-import { _CloseButton } from './chunk-OXWHB567.js';
+import { _CloseButton } from './chunk-PLXR2CDY.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Modal.module.css#css-module
-var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___JGrnW", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___-ok7d", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___jU2Kl", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___WcNK6", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___9Unaq", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___w3tEw", "hop-Modal__close": "Modal-module__hop-Modal__close___T5c95", "hop-Modal__image": "Modal-module__hop-Modal__image___4wKJi", "hop-Modal__heading": "Modal-module__hop-Modal__heading___nVzgL", "hop-Modal__header": "Modal-module__hop-Modal__header___-ZoMf", "hop-Modal__content": "Modal-module__hop-Modal__content___RGmS-", "hop-Modal__footer": "Modal-module__hop-Modal__footer___hbd1i", "hop-Modal__button": "Modal-module__hop-Modal__button___miXYz", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___vGz6T" };
+var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___zeuev", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___0-JyX", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___t7W2d", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___s-9dQ", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___HQhCE", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___8KJNY", "hop-Modal__close": "Modal-module__hop-Modal__close___7JD4O", "hop-Modal__image": "Modal-module__hop-Modal__image___i72D8", "hop-Modal__heading": "Modal-module__hop-Modal__heading___Eyu9I", "hop-Modal__header": "Modal-module__hop-Modal__header___8nfGX", "hop-Modal__content": "Modal-module__hop-Modal__content___p25iH", "hop-Modal__footer": "Modal-module__hop-Modal__footer___TgcH-", "hop-Modal__button": "Modal-module__hop-Modal__button___xWXrg", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___Wkar5" };
 var GlobalModalCssSelector = "hop-Modal";
 var ClearContexts = [ImageContext, HeadingContext, HeaderContext, ContentContext, FooterContext, ButtonContext, ButtonGroupContext];
 var Modal = (props, ref) => {

package/dist/{chunk-UFDGOOL5.js → chunk-WL4G6EK4.js}

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

package/dist/{chunk-A7T56QDS.js → chunk-WO4DFQJG.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-6BJLSAMM.js';
 import { SegmentedControlItemContext } from './chunk-VS3PE4S6.js';
-import { _Text } from './chunk-3MZIVDMI.js';
+import { _Text } from './chunk-VZB3QRZQ.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___sUod-", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___S2hc8", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___c-Zc1", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___NLJRK", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___dKObt", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___HOaoJ", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___Z9B-5", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___FT1Fb" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___36V6m", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___JNLEX", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___0lvO2", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___QqEQo", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___s6wkJ", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___BEqzy", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___FQqnq", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___E4OJj" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/{chunk-OJMFND7Y.js → chunk-WOR2Z4KV.js}

@@ -1,7 +1,7 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-3MZIVDMI.js';
+import { _Text } from './chunk-VZB3QRZQ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___6gNU1", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___iAK6U", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___f12e9", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___ldA60", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___Nkpdq" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___LJE8K", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___AQa7p", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___HpX0p", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___1NhlO", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___tzE9l" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-DB4Y4ZZU.js → chunk-WXWKGKMC.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-FLHBCGXL.js';
+import { _DecorativeRadio } from './chunk-3NYXURGP.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
-import { _ListBoxItemSkeleton } from './chunk-BLA4XHDG.js';
-import { _DecorativeCheckbox } from './chunk-7QDFBPOI.js';
+import { _ListBoxItemSkeleton } from './chunk-KYXDZVVG.js';
+import { _DecorativeCheckbox } from './chunk-K2I3CVGV.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-TYGMBZPU.js';
+import { ensureTextWrapper } from './chunk-GBONKMOR.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___niKFI", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___C3jQ9", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___OQWNm", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___FS-i9", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___cfCft", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___zU0HX", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___gExV1", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___isjVD", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___g7Fb4", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___Q8BXp", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___eXT8E", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___jx7Zu", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___IFdU7", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___uYcOP", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___b0ryF", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___7Xv4r", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___5wtBf" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___-XGmO", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___usVwf", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___-FxG4", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___ffWDc", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___r1l7j", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Q74-m", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___dSFGL", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___Ckqw4", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___GwPMf", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___B8eX9", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___MsWmX", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___oxsC1", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___frGuZ", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___8yAKO", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___NqaEs", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___cOpP2", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___3KRop" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-5JXXYVWQ.js → chunk-X3UOFUTJ.js}

@@ -1,5 +1,5 @@
-import { _Label } from './chunk-DVZJ6AAK.js';
-import { useFormProps } from './chunk-F6ZL5HO4.js';
+import { _Label } from './chunk-2RMGUPRI.js';
+import { useFormProps } from './chunk-OMRMMDOU.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, Div } from '@hopper-ui/styled-system';
@@ -7,7 +7,7 @@ import clsx from 'clsx';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./FieldLabel.module.css#css-module
-var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___Ev3R7", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___aEP9v" };
+var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___sRcdg", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___pY5mC" };
 var GlobalFieldLabelCssSelector = "hop-FieldLabel";
 function FieldLabel(props) {
   props = useFormProps(props);

package/dist/{chunk-VRWMDC23.js → chunk-XFEDDVP7.js}

@@ -5,11 +5,11 @@ import { TabListStateContext } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabLine.module.css#css-module
-var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___pf7no", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___sB6u-" };
+var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___ehJdz", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___q-Q2-" };
 var GlobalTabLineCssSelector = "hop-TabLine";
 function TabLine(props) {
   var _a;
-  const { selectedTab, disabledKeys, isDisabled: isTabsDisabled } = props;
+  const { wrapperElement, selectedTab, disabledKeys, isDisabled: isTabsDisabled } = props;
   const state = useContext(TabListStateContext);
   const [isDisabled, setIsDisabled] = useState(false);
   useEffect(() => {
@@ -18,22 +18,24 @@ function TabLine(props) {
   }, [state == null ? void 0 : state.collection, disabledKeys, isTabsDisabled, setIsDisabled]);
   const [style, setStyle] = useState({
     transform: void 0,
-    width: void 0,
-    height: void 0
+    width: void 0
   });
   const onResize = useCallback(() => {
-    if (selectedTab) {
+    if (selectedTab && wrapperElement) {
       const styleObj = {
         transform: void 0,
-        width: void 0,
-        height: void 0
+        width: void 0
       };
+      const computedTabStyle = window.getComputedStyle(selectedTab);
+      const tabPadding = computedTabStyle.paddingLeft;
+      const computedTabListStyle = window.getComputedStyle(wrapperElement);
+      const tabListPadding = computedTabListStyle.paddingLeft;
       const offset = selectedTab.offsetLeft;
-      styleObj.transform = `translateX(calc(${offset}px + var(--hop-space-inset-sm)))`;
-      styleObj.width = `calc(${selectedTab.offsetWidth}px - 2 * var(--hop-space-inset-sm))`;
+      styleObj.transform = `translateX(calc(${offset}px + ${tabPadding} - ${tabListPadding}))`;
+      styleObj.width = `calc(${selectedTab.offsetWidth}px - 2 * ${tabPadding})`;
       setStyle(styleObj);
     }
-  }, [setStyle, selectedTab]);
+  }, [setStyle, selectedTab, wrapperElement]);
   useEffect(() => {
     window.addEventListener("resize", onResize, false);
     return () => {

package/dist/{chunk-AQFEVHYR.js → chunk-YCXQY774.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SvgImage.module.css#css-module
-var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___w7r06" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___t05z7" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);