@hopper-ui/components 1.3.10 → 1.3.11

package/dist/{chunk-QX6MTYPY.js → chunk-47AZN77D.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___PNJy9", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___wAEUb" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___SMAB0", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___Bwbk3" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-FI74MGJH.js → chunk-4D5OKVKB.js}

@@ -1,19 +1,19 @@
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-RZ4K42NA.js';
+import { _RichIconAvatarImage } from './chunk-BXBMRBPB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps, mergeProps } from '@react-aria/utils';
 import { forwardRef, useMemo } from 'react';
 import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___6rJWN", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___Nw00i", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___Xle0f", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___-q7Y7", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___yp6lW", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___LcfDc", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___6b02-", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___7Wzcu", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___9eaAb", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___Bb7Eg", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___2W2AQ", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___LGCFG", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___WYaD4", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___bjjEn", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___XzQX-", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___lK19f", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___uR0Tx" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___ZgR4r", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___dwhu9", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___Nan3f", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___mGuHB", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___WR-ih", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___TT-er", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___eXLRo", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___MAaDm", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___EumTB", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___wkJy5", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___q0rep", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___gj6Bw", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___8xcmu", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___guxgA", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___iWrgq", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___B-Sd6", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___AIZy-" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",
@@ -162,7 +162,7 @@ function Avatar(props, ref) {
     }
   );
 }
-var _Avatar = forwardRef(Avatar);
+var _Avatar = slot("avatar", forwardRef(Avatar));
 _Avatar.displayName = "Avatar";
 
 export { AvatarToTextSizeAdapter, GlobalAvatarCssSelector, _Avatar };

package/dist/{chunk-XDRKVTAI.js → chunk-4PLO6M5P.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.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___NrEvy", "spin": "Spinner-module__spin___GKhd9", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___YrBlT", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___ALxn-", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___lKiQ0", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___ZfVvK", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___Wvmdn", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___Av11I" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___YL0bz", "spin": "Spinner-module__spin___zECvS", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___xnMfd", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___mk2yE", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___zFjKu", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___RfN-C", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___ix3iM", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___3YfAP" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-VM6LLJYR.js → chunk-4ZCY2KEA.js}

@@ -1,6 +1,6 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.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___UFZ-P", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___9stpw", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___AkkbL", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___fxdcJ", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___AgoIs" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___mZ7gE", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___XV6Il", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___VlXGA", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___fZ3ID", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___ATXlH" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-45BUVEOG.js → chunk-4ZUCHCV2.js}

@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___UIR9c", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___kSaY4", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___2DGJH", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___chDZr", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___yIobB", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___jIunB", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___gUp7P", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___q1CN3", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___2RiEW" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___0RFNM", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___pTgpI", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___4mIru", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___ROeVD", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___4WTvL", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___gjZY3", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___h347z", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___2IZzf", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___x25sX" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-XBVS62J3.js → chunk-5ORMXIMY.js}

@@ -1,5 +1,5 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-2BYOZEHS.js';
+import { _EmbeddedButton } from './chunk-S4JSEGNU.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/{chunk-BJNXUNAB.js → chunk-5RQ3FMMG.js}

@@ -1,7 +1,7 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___3v5Ro Radio-module__hop-Radio___9Bh4R", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___2HhXt Radio-module__hop-Radio--sm___zLF4V", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___X9jvu Radio-module__hop-Radio--md___gKxx2", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___PvtCv Radio-module__hop-Radio__icon___FtbVn", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___U4Az5 Radio-module__hop-Radio__icon___FtbVn", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___FYK2b Radio-module__hop-Radio__box___Y0VE1", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___jI8X2 Radio-module__hop-Radio__bullet___es-94", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___aiWaU Radio-module__hop-Radio__text___-q0Z2" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___Cyo1g Radio-module__hop-Radio___ioF6P", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___vbgMK Radio-module__hop-Radio--sm___t9FlK", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___47ApB Radio-module__hop-Radio--md___Ea4bQ", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___yYVEn Radio-module__hop-Radio__icon___yDzLG", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___x2hBn Radio-module__hop-Radio__icon___yDzLG", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___fo0iT Radio-module__hop-Radio__box___dwVaq", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___daQJi Radio-module__hop-Radio__bullet___Ir9Zc", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Np-LP Radio-module__hop-Radio__text___IziEM" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-CIKHW47C.js → chunk-64O3N7JE.js}

