@hopper-ui/components 1.3.28 → 1.3.30

package/dist/checkbox/src/index.js

@@ -1,26 +1,26 @@
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-GV4X32KY.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-UO5QJHXD.js';
 export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-OECSVR7Z.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-UK7PZLNZ.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-LXWLN4DS.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-DZHNBZQQ.js';
 export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-RKNB4MGA.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-47FKFZ4S.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
-import '../../chunk-72PY2FT5.js';
+import '../../chunk-HQPE2NHR.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-RGIQISOA.js';
+import '../../chunk-VLVEXVWZ.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-TYVU3UXB.js';
+import '../../chunk-J4ZUH2ZP.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-7QM2UR6P.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-ZONJLY6Q.js';
+import '../../chunk-4I7NFPPR.js';
 import '../../chunk-HZKFQ33E.js';
-import '../../chunk-JM2QTS6J.js';
+import '../../chunk-NE3BRLPL.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-CVMHGZQE.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-Z7I4MQYQ.js';
+import '../../chunk-QXOFUM6L.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-NH3IVMXB.js';

package/dist/{chunk-JLCWRP32.js → chunk-2JMXBZHI.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-Z7I4MQYQ.js';
+import { _Text } from './chunk-QXOFUM6L.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___ibvxR", "spin": "Spinner-module__spin___1sHJ-", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___BaxZC", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___FXbi6", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___oV8nC", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___Et0bm", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___4GKKs", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___3lIgC" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___HoDfu", "spin": "Spinner-module__spin___CEAVq", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___Rw6xv", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___xCQt3", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___zHJ9a", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___CWONG", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___UJtBx", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___uD2VW" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-TUBWJ45G.js → chunk-2MYELF25.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___2Xc7x", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___7t50F" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___xMjZH", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___eQqyD" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);
@@ -35,11 +35,11 @@ function Divider(props, ref) {
   return /* @__PURE__ */ jsx(
     Separator,
     {
-      ...otherProps,
       ref,
       className: classNames,
       style: mergedStyles,
-      orientation
+      orientation,
+      ...otherProps
     }
   );
 }

package/dist/{chunk-7XY2646K.js → chunk-2SXSYPWT.js}

@@ -1,6 +1,6 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _Text } from './chunk-Z7I4MQYQ.js';
+import { _Text } from './chunk-QXOFUM6L.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___cPeNk", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___UjR1a", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___euc-D", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___gpM-9", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___K9a4J" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___GH7SP", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___6mSN6", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___z6Rj7", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___oU6UF", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___L-ki9" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-U4TXF2NA.js → chunk-3SNUQFBZ.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
+import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-IN2LYBYC.js';
+import { _ListBoxItem } from './chunk-5MYQ7W33.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _Text } from './chunk-Z7I4MQYQ.js';
+import { _Text } from './chunk-QXOFUM6L.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___7lDk-", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___OLu0E", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___yt-98", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___yhEcM", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___xl0eo" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___yGwxE", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___kfu9L", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___MK0zJ", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___ZgG9b", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___MQJIQ" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-7FN5LPW2.js → chunk-44XBQWFL.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___5ZsCl", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___3gamK" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___ZUmBM", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___LvX94" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);
@@ -53,13 +53,13 @@ function FloatingBadge(props, ref) {
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          ...otherProps,
           ref,
           className: classNames,
           style: mergedStyles,
           slot: slot != null ? slot : void 0,
           "data-overlap": overlap,
           "data-placement": placement,
+          ...otherProps,
           children
         }
       )

package/dist/{chunk-RKNB4MGA.js → chunk-47FKFZ4S.js}

@@ -1,5 +1,5 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___TSa3m Checkbox-module__hop-Checkbox___tw1j2", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___rqdIO Checkbox-module__hop-Checkbox--sm___o8DtK", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___l0Bh3 Checkbox-module__hop-Checkbox--md___DeslR", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___JjmLY Checkbox-module__hop-Checkbox__icon___avLf3", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___TeWP- Checkbox-module__hop-Checkbox__icon___avLf3", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___98ip5 Checkbox-module__hop-Checkbox__box___Iq8WA", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___zSomB Checkbox-module__hop-Checkbox__check___-de0t", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___pdrli Checkbox-module__hop-Checkbox__text___UHACO" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___HSicD Checkbox-module__hop-Checkbox___-Y6m5", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___LJYX9 Checkbox-module__hop-Checkbox--sm___9kcfx", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___cGpHG Checkbox-module__hop-Checkbox--md___QzMw3", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___tdO1r Checkbox-module__hop-Checkbox__icon___498i7", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___QdFgp Checkbox-module__hop-Checkbox__icon___498i7", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___FGDLn Checkbox-module__hop-Checkbox__box___iFoib", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___-AH84 Checkbox-module__hop-Checkbox__check___L8jQ9", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T88qg Checkbox-module__hop-Checkbox__text___DowJZ" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;
@@ -82,7 +82,6 @@ function DecorativeCheckbox(props, ref) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ...mergeProps(otherProps, renderProps),
       ref,
       slot: slot || void 0,
       "data-selected": isSelected || void 0,
@@ -94,6 +93,7 @@ function DecorativeCheckbox(props, ref) {
       "data-readonly": isReadOnly || void 0,
       "data-invalid": isInvalid || void 0,
       "data-required": isRequired || void 0,
+      ...mergeProps(renderProps, otherProps),
       children: [
         /* @__PURE__ */ jsx("div", { className: DecorativeCheckbox_module_default["hop-DecorativeCheckbox__box"], children: icon }),
         /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(

package/dist/{chunk-ZONJLY6Q.js → chunk-4I7NFPPR.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-Z7I4MQYQ.js';
+import { _Text } from './chunk-QXOFUM6L.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___26YDV", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___5-akU" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___1F5k2", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___uRarL" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);
@@ -40,12 +40,12 @@ var HelperMessageInner = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxs(
     _Text,
     {
-      ...otherProps,
       ref,
       className: classNames,
       style: mergedStyles,
       size: "xs",
       slot,
+      ...otherProps,
       children: [
         !hideIcon && /* @__PURE__ */ jsx(InfoIcon, { size: "sm", className: HelperMessage_module_default["hop-HelperMessage__icon"] }),
         children

package/dist/{chunk-RA3VSEHH.js → chunk-4YZZWHBM.js}

@@ -1,8 +1,8 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-YFVVNMTC.js';
-import { mapOrbiterToHopperVariants } from './chunk-52F3MKBS.js';
-import { _Spinner } from './chunk-JLCWRP32.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
+import { _ClearButton } from './chunk-DOKGX5N4.js';
+import { mapOrbiterToHopperVariants } from './chunk-S5NKOTEO.js';
+import { _Spinner } from './chunk-2JMXBZHI.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 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___ONAq7", "hop-Tag--sm": "Tag-module__hop-Tag--sm___1h7hA", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___sV3TC", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___7KRuV", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___UbuMI", "hop-Tag--md": "Tag-module__hop-Tag--md___iUmDO", "hop-Tag--lg": "Tag-module__hop-Tag--lg___dpUqi", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___4Fm0e", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___u5maM", "hop-Tag--progress": "Tag-module__hop-Tag--progress___pDa2k", "hop-Tag--positive": "Tag-module__hop-Tag--positive___sTRDw", "hop-Tag--caution": "Tag-module__hop-Tag--caution___16wXR", "hop-Tag--negative": "Tag-module__hop-Tag--negative___837EG", "hop-Tag--option1": "Tag-module__hop-Tag--option1___ZrxOs", "hop-Tag--option2": "Tag-module__hop-Tag--option2___p702y", "hop-Tag--option3": "Tag-module__hop-Tag--option3___-juUF", "hop-Tag--option4": "Tag-module__hop-Tag--option4___AIF1Y", "hop-Tag--option5": "Tag-module__hop-Tag--option5___YcRzj", "hop-Tag--option6": "Tag-module__hop-Tag--option6___b0Y08", "hop-Tag__icon": "Tag-module__hop-Tag__icon___p4TeO", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___rdnLi", "hop-Tag__text": "Tag-module__hop-Tag__text___y8kad", "hop-Tag__badge": "Tag-module__hop-Tag__badge___cAdoy", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___7SKwb" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___TGBMS", "hop-Tag--sm": "Tag-module__hop-Tag--sm___kpbsa", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___5yVei", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___enPXH", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___j9dK0", "hop-Tag--md": "Tag-module__hop-Tag--md___d3nmC", "hop-Tag--lg": "Tag-module__hop-Tag--lg___cAdUR", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___99oBc", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___uvj9F", "hop-Tag--progress": "Tag-module__hop-Tag--progress___fWK48", "hop-Tag--positive": "Tag-module__hop-Tag--positive___-4Nij", "hop-Tag--caution": "Tag-module__hop-Tag--caution___MgP0K", "hop-Tag--negative": "Tag-module__hop-Tag--negative___orFXJ", "hop-Tag--option1": "Tag-module__hop-Tag--option1___JWyc3", "hop-Tag--option2": "Tag-module__hop-Tag--option2___pbYw0", "hop-Tag--option3": "Tag-module__hop-Tag--option3___tGNXi", "hop-Tag--option4": "Tag-module__hop-Tag--option4___lQjaE", "hop-Tag--option5": "Tag-module__hop-Tag--option5___eMkf2", "hop-Tag--option6": "Tag-module__hop-Tag--option6___JNDQC", "hop-Tag__icon": "Tag-module__hop-Tag__icon___79-I6", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___BBkr5", "hop-Tag__text": "Tag-module__hop-Tag__text___vNl39", "hop-Tag__badge": "Tag-module__hop-Tag__badge___X-KIZ", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___CoiEq" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",
@@ -84,13 +84,13 @@ function Tag(props, ref) {
   return /* @__PURE__ */ jsx(
     Tag$1,
     {
-      ...otherProps,
       ref,
       className: classNames,
       style,
       textValue,
       "data-invalid": isInvalid || void 0,
       "data-loading": isLoading || void 0,
+      ...otherProps,
       children: (tagProps) => {
         const { allowsRemoving, isDisabled, isSelected } = tagProps;
         return /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/{chunk-IN2LYBYC.js → chunk-5MYQ7W33.js}

@@ -1,8 +1,8 @@
-import { _DecorativeRadio } from './chunk-RNLIMB3A.js';
-import { _DecorativeCheckbox } from './chunk-RKNB4MGA.js';
+import { _DecorativeRadio } from './chunk-7Q6MXAW6.js';
+import { _DecorativeCheckbox } from './chunk-47FKFZ4S.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-CASQ2C4E.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
+import { _ListBoxItemSkeleton } from './chunk-5TIGRW6E.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___zjFOJ", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___KK7VH", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___DGfKq", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___ApJwy", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___2nDn-", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___LVPb6", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___ZIZ6i", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___qKxSX", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___5NC07", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___hIexu", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___tQYbl", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___BvC98", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___2Jvcl", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___a-0Z0", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___2MZpJ", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___mOOLd", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___8vygx" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___HvOEm", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___EQVfY", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___f5FQZ", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___NJZmI", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___BDe8q", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___6FViV", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___YBEKK", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___xJ17-", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___726Bo", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___nGvC-", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___Kkz4s", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___6ff3J", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___-uFAs", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___UdTmX", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___o8uuE", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___YjI-N", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___AsC2U" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",
@@ -208,7 +208,6 @@ function ListBoxItem(props, ref) {
   return /* @__PURE__ */ jsx(
     ListBoxItem$1,
     {
-      ...otherProps,
       ref,
       className: classNames,
       style,
@@ -218,6 +217,7 @@ function ListBoxItem(props, ref) {
       "data-loading": isLoading || void 0,
       "aria-label": isLoading ? "Loading" : void 0,
       "aria-live": isLoading ? "polite" : void 0,
+      ...otherProps,
       children: (listBoxItemProps) => {
         if (isLoading) {
           return /* @__PURE__ */ jsx("div", { className: ListBoxItem_module_default["hop-ListBoxItem__inner"], children: /* @__PURE__ */ jsx(

package/dist/{chunk-CASQ2C4E.js → chunk-5TIGRW6E.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___PyvXG", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___qnIaw", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ZEVTh", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___gU8Lc", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YU6bo", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___NX8X-" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___g2mp0", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___OBaI0", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___rNorz", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___MTFzq", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8x1t9", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rjQIo" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;
@@ -38,11 +38,11 @@ function ListBoxItemSkeleton(props, ref) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ...otherProps,
       ref,
       className: classNames,
       style,
-      slot: slot != null ? slot : void 0
+      slot: slot != null ? slot : void 0,
+      ...otherProps
     }
   );
 }

package/dist/{chunk-FIV4MP2N.js → chunk-64EU3M5O.js}

@@ -1,5 +1,5 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -13,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___1Rlt4", "hop-Radio--sm": "Radio-module__hop-Radio--sm___szZXV", "hop-Radio--md": "Radio-module__hop-Radio--md___TbuKi", "hop-Radio__icon": "Radio-module__hop-Radio__icon___SW3KN", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___w3nD4", "hop-Radio__box": "Radio-module__hop-Radio__box___ZKY4S", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___i0CQm", "hop-Radio__text": "Radio-module__hop-Radio__text___ZoWNb" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___-BvWw", "hop-Radio--sm": "Radio-module__hop-Radio--sm___6Z2zh", "hop-Radio--md": "Radio-module__hop-Radio--md___-V3tA", "hop-Radio__icon": "Radio-module__hop-Radio__icon___8xl98", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___HzInS", "hop-Radio__box": "Radio-module__hop-Radio__box___3VRoX", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___TYE3-", "hop-Radio__text": "Radio-module__hop-Radio__text___SI929" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-N654TU4R.js → chunk-6RCOGX6X.js}

@@ -2,8 +2,8 @@ import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagListContext } from './chunk-XLKYXKWE.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___td8UU", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___8Hkbz", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___r7QG5", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___dFHhv", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___1w4VL" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___JrJGa", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___BFPSX", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___RFC7g", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___HWfPz", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___tV0vu" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;
@@ -78,10 +78,10 @@ function TagGroup(props, ref) {
       children: /* @__PURE__ */ jsx(
         TagGroup$1,
         {
-          ...otherProps,
           ref,
           className: classNames,
           style,
+          ...otherProps,
           children
         }
       )

package/dist/{chunk-KG7GOFW7.js → chunk-6S4ZOYNF.js}

@@ -1,7 +1,7 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-JLCWRP32.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
+import { _Spinner } from './chunk-2JMXBZHI.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Button as Button$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___Vk-pE", "hop-Button--fluid": "Button-module__hop-Button--fluid___XjOkt", "hop-Button--sm": "Button-module__hop-Button--sm___vWCBa", "hop-Button--md": "Button-module__hop-Button--md___izHSQ", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___PBAQR", "hop-Button--primary": "Button-module__hop-Button--primary___QJ38L", "hop-Button--secondary": "Button-module__hop-Button--secondary___dNIwa", "hop-Button--upsell": "Button-module__hop-Button--upsell___M3u91", "hop-Button--danger": "Button-module__hop-Button--danger___h-7f6", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___QNVJ5", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___2ajOS", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___5qpRc", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___raEcs", "hop-Button__icon": "Button-module__hop-Button__icon___-UKFx", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___fzjBi", "hop-Button__text": "Button-module__hop-Button__text___bccEP", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___5glB6", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___j6JuP" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___jIok0", "hop-Button--fluid": "Button-module__hop-Button--fluid___3hPMs", "hop-Button--sm": "Button-module__hop-Button--sm___H3RDg", "hop-Button--md": "Button-module__hop-Button--md___kbzCK", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___GoXzR", "hop-Button--primary": "Button-module__hop-Button--primary___vgEZd", "hop-Button--secondary": "Button-module__hop-Button--secondary___4ojx0", "hop-Button--upsell": "Button-module__hop-Button--upsell___c51Bt", "hop-Button--danger": "Button-module__hop-Button--danger___UOWQg", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___y4YEd", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___uvrka", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___bjJPS", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___2tcd1", "hop-Button__icon": "Button-module__hop-Button__icon___CFah2", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___0WU-F", "hop-Button__text": "Button-module__hop-Button__text___CsFXb", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___VQbbq", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___vL1sd" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;
@@ -99,12 +99,12 @@ function Button(props, ref) {
       children: /* @__PURE__ */ jsx(
         Button$1,
         {
-          ...otherProps,
           ref,
           slot: props.slot || void 0,
           className: classNames,
           style,
           isPending: isLoading,
+          ...otherProps,
           children: (buttonRenderProps) => {
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               children(buttonRenderProps),

package/dist/{chunk-RNLIMB3A.js → chunk-7Q6MXAW6.js}

@@ -1,5 +1,5 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___e15vn Radio-module__hop-Radio___1Rlt4", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___rJoeF Radio-module__hop-Radio--sm___szZXV", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___UMZa1 Radio-module__hop-Radio--md___TbuKi", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___ugvoU Radio-module__hop-Radio__icon___SW3KN", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___ONfgX Radio-module__hop-Radio__icon___SW3KN", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___YBkQb Radio-module__hop-Radio__box___ZKY4S", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___BXcQh Radio-module__hop-Radio__bullet___i0CQm", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___Bt9UW Radio-module__hop-Radio__text___ZoWNb" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___hr3SC Radio-module__hop-Radio___-BvWw", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___5x6to Radio-module__hop-Radio--sm___6Z2zh", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___9AOhH Radio-module__hop-Radio--md___-V3tA", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___9b3rh Radio-module__hop-Radio__icon___8xl98", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___Y-ei6 Radio-module__hop-Radio__icon___8xl98", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___RxW-d Radio-module__hop-Radio__box___3VRoX", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___2wmzy Radio-module__hop-Radio__bullet___TYE3-", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___yUV6Z Radio-module__hop-Radio__text___SI929" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;
@@ -79,7 +79,6 @@ function DecorativeRadio(props, ref) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ...mergeProps(otherProps, renderProps),
       ref,
       slot: slot || void 0,
       "data-selected": isSelected || void 0,
@@ -91,6 +90,7 @@ function DecorativeRadio(props, ref) {
       "data-readonly": isReadOnly || void 0,
       "data-invalid": isInvalid || void 0,
       "data-required": isRequired || void 0,
+      ...mergeProps(renderProps, otherProps),
       children: [
         /* @__PURE__ */ jsx("div", { className: DecorativeRadio_module_default["hop-DecorativeRadio__box"], children: /* @__PURE__ */ jsx(BulletIcon, { size, className: radioIconClassName }) }),
         /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(

package/dist/{chunk-JM2QTS6J.js → chunk-CVMHGZQE.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___c-eos", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___LKc8m" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___nLt--", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___QruUF" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);
@@ -29,11 +29,11 @@ function OverlineText(props, ref) {
   return /* @__PURE__ */ jsx(
     Text,
     {
-      ...otherProps,
       ref,
       elementType,
       className: classNames,
       style: mergedStyles,
+      ...otherProps,
       children: /* @__PURE__ */ jsx("span", { className: OverlineText_module_default["hop-OverlineText__text"], children })
     }
   );

package/dist/{chunk-EELG3KGZ.js → chunk-CY7GW4SB.js}

@@ -1,12 +1,12 @@
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-4IENSHKG.js';
-import { _InputGroup } from './chunk-C6MQIVDN.js';
-import { _ClearButton } from './chunk-YFVVNMTC.js';
-import { ensureTextWrapper } from './chunk-72PY2FT5.js';
-import { _Label } from './chunk-TYVU3UXB.js';
-import { _ErrorMessage } from './chunk-7QM2UR6P.js';
-import { _HelperMessage } from './chunk-ZONJLY6Q.js';
+import { _RemainingCharacterCount } from './chunk-VAKUV6QI.js';
+import { _InputGroup } from './chunk-LFCEYG5R.js';
+import { _ClearButton } from './chunk-DOKGX5N4.js';
+import { ensureTextWrapper } from './chunk-HQPE2NHR.js';
+import { _Label } from './chunk-J4ZUH2ZP.js';
+import { _HelperMessage } from './chunk-4I7NFPPR.js';
+import { _ErrorMessage } from './chunk-NE3BRLPL.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -23,7 +23,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 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___9-TOJ", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___Y2kgx", "hop-TextField__Label": "TextField-module__hop-TextField__Label___cxP74", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___j789G", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___Jngbe", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___M-YzS", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___XADCy" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___860F7", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___K-BZE", "hop-TextField__Label": "TextField-module__hop-TextField__Label___qwRO7", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___yXkIR", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___yguUC", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___VG4Qa", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___BaTBy" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-YFVVNMTC.js → chunk-DOKGX5N4.js}

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

package/dist/{chunk-UK7PZLNZ.js → chunk-DZHNBZQQ.js}

@@ -1,6 +1,6 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _Text } from './chunk-Z7I4MQYQ.js';
+import { _Text } from './chunk-QXOFUM6L.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___0S4mr", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___r2jJv", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___jUgH1", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___SZLiv", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ORsXq" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___VFYrh", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___dp5bX", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___w-vEy", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___IOsEc", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___DksZX" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",
@@ -73,10 +73,10 @@ function CheckboxField(props, ref) {
       children: /* @__PURE__ */ jsxs(
         "div",
         {
-          ...mergeProps(otherProps, renderProps),
           ref,
           slot: slot != null ? slot : void 0,
           "data-disabled": isDisabled,
+          ...mergeProps(renderProps, otherProps),
           children: [
             renderProps.children,
             description && /* @__PURE__ */ jsx(

package/dist/{chunk-E3XCDDVP.js → chunk-FVH4W7VW.js}

@@ -1,11 +1,11 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-4IENSHKG.js';
-import { _InputGroup } from './chunk-C6MQIVDN.js';
-import { _Label } from './chunk-TYVU3UXB.js';
-import { _ErrorMessage } from './chunk-7QM2UR6P.js';
-import { _HelperMessage } from './chunk-ZONJLY6Q.js';
+import { _RemainingCharacterCount } from './chunk-VAKUV6QI.js';
+import { _InputGroup } from './chunk-LFCEYG5R.js';
+import { _Label } from './chunk-J4ZUH2ZP.js';
+import { _HelperMessage } from './chunk-4I7NFPPR.js';
+import { _ErrorMessage } from './chunk-NE3BRLPL.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -78,7 +78,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___Wq0AI", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___tsyc8", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___V67D5", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___zbszV", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___r2ykg", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___uVzhx", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___CuiSs", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___W40Yx", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___pJFmI" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___3xrI0", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___Eb2Dw", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___GBj9M", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___cKFjc", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___Kr-5w", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___dI87z", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___sEhrQ", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Zs1ZC", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___tuQQV" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-KXHFO3GY.js → chunk-FWIQZGWG.js}

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

package/dist/{chunk-ZO5FPKXJ.js → chunk-GRQTYLL6.js}

@@ -11,7 +11,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___J0APP", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___ba8wZ", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___ditGU", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___hxrOv", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___rhCAV", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___MdUPO", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___NUTyU", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___-6vIJ" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___aTym2", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j-", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___3tHju", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___a9NNh", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___aEy7V", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___aVU7A", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___ZYKMg" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-72PY2FT5.js → chunk-HQPE2NHR.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-Z7I4MQYQ.js';
+import { _Text } from './chunk-QXOFUM6L.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children) {