@hopper-ui/components 1.3.5 → 1.3.7

package/dist/{chunk-UEHE2IY5.js → chunk-5CR5V44E.js}

@@ -1,10 +1,12 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-Y3VCNKJB.js';
+import { _RichIconAvatarImage } from './chunk-ZVOVNXPJ.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { DeletedUserRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
+import { mergeProps } from 'react-aria';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 var GlobalDeletedAvatarCssSelector = "hop-DeletedAvatar";
@@ -16,26 +18,36 @@ function DeletedAvatar(props, ref) {
     className,
     size: sizeValue,
     style,
+    isDisabled,
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalDeletedAvatarCssSelector,
     stylingProps.className
   );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...props,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    }
+  });
   return /* @__PURE__ */ jsx(
     _RichIconAvatarImage,
     {
-      ...otherProps,
-      className: classNames,
+      ...mergeProps(otherProps, renderProps),
+      isDisabled,
       ref,
       size,
-      style: mergedStyles,
       children: /* @__PURE__ */ jsx(DeletedUserRichIcon, {})
     }
   );

package/dist/{chunk-3SMTAPEK.js → chunk-5LGDXMKZ.js}

@@ -1,12 +1,12 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-24JZVLAU.js';
-import { _EmbeddedButton } from './chunk-4UOBMEPP.js';
+import { _InputGroup } from './chunk-BUI76FPU.js';
+import { _EmbeddedButton } from './chunk-SRT6TJ7K.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
 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___F9-tS", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___pgiFi", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___5cATW", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___-ws7O", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___oICg-", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___4QF-n" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___I0UHA", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___T093p", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___SFE1N", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___z0KM7", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___St921", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-2RFHHVN3.js → chunk-AHMI7DHJ.js}

@@ -1,14 +1,14 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-24JZVLAU.js';
+import { _InputGroup } from './chunk-BUI76FPU.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___IXeDG", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___q73Oh", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___VgHW4", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___50tOE", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___3R-v3", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___XRCi0", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___Ke3pf", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___ARg7R", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___nvOtF", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___Jc4V5", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___u3Z1S", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___VHQNi", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___jTR-k", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___tmPHE" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___-spFY", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___HuQeh", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___jiJLy", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___kcHPU", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___kC1mi", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___GmvOU", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___tIjYw", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___hYZXB", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___hfKPt", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___pUp8-", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___-0RGO", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___oNcII", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___l7rJE", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___JmJl4" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-YZEDTLPG.js → chunk-AWYN6573.js}

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

package/dist/{chunk-5IRT2QDF.js → chunk-BNBUTFBN.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___LXL76", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___0zSMf", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___zqspI", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___ciRBc", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eEFPe", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___269Zv" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Arx5F", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-24JZVLAU.js → chunk-BUI76FPU.js}

@@ -10,7 +10,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___qGwKN", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___ugRmI", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___W7oKM", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___I4tbX", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___lODtF", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___BVOX3" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___IeLq4", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___bBTdC", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___rt-ic", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___pobIV", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___h-ACH", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___tggVm" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-6AFXZYF5.js → chunk-BZC3DOXC.js}

@@ -1,11 +1,11 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BulletIcon, IconContext } from '@hopper-ui/icons';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___XcRL7 Radio-module__hop-Radio___-DVX4", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___yZKCP Radio-module__hop-Radio--sm___2iKGS", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___FDWvt Radio-module__hop-Radio--md___NtAnh", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___B5OZ3 Radio-module__hop-Radio__icon___5wLUN", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___4CaC8 Radio-module__hop-Radio__icon___5wLUN", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___MO8xR Radio-module__hop-Radio__box___Lkth2", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___2sHe8 Radio-module__hop-Radio__bullet___xtCD0", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___jpBYd Radio-module__hop-Radio__text___1nCKy" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___xR3qR Radio-module__hop-Radio___5q4dw", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 Radio-module__hop-Radio--sm___4LYS8", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE Radio-module__hop-Radio--md___As58o", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5 Radio-module__hop-Radio__icon___KdTxL", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP Radio-module__hop-Radio__icon___KdTxL", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C Radio-module__hop-Radio__box___RRBuh", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA Radio-module__hop-Radio__bullet___BZw7q", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___guri5 Radio-module__hop-Radio__text___Q7Ytg" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-T6MMAU6N.js → chunk-C4W3WI5F.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.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___9ZtUM", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___E4v0D" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___l3cUu", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___1Lei9" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-LYTJ7OUI.js → chunk-CWP3RDUT.js}

