@hopper-ui/components 1.3.5 → 1.3.7

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

@@ -1,13 +1,13 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-HABA5CYG.js';
+import { _Spinner } from './chunk-PGYHBNCP.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-F4XYXAPX.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___2Nqnv", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___b6HX4", "hop-Button--fluid": "Button-module__hop-Button--fluid___xvmay", "hop-Button--sm": "Button-module__hop-Button--sm___WquC-", "hop-Button--primary": "Button-module__hop-Button--primary___sY6d0", "hop-Button--md": "Button-module__hop-Button--md___egvlb", "hop-Button--secondary": "Button-module__hop-Button--secondary___pINK9", "hop-Button--upsell": "Button-module__hop-Button--upsell___ZE5jO", "hop-Button--danger": "Button-module__hop-Button--danger___dSyM9", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___c-aho", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___B0vtI", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___LmWvy", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___HfWc0", "hop-Button__icon": "Button-module__hop-Button__icon___AeZaO", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___c9t8P", "hop-Button__text": "Button-module__hop-Button__text___vtdcY", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___T9fi-", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___QlLz-" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

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

@@ -1,22 +1,23 @@
-import { _OverlineText } from './chunk-XXFIU5GK.js';
+import { _OverlineText } from './chunk-MJ24AAEX.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___-9bND" };
 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-GEYJZ3VZ.js → chunk-JZGG67JQ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___22Ni7", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___faaDe" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___g7ps6", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___a25V7" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-UQY26ITM.js → chunk-LULNSRRY.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___j6yB2" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-3KW6ENLR.js → chunk-LXWDXMVL.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-SZIBBFKI.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-YUMDUDZX.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-RMXL2PC5.js';
+import { _ListBoxItem } from './chunk-IZUZUN6Z.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-F4XYXAPX.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___wpqmA", "fade": "Popover-module__fade___fLu22", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___-2GXF", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___wOPF-", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___hF0Ba", "hop-Popover__title": "Popover-module__hop-Popover__title___tULvQ", "hop-Popover__content": "Popover-module__hop-Popover__content___xfAwJ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___dtFam", "hop-Popover__footer": "Popover-module__hop-Popover__footer___nRrpk", "hop-Popover__actions": "Popover-module__hop-Popover__actions___9XiAv", "hop-Popover__action": "Popover-module__hop-Popover__action___Gk0oe" };
 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___018w5", "hop-Select--fluid": "Select-module__hop-Select--fluid___8FKqZ", "hop-Select__label": "Select-module__hop-Select__label___h0QJ-", "hop-Select__button": "Select-module__hop-Select__button___csI9f", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___7Bkjy", "hop-Select__button--md": "Select-module__hop-Select__button--md___N5Huq", "hop-Select__prefix": "Select-module__hop-Select__prefix___glfPq", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___ADJTr", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___pubjR", "hop-Select__error-message": "Select-module__hop-Select__error-message___LLkqe" };
 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___t89dJ" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

package/dist/{chunk-LSTGTYUX.js → chunk-MDI3RFZS.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___A5OEY", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___08VGE", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___-4aoZ", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___5EvIt", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___lMDuc" };
 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-XXFIU5GK.js → chunk-MJ24AAEX.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___MNaoU", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___nkwdC" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-3OVZI77M.js → chunk-MTQURD2G.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-F4XYXAPX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { 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___ISCAP Checkbox-module__hop-Checkbox___mAL3I", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz Checkbox-module__hop-Checkbox--sm___Wmzry", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS Checkbox-module__hop-Checkbox--md___jhSti", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT Checkbox-module__hop-Checkbox__icon___9PFwj", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V Checkbox-module__hop-Checkbox__icon___9PFwj", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS Checkbox-module__hop-Checkbox__box___S46JE", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW Checkbox-module__hop-Checkbox__check___UJ3Eo", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N Checkbox-module__hop-Checkbox__text___qP2jS" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

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

@@ -1,6 +1,6 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
+import { _Text } from './chunk-F4XYXAPX.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___-a1aU", "spin": "Spinner-module__spin___-668d", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___6be61", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___VLODL", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___40ZqO", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___plsYt", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___S9ATX", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___WoiYr" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-D6CIA7NA.js → chunk-PJLVJG4E.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___ljAzp", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___Abfho", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___OqEww", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___OukR6", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___IQpCx", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___X3w6d", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___1qIJb", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___IG-BL" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___ZhoR9", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___5lCSu", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___vzyUz", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-AIO2PFOS.js → chunk-PQTB3F7K.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-BUI76FPU.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-F4XYXAPX.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___CigfE", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___RHFdR", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___IesgB", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___CKsl5", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___Dy8Ya", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___TaknV", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___L5-B2", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___px1UJ", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___rzEEf" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-SUXNDVNP.js → chunk-PVLUQZAG.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___dDQmA", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___2O96R", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___YDST1", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___0EsGA", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___phA6m" };
 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-4UOBMEPP.js → chunk-SRT6TJ7K.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___w2T0j", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-S4LXTCFZ.js → chunk-SZIBBFKI.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-F4XYXAPX.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___fVOPa", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___7yyBy", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___s-Isr", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___MuSju", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___nrWhM" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-5IRH7LBK.js → chunk-T2DEFREG.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___dJieE", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___1EbWC", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___vR14U", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___P-5jZ", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___fIXTk" };
 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-QBGX4KU2.js → chunk-VMSIQERT.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-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 { 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___mAL3I", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___Wmzry", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___jhSti", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___9PFwj", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___xhUID", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___S46JE", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___UJ3Eo", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___qP2jS" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;