@hopper-ui/components 1.3.11 → 1.3.13

package/dist/checkbox/src/index.js

@@ -1,18 +1,26 @@
 export { _CheckboxList as CheckboxList, GlobalCheckboxListCssSelector } from '../../chunk-3LRBUQC2.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-D7WXRB6L.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-JOIYDL4E.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-TQLIL4FK.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-VGVPCTWN.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-WGK36YRB.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-N2LF4W2F.js';
 export { CheckboxListContext } from '../../chunk-WDUQUPTE.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-import '../../chunk-QCA3ZR56.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-QAUIUFHM.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-AG6PENAS.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
+import '../../chunk-ZVEICADL.js';
 import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-LJXTJRSB.js';
+import '../../chunk-2YCQ3HR4.js';
+import '../../chunk-PIPM74ZR.js';
+import '../../chunk-TXZ6BMFR.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../chunk-TFVDF4YH.js';
 import '../../chunk-DHVVYSLB.js';
 import '../../chunk-HZKFQ33E.js';
 import '../../chunk-FAE27DLF.js';
-import '../../chunk-R5YV23ZF.js';
+import '../../chunk-TWDVOXVB.js';
+import '../../chunk-WPNVVGFW.js';
+import '../../chunk-QOJVYB3C.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-NH3IVMXB.js';

package/dist/{chunk-4ZCY2KEA.js → chunk-2FPPOLXY.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-QOJVYB3C.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___POG5F", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___Oy3-U", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___wZecw", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___-fq2b", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___WPD-U" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-MOEKGI3Q.js → chunk-2T4YF6YA.js}

@@ -1,13 +1,12 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-WSHJXUF4.js';
-import { _InputGroup } from './chunk-64O3N7JE.js';
-import { _ClearButton } from './chunk-5ORMXIMY.js';
+import { _RemainingCharacterCount } from './chunk-NCSZH3BX.js';
+import { _InputGroup } from './chunk-VNC3T7SU.js';
+import { _ClearButton } from './chunk-QZK76BU7.js';
+import { EnsureTextWrapper } from './chunk-ZVEICADL.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 { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -17,13 +16,14 @@ import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
 import { mergeRefs } from '@react-aria/utils';
 import { useControlledState } from '@react-stately/utils';
+import clsx from 'clsx';
 import { forwardRef, useState, useCallback } from 'react';
 import { useObjectRef } from 'react-aria';
 import { useContextProps, composeRenderProps, Input, TextField as TextField$1 } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___wfEmf", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___INP7f", "hop-TextField__Label": "TextField-module__hop-TextField__Label___KDgCU", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Hvtkn", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___O-G65", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___tOA4z", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___8zyTc" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___y22Y7", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___FPkg6", "hop-TextField__Label": "TextField-module__hop-TextField__Label___aNClZ", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___cJ1R9", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___Socxx", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___L55Kl", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___ILsiP" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -57,6 +57,8 @@ function TextField(props, ref) {
     isRequired,
     restrictMaxLength = true,
     necessityIndicator,
+    inputGroupProps,
+    remainingCharacterCountProps,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -100,7 +102,7 @@ function TextField(props, ref) {
         [TextContext, { size, className: TextField_module_default["hop-TextField__prefix"] }],
         [IconContext, { size, className: TextField_module_default["hop-TextField__prefix"] }]
       ],
-      children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix
+      children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix })
     }
   ) : null;
   useIsomorphicLayoutEffect(() => {
@@ -109,14 +111,17 @@ function TextField(props, ref) {
       onChange(newValue);
     }
   }, [value]);
+  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps || {};
+  const inputGroupClassNames = clsx(TextField_module_default["hop-TextField__InputGroup"], inputGroupClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
       isFluid: true,
       size,
-      className: TextField_module_default["hop-TextField__InputGroup"],
+      className: inputGroupClassNames,
       isDisabled,
       isInvalid,
+      ...otherInputGroupProps,
       children: [
         prefixMarkup,
         /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
@@ -125,7 +130,8 @@ function TextField(props, ref) {
           {
             count: maxLength - characterCount,
             isInvalid: overMaxLength,
-            isDisabled
+            isDisabled,
+            ...remainingCharacterCountProps
           }
         ),
         showClearButton && /* @__PURE__ */ jsx(_ClearButton, { isDisabled, size: "lg", onPress: handleClear })

package/dist/{chunk-MZTFEGDM.js → chunk-2YCQ3HR4.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___Yuie9", "hop-Label__indicator": "Label-module__hop-Label__indicator___-c2pq" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___xkdTr", "hop-Label__indicator": "Label-module__hop-Label__indicator___JELb6" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-QEVF4GU6.js → chunk-4LGBWVIU.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___FQi-D", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___Dl5-y", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___eLcgm", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___TEJdq", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___HXB7j" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

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

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-64O3N7JE.js';
-import { _ClearButton } from './chunk-5ORMXIMY.js';
+import { _InputGroup } from './chunk-VNC3T7SU.js';
+import { _ClearButton } from './chunk-QZK76BU7.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -11,13 +11,14 @@ import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext, SearchIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { mergeRefs } from '@react-aria/utils';
+import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useObjectRef } from 'react-aria';
 import { useContextProps, composeRenderProps, Input, SearchField as SearchField$1 } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___RFDHy", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___NDxnE", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___TEslL", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Z64S-", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___L7N53", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___ryNci", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___dag-d", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___ZDx1e", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___Q0cbB" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___ZbJJm", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___LWdo3", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___76fAa", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___9g9t1", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___0LuCE", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___gUgyC", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___n-iDh", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___UnNo0", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___plEXG" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;
@@ -40,6 +41,8 @@ function SearchField(props, ref) {
     isInvalid,
     isRequired,
     necessityIndicator,
+    inputGroupProps,
+    clearButtonProps,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -60,6 +63,10 @@ function SearchField(props, ref) {
       ...prev
     };
   });
+  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps != null ? inputGroupProps : {};
+  const inputGroupClassNames = clsx(SearchField_module_default["hop-SearchField__InputGroup"], inputGroupClassName);
+  const { className: clearButtonClassName, ...otherClearButtonProps } = clearButtonProps != null ? clearButtonProps : {};
+  const clearButtonClassNames = clsx(SearchField_module_default["hop-SearchField__ClearButton"], clearButtonClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
@@ -67,7 +74,8 @@ function SearchField(props, ref) {
       isInvalid,
       isFluid: true,
       size,
-      className: SearchField_module_default["hop-SearchField__InputGroup"],
+      className: inputGroupClassNames,
+      ...otherInputGroupProps,
       children: [
         /* @__PURE__ */ jsx(
           SlotProvider,
@@ -81,7 +89,7 @@ function SearchField(props, ref) {
           }
         ),
         /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
-        isClearable && /* @__PURE__ */ jsx(_ClearButton, { size: "lg", isDisabled, className: SearchField_module_default["hop-SearchField__ClearButton"] })
+        isClearable && /* @__PURE__ */ jsx(_ClearButton, { size: "lg", isDisabled, className: clearButtonClassNames, ...otherClearButtonProps })
       ]
     }
   ) });

package/dist/{chunk-VJWTYDCA.js → chunk-525E7GQA.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___q-hNf", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gSiaw", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___jSji0", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___uo35q", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___mYkCa", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___8QsdD" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-UXI6MVF4.js → chunk-5C4FZTGZ.js}

@@ -1,6 +1,6 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-64O3N7JE.js';
-import { _EmbeddedButton } from './chunk-S4JSEGNU.js';
+import { _InputGroup } from './chunk-VNC3T7SU.js';
+import { _EmbeddedButton } from './chunk-7NUKUYR2.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -12,13 +12,14 @@ import { cssModule } from './chunk-KVDXQMWI.js';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { mergeRefs } from '@react-aria/utils';
+import clsx from 'clsx';
 import { forwardRef, useState } from 'react';
 import { useObjectRef } from 'react-aria';
 import { useContextProps, composeRenderProps, Input, TextField } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___mmwfl", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___l6ePk", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___dglFc", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___0QEbW", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___0cQTW", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Ywc3K" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___dta3M", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___WxgI1", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___cqm1S", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___ENgqR", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___gtfVk", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___IURZH" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;
@@ -41,6 +42,9 @@ function PasswordField(props, ref) {
     isInvalid,
     isRequired,
     necessityIndicator,
+    inputGroupProps,
+    inputProps,
+    embeddedButtonProps,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -61,6 +65,8 @@ function PasswordField(props, ref) {
       ...prev
     };
   });
+  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps != null ? inputGroupProps : {};
+  const inputGroupClassNames = clsx(PasswordField_module_default["hop-PasswordField__InputGroup"], inputGroupClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
@@ -68,9 +74,10 @@ function PasswordField(props, ref) {
       isInvalid,
       isFluid: true,
       size,
-      className: PasswordField_module_default["hop-PasswordField__InputGroup"],
+      className: inputGroupClassNames,
+      ...otherInputGroupProps,
       children: [
-        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password" }),
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password", ...inputProps }),
         /* @__PURE__ */ jsx(
           _EmbeddedButton,
           {
@@ -80,6 +87,7 @@ function PasswordField(props, ref) {
               setShowPassword((x) => !x);
             },
             size: "lg",
+            ...embeddedButtonProps,
             children: showPassword ? /* @__PURE__ */ jsx(EyeVisibleIcon, {}) : /* @__PURE__ */ jsx(EyeHiddenIcon, {})
           }
         )

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

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-BUP6LEQX.js';
+import { _OverlineText } from './chunk-TWDVOXVB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -12,7 +12,7 @@ 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___V3Uim" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___JWQbO" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

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

@@ -1,5 +1,4 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
-import { EnsureTextWrapper } from './chunk-M64YZ3V3.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
@@ -15,21 +14,22 @@ import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { ButtonContext as ButtonContext$1 } from './chunk-WMTWFKKP.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-4ZCY2KEA.js';
-import { HeadingContext } from './chunk-TXZ6BMFR.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { _ListBox } from './chunk-Y4V25PX4.js';
+import { _SelectValue } from './chunk-2FPPOLXY.js';
+import { _ListBox } from './chunk-PC57XZVV.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-NTFJHBUN.js';
+import { _ListBoxItem } from './chunk-WHESXP63.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { EnsureTextWrapper } from './chunk-ZVEICADL.js';
+import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { ComboBoxContext } from './chunk-4XHTP4GX.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { ComboBoxContext } from './chunk-4XHTP4GX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -46,7 +46,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx2 from 'clsx';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___Xt8NL", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___toNjK", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___42uq-", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___qJqf1", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___1aLVd", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___IafIJ", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___9sKPh", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___gfYuq", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___2Xa9x", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___bbTW5", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___fufg3", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___Mk9Vp" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___LXbjG", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___FswoQ", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___qMKn4", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___7hSaz", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___CZJr6", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___3hL-n", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___7eFVx", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___f1Mg4", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___B3wz4", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___TqkUD", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___MJTOB", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___6s8eS" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c;
@@ -75,6 +75,7 @@ function ComboBox(props, ref) {
     size: sizeProp,
     style: styleProp,
     triggerProps,
+    footerProps,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, (_a = props.inputRef) != null ? _a : null));
@@ -185,7 +186,7 @@ function ComboBox(props, ref) {
             TextContext,
             ButtonContext
           ],
-          children: /* @__PURE__ */ jsx(_Footer, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: footer }) })
+          children: /* @__PURE__ */ jsx(_Footer, { ...footerProps, children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: footer }) })
         }
       )
     }
