@hopper-ui/components 1.11.0 → 1.11.1

package/dist/{chunk-TK4XLIRG.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-2R4ODW5K.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___MJJrg", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___NDwTF", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___jVDdA", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___rsTDH", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___Pitvh" };
+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-FXWUXTKN.js → chunk-R3O5GFEA.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-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___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___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-ENI3MCT2.js → chunk-RDWKVTT6.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-2R4ODW5K.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___Av1Bm", "spin": "Spinner-module__spin___vZP8B", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___ZdlTO", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___46hXX", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___oeat-", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___9DhKE", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___4UM78", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___Ma49u" };
+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-3WNRQSIR.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___bFa6u" };
+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-DF5AHFFQ.js → chunk-SCZR6YMS.js}

@@ -1,20 +1,21 @@
-import { TabLine } from './chunk-FZVFJN2N.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___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___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-BP43KN7R.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___ujLNP" };
+var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___3GgXt" };
 var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
 function PopoverBase(props, ref) {
   var _a;

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

@@ -1,11 +1,11 @@
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
-import { _ListBoxItem } from './chunk-GDCYCUHN.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-2R4ODW5K.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___DZigu", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___QSZ26", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___7gbet", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___5ZUP7", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___TBXSG" };
+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-QPXWSFG3.js → chunk-TB5K5AP2.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.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___-USTy", "hop-Link--xs": "Link-module__hop-Link--xs___EJgvZ", "hop-Link--sm": "Link-module__hop-Link--sm___h90na", "hop-Link--md": "Link-module__hop-Link--md___qqTOY", "hop-Link--lg": "Link-module__hop-Link--lg___CH7TI", "hop-Link--xl": "Link-module__hop-Link--xl___d14q7", "hop-Link--2xl": "Link-module__hop-Link--2xl___EkiWN", "hop-Link--inherit": "Link-module__hop-Link--inherit___WZEcD", "hop-Link--standalone": "Link-module__hop-Link--standalone___z2ZJS", "hop-Link__text": "Link-module__hop-Link__text___PEJnE", "hop-Link--quiet": "Link-module__hop-Link--quiet___Ldhgs", "hop-Link--primary": "Link-module__hop-Link--primary___ZPb71", "hop-Link--secondary": "Link-module__hop-Link--secondary___0taeM", "hop-Link__icon": "Link-module__hop-Link__icon___TE5nh", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___qqKHY", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___jR5cW", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___l4Wne" };
+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-77RSOHAH.js → chunk-U6QI6AW5.js}

@@ -1,8 +1,8 @@
 import { useImageFallback } from './chunk-QJ5FQN3N.js';
-import { _BrokenAvatar } from './chunk-YOVBAS55.js';
+import { _BrokenAvatar } from './chunk-WL4G6EK4.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-2R4ODW5K.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___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___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-EZZNU4O5.js → chunk-UDIGYWQU.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-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___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___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-RT4PSL4E.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___Kezes", "hop-Card--main": "Card-module__hop-Card--main___35slH", "hop-Card--second-level": "Card-module__hop-Card--second-level___1nTCd" };
+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-CH4HTA7B.js → chunk-URW2L7JK.js}

@@ -1,11 +1,11 @@
-import { useButtonProps } from './chunk-5M43N5OI.js';
+import { useButtonProps } from './chunk-C5XXJTEX.js';
 import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
-import { _Spinner } from './chunk-ENI3MCT2.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-DHHEBCWO.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___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___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-W2PMDSTG.js → chunk-UU7NL64L.js}

@@ -1,5 +1,5 @@
 import { CustomModalContext } from './chunk-AJKN2ALX.js';
-import { _BaseModal } from './chunk-FIYZOAQN.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___TPY6G" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___35ZIs" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

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