@@ -3,9 +3,9 @@ import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___BzhC2", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___SGDvF", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___plgwV", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___y23rY", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___yNLvL", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___Px-Cf", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___snZ1O", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___-5ILS", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___ZH8tv" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___Ah-Aa", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___5vb0-", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-PSGKAJML.js → chunk-DCTC6KDW.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___86Uec", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___om-81", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___ZX-jL", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___7pqMA", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___BrDIH" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___bQxw7", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___cVWgA", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___luCe0", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___35gef", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___QBlgC" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-EBDEMWL7.js → chunk-DMAM2GFN.js}

@@ -1,16 +1,16 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-24JZVLAU.js';
-import { _ClearButton } from './chunk-YZEDTLPG.js';
+import { _InputGroup } from './chunk-BUI76FPU.js';
+import { _ClearButton } from './chunk-AWYN6573.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -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___6EriP", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___yhL5r", "hop-TextField__Label": "TextField-module__hop-TextField__Label___GGj5y", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___abfhq", "hop-TextField__char-count": "TextField-module__hop-TextField__char-count___ECw-3", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___QYSXW", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___kt72t", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___2Amjo" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___h9LPC", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___Vhft-", "hop-TextField__Label": "TextField-module__hop-TextField__Label___vjdjj", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___y4SIt", "hop-TextField__char-count": "TextField-module__hop-TextField__char-count___w-Y38", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___crbeu", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___m-vG9", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___ahKEe" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-CH44JMHK.js → chunk-DNFIKL5N.js}

@@ -1,10 +1,10 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BulletIcon, IconContext } from '@hopper-ui/icons';
@@ -14,7 +14,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___-DVX4", "hop-Radio--sm": "Radio-module__hop-Radio--sm___2iKGS", "hop-Radio--md": "Radio-module__hop-Radio--md___NtAnh", "hop-Radio__icon": "Radio-module__hop-Radio__icon___5wLUN", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___-SSe9", "hop-Radio__box": "Radio-module__hop-Radio__box___Lkth2", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___xtCD0", "hop-Radio__text": "Radio-module__hop-Radio__text___1nCKy" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___5q4dw", "hop-Radio--sm": "Radio-module__hop-Radio--sm___4LYS8", "hop-Radio--md": "Radio-module__hop-Radio--md___As58o", "hop-Radio__icon": "Radio-module__hop-Radio__icon___KdTxL", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___4rAJh", "hop-Radio__box": "Radio-module__hop-Radio__box___RRBuh", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___BZw7q", "hop-Radio__text": "Radio-module__hop-Radio__text___Q7Ytg" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-QUEZJSCY.js → chunk-DSUR3NPA.js}

@@ -1,9 +1,9 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___RVsUF", "hop-Link--quiet": "Link-module__hop-Link--quiet___3H58c", "hop-Link--primary": "Link-module__hop-Link--primary___JFUnP", "hop-Link--secondary": "Link-module__hop-Link--secondary___ZwM3-", "hop-Link__icon": "Link-module__hop-Link__icon___4icuQ", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___UxoAw", "hop-Link__text": "Link-module__hop-Link__text___hWs6H", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___wZ1l5", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___4K3J1" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___hx42L", "hop-Link--quiet": "Link-module__hop-Link--quiet___Sdez0", "hop-Link--primary": "Link-module__hop-Link--primary___pd6jh", "hop-Link--secondary": "Link-module__hop-Link--secondary___ZmHJ9", "hop-Link__icon": "Link-module__hop-Link__icon___EzbcC", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___kDa2B", "hop-Link__text": "Link-module__hop-Link__text___4wQpK", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___REGAG", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___lhZ1C" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-EOXY566V.js → chunk-F4XYXAPX.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___zzXwC", "hop-Text--xs": "Text-module__hop-Text--xs___-rtMy", "hop-Text--sm": "Text-module__hop-Text--sm___CYq6o", "hop-Text--md": "Text-module__hop-Text--md___5KoYO", "hop-Text--lg": "Text-module__hop-Text--lg___0FmIQ", "hop-Text--xl": "Text-module__hop-Text--xl___IPvZw", "hop-Text--2xl": "Text-module__hop-Text--2xl___OAtMe", "hop-Text--inherit": "Text-module__hop-Text--inherit___otJaa" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___R8UuG", "hop-Text--xs": "Text-module__hop-Text--xs___N8buF", "hop-Text--sm": "Text-module__hop-Text--sm___ZTn2L", "hop-Text--md": "Text-module__hop-Text--md___PaS1r", "hop-Text--lg": "Text-module__hop-Text--lg___Wi5qN", "hop-Text--xl": "Text-module__hop-Text--xl___zM1uq", "hop-Text--2xl": "Text-module__hop-Text--2xl___OWNYz", "hop-Text--inherit": "Text-module__hop-Text--inherit___r9ZJy" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-7MCVN25U.js → chunk-FKFP4LFR.js}

