@hopper-ui/components 1.3.12 → 1.3.14

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-WYBSUDRI.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-AG67ICXW.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-FJL3ZS2H.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-DWVXSSVC.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-A4UHNZBX.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-DN63JAPT.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-F3Y5D5LH.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-LFFRDNDM.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
+import '../../chunk-P2OSN32C.js';
 import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-LJXTJRSB.js';
+import '../../chunk-PWJCO32L.js';
+import '../../chunk-I3B3G6N4.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-EY4ZTKS4.js';
+import '../../chunk-JZAWRJFA.js';
+import '../../chunk-WPNVVGFW.js';
+import '../../chunk-MLLUZ55T.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-NH3IVMXB.js';

package/dist/{chunk-O2QKRLQW.js → chunk-26L2JI5Z.js}

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

package/dist/{chunk-K2OUU76F.js → chunk-2D2QW2TN.js}

@@ -1,7 +1,7 @@
-import { _Text } from './chunk-EY4ZTKS4.js';
+import { _Text } from './chunk-MLLUZ55T.js';
 import { useImageFallback } from './chunk-LI5HSYF7.js';
 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 { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___7VeLx", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___4tFrx", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___3HUSh", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___qnbCu", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___pcQaT", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___IS8p4", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___US1S4", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___Tp14-", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___VpJ4v", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___mHgoS", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___ThOjQ", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___JsL-S", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___W6SRa", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___n-xjo", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___EXyr5", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___6iLWS", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___zN7CK" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___wpAuv", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___clJqT", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___VwTfw", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___GF4mZ", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___-0jQ0", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___nf4fI", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___iaxQ-", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___Tm0WE", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___8JEYv", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___1oYom", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___dX7mt", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___ww9OR", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___BDC7Y", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___92LEC", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___x8En7", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___ikdtq", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___FOaQe" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-2GDRIOUE.js → chunk-4DLUFECD.js}

@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___tC2Bd", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___h8cJW", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___aewf9", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___b8ACT", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___pEb5G" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___AmJcI", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___szbuc", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___nMlKJ", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___Ecsab", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___vXNFl" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-6ZAKQWYM.js → chunk-4W7GPP6I.js}

@@ -1,8 +1,8 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioListContext } from './chunk-A7TZHALP.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
 import { RadioContext } from './chunk-FU5CCPLP.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, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___oqvNx", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___p7xk4", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___mkTH1", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___UJzyG", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___jZRmn", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___Mcilp", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___0DAQr", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___GnuJ3", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___F7nZs" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___PybWQ", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___9f6T3", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___R75VP", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___Qy-vn", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___-RIG9", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___hODuD", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___ACfL2", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___Kz9mY", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___voXl2" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-2T2P33DB.js → chunk-5C2HFY65.js}