@@ -10,7 +10,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___E2-k9", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___Q-hCw", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___i6g3r", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___feDtc", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___UBhut", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___TyVai" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___NN--M", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___rQMzu", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___yHqb0", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___RpES-", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___dsv5m", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___uOnhf" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-IJS2OFE5.js → chunk-6HV7YSW5.js}

@@ -1,17 +1,18 @@
-import { _OverlineText } from './chunk-XT3AM5KT.js';
+import { _OverlineText } from './chunk-BUP6LEQX.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem } from '@hopper-ui/styled-system';
+import { filterDOMProps } from '@react-aria/utils';
 import { forwardRef } from 'react';
 import { mergeProps } from 'react-aria';
 import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___dEW-X" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___V3Uim" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);
@@ -54,10 +55,11 @@ function Badge(props, ref) {
     }
   });
   const isDot = isIndeterminate || !renderProps.children;
+  const filteredProps = filterDOMProps(otherProps, { labelable: true });
   return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
     _OverlineText,
     {
-      ...mergeProps(otherProps, renderProps),
+      ...mergeProps(filteredProps, renderProps),
       ref,
       slot: slot != null ? slot : void 0,
       "data-disabled": isDisabled || void 0,
@@ -71,7 +73,7 @@ function Badge(props, ref) {
     }
   ) });
 }
-var _Badge = forwardRef(Badge);
+var _Badge = slot("badge", forwardRef(Badge));
 _Badge.displayName = "Badge";
 
 export { GlobalBadgeCssSelector, _Badge };

package/dist/{chunk-FF6KAPPN.js → chunk-6NS4AQDI.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-CIKHW47C.js';
-import { _ClearButton } from './chunk-XBVS62J3.js';
+import { _InputGroup } from './chunk-64O3N7JE.js';
+import { _ClearButton } from './chunk-5ORMXIMY.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___W6W5b", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___8r8W4", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___plAkN", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___fiCjG", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___Pczio", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___ClGaI", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___ox01g", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___8xA39", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___54BN-" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___RFDHy", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___NDxnE", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___TEslL", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Z64S-", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___L7N53", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___ryNci", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___dag-d", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___ZDx1e", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___Q0cbB" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-XFQJ7HYB.js → chunk-7B6XUT4A.js}

@@ -1,14 +1,14 @@
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconContext } from '@hopper-ui/icons';
-import { useStyledSystem } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 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___xGjwO" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___zDsGY" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);
@@ -46,7 +46,7 @@ function IconList(props, ref) {
     }
   );
 }
-var _IconList = forwardRef(IconList);
+var _IconList = slot("icon", forwardRef(IconList));
 _IconList.displayName = "IconList";
 
 export { GlobalIconListCssSelector, _IconList };

package/dist/{chunk-JRL2S56W.js → chunk-BJNIT3X3.js}

