@hopper-ui/components 1.3.10 → 1.3.12

package/dist/{chunk-AH3LBZUR.js → chunk-FM77LXOA.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-EY4ZTKS4.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, 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___9Bh4R", "hop-Radio--sm": "Radio-module__hop-Radio--sm___zLF4V", "hop-Radio--md": "Radio-module__hop-Radio--md___gKxx2", "hop-Radio__icon": "Radio-module__hop-Radio__icon___FtbVn", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___wF0hY", "hop-Radio__box": "Radio-module__hop-Radio__box___Y0VE1", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___es-94", "hop-Radio__text": "Radio-module__hop-Radio__text___-q0Z2" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___jfkTo", "hop-Radio--sm": "Radio-module__hop-Radio--sm___OK5R9", "hop-Radio--md": "Radio-module__hop-Radio--md___2YdrB", "hop-Radio__icon": "Radio-module__hop-Radio__icon___LBLoi", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___OAfQW", "hop-Radio__box": "Radio-module__hop-Radio__box___pKex2", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___yzDrc", "hop-Radio__text": "Radio-module__hop-Radio__text___jm7A1" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(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-IJS2OFE5.js → chunk-IZ273MDI.js}

@@ -1,17 +1,18 @@
-import { _OverlineText } from './chunk-XT3AM5KT.js';
+import { _OverlineText } from './chunk-TVRQWVE2.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___CAGGZ" };
 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-LU7KOIOH.js → chunk-JSDCGGLX.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-BJNXUNAB.js';
-import { _DecorativeCheckbox } from './chunk-XT4MALWA.js';
+import { _DecorativeRadio } from './chunk-LTCSPHF7.js';
+import { _DecorativeCheckbox } from './chunk-F3Y5D5LH.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-VRMZDHNL.js';
+import { _ListBoxItemSkeleton } from './chunk-RUASAI7F.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-EY4ZTKS4.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___W325Q", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___CdJZG", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___dZMVr", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Lq6FY", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___vkdBW", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___KKBhD", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___wXLwn", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___QenNQ", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___CfP0T", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___iaY3V", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___p2wCv", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___ITmPT", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___IxLk2", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___m0bUs", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___zzPrO", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___awWKd", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___-kCfN" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___FsGx6", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___1rcka", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___GmXiF", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___ShKUC", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___ZPvS0", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___C4FSb", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___26r9S", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___Hw-0w", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___YeAKh", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___UUg42", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___e7swH", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___N3a4N", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___3u6me", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___9EHSW", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___RPjwT", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___t2-Lp", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___quHvk" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-FI74MGJH.js → chunk-K2OUU76F.js}

@@ -1,19 +1,19 @@
-import { _Text } from './chunk-Y7G6PIDC.js';
-import { useImageFallback } from './chunk-NS3XVOQ7.js';
+import { _Text } from './chunk-EY4ZTKS4.js';
+import { useImageFallback } from './chunk-LI5HSYF7.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-RZ4K42NA.js';
+import { _RichIconAvatarImage } from './chunk-W5TXSSFB.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___7VeLx", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___4tFrx", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___3HUSh", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___qnbCu", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___pcQaT", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___IS8p4", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___US1S4", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___Tp14-", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___VpJ4v", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___mHgoS", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___ThOjQ", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___JsL-S", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___W6SRa", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___n-xjo", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___EXyr5", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___6iLWS", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___zN7CK" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",
@@ -81,9 +81,10 @@ function Avatar(props, ref) {
   const imageLoaded = status === "loaded";
   const imageFailed = status === "failed";
   const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
-  const isBrokenImage = src && imageFailed && fallbackSrc !== null;
-  const isImage = src && !imageFailed;
-  const isInitials = !src || src && imageFailed && fallbackSrc === null;
+  const isFallbackInitials = fallbackSrc === null;
+  const isBrokenImage = imageFailed && !isFallbackInitials;
+  const isImage = src && !imageFailed && imageLoaded;
+  const isInitials = !src || !isImage && isFallbackInitials;
   const classNames = composeClassnameRenderProps(
     className,
     GlobalAvatarCssSelector,
@@ -111,7 +112,7 @@ function Avatar(props, ref) {
       isDisabled: isDisabled || false
     }
   });
-  if (imageFailed && fallbackSrc !== null) {
+  if (isBrokenImage) {
     return /* @__PURE__ */ jsx(
       _RichIconAvatarImage,
       {
@@ -126,7 +127,7 @@ function Avatar(props, ref) {
     );
   }
   let content = null;
-  if (isInitials || imageLoaded) {
+  if (isInitials) {
     content = /* @__PURE__ */ jsx(
       AvatarInitials,
       {
@@ -162,7 +163,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-NS3XVOQ7.js → chunk-LI5HSYF7.js}

@@ -1,11 +1,14 @@
 import { useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
-import { useState, useRef, useCallback } from 'react';
+import { useState, useEffect, useRef, useCallback } from 'react';
 
 // src/Avatar/src/useImageFallback.ts
 function useImageFallback(props) {
   const { src, fallbackSrc, onError, onLoad } = props;
-  const [status, setStatus] = useState(src ? "loading" : "pending");
+  const [status, setStatus] = useState("pending");
   const [imageUrl, setImageUrl] = useState(src != null ? src : "");
+  useEffect(() => {
+    setStatus(src ? "loading" : "pending");
+  }, [src]);
   const imageRef = useRef();
   const load = useCallback(() => {
     if (!src) {

package/dist/{chunk-BJNXUNAB.js → chunk-LTCSPHF7.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-EY4ZTKS4.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___9-nDh Radio-module__hop-Radio___jfkTo", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___21UrZ Radio-module__hop-Radio--sm___OK5R9", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___-xbaE Radio-module__hop-Radio--md___2YdrB", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___PAylU Radio-module__hop-Radio__icon___LBLoi", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___-a8lv Radio-module__hop-Radio__icon___LBLoi", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___kJMOI Radio-module__hop-Radio__box___pKex2", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___LoeKv Radio-module__hop-Radio__bullet___yzDrc", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Zw4G6 Radio-module__hop-Radio__text___jm7A1" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-VM6LLJYR.js → chunk-LTN5Q7MF.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-EY4ZTKS4.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___a1jpc", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___ZCStH", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___Xs2vx", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___RyQSV", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___-E2ZQ" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-XNOILDPJ.js → chunk-M5T2Y2RB.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-RZ4K42NA.js';
+import { _RichIconAvatarImage } from './chunk-W5TXSSFB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-L5A2UTQV.js → chunk-N5UT7MST.js}

@@ -1,5 +1,5 @@
 import { HeaderContext } from './chunk-7JOGKC3W.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, Header as Header$1 } from 'react-aria-components';
@@ -37,7 +37,7 @@ function Header(props, ref) {
     }
   );
 }
-var _Header = forwardRef(Header);
+var _Header = slot("header", forwardRef(Header));
 _Header.displayName = "Header";
 
 export { GlobalHeaderCssSelector, _Header };

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

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-EY4ZTKS4.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___kq1kK", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___KpFrX" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-GLFAZQ25.js → chunk-OARY66QV.js}

@@ -1,7 +1,7 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-EY4ZTKS4.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___f0TqC", "hop-Link--quiet": "Link-module__hop-Link--quiet___-jNN7", "hop-Link--primary": "Link-module__hop-Link--primary___AcfJ8", "hop-Link--secondary": "Link-module__hop-Link--secondary___-2oF8", "hop-Link__icon": "Link-module__hop-Link__icon___6Ufeq", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___-5W5s", "hop-Link__text": "Link-module__hop-Link__text___kfXDL", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___NUj49", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___VJOKc" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___sK0-O", "hop-Link--quiet": "Link-module__hop-Link--quiet___rc7Ur", "hop-Link--primary": "Link-module__hop-Link--primary___HzaUY", "hop-Link--secondary": "Link-module__hop-Link--secondary___uws2M", "hop-Link__icon": "Link-module__hop-Link__icon___Cg5ew", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___nFXJm", "hop-Link__text": "Link-module__hop-Link__text___p-N4R", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___759bI", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___xuvYI" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-KKL5HHYL.js → chunk-P244CSQK.js}

@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___gLm6g", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___D9H8a", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___CIMy4", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___ttjZc", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___xirFF" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___QONE-", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___oQcTi", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___fidyr", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___I-DVq", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___qyJAw" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-IBHSGV7Y.js → chunk-PHMYUFQP.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-CPRGKGB6.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-EY4ZTKS4.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___wjTP-", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___Y6cTW", "hop-Button--fluid": "Button-module__hop-Button--fluid___u2Rsb", "hop-Button--sm": "Button-module__hop-Button--sm___PtxVJ", "hop-Button--primary": "Button-module__hop-Button--primary___QscV7", "hop-Button--md": "Button-module__hop-Button--md___Kf-xg", "hop-Button--secondary": "Button-module__hop-Button--secondary___iKrio", "hop-Button--upsell": "Button-module__hop-Button--upsell___aX5uD", "hop-Button--danger": "Button-module__hop-Button--danger___TS4Dz", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___jCt3e", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___ukC43", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___tKBcb", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___wTODE", "hop-Button__icon": "Button-module__hop-Button__icon___pq1ew", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___X6Uak", "hop-Button__text": "Button-module__hop-Button__text___ecOz7", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___h3xwk", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___JYxeZ" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-DV7LZMDA.js → chunk-PL5Q7GF2.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___RY6Id", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___fhvV6" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-VRMZDHNL.js → chunk-RUASAI7F.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qf7nU", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___cmTU1", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___UY0IN", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___eaduW", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___-jYC5", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8VWm-" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___wq4li", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___0HSPG", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___sWHKo", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Zg45u", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Ye0MT", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___5S4Zv" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-P5YCVNZM.js → chunk-RZR3PQB7.js}

@@ -1,8 +1,8 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-B44HANDX.js';
-import { _InputGroup } from './chunk-CIKHW47C.js';
+import { _RemainingCharacterCount } from './chunk-2XTLP4NP.js';
+import { _InputGroup } from './chunk-24KHRRRV.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -78,7 +78,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___ayVLZ", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___DD2CN", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___7ysE-", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___qELG8", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___uxV86", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___uDD9f", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___JWTll", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___A54rv", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___UCMn7" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___BapJY", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___rzMAN", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___p9CyW", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___0RuoI", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___gLsrJ", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___qosDf", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___3C63P", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___jesHd", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___AZJlf" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-XT3AM5KT.js → chunk-TVRQWVE2.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___N1Elb", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___JbbCm" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-GU6D6RQL.js → chunk-TYCTG7I2.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-CIKHW47C.js';
+import { _InputGroup } from './chunk-24KHRRRV.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-EY4ZTKS4.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___SQ-T7", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___6SyKQ", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___rHeEi", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___OPAwN", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___GQ-bS", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___-Xcp-", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___lC-je", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___Gr9hE", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___GCK47", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___NPF-g", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___aRPH3", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___MBaPI", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___PGs1W", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___-DsQz" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___3lW40", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___tqZ-J", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___uFkI1", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___UtAol", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___H2dCE", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___fuxBX", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___fKi4m", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___TppEK", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___NoU6e", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___tgIiy", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___KfLhx", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___xP-ip", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ZxYch", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___nZe0z" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-RZ4K42NA.js → chunk-W5TXSSFB.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___CBk8o", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___qVxQY", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___njKbU", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___ZCmpm", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___E16bV", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___YaATA", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___-pFQX", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___HXRdF" };
 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-ZRGWYBTI.js → chunk-WH4BAEX4.js}

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

package/dist/{chunk-OOY56G7Y.js → chunk-WYBSUDRI.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-EY4ZTKS4.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___72-RK", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___XSX4a", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___wLU0H", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___-P72h", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___Qiqnf", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___d7Bzl", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___roemI", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___ht42e" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-JMQTEJC4.js → chunk-ZQARUJYZ.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-LU7KOIOH.js';
+import { _ListBoxItem } from './chunk-JSDCGGLX.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _Text } from './chunk-Y7G6PIDC.js';
+import { _Text } from './chunk-EY4ZTKS4.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___LIHuX", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___a3XQA", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___0UWh0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___fcJBr", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___cIBsM" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___MX6Wz", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___hH-41", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___qaZSm", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___E5EdV", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___Fyn5x" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {