@hopper-ui/components 1.3.5 → 1.3.6

package/dist/{chunk-EBDEMWL7.js → chunk-R4LJYEOV.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-ZSOGDKV5.js';
+import { _ClearButton } from './chunk-QLR77TGC.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-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 { 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___PTMtk", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___avhOT", "hop-TextField__Label": "TextField-module__hop-TextField__Label___u2Ks9", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___Fiyv5", "hop-TextField__char-count": "TextField-module__hop-TextField__char-count___5KbZ5", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___JLzkG", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___aJHcq", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___2GFwW" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-UEHE2IY5.js → chunk-RDPNKPZ3.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 { 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-AIO2PFOS.js → chunk-SSCVAJ2H.js}

@@ -1,14 +1,14 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _InputGroup } from './chunk-24JZVLAU.js';
+import { _InputGroup } from './chunk-ZSOGDKV5.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 { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-MYAC6TLH.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 { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___J-vvv", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___hHc5b", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___OigKH", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___wuvby", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___7CbvI", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___IXTCQ", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___ZrLsF", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___9W-N1", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___vtiJO" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___qaonI", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___Cyf8M", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___Hrr66", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___2BdDx", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___d4oXY", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___3wZu0", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___-1sD-", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___RTzEd", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___yeQUs" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-3KW6ENLR.js → chunk-UJVTDWNG.js}

@@ -12,26 +12,26 @@ import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-S4LXTCFZ.js';
+import { _SelectValue } from './chunk-AAV7H2PI.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _ListBox } from './chunk-6UW2BF2Z.js';
+import { _ListBox } from './chunk-NQYHB7S3.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-RMXL2PC5.js';
+import { _ListBoxItem } from './chunk-CGL75FSH.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-MYAC6TLH.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hopper-ui/styled-system';
@@ -44,7 +44,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___GzSzx", "fade": "Popover-module__fade___0iRpD", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___rzrEg", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___NO8wk", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___nrI9c", "hop-Popover__title": "Popover-module__hop-Popover__title___B58Xg", "hop-Popover__content": "Popover-module__hop-Popover__content___oraZq", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___h0zPU", "hop-Popover__footer": "Popover-module__hop-Popover__footer___OWTol", "hop-Popover__actions": "Popover-module__hop-Popover__actions___AoYYT", "hop-Popover__action": "Popover-module__hop-Popover__action___bkX4V" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___pOS32", "fade": "Popover-module__fade___0AhRl", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___Gpx6-", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___KwJ4t", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___Ydsf8", "hop-Popover__title": "Popover-module__hop-Popover__title___Ac5V0", "hop-Popover__content": "Popover-module__hop-Popover__content___LsWgM", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___jhPeo", "hop-Popover__footer": "Popover-module__hop-Popover__footer___KvfnC", "hop-Popover__actions": "Popover-module__hop-Popover__actions___3EQON", "hop-Popover__action": "Popover-module__hop-Popover__action___lVwso" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;
@@ -178,7 +178,7 @@ var _Popover = forwardRef(Popover);
 _Popover.displayName = "Popover";
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___dJgXb", "hop-Select--fluid": "Select-module__hop-Select--fluid___n-ffG", "hop-Select__label": "Select-module__hop-Select__label___ww0Oj", "hop-Select__button": "Select-module__hop-Select__button___DeitW", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___r02EE", "hop-Select__button--md": "Select-module__hop-Select__button--md___pfGKb", "hop-Select__prefix": "Select-module__hop-Select__prefix___aQ0-O", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___buAoj", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___7An6Z", "hop-Select__error-message": "Select-module__hop-Select__error-message___IO3he" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___dZacu", "hop-Select--fluid": "Select-module__hop-Select--fluid___RMUq3", "hop-Select__label": "Select-module__hop-Select__label___yCY4A", "hop-Select__button": "Select-module__hop-Select__button___pty-P", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___ybcFD", "hop-Select__button--md": "Select-module__hop-Select__button--md___w1cwq", "hop-Select__prefix": "Select-module__hop-Select__prefix___QGcJO", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___UCJ9e", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___gU1Rh", "hop-Select__error-message": "Select-module__hop-Select__error-message___p0QAg" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b;
@@ -738,7 +738,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___5e3Zc" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___Kd5fG" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

package/dist/{chunk-SAHIPNPF.js → chunk-YZ676IC2.js}

@@ -1,13 +1,13 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-HABA5CYG.js';
+import { _Spinner } from './chunk-CVYYW7J4.js';
 import { ButtonContext } from './chunk-WMTWFKKP.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 { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-MYAC6TLH.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 { IconContext } from '@hopper-ui/icons';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___K3ym3", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___pDOlY", "hop-Button--fluid": "Button-module__hop-Button--fluid___sJBNA", "hop-Button--sm": "Button-module__hop-Button--sm___eZ1pq", "hop-Button--primary": "Button-module__hop-Button--primary___c7XfQ", "hop-Button--md": "Button-module__hop-Button--md___2skgd", "hop-Button--secondary": "Button-module__hop-Button--secondary___WDYTN", "hop-Button--upsell": "Button-module__hop-Button--upsell___Nr5le", "hop-Button--danger": "Button-module__hop-Button--danger___q9glA", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___aTh5-", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___1kYjS", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___IOY1A", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___sqg8M", "hop-Button__icon": "Button-module__hop-Button__icon___L7LNK", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___x-QI9", "hop-Button__text": "Button-module__hop-Button__text___-kpPV", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___UciS2", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___sxG7a" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___5iBZz", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___TPK5R", "hop-Button--fluid": "Button-module__hop-Button--fluid___Zb3Z4", "hop-Button--sm": "Button-module__hop-Button--sm___xENmf", "hop-Button--primary": "Button-module__hop-Button--primary___zbhJ9", "hop-Button--md": "Button-module__hop-Button--md___KZwYW", "hop-Button--secondary": "Button-module__hop-Button--secondary___PKbCY", "hop-Button--upsell": "Button-module__hop-Button--upsell___61sYX", "hop-Button--danger": "Button-module__hop-Button--danger___AxMDH", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___2TdbY", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___6I7vD", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___--qrr", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___jwKkE", "hop-Button__icon": "Button-module__hop-Button__icon___hTxKS", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___bUhP9", "hop-Button__text": "Button-module__hop-Button__text___hOS-u", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___groP0", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___9WVoR" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-24JZVLAU.js → chunk-ZSOGDKV5.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___WcTzE", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___nS6mP", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___JnRFs", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___IXkwy", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___bj7DV", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___aJeH4" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;