@@ -1,11 +1,11 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-XBVS62J3.js';
-import { _Spinner } from './chunk-XDRKVTAI.js';
+import { _ClearButton } from './chunk-5ORMXIMY.js';
+import { _Spinner } from './chunk-4PLO6M5P.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -13,13 +13,13 @@ import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___gYajJ", "hop-Tag--sm": "Tag-module__hop-Tag--sm___xgy7v", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___a7sSh", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___UbQq5", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___Eq97E", "hop-Tag--md": "Tag-module__hop-Tag--md___3bIjI", "hop-Tag--lg": "Tag-module__hop-Tag--lg___gyxe-", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___4RXQ-", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___V-IFB", "hop-Tag--progress": "Tag-module__hop-Tag--progress___KRxyM", "hop-Tag--positive": "Tag-module__hop-Tag--positive___y0R1a", "hop-Tag--caution": "Tag-module__hop-Tag--caution___3AuKR", "hop-Tag--negative": "Tag-module__hop-Tag--negative___qGVub", "hop-Tag--option1": "Tag-module__hop-Tag--option1___iP-MY", "hop-Tag--option2": "Tag-module__hop-Tag--option2___K9mXa", "hop-Tag--option3": "Tag-module__hop-Tag--option3___wPjxx", "hop-Tag--option4": "Tag-module__hop-Tag--option4___HlCdF", "hop-Tag--option5": "Tag-module__hop-Tag--option5___68umF", "hop-Tag--option6": "Tag-module__hop-Tag--option6___6L7iF", "hop-Tag__icon": "Tag-module__hop-Tag__icon___3HZP1", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___gCDvv", "hop-Tag__text": "Tag-module__hop-Tag__text___VHIAH", "hop-Tag__badge": "Tag-module__hop-Tag__badge___B9x2Q" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___RWse3", "hop-Tag--sm": "Tag-module__hop-Tag--sm___XTsam", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___mf440", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___Nx4Nf", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___IgMGO", "hop-Tag--md": "Tag-module__hop-Tag--md___kwrrH", "hop-Tag--lg": "Tag-module__hop-Tag--lg___y9WYZ", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___4o-fj", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___WPg-6", "hop-Tag--progress": "Tag-module__hop-Tag--progress___jsEEE", "hop-Tag--positive": "Tag-module__hop-Tag--positive___O9Jp-", "hop-Tag--caution": "Tag-module__hop-Tag--caution___9ObFS", "hop-Tag--negative": "Tag-module__hop-Tag--negative___RFpdV", "hop-Tag--option1": "Tag-module__hop-Tag--option1___40MPg", "hop-Tag--option2": "Tag-module__hop-Tag--option2___aEYFX", "hop-Tag--option3": "Tag-module__hop-Tag--option3___Da5dd", "hop-Tag--option4": "Tag-module__hop-Tag--option4___Y8j2B", "hop-Tag--option5": "Tag-module__hop-Tag--option5___a7C3C", "hop-Tag--option6": "Tag-module__hop-Tag--option6___htWZQ", "hop-Tag__icon": "Tag-module__hop-Tag__icon___UsjFW", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___Ab-KW", "hop-Tag__text": "Tag-module__hop-Tag__text___FRwNg", "hop-Tag__badge": "Tag-module__hop-Tag__badge___DlY7z" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",
@@ -147,7 +147,7 @@ function Tag(props, ref) {
     }
   );
 }
-var _Tag = forwardRef(Tag);
+var _Tag = slot("tag", forwardRef(Tag));
 _Tag.displayName = "Tag";
 
 export { GlobalTagCssSelector, _Tag };

package/dist/{chunk-IBHSGV7Y.js → chunk-BPFYQL3X.js}

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-XDRKVTAI.js';
+import { _Spinner } from './chunk-4PLO6M5P.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___BnZcq", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___IFDUG", "hop-Button--fluid": "Button-module__hop-Button--fluid___SKVyY", "hop-Button--sm": "Button-module__hop-Button--sm___UtI6P", "hop-Button--primary": "Button-module__hop-Button--primary___YvIex", "hop-Button--md": "Button-module__hop-Button--md___-bMkM", "hop-Button--secondary": "Button-module__hop-Button--secondary___-im3S", "hop-Button--upsell": "Button-module__hop-Button--upsell___ytjAz", "hop-Button--danger": "Button-module__hop-Button--danger___vcD8w", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___4RCQS", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___GwotL", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___5gGhU", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___OZ3q6", "hop-Button__icon": "Button-module__hop-Button__icon___yQZMY", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___gGuuU", "hop-Button__text": "Button-module__hop-Button__text___dI2SY", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___jThJU", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___E79O6" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___hojO-", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___Gi0po", "hop-Button--fluid": "Button-module__hop-Button--fluid___NO99C", "hop-Button--sm": "Button-module__hop-Button--sm___-RA78", "hop-Button--primary": "Button-module__hop-Button--primary___xS4oy", "hop-Button--md": "Button-module__hop-Button--md___wFYqd", "hop-Button--secondary": "Button-module__hop-Button--secondary___tTrwa", "hop-Button--upsell": "Button-module__hop-Button--upsell___mUM2v", "hop-Button--danger": "Button-module__hop-Button--danger___Z2GK8", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___KNavm", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___LsiEC", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___nTvub", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___gV-H6", "hop-Button__icon": "Button-module__hop-Button__icon___RtQPm", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___rKQjq", "hop-Button__text": "Button-module__hop-Button__text___-QRvo", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___k3vEc", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___nk6Qo" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-XT3AM5KT.js → chunk-BUP6LEQX.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___lOJLD", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___EHfnC" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___8qz2T", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___coZ7j" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-RZ4K42NA.js → chunk-BXBMRBPB.js}

