@hopper-ui/components 1.3.12 → 1.3.14

package/dist/{chunk-RZR3PQB7.js → chunk-BWMRLYXD.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-2XTLP4NP.js';
-import { _InputGroup } from './chunk-24KHRRRV.js';
+import { _RemainingCharacterCount } from './chunk-A265GCLA.js';
+import { _InputGroup } from './chunk-FRVE3N27.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -14,6 +14,7 @@ import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '
 import $670gB$react, { forwardRef, useContext, useState, useCallback, useRef, useMemo } from 'react';
 import { mergeRefs } from '@react-aria/utils';
 import { useControlledState } from '@react-stately/utils';
+import clsx from 'clsx';
 import { useObjectRef } from 'react-aria';
 import { useContextProps, composeRenderProps, TextArea as TextArea$1, TextField } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -78,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-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 TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___Nv0cJ", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___a-Muo", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___gyhYv", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___arWbA", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___0-sOf", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___wL5-Y", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___34PBI", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___zLVyK", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___aKpFP" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {
@@ -141,8 +142,10 @@ function TextArea(props, ref) {
     isDisabled,
     isInvalid,
     isRequired,
-    restrictMaxLength = true,
+    allowExceedingMaxLength,
     necessityIndicator,
+    inputGroupProps,
+    remainingCharacterCountProps,
     ...otherProps
   } = ownProps;
   const mergedTextAreaRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -172,6 +175,9 @@ function TextArea(props, ref) {
   if (showCharacterCount && !maxLength) {
     console.warn("If showCharacterCount is true, maxLength must be set to the maximum number of characters allowed in the TextArea.");
   }
+  if (allowExceedingMaxLength && !showCharacterCount) {
+    console.warn("If allowExceedingMaxLength is true, showCharacterCount must also be true.");
+  }
   const rowHeight = useCalculateRowHeight(mergedTextAreaRef.current);
   const defaultNumberOfRows = maxRows && maxRows < DefaultMinimumTextAreaRows ? maxRows : DefaultMinimumTextAreaRows;
   const [rows, setRows] = useState(rowsProp != null ? rowsProp : defaultNumberOfRows);
@@ -200,31 +206,38 @@ function TextArea(props, ref) {
     }
   }, [mergedTextAreaRef, rowHeight, maxRows, rowsProp]);
   useIsomorphicLayoutEffect(() => {
-    if (restrictMaxLength) {
+    if (!allowExceedingMaxLength) {
       const newValue = truncateText(value, maxLength);
       onChange(newValue);
     }
     adjustRows();
   }, [value, adjustRows]);
+  const { className: inputGroupClassName, inputClassName: inputGroupInputClassName, ...otherInputGroupProps } = inputGroupProps || {};
+  const inputGroupClassNames = clsx(TextArea_module_default["hop-TextArea__InputGroup"], inputGroupClassName);
+  const inputGroupInputClassNames = clsx(TextArea_module_default["hop-TextArea__textarea"], inputGroupInputClassName);
+  const { className: remainingCharacterCountClassName, ...otherRemainingCharacterCountProps } = remainingCharacterCountProps != null ? remainingCharacterCountProps : {};
+  const remainingCharacterCountClassNames = clsx(TextArea_module_default["hop-TextArea__RemainingCharacterCount"], remainingCharacterCountClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
       isFluid: true,
       size,
-      className: TextArea_module_default["hop-TextArea__InputGroup"],
+      className: inputGroupClassNames,
       isDisabled,
       isInvalid,
-      inputClassName: TextArea_module_default["hop-TextArea__textarea"],
+      inputClassName: inputGroupInputClassNames,
       inputType: "textarea",
+      ...otherInputGroupProps,
       children: [
         /* @__PURE__ */ jsx(TextArea$1, { ref: mergedTextAreaRef, placeholder, cols, rows }),
         showCharacterCount && maxLength && /* @__PURE__ */ jsx(
           _RemainingCharacterCount,
           {
-            className: TextArea_module_default["hop-TextArea__RemainingCharacterCount"],
+            className: remainingCharacterCountClassNames,
             count: maxLength - characterCount,
             isInvalid: overMaxLength,
-            isDisabled
+            isDisabled,
+            ...otherRemainingCharacterCountProps
           }
         )
       ]
@@ -253,7 +266,7 @@ function TextArea(props, ref) {
       value,
       style,
       className: classNames,
-      maxLength: restrictMaxLength ? maxLength : void 0,
+      maxLength: !allowExceedingMaxLength ? maxLength : void 0,
       onChange,
       isDisabled,
       isInvalid,

package/dist/{chunk-2Q7KTNJK.js → chunk-CUPCOAXZ.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___B55N1", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___R66u9", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___6GIzG", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___bYUxR", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___JLz4i" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___77-hh", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___qFY6C", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___Sp3dP", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___rozcD", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___yr5-e" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-P244CSQK.js → chunk-DFKPVOQ4.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___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 TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___b2U4K", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___jcWIq", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___RqET-", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___PKveI", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___X0jv7" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-FJL3ZS2H.js → chunk-DN63JAPT.js}

@@ -1,8 +1,8 @@
 import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___2hhK2", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___JFXKL", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___kahkJ", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___ry0AQ", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___fX-fM", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___aunl9", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___KNsNR", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___--ZMG", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___GT3vV" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___JkiZK", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___XZ9JV", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___yGScf", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___Ia-xn", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Y9vkt", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___PQSh3", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___Gpc--", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___TxKWS", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___SNa1u" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-WYBSUDRI.js → chunk-DWVXSSVC.js}

@@ -1,7 +1,6 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
 import { IconListContext } from './chunk-DHVVYSLB.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 +13,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___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 Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___7Ns4s", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___mP-yl", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___OEHBC", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___0lP7W", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___o33sg", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___8dThw", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___I1wc9", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___RxDut" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;
@@ -45,10 +44,7 @@ function Checkbox(props, ref) {
     };
   });
   const children = composeRenderProps(childrenProp, (prev) => {
-    if (prev && isTextOnlyChildren(prev)) {
-      return /* @__PURE__ */ jsx(_Text, { children: prev });
-    }
-    return prev;
+    return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
   });
   return /* @__PURE__ */ jsx(
     Checkbox$1,

package/dist/{chunk-6GEVQCBK.js → chunk-F6P4WIKS.js}

@@ -1,7 +1,6 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
 import { IconListContext } from './chunk-DHVVYSLB.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 +13,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___MSR64", "hop-Switch--sm": "Switch-module__hop-Switch--sm___ZVxUT", "hop-Switch--md": "Switch-module__hop-Switch--md___JyUSY", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___MsHr4", "hop-Switch__text": "Switch-module__hop-Switch__text___5OdoN", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___CKEav", "hop-Switch__icon": "Switch-module__hop-Switch__icon___hL4MY" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___Ts2LD", "hop-Switch--sm": "Switch-module__hop-Switch--sm___56Dzf", "hop-Switch--md": "Switch-module__hop-Switch--md___iw0R9", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___fSOGw", "hop-Switch__text": "Switch-module__hop-Switch__text___o6ANo", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___t8LAH", "hop-Switch__icon": "Switch-module__hop-Switch__icon___C1x4u" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;
@@ -45,10 +44,7 @@ function Switch(props, ref) {
     };
   });
   const children = composeRenderProps(childrenProp, (prev) => {
-    if (prev && isTextOnlyChildren(prev)) {
-      return /* @__PURE__ */ jsx(_Text, { children: prev });
-    }
-    return prev;
+    return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
   });
   return /* @__PURE__ */ jsx(
     Switch$1,

package/dist/{chunk-24KHRRRV.js → chunk-FRVE3N27.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___789bx", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___Vbf7T", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___dTBN3", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___gNcLo", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___mxqkp", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___ZuCK1" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___qmxak", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___NioBN", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___r1XTu", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___At-9s", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___iPd7T", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___w2n7T" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-LTCSPHF7.js → chunk-FXHZXIPR.js}

@@ -1,7 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
 import { IconListContext } from './chunk-DHVVYSLB.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 +15,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___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 DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___fJhes Radio-module__hop-Radio___ADBqu", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___JKosJ Radio-module__hop-Radio--sm___9m9cw", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___Zdjah Radio-module__hop-Radio--md___-OHVc", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___QRMqB Radio-module__hop-Radio__icon___x2am6", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___8qrAn Radio-module__hop-Radio__icon___x2am6", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___3Zzuu Radio-module__hop-Radio__box___pNZ3P", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___CTKgf Radio-module__hop-Radio__bullet___FT3MX", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___xcRj2 Radio-module__hop-Radio__text___oqR0C" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;
@@ -41,10 +40,7 @@ function DecorativeRadio(props, ref) {
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
   const children = composeRenderProps(childrenProp, (prev) => {
-    if (prev && isTextOnlyChildren(prev)) {
-      return /* @__PURE__ */ jsx(_Text, { children: prev });
-    }
-    return prev;
+    return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
   });
   const classNames = composeClassnameRenderProps(
     className,

package/dist/{chunk-3H4QDM4L.js → chunk-GUHMGBDJ.js}

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___Rwm5D", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___3XEzJ", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___69Cvx", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___a-x6M", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___1agRN", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___WeO9V", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___rNPBC", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___zUz9q", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___ShEe-", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___Y896i", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___5I2Vs", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___NFl6r", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___XA2VM", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___w-5eS", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___tLkoU", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___-4uaw" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___rZktt", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___6sJJ-", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___gLoE7", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___1Vru8", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___G-mI8", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___aeJ18", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___pGdKu", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___pECii", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___GP62L", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___4rb44", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___M8iTo", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___X6EXA", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___OxtUZ", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___BAv-j", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___awDFw", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___QHfa9" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-5NGAA35D.js → chunk-I3B3G6N4.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___EsZxP", "hop-Heading--xs": "Heading-module__hop-Heading--xs___dLElG", "hop-Heading--sm": "Heading-module__hop-Heading--sm___Mtd2f", "hop-Heading--md": "Heading-module__hop-Heading--md___IEpuR", "hop-Heading--lg": "Heading-module__hop-Heading--lg___8qo-X", "hop-Heading--xl": "Heading-module__hop-Heading--xl___wknZb", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___TwTc-", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___mwol-" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___iSo-j", "hop-Heading--xs": "Heading-module__hop-Heading--xs___r0VNm", "hop-Heading--sm": "Heading-module__hop-Heading--sm___BCYRe", "hop-Heading--md": "Heading-module__hop-Heading--md___6mXux", "hop-Heading--lg": "Heading-module__hop-Heading--lg___NXe4q", "hop-Heading--xl": "Heading-module__hop-Heading--xl___GzsDF", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___t6dqU", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___fPAPT" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

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

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

package/dist/{chunk-33FEE3VD.js → chunk-JHP7LA2B.js}

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

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

package/dist/{chunk-RUASAI7F.js → chunk-K2DSUPKO.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___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 ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qyDoG", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___DLZPk", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___4pBEd", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___klgXj", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___uoA5E", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___pJBDl" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-LTN5Q7MF.js → chunk-KFXDFFLE.js}

@@ -1,6 +1,6 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-EY4ZTKS4.js';
+import { _Text } from './chunk-MLLUZ55T.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___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 SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___4myBK", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___1aolb", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___AvF-y", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___azo19", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___WbEvN" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-F3Y5D5LH.js → chunk-LFFRDNDM.js}

@@ -1,7 +1,6 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
 import { IconListContext } from './chunk-DHVVYSLB.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 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___v23du Checkbox-module__hop-Checkbox___72-RK", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___8jExB Checkbox-module__hop-Checkbox--sm___XSX4a", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___cs-DI Checkbox-module__hop-Checkbox--md___wLU0H", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___24ygv Checkbox-module__hop-Checkbox__icon___-P72h", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___wmtHw Checkbox-module__hop-Checkbox__icon___-P72h", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___JHfIQ Checkbox-module__hop-Checkbox__box___d7Bzl", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___zOrkF Checkbox-module__hop-Checkbox__check___roemI", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___rcD-y Checkbox-module__hop-Checkbox__text___ht42e" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___1nTc- Checkbox-module__hop-Checkbox___7Ns4s", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___2dUDT Checkbox-module__hop-Checkbox--sm___mP-yl", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___BkBys Checkbox-module__hop-Checkbox--md___OEHBC", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___KXHdq Checkbox-module__hop-Checkbox__icon___0lP7W", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___3H1A7 Checkbox-module__hop-Checkbox__icon___0lP7W", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Hl9pB Checkbox-module__hop-Checkbox__box___8dThw", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___v6Nq6 Checkbox-module__hop-Checkbox__check___I1wc9", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___G55ai Checkbox-module__hop-Checkbox__text___RxDut" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;
@@ -42,10 +41,7 @@ function DecorativeCheckbox(props, ref) {
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
   const children = composeRenderProps(childrenProp, (prev) => {
-    if (prev && isTextOnlyChildren(prev)) {
-      return /* @__PURE__ */ jsx(_Text, { children: prev });
-    }
-    return prev;
+    return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
   });
   const classNames = composeClassnameRenderProps(
     className,

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

package/dist/{chunk-EY4ZTKS4.js → chunk-MLLUZ55T.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___OmT3s", "hop-Text--xs": "Text-module__hop-Text--xs___Ckixd", "hop-Text--sm": "Text-module__hop-Text--sm___gmqu5", "hop-Text--md": "Text-module__hop-Text--md___TWsfc", "hop-Text--lg": "Text-module__hop-Text--lg___vTM8U", "hop-Text--xl": "Text-module__hop-Text--xl___eCOL4", "hop-Text--2xl": "Text-module__hop-Text--2xl___IeIhC", "hop-Text--inherit": "Text-module__hop-Text--inherit___fAYD4" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___YWQie", "hop-Text--xs": "Text-module__hop-Text--xs___pfyH6", "hop-Text--sm": "Text-module__hop-Text--sm___oH8pv", "hop-Text--md": "Text-module__hop-Text--md___6SESF", "hop-Text--lg": "Text-module__hop-Text--lg___KUuZc", "hop-Text--xl": "Text-module__hop-Text--xl___Yhkcp", "hop-Text--2xl": "Text-module__hop-Text--2xl___fCHd1", "hop-Text--inherit": "Text-module__hop-Text--inherit___pumuo" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

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

@@ -1,9 +1,9 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-EY4ZTKS4.js';
+import { _Text } from './chunk-MLLUZ55T.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var EnsureTextWrapper = ({ children }) => {
-  return isTextOnlyChildren(children) ? /* @__PURE__ */ jsx(_Text, { children }) : /* @__PURE__ */ jsx(Fragment, { children });
+  return children && isTextOnlyChildren(children) ? /* @__PURE__ */ jsx(_Text, { children }) : /* @__PURE__ */ jsx(Fragment, { children });
 };
 
 export { EnsureTextWrapper };

package/dist/{chunk-FM77LXOA.js → chunk-PCOOOVLE.js}

@@ -1,7 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
 import { IconListContext } from './chunk-DHVVYSLB.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 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___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 Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___ADBqu", "hop-Radio--sm": "Radio-module__hop-Radio--sm___9m9cw", "hop-Radio--md": "Radio-module__hop-Radio--md___-OHVc", "hop-Radio__icon": "Radio-module__hop-Radio__icon___x2am6", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___YyC19", "hop-Radio__box": "Radio-module__hop-Radio__box___pNZ3P", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___FT3MX", "hop-Radio__text": "Radio-module__hop-Radio__text___oqR0C" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;
@@ -45,10 +44,7 @@ function Radio(props, ref) {
     };
   });
   const children = composeRenderProps(childrenProp, (prev) => {
-    if (prev && isTextOnlyChildren(prev)) {
-      return /* @__PURE__ */ jsx(_Text, { children: prev });
-    }
-    return prev;
+    return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
   });
   return /* @__PURE__ */ jsx(
     Radio$1,

package/dist/{chunk-W5TXSSFB.js → chunk-PQR2DVBK.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___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 RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___vA3Vg", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___WLlcB", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___VpKAX", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-NY6t", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___I-ePb", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___WCoHY", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___adUlB", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___K8rIa" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-6LJPMEHX.js → chunk-PWJCO32L.js}

@@ -8,7 +8,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___Km4S0", "hop-Label__indicator": "Label-module__hop-Label__indicator___UgQvd" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___-0l1I", "hop-Label__indicator": "Label-module__hop-Label__indicator___Qu17i" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-CPRGKGB6.js → chunk-R2EN2OFJ.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-EY4ZTKS4.js';
+import { _Text } from './chunk-MLLUZ55T.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___87bie", "spin": "Spinner-module__spin___wQf6h", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___9EOCU", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___c6YgV", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___zOX2a", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___-q-nY", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___5He1k", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___vy633" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___yvH65", "spin": "Spinner-module__spin___VldM7", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___CoKhT", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___mSE4C", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___XpNq0", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___oxcw-", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___T4J87", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___rFqvf" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-BSEAFZPE.js → chunk-RUZ3J43X.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___7jqlO", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___ej-rP", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___-Q8Rk", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___pqLcR", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___vyW4R", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___cD3Vz", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___8-aZr", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___My6YI" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___GbwhW", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___SxiWc", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___D2s4m", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___0sFu1", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___uIRfN", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___ZvYya", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___KBa-5", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___Pemuq" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-PHMYUFQP.js → chunk-RXMCGKWB.js}

@@ -1,10 +1,9 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-CPRGKGB6.js';
+import { _Spinner } from './chunk-R2EN2OFJ.js';
+import { EnsureTextWrapper } from './chunk-P2OSN32C.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.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';
@@ -13,13 +12,14 @@ import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { chain, filterDOMProps, useRouter, shouldClientNavigate } from '@react-aria/utils';
+import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useFocusRing, useHover, useButton, mergeProps } from 'react-aria';
 import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-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 Button_module_default = { "hop-Button": "Button-module__hop-Button___-Rm3G", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___l-Haj", "hop-Button--fluid": "Button-module__hop-Button--fluid___jlRQS", "hop-Button--sm": "Button-module__hop-Button--sm___74-Mx", "hop-Button--primary": "Button-module__hop-Button--primary___XUljl", "hop-Button--md": "Button-module__hop-Button--md___izdgU", "hop-Button--secondary": "Button-module__hop-Button--secondary___OWMwI", "hop-Button--upsell": "Button-module__hop-Button--upsell___x-O-W", "hop-Button--danger": "Button-module__hop-Button--danger___-lSHt", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___xQuqA", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___7v-pT", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___zLOwK", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___dsODg", "hop-Button__icon": "Button-module__hop-Button__icon___7y0vR", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___FI-zR", "hop-Button__text": "Button-module__hop-Button__text___oueOv", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___5dsV8", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___r-ZQD" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {
@@ -74,6 +74,7 @@ function Button(props, ref) {
     variant = "primary",
     isLoading,
     style: styleProp,
+    spinnerProps,
     ...otherProps
   } = ownProps;
   const [textRef, hasText] = useSlot();
@@ -100,10 +101,7 @@ function Button(props, ref) {
     };
   });
   const children = composeRenderProps(childrenProp, (prev) => {
-    if (isTextOnlyChildren(prev)) {
-      return /* @__PURE__ */ jsx(_Text, { children: prev });
-    }
-    return prev;
+    return /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prev });
   });
   const renderProps = useRenderProps({
     className: classNames,
@@ -120,6 +118,8 @@ function Button(props, ref) {
     useCreateRouterLinkClickEventHandler(props)
   );
   const As = props.href ? "a" : "button";
+  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps || {};
+  const spinnerClassNames = clsx(Button_module_default["hop-Button__Spinner"], spinnerClassName);
   return /* @__PURE__ */ jsx(
     SlotProvider,
     {
@@ -171,7 +171,8 @@ function Button(props, ref) {
               {
                 "aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
                 size,
-                className: Button_module_default["hop-Button__Spinner"]
+                className: spinnerClassNames,
+                ...otherSpinnerProps
               }
             )
           ]