@@ -1,10 +1,12 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-Y3VCNKJB.js';
+import { _RichIconAvatarImage } from './chunk-ZVOVNXPJ.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useContextProps } from 'react-aria-components';
+import { mergeProps } from 'react-aria';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 var GlobalAnonymousAvatarCssSelector = "hop-AnonymousAvatar";
@@ -14,28 +16,36 @@ function AnonymousAvatar(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
-    size: sizeValue,
     style,
+    size: sizeValue,
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalAnonymousAvatarCssSelector,
     stylingProps.className
   );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...otherProps,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: props.isDisabled || false
+    }
+  });
   return /* @__PURE__ */ jsx(
     _RichIconAvatarImage,
     {
-      ...otherProps,
-      className: classNames,
+      ...mergeProps(otherProps, renderProps),
       ref,
       size,
-      style: mergedStyles,
       children: /* @__PURE__ */ jsx(AnonymousRichIcon, {})
     }
   );

package/dist/{chunk-52A7OS5J.js → chunk-FSRORCX7.js}

@@ -1,15 +1,15 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-YZEDTLPG.js';
-import { _Spinner } from './chunk-HABA5CYG.js';
+import { _ClearButton } from './chunk-AWYN6573.js';
+import { _Spinner } from './chunk-PGYHBNCP.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -19,7 +19,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___ivugY", "hop-Tag--sm": "Tag-module__hop-Tag--sm___8soZ3", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___I1kkt", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___mdI7N", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___8z0hr", "hop-Tag--md": "Tag-module__hop-Tag--md___L6AJq", "hop-Tag--lg": "Tag-module__hop-Tag--lg___RQ0jv", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___ILg-L", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___Sx33e", "hop-Tag--progress": "Tag-module__hop-Tag--progress___IVh0Q", "hop-Tag--positive": "Tag-module__hop-Tag--positive___plkPz", "hop-Tag--caution": "Tag-module__hop-Tag--caution___-t9lb", "hop-Tag--negative": "Tag-module__hop-Tag--negative___cWsJz", "hop-Tag--option1": "Tag-module__hop-Tag--option1___Un53T", "hop-Tag--option2": "Tag-module__hop-Tag--option2___oJlT7", "hop-Tag--option3": "Tag-module__hop-Tag--option3___8om-g", "hop-Tag--option4": "Tag-module__hop-Tag--option4___GYrwo", "hop-Tag--option5": "Tag-module__hop-Tag--option5___AfumK", "hop-Tag--option6": "Tag-module__hop-Tag--option6___2cJzx", "hop-Tag__icon": "Tag-module__hop-Tag__icon___-cwrq", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___zoSbV", "hop-Tag__text": "Tag-module__hop-Tag__text___VtwUA", "hop-Tag__badge": "Tag-module__hop-Tag__badge___g6uLv" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___Yy8k4", "hop-Tag--sm": "Tag-module__hop-Tag--sm___P8TCA", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___G2Agr", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___mraiV", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___CSU4h", "hop-Tag--md": "Tag-module__hop-Tag--md___2CaEV", "hop-Tag--lg": "Tag-module__hop-Tag--lg___8Dk2T", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___yOJvu", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___IqCd5", "hop-Tag--progress": "Tag-module__hop-Tag--progress___cH-Ng", "hop-Tag--positive": "Tag-module__hop-Tag--positive___2EKCj", "hop-Tag--caution": "Tag-module__hop-Tag--caution___ph-FI", "hop-Tag--negative": "Tag-module__hop-Tag--negative___CvM-K", "hop-Tag--option1": "Tag-module__hop-Tag--option1___ZQJIo", "hop-Tag--option2": "Tag-module__hop-Tag--option2___mQBU7", "hop-Tag--option3": "Tag-module__hop-Tag--option3___AQSPe", "hop-Tag--option4": "Tag-module__hop-Tag--option4___JVMM0", "hop-Tag--option5": "Tag-module__hop-Tag--option5___uMkwG", "hop-Tag--option6": "Tag-module__hop-Tag--option6___1Vk-2", "hop-Tag__icon": "Tag-module__hop-Tag__icon___-1ejX", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___xKNVa", "hop-Tag__text": "Tag-module__hop-Tag__text___sSfKQ", "hop-Tag__badge": "Tag-module__hop-Tag__badge___2wkBC" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-LI2RM2EK.js → chunk-HIF2U66B.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___2KiCn", "hop-Label__indicator": "Label-module__hop-Label__indicator___J9HRI" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___EE-2i", "hop-Label__indicator": "Label-module__hop-Label__indicator___QZV-x" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-7XEWB4YU.js → chunk-IA343FCT.js}

