@hopper-ui/components 1.3.5 → 1.3.6

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

@@ -1,18 +1,19 @@
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-MYAC6TLH.js';
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-Y3VCNKJB.js';
+import { _RichIconAvatarImage } from './chunk-NZKS5OKD.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___zMUBx", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___fwYJ0", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___RSYai", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___K6lSB", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___mwFIB", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___KMY1q", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___6SVrF", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___npU1o", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___F-pzz", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___2NVPh", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___3II-Z", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___0Gn--", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___Vs2U2", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___fD-81", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___UPSl5", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___b9s4c", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___bE5J8" };
 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-QUEZJSCY.js → chunk-G6W6FNEX.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-MYAC6TLH.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___ZyB-W", "hop-Link--quiet": "Link-module__hop-Link--quiet___xw3UQ", "hop-Link--primary": "Link-module__hop-Link--primary___LRFPM", "hop-Link--secondary": "Link-module__hop-Link--secondary___PS6RE", "hop-Link__icon": "Link-module__hop-Link__icon___tqMgy", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___zA3TQ", "hop-Link__text": "Link-module__hop-Link__text___X-M4s", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Ri7ek", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___dzQhC" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-RPYDBKIG.js → chunk-HXMMNMFV.js}

@@ -3,9 +3,9 @@ import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { RadioContext } from './chunk-FU5CCPLP.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, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___has4j", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___sLe-B", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___T-FZw", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___4yS6O", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___hHfIp", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___MXi9G", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___1B1gK", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___nd3QV", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___KJIEd" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___MiSJ7", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___Nriql", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___IrP-E", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___FFXm3", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___sryAv", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___U5NgA", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___T2EAn", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___-vNmu", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ykY3T" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-5IRT2QDF.js → chunk-ICGQUOUM.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___zgPHG", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___nMqoM", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rSb-I", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tlBUR", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___c8Y4L" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-LYTJ7OUI.js → chunk-KIZSSIMT.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___izA5I", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___1e57F", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Ytl-9", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___gWeGt", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___10PiB" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-RYROB3P6.js → chunk-LDWNFZXA.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___3ueiS", "hop-Heading--xs": "Heading-module__hop-Heading--xs___5sgKJ", "hop-Heading--sm": "Heading-module__hop-Heading--sm___06P1n", "hop-Heading--md": "Heading-module__hop-Heading--md___nbkYZ", "hop-Heading--lg": "Heading-module__hop-Heading--lg___lSiFQ", "hop-Heading--xl": "Heading-module__hop-Heading--xl___df64W", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___Vsuh7", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___PXstD" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___xok42", "hop-Heading--xs": "Heading-module__hop-Heading--xs___yyvuF", "hop-Heading--sm": "Heading-module__hop-Heading--sm___KCcNN", "hop-Heading--md": "Heading-module__hop-Heading--md___IwpUP", "hop-Heading--lg": "Heading-module__hop-Heading--lg___GELZH", "hop-Heading--xl": "Heading-module__hop-Heading--xl___ixPVU", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___b7nfx", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___efLin" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-CH44JMHK.js → chunk-LEPWFS5L.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-MYAC6TLH.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___3GVjM", "hop-Radio--sm": "Radio-module__hop-Radio--sm___qIsKs", "hop-Radio--md": "Radio-module__hop-Radio--md___Eszb9", "hop-Radio__icon": "Radio-module__hop-Radio__icon___ChXsk", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Xk7yf", "hop-Radio__box": "Radio-module__hop-Radio__box___wgOZS", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___f0qvY", "hop-Radio__text": "Radio-module__hop-Radio__text___2EXJv" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-EOXY566V.js → chunk-MYAC6TLH.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___STL8w", "hop-Text--xs": "Text-module__hop-Text--xs___VMB69", "hop-Text--sm": "Text-module__hop-Text--sm___qeScp", "hop-Text--md": "Text-module__hop-Text--md___2mgs7", "hop-Text--lg": "Text-module__hop-Text--lg___0EFPU", "hop-Text--xl": "Text-module__hop-Text--xl___w3euL", "hop-Text--2xl": "Text-module__hop-Text--2xl___n8Xzj", "hop-Text--inherit": "Text-module__hop-Text--inherit___GpaJO" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-4UOBMEPP.js → chunk-NKZRZZMH.js}

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___YBC3D", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___Rs4tp", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___YwvCW", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___Jtjyx", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___-wVtZ", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___jHfJc", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___G16Zj", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___pm3Jd", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___3a9x9", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___5FenL", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___ZYpJI", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___109L4", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___iWMIa", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___-1kkv", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___MSz3N", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___VS2-c" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___JYrVb", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___fln30", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___rRXsh" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-6UW2BF2Z.js → chunk-NQYHB7S3.js}

@@ -2,12 +2,12 @@ import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-RMXL2PC5.js';
+import { _ListBoxItem } from './chunk-CGL75FSH.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-MYAC6TLH.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';
@@ -18,7 +18,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___c4-GN", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___1nBzD", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___DH0Gv", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___9nKGd", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___FGKIR", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___-nFoG" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___e4j-o", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___GMtww", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___FTXLR", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___M8ZWz", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___qkK-O", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___RwdwS" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

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

@@ -1,10 +1,12 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-Y3VCNKJB.js';
+import { _RichIconAvatarImage } from './chunk-NZKS5OKD.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-Y3VCNKJB.js → chunk-NZKS5OKD.js}

@@ -1,15 +1,17 @@
+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 { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { RichIconContext } 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';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___wNiuO", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___Aj5aq", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___a3YuL", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___M0I9p", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___-TJH8", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xw3ON", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Y4sXQ", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wOzcN" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",
@@ -24,7 +26,6 @@ function RichIconAvatarImage(props, ref) {
   [props, ref] = useContextProps(props, ref, RichIconAvatarImageContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
-    children,
     className,
     isDisabled,
     style,
@@ -33,7 +34,7 @@ function RichIconAvatarImage(props, ref) {
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalRichIconAvatarImageCssSelector,
     cssModule(
@@ -43,20 +44,28 @@ function RichIconAvatarImage(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 (!props["aria-label"] && !props["aria-labelledby"]) {
     console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
   }
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ...otherProps,
+      ...mergeProps(otherProps, renderProps),
       ref,
-      className: classNames,
-      style: mergedStyles,
       slot: slot != null ? slot : void 0,
       role: "img",
       "data-disabled": isDisabled || void 0,
@@ -69,7 +78,7 @@ function RichIconAvatarImage(props, ref) {
               size: AvatarToIconSizeAdapter[size]
             }]
           ],
-          children
+          children: renderProps.children
         }
       )
     }

package/dist/{chunk-NT6XKRT2.js → chunk-ODXA2UZN.js}

@@ -1,22 +1,23 @@
-import { _OverlineText } from './chunk-XXFIU5GK.js';
+import { _OverlineText } from './chunk-EUXXCRBZ.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } 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';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___c9NJZ" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___RGKDc" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);
   const { isHovered, isPressed, isSelected } = props;
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
-    children,
     className,
     isDisabled,
     isIndeterminate,
@@ -25,8 +26,7 @@ function Badge(props, ref) {
     variant = "primary",
     ...otherProps
   } = ownProps;
-  const isDot = isIndeterminate || !children;
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalBadgeCssSelector,
     cssModule(
@@ -35,17 +35,30 @@ function Badge(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,
+      isIndeterminate: isIndeterminate || false,
+      isHovered: isHovered || false,
+      isPressed: isPressed || false,
+      isSelected: isSelected || false
+    }
+  });
+  const isDot = isIndeterminate || !renderProps.children;
   return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
     _OverlineText,
     {
-      ...otherProps,
+      ...mergeProps(otherProps, renderProps),
       ref,
-      className: classNames,
-      style: mergedStyles,
       slot: slot != null ? slot : void 0,
       "data-disabled": isDisabled || void 0,
       "aria-disabled": isDisabled || void 0,
@@ -54,7 +67,7 @@ function Badge(props, ref) {
       "data-pressed": isPressed || void 0,
       "data-selected": isSelected || void 0,
       "data-variant": variant,
-      children: !isDot && children
+      children: !isDot && renderProps.children
     }
   ) });
 }

package/dist/{chunk-5IRH7LBK.js → chunk-OGIBVQFW.js}

@@ -1,17 +1,18 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { TextContext } from './chunk-X6SER3TZ.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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useId } from 'react-aria';
-import { useContextProps } from 'react-aria-components';
+import { useId, mergeProps } from 'react-aria';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___Q9bjb", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Xdf-X", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___efLJi", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___LTDyZ", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ePAti" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___vf1MO", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___g7W5A", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___4kKpo", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___nhfiF", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___6R77t" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",
@@ -23,7 +24,6 @@ function CheckboxField(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
-    children,
     isDisabled,
     size: sizeProp = "md",
     style,
@@ -31,7 +31,7 @@ function CheckboxField(props, ref) {
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalCheckboxFieldCssSelector,
     cssModule(
@@ -41,10 +41,20 @@ function CheckboxField(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
+    }
+  });
   const descriptionId = useId();
   return /* @__PURE__ */ jsx(
     SlotProvider,
@@ -65,13 +75,11 @@ function CheckboxField(props, ref) {
       children: /* @__PURE__ */ jsx(
         "div",
         {
-          ...otherProps,
+          ...mergeProps(otherProps, renderProps),
           ref,
-          className: classNames,
-          style: mergedStyles,
           slot: slot != null ? slot : void 0,
           "data-disabled": isDisabled,
-          children
+          children: renderProps.children
         }
       )
     }

package/dist/{chunk-PSGKAJML.js → chunk-OMF56Z2Y.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___41aHV", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___wHna0", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___CGwly", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Lhj6I", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___5mwOJ" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-UQY26ITM.js → chunk-PNWMICY7.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___I71EF" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___Q3MT-" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

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

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