@@ -1,5 +1,4 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
-import { EnsureTextWrapper } from './chunk-WH4BAEX4.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-LTN5Q7MF.js';
-import { HeadingContext } from './chunk-TXZ6BMFR.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { _ListBox } from './chunk-ZQARUJYZ.js';
+import { _SelectValue } from './chunk-KFXDFFLE.js';
+import { _ListBox } from './chunk-XGS34BBU.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-JSDCGGLX.js';
+import { _ListBoxItem } from './chunk-SG2POHLX.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { EnsureTextWrapper } from './chunk-P2OSN32C.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___LFstu", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___SHq1e", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___pNSfg", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___v2lN2", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___gIaVK", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___OULbV", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___LJnG1", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___H-sCX", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___kZHiP", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___X-IGE", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___AjA6d", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___c0eFy" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___835Et", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___hk2qO", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___xc8rV", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___8u7tA", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___3OjBy", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___6NX9h", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___-BhRc", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___hzZiE", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___23knp", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___Z88LJ", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___NcbYQ", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___heXGo" };
 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___2UXcI" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___ivzCo" };
 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___FzIZ6", "hop-Select--fluid": "Select-module__hop-Select--fluid___gYp79", "hop-Select__label": "Select-module__hop-Select__label___kFFOu", "hop-Select__button": "Select-module__hop-Select__button___fycqo", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___xsV2N", "hop-Select__button--md": "Select-module__hop-Select__button--md___w0ahb", "hop-Select__prefix": "Select-module__hop-Select__prefix___vQXy8", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___uwNeI", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___9Oqh7", "hop-Select__error-message": "Select-module__hop-Select__error-message___IBBJm" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___iGe3X", "hop-Select--fluid": "Select-module__hop-Select--fluid___MRajt", "hop-Select__label": "Select-module__hop-Select__label___pcp6j", "hop-Select__button": "Select-module__hop-Select__button___YqM-Z", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___5Tjs-", "hop-Select__button--md": "Select-module__hop-Select__button--md___bnEbE", "hop-Select__prefix": "Select-module__hop-Select__prefix___916vN", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___SzaEd", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___NogEd", "hop-Select__error-message": "Select-module__hop-Select__error-message___k-T9W" };
 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___VyLJ-", "fade": "Popover-module__fade___ywr9k", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___LKlkQ", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___CCdTM", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___vxUxw", "hop-Popover__title": "Popover-module__hop-Popover__title___ZhIo8", "hop-Popover__content": "Popover-module__hop-Popover__content___UL5Cr", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___puEf7", "hop-Popover__footer": "Popover-module__hop-Popover__footer___u5Ks-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___mSIJ9", "hop-Popover__action": "Popover-module__hop-Popover__action___a8DkN" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___uSCOt", "fade": "Popover-module__fade___xSKiJ", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___yQ93d", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___CKCUJ", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___M1SIk", "hop-Popover__title": "Popover-module__hop-Popover__title___q-f-y", "hop-Popover__content": "Popover-module__hop-Popover__content___Q-PXf", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___Fays-", "hop-Popover__footer": "Popover-module__hop-Popover__footer___WfENH", "hop-Popover__actions": "Popover-module__hop-Popover__actions___yzukr", "hop-Popover__action": "Popover-module__hop-Popover__action___kf1Ea" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-IZ273MDI.js → chunk-5TL2U37O.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-TVRQWVE2.js';
+import { _OverlineText } from './chunk-JZAWRJFA.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___CAGGZ" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___jegv1" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-42W5GW3R.js → chunk-6DYXXDY4.js}

@@ -1,6 +1,6 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-24KHRRRV.js';
-import { _EmbeddedButton } from './chunk-3H4QDM4L.js';
+import { _InputGroup } from './chunk-FRVE3N27.js';
+import { _EmbeddedButton } from './chunk-GUHMGBDJ.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___-xbTS", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___ckdg-", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___k-lA4", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___SA-Uq", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___oPTbT", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___WPdqS" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___k10DH", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___kfzmr", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___uyGWG", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___CIFqT", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___wFBoh", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___4BXF-" };
 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-2FQE5VSB.js → chunk-6XBPJOFU.js}

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

package/dist/{chunk-2XTLP4NP.js → chunk-A265GCLA.js}

@@ -1,5 +1,5 @@
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-EY4ZTKS4.js';
+import { _Text } from './chunk-MLLUZ55T.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___yvWAm" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___bKb5C" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-AG67ICXW.js → chunk-A4UHNZBX.js}

@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___0XhcY", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___eDp1h", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___e81y4", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___W6A2L", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___YwGbv" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___8hMui", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___U-2pK", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___yp9en", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___ajdc-", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___gS65H" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-AZBXRRMZ.js → chunk-AA6XHAZJ.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-24KHRRRV.js';
-import { _ClearButton } from './chunk-33FEE3VD.js';
+import { _InputGroup } from './chunk-FRVE3N27.js';
+import { _ClearButton } from './chunk-JHP7LA2B.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___QWU0i", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___85NQ7", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___KZT0V", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___IDYtm", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___45Pji", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___GbNi1", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___VuxoH", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___8seYw", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___CRBdA" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___HYefK", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___8WZ1m", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___7pHmE", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___ihI5j", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___q9vpn", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___OGPSY", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___vQZyv", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___qQln4", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___zPokm" };
 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-3MA53PNO.js → chunk-BA265NQT.js}

@@ -1,11 +1,10 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-33FEE3VD.js';
-import { _Spinner } from './chunk-CPRGKGB6.js';
+import { _ClearButton } from './chunk-JHP7LA2B.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 { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-EY4ZTKS4.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -14,12 +13,13 @@ import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___zbWcB", "hop-Tag--sm": "Tag-module__hop-Tag--sm___JgL3x", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___5Av84", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___xWqWG", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___1cqsY", "hop-Tag--md": "Tag-module__hop-Tag--md___84uAb", "hop-Tag--lg": "Tag-module__hop-Tag--lg___1mPuV", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___ow55T", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___6xaP8", "hop-Tag--progress": "Tag-module__hop-Tag--progress___7EDyV", "hop-Tag--positive": "Tag-module__hop-Tag--positive___UU1Go", "hop-Tag--caution": "Tag-module__hop-Tag--caution___ZSo1F", "hop-Tag--negative": "Tag-module__hop-Tag--negative___fWRDr", "hop-Tag--option1": "Tag-module__hop-Tag--option1___Eq8Bx", "hop-Tag--option2": "Tag-module__hop-Tag--option2___dfRO-", "hop-Tag--option3": "Tag-module__hop-Tag--option3___2XCMT", "hop-Tag--option4": "Tag-module__hop-Tag--option4___W4NxX", "hop-Tag--option5": "Tag-module__hop-Tag--option5___lA-8I", "hop-Tag--option6": "Tag-module__hop-Tag--option6___SYxXc", "hop-Tag__icon": "Tag-module__hop-Tag__icon___luOM1", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___T8W-e", "hop-Tag__text": "Tag-module__hop-Tag__text___p-qY-", "hop-Tag__badge": "Tag-module__hop-Tag__badge___7N3O1" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___-rCVm", "hop-Tag--sm": "Tag-module__hop-Tag--sm___fr1jO", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___5FrpC", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___afafg", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___WasdR", "hop-Tag--md": "Tag-module__hop-Tag--md___6UWsk", "hop-Tag--lg": "Tag-module__hop-Tag--lg___ldXx1", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___J4w93", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___F4PzZ", "hop-Tag--progress": "Tag-module__hop-Tag--progress___-lfc3", "hop-Tag--positive": "Tag-module__hop-Tag--positive___5dsGv", "hop-Tag--caution": "Tag-module__hop-Tag--caution___YrHxA", "hop-Tag--negative": "Tag-module__hop-Tag--negative___Cov73", "hop-Tag--option1": "Tag-module__hop-Tag--option1___I2iXh", "hop-Tag--option2": "Tag-module__hop-Tag--option2___u8Mw-", "hop-Tag--option3": "Tag-module__hop-Tag--option3___t4ILa", "hop-Tag--option4": "Tag-module__hop-Tag--option4___Zec2L", "hop-Tag--option5": "Tag-module__hop-Tag--option5___39tDN", "hop-Tag--option6": "Tag-module__hop-Tag--option6___9-KlZ", "hop-Tag__icon": "Tag-module__hop-Tag__icon___TvuVB", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___FH3aW", "hop-Tag__text": "Tag-module__hop-Tag__text___C9IvT", "hop-Tag__badge": "Tag-module__hop-Tag__badge___yWNmg" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",
@@ -49,6 +49,8 @@ function Tag(props, ref) {
     style: styleProp,
     textValue: textValueProp,
     variant = "neutral",
+    clearButtonProps,
+    spinnerProps,
     ...otherProps
   } = ownProps;
   const stringFormatter = useLocalizedString();
@@ -72,11 +74,12 @@ function Tag(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 });
   });
+  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps || {};
+  const spinnerClassNames = clsx(Tag_module_default["hop-Tag__Spinner"], spinnerClassName);
+  const { className: clearButtonClassName, ...otherClearButtonProps } = clearButtonProps || {};
+  const clearButtonClassNames = clsx(Tag_module_default["hop-Tag__remove-btn"], clearButtonClassName);
   return /* @__PURE__ */ jsx(
     Tag$1,
     {
@@ -127,11 +130,12 @@ function Tag(props, ref) {
             {
               slot: "remove",
               isDisabled,
-              className: Tag_module_default["hop-Tag__remove-btn"],
+              className: clearButtonClassNames,
               "aria-label": stringFormatter.format("Tag.removeAriaLabel"),
               size: TagToButtonSizeAdapter[size],
               variant,
-              isSelected
+              isSelected,
+              ...otherClearButtonProps
             }
           ),
           isLoading && /* @__PURE__ */ jsx(
@@ -139,7 +143,8 @@ function Tag(props, ref) {
             {
               "aria-label": stringFormatter.format("Tag.spinnerAriaLabel"),
               size: "sm",
-              className: Tag_module_default["hop-Tag__Spinner"]
+              className: spinnerClassNames,
+              ...otherSpinnerProps
             }
           )
         ] });