@@ -1,8 +1,8 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { useButtonProps } from './chunk-5M43N5OI.js';
+import { useButtonProps } from './chunk-C5XXJTEX.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.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___7fk-i Button-module__hop-Button___0WjJb", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___-pMQ5 Button-module__hop-Button--fluid___MGrUJ", "hop-LinkButton--xs": "LinkButton-module__hop-LinkButton--xs___omBMH Button-module__hop-Button--xs___y--dO", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___Y7OEH Button-module__hop-Button--sm___nB7XN", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___cJk9r Button-module__hop-Button--icon-only___neX7m", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___og--y Button-module__hop-Button--primary___F6nFp", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___6sBWB Button-module__hop-Button--secondary___L46td", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___OnzKY Button-module__hop-Button--upsell___8xSEO", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___dyfsm Button-module__hop-Button--danger___dacgg", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___siicN Button-module__hop-Button--ghost-primary___W4SY7", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___3Y2vi Button-module__hop-Button--ghost-secondary___Z-D8U", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___CSaW- Button-module__hop-Button--ghost-danger___CMq2i", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___ogkwx Button-module__hop-Button__Spinner___aHnft", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___7321t Button-module__hop-Button__icon___OxsRE", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___q-r-S Button-module__hop-Button__icon___OxsRE", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___ZDgm4 Button-module__hop-Button__text___a-jCc", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___wIJu3 Button-module__hop-Button__end-icon___svk2J", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___MhKdo Button-module__hop-Button__end-icon___svk2J" };
+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-SR5VBEYR.js → chunk-VHRFCPPJ.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-DHHEBCWO.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___Ujbsf", "hop-Radio--sm": "Radio-module__hop-Radio--sm___p9W9B", "hop-Radio--md": "Radio-module__hop-Radio--md___Lpn0V", "hop-Radio__icon": "Radio-module__hop-Radio__icon___dYFqP", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___86pvg", "hop-Radio__box": "Radio-module__hop-Radio__box___VhVNR", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___R3TRT", "hop-Radio__text": "Radio-module__hop-Radio__text___Jk4U-" };
+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-2R4ODW5K.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___sBZf5", "hop-Text--xs": "Text-module__hop-Text--xs___b2Apa", "hop-Text--sm": "Text-module__hop-Text--sm___aLVa1", "hop-Text--md": "Text-module__hop-Text--md___3rtwj", "hop-Text--lg": "Text-module__hop-Text--lg___MdBgB", "hop-Text--xl": "Text-module__hop-Text--xl___yQPYU", "hop-Text--2xl": "Text-module__hop-Text--2xl___uqVmp", "hop-Text--inherit": "Text-module__hop-Text--inherit___Bc2vf" };
+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-DKCOSUON.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-FIYZOAQN.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-2ZSCEZM5.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___FU9xJ", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___iYwjJ", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___jPSF3", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___aBhLa", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___zvp6P", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___1AsFj", "hop-Modal__close": "Modal-module__hop-Modal__close___PaSCb", "hop-Modal__image": "Modal-module__hop-Modal__image___llv-e", "hop-Modal__heading": "Modal-module__hop-Modal__heading___lh7fu", "hop-Modal__header": "Modal-module__hop-Modal__header___fpG66", "hop-Modal__content": "Modal-module__hop-Modal__content___CekPu", "hop-Modal__footer": "Modal-module__hop-Modal__footer___1AWZF", "hop-Modal__button": "Modal-module__hop-Modal__button___dX98T", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___NWIAj" };
+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-YOVBAS55.js → chunk-WL4G6EK4.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-DTN42ART.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-KYC2G5HE.js → chunk-WO4DFQJG.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-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___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___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-W73Q2VED.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-2R4ODW5K.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___36H8d", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___UcfJ3", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___cNtMX", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___tzV4r", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___YtU44" };
+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-GDCYCUHN.js → chunk-WXWKGKMC.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-HR6QFXCX.js';
+import { _DecorativeRadio } from './chunk-3NYXURGP.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
-import { _ListBoxItemSkeleton } from './chunk-TJMSXRRI.js';
-import { _DecorativeCheckbox } from './chunk-TOZI46Q6.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-DHHEBCWO.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___WGNvS", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___Gz0Z2", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___9ujo7", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___9ue8j", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___Qg-eE", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___WiJPw", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___VyMiw", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___SMe5g", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___6E4Yk", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___IiTcP", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___qkM1v", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___pD3q5", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___CbKVy", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___7ef8C", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___XsXSk", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___V46ab", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___ndGTY" };
+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-6LRZ42ZQ.js → chunk-X3UOFUTJ.js}

@@ -1,5 +1,5 @@
-import { _Label } from './chunk-DLLLYOSV.js';
-import { useFormProps } from './chunk-442XQRRC.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___E2ECZ", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___wCXrG" };
+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-FZVFJN2N.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___zX6nF", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___BuAwz" };
+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-LA7MILNF.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___vu6LI" };
+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);

package/dist/{chunk-YWX4GUC5.js → chunk-YJK55QCF.js}

@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___bFM2K", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___KIi9g", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___PJ3pz", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___vcQAu", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___aEMSW", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___i-F0z", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___wa2u4", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___sRSjt" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___77p5K", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___OB6-u", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___WgQK7", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___9wcOc", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___W3vir", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___708HM", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___x4qa5", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___Bjdrc" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-OYOQ2I5V.js → chunk-YPVFPERI.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___yTCpQ" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___ku96m" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);