@@ -4,14 +4,14 @@ import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { RichIconContext } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
 import { mergeProps } from 'react-aria';
 import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___qH3BC", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7Ia6z", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___vJKdG", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yeQot", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___o5mZy", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___STkmn", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___NIcsn", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___RwCV4" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___NFrBs", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___r3eLy", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___lZvgm", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___mv--V", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___z-TuE", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___Sb95-", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___hfA8x", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___0EH4w" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",
@@ -84,7 +84,7 @@ function RichIconAvatarImage(props, ref) {
     }
   );
 }
-var _RichIconAvatarImage = forwardRef(RichIconAvatarImage);
+var _RichIconAvatarImage = slot("avatar", forwardRef(RichIconAvatarImage));
 _RichIconAvatarImage.displayName = "RichIconAvatarImage";
 
 export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage };

package/dist/{chunk-OOY56G7Y.js → chunk-D7WXRB6L.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___AFr1n", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___cv1sJ", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___TocUo", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___JH9nN", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___mkaQb", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___IDUqw", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___CRsUX", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___x76Rd" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___vVvFz", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___kEihE", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___-0gXA", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___pTwC-", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___ZfPAq", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___3HpyC", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___0VQFD", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___3dcc1" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-GXBVNCVP.js → chunk-DPC3Y6Y2.js}

@@ -1,5 +1,5 @@
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';
@@ -37,7 +37,7 @@ function Content(props, ref) {
     }
   );
 }
-var _Content = forwardRef(Content);
+var _Content = slot("content", forwardRef(Content));
 _Content.displayName = "Content";
 
 export { GlobalContentCssSelector, _Content };

package/dist/{chunk-6J3RVKV4.js → chunk-F2BSC3KH.js}

@@ -1,10 +1,10 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
-import { EnsureTextWrapper } from './chunk-ZRGWYBTI.js';
+import { EnsureTextWrapper } from './chunk-M64YZ3V3.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { _Footer } from './chunk-AQITZWYM.js';
+import { _Footer } from './chunk-GTM56LGX.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
@@ -15,21 +15,21 @@ import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { ButtonContext as ButtonContext$1 } from './chunk-WMTWFKKP.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-VM6LLJYR.js';
+import { _SelectValue } from './chunk-4ZCY2KEA.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { _ListBox } from './chunk-JMQTEJC4.js';
+import { _ListBox } from './chunk-Y4V25PX4.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-LU7KOIOH.js';
+import { _ListBoxItem } from './chunk-NTFJHBUN.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -46,7 +46,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx2 from 'clsx';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___vHTc3", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___Sygs6", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___dU65M", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___DA5cO", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___QAEmr", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___BawZW", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___5vadV", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___7xDiN", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___cX4Ec", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___pmSsc", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___JplVw", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___VIuZj" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___Xt8NL", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___toNjK", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___42uq-", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___qJqf1", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___1aLVd", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___IafIJ", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___9sKPh", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___gfYuq", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___2Xa9x", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___bbTW5", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___fufg3", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___Mk9Vp" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c;
@@ -288,7 +288,7 @@ var CompoundComboBox = Object.assign(_ComboBox, {
 });
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___3lIeF" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___Rl7Xh" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;
@@ -415,7 +415,7 @@ var _Form = forwardRef(Form);
 _Form.displayName = "Form";
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___ZbNLm", "hop-Select--fluid": "Select-module__hop-Select--fluid___K6Mgi", "hop-Select__label": "Select-module__hop-Select__label___7seGi", "hop-Select__button": "Select-module__hop-Select__button___OGYCy", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___gCdBT", "hop-Select__button--md": "Select-module__hop-Select__button--md___iH8gX", "hop-Select__prefix": "Select-module__hop-Select__prefix___NxutE", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___b5ztr", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___zHxAN", "hop-Select__error-message": "Select-module__hop-Select__error-message___ob-XX" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___AMNli", "hop-Select--fluid": "Select-module__hop-Select--fluid___jUF7o", "hop-Select__label": "Select-module__hop-Select__label___aVTIZ", "hop-Select__button": "Select-module__hop-Select__button___IBqk7", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___4EgDS", "hop-Select__button--md": "Select-module__hop-Select__button--md___RbAAS", "hop-Select__prefix": "Select-module__hop-Select__prefix___B-SAK", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___K2aVv", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___Io94e", "hop-Select__error-message": "Select-module__hop-Select__error-message___EyV6Y" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b;
@@ -990,7 +990,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___ISCgW", "fade": "Popover-module__fade___DHO8c", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___03gFJ", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___qdizI", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___ZgB-c", "hop-Popover__title": "Popover-module__hop-Popover__title___L1FD1", "hop-Popover__content": "Popover-module__hop-Popover__content___jvZrr", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___99mrp", "hop-Popover__footer": "Popover-module__hop-Popover__footer___YL-9d", "hop-Popover__actions": "Popover-module__hop-Popover__actions___wWdTk", "hop-Popover__action": "Popover-module__hop-Popover__action___XBM2m" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___TOPh7", "fade": "Popover-module__fade___p9ae1", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___XkYRn", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___GeK8F", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___94G4Y", "hop-Popover__title": "Popover-module__hop-Popover__title___mjfD0", "hop-Popover__content": "Popover-module__hop-Popover__content___8Umes", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___72zOL", "hop-Popover__footer": "Popover-module__hop-Popover__footer___tnRWy", "hop-Popover__actions": "Popover-module__hop-Popover__actions___fPIhT", "hop-Popover__action": "Popover-module__hop-Popover__action___i6-dH" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-AQITZWYM.js → chunk-GTM56LGX.js}