@@ -193,13 +194,13 @@ function ComboBox(props, ref) {
   return /* @__PURE__ */ jsx(
     ComboBox$1,
     {
-      ...otherProps,
       ref,
       className: classNames,
       style,
       isInvalid,
       isRequired,
       menuTrigger,
+      ...otherProps,
       children: (comboBoxRenderProps) => {
         const { isOpen } = comboBoxRenderProps;
         const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
@@ -226,12 +227,12 @@ function ComboBox(props, ref) {
           /* @__PURE__ */ jsxs(
             Group,
             {
-              ...otherTriggerProps,
               ref: triggerRef,
               className: triggerClassNames,
               style: triggerStyle,
               onMouseDown: handleMouseDown,
               "data-selected": isOpen || void 0,
+              ...otherTriggerProps,
               children: [
                 prefixMarkup,
                 /* @__PURE__ */ jsx(
@@ -249,12 +250,12 @@ function ComboBox(props, ref) {
           /* @__PURE__ */ jsxs(
             _Popover,
             {
-              ...otherPopoverProps,
               placement,
               isNonDialog: true,
               autoWidth: isAutoMenuWidth,
               style: popoverStyle,
               triggerRef,
+              ...otherPopoverProps,
               children: [
                 /* @__PURE__ */ jsx(
                   SlotProvider,
@@ -264,7 +265,7 @@ function ComboBox(props, ref) {
                         variant: "secondary"
                       }]
                     ],
-                    children: /* @__PURE__ */ jsx(_ListBox, { ...listBoxProps, items, size, isInvalid, children })
+                    children: /* @__PURE__ */ jsx(_ListBox, { items, size, isInvalid, ...listBoxProps, children })
                   }
                 ),
                 footerMarkup
@@ -288,7 +289,7 @@ var CompoundComboBox = Object.assign(_ComboBox, {
 });
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___Rl7Xh" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___V0jnS" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;
@@ -415,7 +416,7 @@ var _Form = forwardRef(Form);
 _Form.displayName = "Form";
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___AMNli", "hop-Select--fluid": "Select-module__hop-Select--fluid___jUF7o", "hop-Select__label": "Select-module__hop-Select__label___aVTIZ", "hop-Select__button": "Select-module__hop-Select__button___IBqk7", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___4EgDS", "hop-Select__button--md": "Select-module__hop-Select__button--md___RbAAS", "hop-Select__prefix": "Select-module__hop-Select__prefix___B-SAK", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___K2aVv", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___Io94e", "hop-Select__error-message": "Select-module__hop-Select__error-message___EyV6Y" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___fLA3P", "hop-Select--fluid": "Select-module__hop-Select--fluid___JGyi-", "hop-Select__label": "Select-module__hop-Select__label___omOj-", "hop-Select__button": "Select-module__hop-Select__button___FM7cF", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___fUFl1", "hop-Select__button--md": "Select-module__hop-Select__button--md___qucwY", "hop-Select__prefix": "Select-module__hop-Select__prefix___a3QN6", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___UiT-s", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___lTFis", "hop-Select__error-message": "Select-module__hop-Select__error-message___ZmcdD" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b;
@@ -439,6 +440,7 @@ function Select(props, ref) {
     size: sizeProp,
     style: styleProp,
     triggerProps,
+    footerProps,
     ...otherProps
   } = ownProps;
   const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
@@ -506,7 +508,7 @@ function Select(props, ref) {
             TextContext,
             ButtonContext
           ],
-          children: /* @__PURE__ */ jsx(_Footer, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: footer }) })
+          children: /* @__PURE__ */ jsx(_Footer, { ...footerProps, children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: footer }) })
         }
       )
     }
@@ -543,7 +545,7 @@ function Select(props, ref) {
               children: fieldChildren
             }
           ),
-          /* @__PURE__ */ jsxs(Button, { ...otherTriggerProps, className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, children: [
+          /* @__PURE__ */ jsxs(Button, { className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, ...otherTriggerProps, children: [
             prefixMarkup,
             /* @__PURE__ */ jsx(_SelectValue, { size, children: (valueRenderProps) => {
               return renderValue == null ? void 0 : renderValue(valueRenderProps);
@@ -559,7 +561,7 @@ function Select(props, ref) {
                     variant: "secondary"
                   }]
                 ],
-                children: /* @__PURE__ */ jsx(_ListBox, { ...listBoxProps, items, size, isInvalid, children })
+                children: /* @__PURE__ */ jsx(_ListBox, { items, size, isInvalid, ...listBoxProps, children })
               }
             ),
             footerMarkup
@@ -990,7 +992,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___TOPh7", "fade": "Popover-module__fade___p9ae1", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___XkYRn", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___GeK8F", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___94G4Y", "hop-Popover__title": "Popover-module__hop-Popover__title___mjfD0", "hop-Popover__content": "Popover-module__hop-Popover__content___8Umes", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___72zOL", "hop-Popover__footer": "Popover-module__hop-Popover__footer___tnRWy", "hop-Popover__actions": "Popover-module__hop-Popover__actions___fPIhT", "hop-Popover__action": "Popover-module__hop-Popover__action___i6-dH" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___FR9LN", "fade": "Popover-module__fade___WrDBm", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___T0m2R", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___Xn6RR", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___e6f6Z", "hop-Popover__title": "Popover-module__hop-Popover__title___majU8", "hop-Popover__content": "Popover-module__hop-Popover__content___UxPkD", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___1ZMbM", "hop-Popover__footer": "Popover-module__hop-Popover__footer___IRzt1", "hop-Popover__actions": "Popover-module__hop-Popover__actions___CMR2O", "hop-Popover__action": "Popover-module__hop-Popover__action___qbbCE" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-S4JSEGNU.js → chunk-7NUKUYR2.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___Zya2B", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___k-sir", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___JVXQw", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___lBOkO", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___gpLdv", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___GxrOm", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___Qvl8I", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___-vkv8", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___wz4PQ", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___mv0X8", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___TcU3R", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___MAsmn", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___PrthQ", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___7u-Au", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___k-pcM", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___saA-f" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___ON1n7", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___BI63J", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___Qhp1t", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___c7PkA", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___iGEsd", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___aF-1D", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___haMaB", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___mUjt4", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___PVt6n", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___R6Zb7", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___WF5JG", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___kBoA-", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___DZYUB", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___bjVbP", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___dAuny", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___5xITO" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-QAUIUFHM.js → chunk-AG6PENAS.js}

@@ -1,7 +1,6 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { EnsureTextWrapper } from './chunk-ZVEICADL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-R5YV23ZF.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -16,7 +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___gCeb- Checkbox-module__hop-Checkbox___vVvFz", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___JiMKC Checkbox-module__hop-Checkbox--sm___kEihE", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___l7cek Checkbox-module__hop-Checkbox--md___-0gXA", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___yGdbb Checkbox-module__hop-Checkbox__icon___pTwC-", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___K5TDp Checkbox-module__hop-Checkbox__icon___pTwC-", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___-dWPg Checkbox-module__hop-Checkbox__box___3HpyC", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___VQ4FV Checkbox-module__hop-Checkbox__check___0VQFD", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___eHpVu Checkbox-module__hop-Checkbox__text___3dcc1" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___zl85i Checkbox-module__hop-Checkbox___5Q0b4", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___EdL7K Checkbox-module__hop-Checkbox--sm___i08HL", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___aSXCP Checkbox-module__hop-Checkbox--md___MRm3h", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___uNu4k Checkbox-module__hop-Checkbox__icon___2oN70", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___k6ewW Checkbox-module__hop-Checkbox__icon___2oN70", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___VMsJh Checkbox-module__hop-Checkbox__box___wVCC6", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___UCPQs Checkbox-module__hop-Checkbox__check___KadVp", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___1cIOX Checkbox-module__hop-Checkbox__text___QmHWY" };
 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-O6I523D7.js → chunk-AHYLFUTN.js}

@@ -1,11 +1,10 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-64O3N7JE.js';
+import { _InputGroup } from './chunk-VNC3T7SU.js';
+import { EnsureTextWrapper } from './chunk-ZVEICADL.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 { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -15,13 +14,14 @@ import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { mergeRefs } from '@react-aria/utils';
 import { useControlledState } from '@react-stately/utils';
+import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
 import { useObjectRef } from 'react-aria';
 import { useContextProps, composeRenderProps, Input, NumberField as NumberField$1, Button } from 'react-aria-components';
 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___qYKdU", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___ZxbmG", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___59a2v", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___KrPFA", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___3DCzl", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___-xjSK", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___C8Yhu", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___bpZff", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___UN1D5", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___rIJae", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___hVbzk", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___60vNq", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___3oAWu", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___aZT1m" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();
@@ -73,6 +73,7 @@ function NumberField(props, ref) {
     isInvalid,
     isRequired,
     necessityIndicator,
+    inputGroupProps,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
@@ -107,19 +108,23 @@ function NumberField(props, ref) {
         [TextContext, { size, className: NumberField_module_default["hop-NumberField__prefix"] }],
         [IconContext, { size, className: NumberField_module_default["hop-NumberField__prefix"] }]
       ],
-      children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix
+      children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix })
     }
   ) : null;
+  const { className: inputGroupClassName, inputClassName: inputGroupInputClassName, ...otherInputGroupProps } = inputGroupProps || {};
+  const inputGroupClassNames = clsx(NumberField_module_default["hop-NumberField__InputGroup"], inputGroupClassName);
+  const inputGroupInputClassNames = clsx(NumberField_module_default["hop-NumberField__input"], inputGroupInputClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
       isFluid: true,
       size,
-      className: NumberField_module_default["hop-NumberField__InputGroup"],
+      className: inputGroupClassNames,
       isDisabled,
       isInvalid,
-      inputClassName: NumberField_module_default["hop-NumberField__input"],
+      inputClassName: inputGroupInputClassNames,
       inputType: "number",
+      ...otherInputGroupProps,
       children: [
         prefixMarkup,
         /* @__PURE__ */ jsx(Input, { ref: inputRef }),

package/dist/{chunk-VFI4XPBU.js → chunk-AXOHWQ3F.js}

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