@hopper-ui/components 1.3.11 → 1.3.12

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

@@ -1,7 +1,7 @@
-import { _Text } from './chunk-R5YV23ZF.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-BXBMRBPB.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';
@@ -13,7 +13,7 @@ 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___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 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,
       {

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-5RQ3FMMG.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-R5YV23ZF.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___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 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-4ZCY2KEA.js → chunk-LTN5Q7MF.js}

@@ -1,6 +1,6 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-R5YV23ZF.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___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 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-VFI4XPBU.js → chunk-M5T2Y2RB.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-BXBMRBPB.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-GTNBBI2S.js → chunk-O2QKRLQW.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-R5YV23ZF.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___lXZly", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___lsI-D" };
+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-P7OXW6SX.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-R5YV23ZF.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___kizDn", "hop-Link--quiet": "Link-module__hop-Link--quiet___mj9YM", "hop-Link--primary": "Link-module__hop-Link--primary___XzpKA", "hop-Link--secondary": "Link-module__hop-Link--secondary___-y9N5", "hop-Link__icon": "Link-module__hop-Link__icon___3yyEP", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___ptLy2", "hop-Link__text": "Link-module__hop-Link__text___gpjqw", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___jw3pJ", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___tMDOB" };
+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-QEVF4GU6.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___0CG4x", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___wftMR", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___qNxTj", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___ayjwz", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___RjlXA" };
+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-BPFYQL3X.js → chunk-PHMYUFQP.js}

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-4PLO6M5P.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-R5YV23ZF.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___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 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-KKCIN6AH.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___paIY7", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___wSoRB" };
+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-VJWTYDCA.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___qusXw", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___fXdJi", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___HVwY1", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___A54Xm", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Az8tS", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___nTbnG" };
+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-ZJKTV2QB.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-WSHJXUF4.js';
-import { _InputGroup } from './chunk-64O3N7JE.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___emVb6", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___Q470-", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___xer9b", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___mx2JN", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___AwE8W", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___--ONv", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___39pLe", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Cu34e", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___BV7wN" };
+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-BUP6LEQX.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___8qz2T", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___coZ7j" };
+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-O6I523D7.js → chunk-TYCTG7I2.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-64O3N7JE.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-R5YV23ZF.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___SgdwC", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Oym1Q", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___UM9kc", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___UakjP", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___ByFtf", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___ISO9z", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___8abIq", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___IIeLe", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___637no", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___C-wMt", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___-ls03", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___bZNni", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ojGV3", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___RjmQf" };
+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-BXBMRBPB.js → chunk-W5TXSSFB.js}

@@ -11,7 +11,7 @@ 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___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 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",

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

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

package/dist/{chunk-D7WXRB6L.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-R5YV23ZF.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___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 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-Y4V25PX4.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-NTFJHBUN.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-R5YV23ZF.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___ZBeiG", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___9EfEB", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___mn5-E", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___j1lF6", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___VpdYg" };
+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 = {