@@ -1,5 +1,5 @@
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';
@@ -37,7 +37,7 @@ function Footer(props, ref) {
     }
   );
 }
-var _Footer = forwardRef(Footer);
+var _Footer = slot("footer", forwardRef(Footer));
 _Footer.displayName = "Footer";
 
 export { GlobalFooterCssSelector, _Footer };

package/dist/{chunk-TTECXSWO.js → chunk-GTNBBI2S.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___WnDNJ", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___bgCwZ" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___lXZly", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___lsI-D" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-46Y3BNK6.js → chunk-HPPNJVV6.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___O7Rwx", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___-NTU-" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___JFPT8", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___5ii8C" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-ARURHRKE.js → chunk-I7C4D6SO.js}

@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___rwaZY", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___1Q2QK", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___YX5XY", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___6uwj3", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___lxu0c" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___ra7zr", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___zc7Lw", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___MgeF-", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___whU1G", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___QBYhd" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-DCAA2AVQ.js → chunk-JOIYDL4E.js}

@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___A5x07", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___FRCIP", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___GCH8E", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___8jt9j", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___oc2NL" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___Ac7dH", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___p6Eo9", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___U20hY", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___krA-H", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___7uav0" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-DV7LZMDA.js → chunk-KKCIN6AH.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___a4Q56", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___ETFGb" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___paIY7", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___wSoRB" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-JCD37WMK.js → chunk-KS255M2B.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___Kgcyv", "hop-Switch--sm": "Switch-module__hop-Switch--sm___4U1md", "hop-Switch--md": "Switch-module__hop-Switch--md___TSTHO", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___JPWQg", "hop-Switch__text": "Switch-module__hop-Switch__text___W3CHD", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___KPKJ1", "hop-Switch__icon": "Switch-module__hop-Switch__icon___g8HsW" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___-Q-zE", "hop-Switch--sm": "Switch-module__hop-Switch--sm___0LN2w", "hop-Switch--md": "Switch-module__hop-Switch--md___ulXFc", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___jX6Uq", "hop-Switch__text": "Switch-module__hop-Switch__text___IxNKF", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___fgbx3", "hop-Switch__icon": "Switch-module__hop-Switch__icon___OR0Ym" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-7P6QVHCU.js → chunk-L3DEPUAF.js}

@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___3acY7", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___IaTPM", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___19UN-", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___BOkq0", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___2IDNK" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___e-Ywk", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___rCTA2", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___XNVHT", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___SxHY7", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___M4qOn" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ZRGWYBTI.js → chunk-M64YZ3V3.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-R5YV23ZF.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var EnsureTextWrapper = ({ children }) => {