@hopper-ui/components 1.3.5 → 1.3.7

package/dist/{chunk-FMNUFTYZ.js → chunk-VZAUDQPW.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.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 { 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 { IconContext, SearchIcon } from '@hopper-ui/icons';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___GwHlh", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___O7Q8F", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___6png2", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___gfmy9", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___wUEhF", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___KHhkC", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___hgVi5", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___o0oGA", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___N4jdH" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___AV5d9", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___fk-1h", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___cDU1N", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___CXWRj", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___WkPdD", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___rVtfI", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___fscIC", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___wlBbe", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___7B2Ke" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-RPYDBKIG.js → chunk-WD3GLWJA.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___ByriM", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___U6RNR", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___wPypQ", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___uVawW", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___ieR7x", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___3EuL0", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___m6LmJ", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___QtRJp", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___CHWOA" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-RYROB3P6.js → chunk-YFJWAPT5.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___byI5a", "hop-Heading--xs": "Heading-module__hop-Heading--xs___S-Spm", "hop-Heading--sm": "Heading-module__hop-Heading--sm___eYVWY", "hop-Heading--md": "Heading-module__hop-Heading--md___Trt4d", "hop-Heading--lg": "Heading-module__hop-Heading--lg___8RulN", "hop-Heading--xl": "Heading-module__hop-Heading--xl___XLAp5", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___ghz3S", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___sTxzT" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-6UW2BF2Z.js → chunk-YUMDUDZX.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-IZUZUN6Z.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-F4XYXAPX.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___fCheu", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___2fafn", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___sIZIS", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___4-Gsh", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___1GilQ" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-LIGWTMRQ.js → chunk-Z63VLZM2.js}

@@ -1,10 +1,10 @@
 import { SwitchContext } from './chunk-YHBJAXUY.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 { IconContext } from '@hopper-ui/icons';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___kbnS3", "hop-Switch--sm": "Switch-module__hop-Switch--sm___tE8C-", "hop-Switch--md": "Switch-module__hop-Switch--md___XAaG6", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___oPB86", "hop-Switch__text": "Switch-module__hop-Switch__text___kgaPA", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___8mMxh", "hop-Switch__icon": "Switch-module__hop-Switch__icon___7vu8m" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___pDNWk", "hop-Switch--sm": "Switch-module__hop-Switch--sm___iOw3G", "hop-Switch--md": "Switch-module__hop-Switch--md___tQX-I", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___zn9K-", "hop-Switch__text": "Switch-module__hop-Switch__text___HP1cV", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___Dv9Q0", "hop-Switch__icon": "Switch-module__hop-Switch__icon___ofe0Q" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-Y3VCNKJB.js → chunk-ZVOVNXPJ.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___48JUv", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___is3ow", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Uv85l", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___MKeiw", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zWajo", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___G8Mrm", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___IX8Rm", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___xjvN9" };
 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
         }
       )
     }