@hopper-ui/components 1.3.4 → 1.3.6

package/dist/{chunk-OZQT5F42.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-NLLH6YL3.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___uAaUd", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___4HDgn", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___mQ-Ts", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___by89c", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___7VMrM" };
+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-RMTA4M7X.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-NLLH6YL3.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___cWlbl", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___gEbF2", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___ir6t9", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___N2aJq", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___pMwW2", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___4WPQo", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___59VCs", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___RFXui", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___r09CN", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___UFiZv", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___q-0g-" };
+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;
@@ -25,9 +25,6 @@ function Checkbox(props, ref) {
     children: childrenProp,
     size: sizeProp = "md",
     style: styleProp,
-    isPressed,
-    isHovered,
-    isFocused,
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
@@ -37,10 +34,7 @@ function Checkbox(props, ref) {
     cssModule(
       Checkbox_module_default,
       "hop-Checkbox",
-      size,
-      isPressed && "pressed",
-      isHovered && "hovered",
-      isFocused && "focused"
+      size
     ),
     stylingProps.className
   );

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

@@ -1,17 +1,14 @@
-import { _Radio } from './chunk-V7RSOERT.js';
-import { _RadioGroup } from './chunk-KPHI7JZW.js';
-import { _RadioList } from './chunk-NKHMUPAP.js';
-import { _Checkbox } from './chunk-RMTA4M7X.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { _DecorativeRadio } from './chunk-6W5XVFIS.js';
+import { _DecorativeCheckbox } from './chunk-7L5HTRIH.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-2L4JHF4B.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-NLLH6YL3.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';
@@ -21,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___Q1Dvl", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___roQ7v", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___fvRpM", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___gRocQ", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___J4z-j", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___hjVIE", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___tILR2", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___iyMtT", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___WYV49", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___Im9E4", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___X2ZL2", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___opI28", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___-25EM", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___SmYtP", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___yzcZ9", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___wPgrv", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___lbwUS" };
+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",
@@ -42,7 +39,6 @@ var ListBoxItemToAvatarSizeAdapter = {
   lg: "md"
 };
 function ListBoxItemInner(props) {
-  const stringFormatter = useLocalizedString();
   const listStateContext = useContext(ListStateContext);
   const {
     selectionMode,
@@ -75,32 +71,23 @@ function ListBoxItemInner(props) {
       onTransitionEnd: handleTransitionEnd,
       children: [
         isRadio && /* @__PURE__ */ jsx(
-          _RadioGroup,
+          _DecorativeRadio,
           {
+            className: ListBoxItem_module_default["hop-ListBoxItem__radio"],
+            value: "radio",
             size: "sm",
-            "aria-hidden": "true",
-            "aria-label": stringFormatter.format("ListBoxItem.indicatorAriaLabel"),
-            value: isSelected ? "radio" : null,
-            className: ListBoxItem_module_default["hop-ListBoxItem__radio-group"],
-            isInvalid,
-            children: /* @__PURE__ */ jsx(_RadioList, { children: /* @__PURE__ */ jsx(
-              _Radio,
-              {
-                className: ListBoxItem_module_default["hop-ListBoxItem__radio"],
-                value: "radio",
-                isDisabled,
-                isHovered: isHovered || isFocusVisible,
-                isPressed
-              }
-            ) })
+            isDisabled,
+            isHovered: isHovered || isFocusVisible,
+            isPressed,
+            isSelected,
+            isInvalid
           }
         ),
         isCheckbox && /* @__PURE__ */ jsx(
-          _Checkbox,
+          _DecorativeCheckbox,
           {
             size: "sm",
             value: "checkbox",
-            "aria-hidden": "true",
             className: ListBoxItem_module_default["hop-ListBoxItem__checkbox"],
             isDisabled,
             isHovered: isHovered || isFocusVisible,
@@ -227,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-LLQHZY4A.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-NLLH6YL3.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___GXocl", "spin": "Spinner-module__spin___1vbK9", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___skjUD", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___s7N4L", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___ffDyN", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___pJtRo", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___yPHmf", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___XSGeB" };
+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-LUE3SWJ2.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___Hcc4g", "hop-Label__indicator": "Label-module__hop-Label__indicator___khw2Z" };
+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-C77ZSLQG.js → chunk-DZZ4WWRN.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-NLLH6YL3.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___giUJ9", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___IfscL" };
+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-MDUON6B4.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___CDjsJ", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___6sNbK" };
+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-NJD5XPQF.js → chunk-FE6YBJMN.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-ZGJENXEU.js';
-import { _ClearButton } from './chunk-OZRPGA34.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___FhPb-", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___ND83Q", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___Ri9LN", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___zdJjX", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___jT6Kr", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___rpi48", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___c3ybU", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___76rJC", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___zWF2-" };
+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;

package/dist/{chunk-IZJI5MOD.js → chunk-FU2IY2JF.js}

@@ -1,18 +1,19 @@
-import { _Text } from './chunk-NLLH6YL3.js';
+import { _Text } from './chunk-MYAC6TLH.js';
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-TXW35G4W.js';
+import { _RichIconAvatarImage } from './chunk-NZKS5OKD.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { filterDOMProps } from '@react-aria/utils';
-import clsx from 'clsx';
+import { filterDOMProps, mergeProps } from '@react-aria/utils';
 import { forwardRef, useMemo } from 'react';
-import { useContextProps } from 'react-aria-components';
+import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___X23fL", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___4mZjQ", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___qKyk6", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___pGlSR", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___b3u2k", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___syjHu", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___vGdt5", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___1ipXC", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___H8-35", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___udxQr", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___3tEye", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___OY88Y", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___BkrL7", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___i33t4", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___meF-e", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___qyIOQ", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___okiG4" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___zMUBx", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___fwYJ0", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___RSYai", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___K6lSB", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___mwFIB", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___KMY1q", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___6SVrF", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___npU1o", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___F-pzz", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___2NVPh", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___3II-Z", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___0Gn--", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___Vs2U2", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___fD-81", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___UPSl5", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___b9s4c", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___bE5J8" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",
@@ -63,7 +64,6 @@ function Avatar(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     "aria-label": ariaLabel,
-    className,
     fallbackSrc,
     imageProps,
     isDisabled,
@@ -71,6 +71,7 @@ function Avatar(props, ref) {
     size: sizeValue,
     slot,
     src,
+    className,
     style,
     ...otherProps
   } = ownProps;
@@ -83,7 +84,7 @@ function Avatar(props, ref) {
   const isBrokenImage = src && imageFailed && fallbackSrc !== null;
   const isImage = src && !imageFailed;
   const isInitials = !src || src && imageFailed && fallbackSrc === null;
-  const classNames = clsx(
+  const classNames = composeClassnameRenderProps(
     className,
     GlobalAvatarCssSelector,
     cssModule(
@@ -96,22 +97,30 @@ function Avatar(props, ref) {
     ),
     stylingProps.className
   );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...props,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false
+    }
+  });
   if (imageFailed && fallbackSrc !== null) {
     return /* @__PURE__ */ jsx(
       _RichIconAvatarImage,
       {
-        ...domProps,
+        ...mergeProps(domProps, renderProps),
         "aria-label": ariaLabel != null ? ariaLabel : name,
-        className: classNames,
         isDisabled,
         ref,
         size,
         slot,
-        style: mergedStyles,
         children: /* @__PURE__ */ jsx(BrokenImageRichIcon, {})
       }
     );
@@ -143,14 +152,12 @@ function Avatar(props, ref) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ...domProps,
+      ...mergeProps(domProps, renderProps),
       "aria-label": ariaLabel != null ? ariaLabel : name,
-      className: classNames,
       "data-disabled": isDisabled || void 0,
       role: "img",
       slot: slot != null ? slot : void 0,
       ref,
-      style: mergedStyles,
       children: content
     }
   );

package/dist/{chunk-MB52JXEM.js → chunk-G6W6FNEX.js}

@@ -1,9 +1,9 @@
 import { LinkContext } from './chunk-4VVNSXIB.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-NLLH6YL3.js';
+import { _Text } from './chunk-MYAC6TLH.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___JuS-O", "hop-Link--quiet": "Link-module__hop-Link--quiet___K84Hf", "hop-Link--primary": "Link-module__hop-Link--primary___mzkpD", "hop-Link--secondary": "Link-module__hop-Link--secondary___e2WTi", "hop-Link__icon": "Link-module__hop-Link__icon___Y0bot", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___MBb0J", "hop-Link__text": "Link-module__hop-Link__text___Qs1EJ", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___--idR", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___q1C7p" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___ZyB-W", "hop-Link--quiet": "Link-module__hop-Link--quiet___xw3UQ", "hop-Link--primary": "Link-module__hop-Link--primary___LRFPM", "hop-Link--secondary": "Link-module__hop-Link--secondary___PS6RE", "hop-Link__icon": "Link-module__hop-Link__icon___tqMgy", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___zA3TQ", "hop-Link__text": "Link-module__hop-Link__text___X-M4s", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Ri7ek", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___dzQhC" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

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

@@ -1,11 +1,11 @@
-import { RadioContext } from './chunk-FU5CCPLP.js';
+import { RadioListContext } from './chunk-A7TZHALP.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
-import { RadioListContext } from './chunk-A7TZHALP.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { RadioContext } from './chunk-FU5CCPLP.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___pM7SC", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___TozFo", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___T0IFM", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___CD3JY", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___L0tyL", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___PTFzc", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___ErWNd", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___36WFE", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___4EcKd" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___MiSJ7", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___Nriql", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___IrP-E", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___FFXm3", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___sryAv", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___U5NgA", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___T2EAn", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___-vNmu", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___ykY3T" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-2L4JHF4B.js → chunk-ICGQUOUM.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___M8FkD", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___jtRvd", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___6dEvP", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___auPSD", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___FBGqX", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___s5aB-" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___zgPHG", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___nMqoM", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rSb-I", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tlBUR", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___c8Y4L" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-746OLQYL.js → chunk-KIZSSIMT.js}

@@ -1,11 +1,11 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxListContext } from './chunk-WDUQUPTE.js';
-import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___p6NaJ", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___OvMAz", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___FxduT", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___I8USr", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___FN-lT", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___mW9Wu", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___w5PX-", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___IMz-2", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___nnOL-" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___izA5I", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___1e57F", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Ytl-9", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___gWeGt", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___10PiB" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

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

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___FHUTd", "hop-Heading--xs": "Heading-module__hop-Heading--xs___nSpzQ", "hop-Heading--sm": "Heading-module__hop-Heading--sm___cOwKv", "hop-Heading--md": "Heading-module__hop-Heading--md___-P1xy", "hop-Heading--lg": "Heading-module__hop-Heading--lg___C1qbq", "hop-Heading--xl": "Heading-module__hop-Heading--xl___ZqOY4", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___Phfzh", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___q5xhd" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___xok42", "hop-Heading--xs": "Heading-module__hop-Heading--xs___yyvuF", "hop-Heading--sm": "Heading-module__hop-Heading--sm___KCcNN", "hop-Heading--md": "Heading-module__hop-Heading--md___IwpUP", "hop-Heading--lg": "Heading-module__hop-Heading--lg___GELZH", "hop-Heading--xl": "Heading-module__hop-Heading--xl___ixPVU", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___b7nfx", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___efLin" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-V7RSOERT.js → chunk-LEPWFS5L.js}

@@ -1,10 +1,10 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-NLLH6YL3.js';
+import { _Text } from './chunk-MYAC6TLH.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BulletIcon, IconContext } from '@hopper-ui/icons';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___dZSx2", "hop-Radio--focused": "Radio-module__hop-Radio--focused___bBjyn", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___CaynT", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___1HqKU", "hop-Radio--sm": "Radio-module__hop-Radio--sm___AYTfn", "hop-Radio--md": "Radio-module__hop-Radio--md___0S2cX", "hop-Radio__icon": "Radio-module__hop-Radio__icon___q55ww", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___TIMvm", "hop-Radio__box": "Radio-module__hop-Radio__box___oWuZH", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___Z2gB-", "hop-Radio__text": "Radio-module__hop-Radio__text___JyULz" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___3GVjM", "hop-Radio--sm": "Radio-module__hop-Radio--sm___qIsKs", "hop-Radio--md": "Radio-module__hop-Radio--md___Eszb9", "hop-Radio__icon": "Radio-module__hop-Radio__icon___ChXsk", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Xk7yf", "hop-Radio__box": "Radio-module__hop-Radio__box___wgOZS", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___f0qvY", "hop-Radio__text": "Radio-module__hop-Radio__text___2EXJv" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;
@@ -25,9 +25,6 @@ function Radio(props, ref) {
     children: childrenProp,
     size: sizeProp = "md",
     style: styleProp,
-    isPressed,
-    isHovered,
-    isFocused,
     ...otherProps
   } = ownProps;
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
@@ -37,10 +34,7 @@ function Radio(props, ref) {
     cssModule(
       Radio_module_default,
       "hop-Radio",
-      size,
-      isPressed && "pressed",
-      isHovered && "hovered",
-      isFocused && "focused"
+      size
     ),
     stylingProps.className
   );

package/dist/{chunk-NLLH6YL3.js → chunk-MYAC6TLH.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___hALxd", "hop-Text--xs": "Text-module__hop-Text--xs___P0eO9", "hop-Text--sm": "Text-module__hop-Text--sm___gwyeW", "hop-Text--md": "Text-module__hop-Text--md___pflE1", "hop-Text--lg": "Text-module__hop-Text--lg___dEBuC", "hop-Text--xl": "Text-module__hop-Text--xl___7IvN7", "hop-Text--2xl": "Text-module__hop-Text--2xl___-A2SY", "hop-Text--inherit": "Text-module__hop-Text--inherit___wfDw-" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___STL8w", "hop-Text--xs": "Text-module__hop-Text--xs___VMB69", "hop-Text--sm": "Text-module__hop-Text--sm___qeScp", "hop-Text--md": "Text-module__hop-Text--md___2mgs7", "hop-Text--lg": "Text-module__hop-Text--lg___0EFPU", "hop-Text--xl": "Text-module__hop-Text--xl___w3euL", "hop-Text--2xl": "Text-module__hop-Text--2xl___n8Xzj", "hop-Text--inherit": "Text-module__hop-Text--inherit___GpaJO" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-Q2VOGHVA.js → chunk-NKZRZZMH.js}

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___E0eMm", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___xkVZg", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___5Kav9", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___n998V", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___f6Xg9" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___JYrVb", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___fln30", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___rRXsh" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-7HQIQPIT.js → chunk-NQYHB7S3.js}

@@ -1,13 +1,13 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-CJU6B2CE.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { _ListBoxItem } from './chunk-CGL75FSH.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-NLLH6YL3.js';
+import { _Text } from './chunk-MYAC6TLH.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___4IFMp", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___t5TfB", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___2Yez5", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___R3-UZ", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___mfYEn", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___nE1tJ" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___e4j-o", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___GMtww", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___FTXLR", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___M8ZWz", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___qkK-O", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___RwdwS" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {