@hopper-ui/components 1.3.5 → 1.3.6

package/dist/{chunk-GR4ZXUOX.js → chunk-4RSRAAPW.js}

@@ -1,16 +1,16 @@
-import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-EOXY566V.js';
+import { _Text } from './chunk-MYAC6TLH.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
 import { forwardRef, useContext } from 'react';
-import { FieldErrorContext, useContextProps } from 'react-aria-components';
+import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___-5kS2", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___ujcxB" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___QVgo9", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___kJa-q" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);
@@ -25,8 +25,8 @@ var ErrorMessageInner = forwardRef((props, ref) => {
   const validation = useContext(FieldErrorContext);
   [props, ref] = useContextProps(props, ref, ErrorMessageContext);
   const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { className, children, hideIcon = false, style, slot = "errorMessage", ...otherProps } = ownProps;
-  const classNames = clsx(
+  const { className, children, hideIcon = false, style: styleProp, slot = "errorMessage", ...otherProps } = ownProps;
+  const classNames = composeClassnameRenderProps(
     GlobalErrorMessageCssSelector,
     cssModule(
       ErrorMessage_module_default,
@@ -35,13 +35,16 @@ var ErrorMessageInner = forwardRef((props, ref) => {
     stylingProps.className,
     className
   );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
   const warningIcon = !hideIcon && /* @__PURE__ */ jsx(WarningIcon, { size: "sm", className: ErrorMessage_module_default["hop-ErrorMessage__icon"] });
   const renderProps = useRenderProps({
     className: classNames,
+    style,
     children: children ? /* @__PURE__ */ jsxs(Fragment, { children: [
       warningIcon,
       " ",
@@ -60,8 +63,7 @@ var ErrorMessageInner = forwardRef((props, ref) => {
       ...otherProps,
       ...renderProps,
       slot,
-      ref,
-      style: mergedStyles
+      ref
     }
   );
 });

package/dist/{chunk-LSTGTYUX.js → chunk-4U7DCAUG.js}

@@ -2,17 +2,18 @@ import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.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 { 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:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___eXkct", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___dzUpl", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___HZmDd", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___WuKax", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___h7f3V" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___-vwTZ", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___7Rhoi", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___VY2am", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___E7zdg", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___B-ZON" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",
@@ -24,7 +25,6 @@ function RadioField(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
-    children,
     isDisabled,
     size: sizeProp = "md",
     style,
@@ -32,7 +32,7 @@ function RadioField(props, ref) {
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalRadioFieldCssSelector,
     cssModule(
@@ -42,10 +42,20 @@ function RadioField(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(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
     SlotProvider,
@@ -66,13 +76,11 @@ function RadioField(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-5PSDYTOT.js → chunk-56UB7UOG.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___d613O", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___e8v3N" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___g-Sla", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___Vl-eq" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-3SMTAPEK.js → chunk-5RHMPFIJ.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-ZSOGDKV5.js';
+import { _EmbeddedButton } from './chunk-NKZRZZMH.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___AhAOi", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___8FlTs", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___X7SFD", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___Dh8A7", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___lBDed", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___T4nZO" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-6AFXZYF5.js → chunk-6W5XVFIS.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-MYAC6TLH.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___oRMfZ Radio-module__hop-Radio___3GVjM", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___AQchJ Radio-module__hop-Radio--sm___qIsKs", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___DMoEl Radio-module__hop-Radio--md___Eszb9", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___VUXMo Radio-module__hop-Radio__icon___ChXsk", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___uTmFK Radio-module__hop-Radio__icon___ChXsk", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___F6dfP Radio-module__hop-Radio__box___wgOZS", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___-Mc90 Radio-module__hop-Radio__bullet___f0qvY", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___-241H Radio-module__hop-Radio__text___2EXJv" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-2RFHHVN3.js → chunk-6XHZ6XI2.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-ZSOGDKV5.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-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, 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___ppFcj", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___XW6-Q", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___Ft7B3", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___jiGt-", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___eQqx3", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___PltmY", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___QeaaM", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___rj45x", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___LS5I7", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___L4-US", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___0V9pg", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___KcgBz", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___4aMo-", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___PXfly" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-3OVZI77M.js → chunk-7L5HTRIH.js}

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.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 { 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 { IconContext, MinusIcon, CheckmarkIcon } from '@hopper-ui/icons';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___gzU9K Checkbox-module__hop-Checkbox___GSPIK", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___AwyXB Checkbox-module__hop-Checkbox--sm___JphZG", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___Vqa8c Checkbox-module__hop-Checkbox--md___jLVff", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___afZYx Checkbox-module__hop-Checkbox__icon___fJaiP", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___VRAVp Checkbox-module__hop-Checkbox__icon___fJaiP", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___0w7NS Checkbox-module__hop-Checkbox__box___5d1PK", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gjLMe Checkbox-module__hop-Checkbox__check___qdDwU", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___wG-1V Checkbox-module__hop-Checkbox__text___padJa" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___q0SHV Checkbox-module__hop-Checkbox___wCCR3", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___e-SXm Checkbox-module__hop-Checkbox--sm___d1GQZ", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___BazG1 Checkbox-module__hop-Checkbox--md___FjgKo", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___j0mxa Checkbox-module__hop-Checkbox__icon___Yv3pS", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___p5qQy Checkbox-module__hop-Checkbox__icon___Yv3pS", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Lq5Di Checkbox-module__hop-Checkbox__box___PoPW7", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___JwJtd Checkbox-module__hop-Checkbox__check___YUwMq", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___N0rdG Checkbox-module__hop-Checkbox__text___FLKuq" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-SUXNDVNP.js → chunk-7MB63YNF.js}

@@ -1,17 +1,18 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.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:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___sD2a7", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___yJYGN", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___9ZQG9", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___Ecfwe", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___n4Ysj" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___ZBWRj", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___3YQnj", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___JFKBn", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___GLk3C", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___1job6" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",
@@ -23,15 +24,15 @@ function SwitchField(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     className,
-    children,
+    style,
     isDisabled,
     size: sizeProp = "md",
-    style,
     slot,
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const classNames = clsx(
+  const descriptionId = useId();
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalSwitchFieldCssSelector,
     cssModule(
@@ -41,11 +42,20 @@ function SwitchField(props, ref) {
     ),
     stylingProps.className
   );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  const descriptionId = useId();
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...otherProps,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    }
+  });
   return /* @__PURE__ */ jsx(
     SlotProvider,
     {
@@ -65,13 +75,11 @@ function SwitchField(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-S4LXTCFZ.js → chunk-AAV7H2PI.js}

@@ -1,11 +1,11 @@
 import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.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 { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.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';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___ygDMe", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___eCw8W", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___HcszA", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___bPpK7", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___msBMD" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___yOd2A", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___GYDxZ", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___CcPp9", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___pwDdn", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___-JM9p" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-QBGX4KU2.js → chunk-C2IFIGEU.js}

@@ -1,10 +1,10 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.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 { MinusIcon, CheckmarkIcon, IconContext } from '@hopper-ui/icons';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___GSPIK", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___JphZG", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___jLVff", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___fJaiP", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___V-ilU", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___5d1PK", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___qdDwU", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___padJa" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___wCCR3", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___d1GQZ", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___FjgKo", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___Yv3pS", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___YsPWx", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___PoPW7", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___YUwMq", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___FLKuq" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

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

@@ -1,14 +1,14 @@
-import { _DecorativeRadio } from './chunk-6AFXZYF5.js';
-import { _DecorativeCheckbox } from './chunk-3OVZI77M.js';
+import { _DecorativeRadio } from './chunk-6W5XVFIS.js';
+import { _DecorativeCheckbox } from './chunk-7L5HTRIH.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-5IRT2QDF.js';
+import { _ListBoxItemSkeleton } from './chunk-ICGQUOUM.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-MYAC6TLH.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___JwnhO", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___zl90j", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___liBj0", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___JobkU", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___x6zNi", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___f6ZNM", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___GvYtf", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___JoH8e", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___foPUm", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___6z82m", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___s4qb0", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___M2Rln", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___9bQl5", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___JsRz0", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___UFdM9" };
 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(

package/dist/{chunk-HABA5CYG.js → chunk-CVYYW7J4.js}

@@ -1,6 +1,6 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
+import { _Text } from './chunk-MYAC6TLH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-EOXY566V.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___vgALL", "spin": "Spinner-module__spin___oguWO", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___tXp3s", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___JV74x", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___Irp1O", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___S5tWq", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___8YBCj", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___61c-V" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___pzOoW", "spin": "Spinner-module__spin___LNaNh", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___pfYnw", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___nOWUL", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___lyNuv", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___Ls4HB", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___SkjGT", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___Px-28" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-LI2RM2EK.js → chunk-D7KHPU3U.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___FQWXv", "hop-Label__indicator": "Label-module__hop-Label__indicator___z-FtY" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

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

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

package/dist/{chunk-XXFIU5GK.js → chunk-EUXXCRBZ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___oBnEM", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___d4kYK" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___a-rdM", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___3-D9M" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-FMNUFTYZ.js → chunk-FE6YBJMN.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-ZSOGDKV5.js';
+import { _ClearButton } from './chunk-QLR77TGC.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___9vSYz", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___r42qe", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___4kF-D", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Fz0yf", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___hloXw", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___QTkJg", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___MARXt", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___XXX32", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___iCONd" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;