@@ -1,18 +1,19 @@
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-Y3VCNKJB.js';
+import { _RichIconAvatarImage } from './chunk-ZVOVNXPJ.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { filterDOMProps } from '@react-aria/utils';
-import clsx from 'clsx';
+import { filterDOMProps, mergeProps } from '@react-aria/utils';
 import { forwardRef, useMemo } from 'react';
-import { useContextProps } from 'react-aria-components';
+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___VJlNj", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___za54A", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___d31mz", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___8h7-Z", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___8qTKh", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___aFgNa", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___lgcWw", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___kwklY", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___o2ma-", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___wnAwp", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___Ru-zD", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___Ru0ZZ", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___DNYSE", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___dOdti", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___oYouv", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___9fr-j", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___jccMr" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___wvVPM", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___xWSLM", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___aYlLW", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___kS3ss", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___gjqxK", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___Pyynt", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___L9LKX", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___G27ag", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___nRYtl", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___YIsiX", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___6LeoD", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___B92oN", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___xfeoB", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___XIlFt", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___v9I39", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___thark", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___W02lq" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",
@@ -63,7 +64,6 @@ function Avatar(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     "aria-label": ariaLabel,
-    className,
     fallbackSrc,
     imageProps,
     isDisabled,
@@ -71,6 +71,7 @@ function Avatar(props, ref) {
     size: sizeValue,
     slot,
     src,
+    className,
     style,
     ...otherProps
   } = ownProps;
@@ -83,7 +84,7 @@ function Avatar(props, ref) {
   const isBrokenImage = src && imageFailed && fallbackSrc !== null;
   const isImage = src && !imageFailed;
   const isInitials = !src || src && imageFailed && fallbackSrc === null;
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalAvatarCssSelector,
     cssModule(
@@ -96,22 +97,30 @@ function Avatar(props, ref) {
     ),
     stylingProps.className
   );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...props,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    }
+  });
   if (imageFailed && fallbackSrc !== null) {
     return /* @__PURE__ */ jsx(
       _RichIconAvatarImage,
       {
-        ...domProps,
+        ...mergeProps(domProps, renderProps),
         "aria-label": ariaLabel != null ? ariaLabel : name,
-        className: classNames,
         isDisabled,
         ref,
         size,
         slot,
-        style: mergedStyles,
         children: /* @__PURE__ */ jsx(BrokenImageRichIcon, {})
       }
     );
@@ -143,14 +152,12 @@ function Avatar(props, ref) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ...domProps,
+      ...mergeProps(domProps, renderProps),
       "aria-label": ariaLabel != null ? ariaLabel : name,
-      className: classNames,
       "data-disabled": isDisabled || void 0,
       role: "img",
       slot: slot != null ? slot : void 0,
       ref,
-      style: mergedStyles,
       children: content
     }
   );

package/dist/{chunk-RMXL2PC5.js → chunk-IZUZUN6Z.js}

@@ -1,14 +1,14 @@
-import { _DecorativeRadio } from './chunk-6AFXZYF5.js';
-import { _DecorativeCheckbox } from './chunk-3OVZI77M.js';
+import { _DecorativeRadio } from './chunk-BZC3DOXC.js';
+import { _DecorativeCheckbox } from './chunk-MTQURD2G.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-5IRT2QDF.js';
+import { _ListBoxItemSkeleton } from './chunk-BNBUTFBN.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
@@ -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___QnaY2", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___hRh2f", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___5ms4l", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___1CBS-", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___TU4Wq", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___TAxWj", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___VfvOD", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___O3pdY", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___drOpJ", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___uxKi6", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___VtfpP", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___RcC3-", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___ZSnZy", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___UCaN-", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___vXF8B", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___p3CiA", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___c4q46" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___EKD3-", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___QDUaN", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___MkxrY", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Sh68L", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___mYIg-", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___UCV4p", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___6SsEU", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___gRpdF", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___46Wdm", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___3pjXI" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",
@@ -214,6 +214,8 @@ function ListBoxItem(props, ref) {
       isDisabled: isLoading || isDisabled,
       "data-invalid": isInvalid || void 0,
       "data-loading": isLoading || void 0,
+      "aria-label": isLoading ? "Loading" : void 0,
+      "aria-live": isLoading ? "polite" : void 0,
       children: (listBoxItemProps) => {
         if (isLoading) {
           return /* @__PURE__ */ jsx(