@hopper-ui/components 1.9.0 → 1.9.1

package/dist/{chunk-CFFDABWV.js → chunk-DR22UMIB.js}

@@ -1,11 +1,11 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { Input } from './chunk-23OKJK5E.js';
-import { _InputGroup } from './chunk-AIWBAHIZ.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
-import { _EmbeddedButton } from './chunk-I3RM4ZNZ.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { Input } from './chunk-6DOMKHG4.js';
+import { _InputGroup } from './chunk-YIIEDUWW.js';
+import { FieldLabel } from './chunk-XAAZVXFG.js';
+import { _HelperMessage } from './chunk-MIHSQG7D.js';
+import { _ErrorMessage } from './chunk-H7IMS4PR.js';
+import { _EmbeddedButton } from './chunk-X6YIJ7TI.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
 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___abxXS", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___MU8bt", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___pYQXy", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___2s5Xc", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___oteGi", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___zMBt1" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___e8udH", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___1IZsT", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___anSN7", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___5hc86", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___iYuBO", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___LSCcV" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-FL33X6NS.js → chunk-EIHFLKML.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-5K3V5PGZ.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-XX37YQKD.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___BpFRY", "spin": "Spinner-module__spin___EqTZ5", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___mDnx9", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___CACp9", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___jns7u", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___l5dZk", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___F-mR8", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___dAnZw" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___Pj1aA", "spin": "Spinner-module__spin___hJWfc", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___FUNC1", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___7-Z5Z", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___vVobo", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___81-D9", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___xInfZ", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___elRWc" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-63P5XXBL.js → chunk-EPZBUE2N.js}

@@ -1,5 +1,5 @@
 import { TileContext } from './chunk-S7KMOXY2.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-XX37YQKD.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Tile.module.css#css-module
-var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___w0JNn", "hop-Tile__icon": "Tile-module__hop-Tile__icon___nUin7" };
+var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___24PMQ", "hop-Tile__icon": "Tile-module__hop-Tile__icon___TjpxF" };
 var GlobalTileCssSelector = "hop-Tile";
 var Tile = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileContext);

package/dist/{chunk-LSFVWR6F.js → chunk-FICUPRHV.js}

@@ -1,17 +1,17 @@
 import { SelectContext } from './chunk-ZOTXNUAV.js';
-import { _SelectValue } from './chunk-JOBH3GNG.js';
-import { _Popover } from './chunk-4B7TDPQB.js';
+import { _SelectValue } from './chunk-LWSF2VLC.js';
+import { _Popover } from './chunk-HLAMRSGD.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
-import { _ListBox } from './chunk-63B43NAY.js';
-import { _ListBoxItem } from './chunk-5OSLSGCY.js';
+import { _ListBox } from './chunk-5MWWUEMG.js';
+import { _ListBoxItem } from './chunk-UE2MKTQA.js';
 import { _Footer } from './chunk-RN3FLBX4.js';
-import { _ToggleArrow } from './chunk-UH3BTZIK.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
+import { _ToggleArrow } from './chunk-BQB4WR4X.js';
+import { FieldLabel } from './chunk-XAAZVXFG.js';
+import { _HelperMessage } from './chunk-MIHSQG7D.js';
+import { _ErrorMessage } from './chunk-H7IMS4PR.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
+import { ensureTextWrapper } from './chunk-KPFBET2X.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___9huNT", "hop-Select--fluid": "Select-module__hop-Select--fluid___fgJqT", "hop-Select__label": "Select-module__hop-Select__label___S4UvG", "hop-Select__button": "Select-module__hop-Select__button___mEId0", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___VJSLG", "hop-Select__button--md": "Select-module__hop-Select__button--md___SoqmH", "hop-Select__prefix": "Select-module__hop-Select__prefix___DAgrt", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___ND180", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___upIGS", "hop-Select__error-message": "Select-module__hop-Select__error-message___GGBSv" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___Z5ZG3", "hop-Select--fluid": "Select-module__hop-Select--fluid___r--cv", "hop-Select__label": "Select-module__hop-Select__label___FVd7-", "hop-Select__button": "Select-module__hop-Select__button___zTCAo", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___mmxqV", "hop-Select__button--md": "Select-module__hop-Select__button--md___hv76S", "hop-Select__prefix": "Select-module__hop-Select__prefix___-xHoj", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___I83u6", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___-mF1K", "hop-Select__error-message": "Select-module__hop-Select__error-message___ZXaOx" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-EABN7BCJ.js → chunk-FKVHRFPV.js}

@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___t4rQR" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___5gPvH" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-HXL5DWXT.js → chunk-GFYRA4EN.js}

@@ -1,4 +1,4 @@
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 
 var ButtonToFieldSizeAdapter = {

package/dist/{chunk-XOYIBFOK.js → chunk-GXR774K5.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-SR2OVG77.js';
+import { _RichIconAvatarImage } from './chunk-JGUOHQEO.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-6AKHGSHL.js → chunk-H7IMS4PR.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FV74YT2D.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-XX37YQKD.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 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___yztKv", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___2zwqc" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___pZkT-", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___yKOjv" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-4B7TDPQB.js → chunk-HLAMRSGD.js}

@@ -1,7 +1,7 @@
 import { PopoverContext } from './chunk-RNGNPV6Q.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { useForwardedHopperContext, _HopperProvider } from './chunk-OZ3W7ATD.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-SYAUYFR3.js';
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___K0twJ", "fade": "Popover-module__fade___ZaAxd", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___8YvnY", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___wi0bx", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___huht6", "hop-Popover__title": "Popover-module__hop-Popover__title___SAljO", "hop-Popover__content": "Popover-module__hop-Popover__content___LcuL4", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___S0Ezl", "hop-Popover__footer": "Popover-module__hop-Popover__footer___QN3WZ", "hop-Popover__actions": "Popover-module__hop-Popover__actions___2bZ3m", "hop-Popover__action": "Popover-module__hop-Popover__action___zYWzN" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___oHy8S", "fade": "Popover-module__fade___AmUOK", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___gSfH4", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___Pkr-z", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___7-r-N", "hop-Popover__title": "Popover-module__hop-Popover__title___lGIit", "hop-Popover__content": "Popover-module__hop-Popover__content___IIeon", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___VVQKf", "hop-Popover__footer": "Popover-module__hop-Popover__footer___cVo05", "hop-Popover__actions": "Popover-module__hop-Popover__actions___R0M1W", "hop-Popover__action": "Popover-module__hop-Popover__action___-2UdZ" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-L6KDA3QR.js → chunk-IF7OASII.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___55qcw", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___BgjKu" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___jUSqZ", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___XSyKq" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-SH7QX4ON.js → chunk-IZ6AOTXC.js}

@@ -1,4 +1,4 @@
-import { _Button } from './chunk-FPPUBMBE.js';
+import { _Button } from './chunk-3VOSETB5.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CloseButton.module.css#css-module
-var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___WLCEo" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___0yGo3" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-EQU2MUZ2.js → chunk-J45YC7C2.js}

@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabPanel.module.css#css-module
-var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___lvoP4" };
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___KmqQV" };
 var GlobalTabPanelCssSelector = "hop-TabPanel";
 function TabPanel(props, ref) {
   [props, ref] = useContextProps(props, ref, TabPanelContext);

package/dist/{chunk-3UBW7B5Y.js → chunk-J7ENAT22.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Image.module.css#css-module
-var Image_module_default = { "hop-Image": "Image-module__hop-Image___MJ7vz", "hop-Image--rounded": "Image-module__hop-Image--rounded___qJ24s", "hop-Image--circular": "Image-module__hop-Image--circular___qY08u" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___hm-W2", "hop-Image--rounded": "Image-module__hop-Image--rounded___jXFLK", "hop-Image--circular": "Image-module__hop-Image--circular___s-WoG" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-SR2OVG77.js → chunk-JGUOHQEO.js}

@@ -6,12 +6,12 @@ import { cssModule } from './chunk-KVDXQMWI.js';
 import { RichIconContext } from '@hopper-ui/icons';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
-import { mergeProps } from 'react-aria';
+import { useFocusRing, Pressable, mergeProps } from 'react-aria';
 import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___WviZB", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___5r-iD", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___sPduh", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___iwFlB", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___hvG9C", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___aC2kq", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___awrRI", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___efSw7" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___7MWZ0", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___n56nV", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___GtxLW", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___55n6O", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___XSUP6", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___crKsY", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___51LJs", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___3E8Wu", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___IUbHD", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___NWysm" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",
@@ -28,11 +28,14 @@ function RichIconAvatarImage(props, ref) {
   const {
     className,
     isDisabled,
+    onPress,
     style,
     slot,
     size: sizeValue,
     ...otherProps
   } = ownProps;
+  const { focusProps, isFocusVisible } = useFocusRing({ within: true });
+  const isClickable = !!onPress;
   const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
   const classNames = composeClassnameRenderProps(
     className,
@@ -40,7 +43,9 @@ function RichIconAvatarImage(props, ref) {
     cssModule(
       RichIconAvatarImage_module_default,
       "hop-RichIconAvatarImage",
-      size
+      size,
+      isClickable && "clickable",
+      isFocusVisible && "focus-visible"
     ),
     stylingProps.className
   );
@@ -55,19 +60,19 @@ function RichIconAvatarImage(props, ref) {
     className: classNames,
     style: mergedStyles,
     values: {
-      isDisabled: isDisabled || false
+      isDisabled: isDisabled || false,
+      isFocusVisible: isFocusVisible || false
     }
   });
   if (!props["aria-label"] && !props["aria-labelledby"]) {
     console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
   }
-  return /* @__PURE__ */ jsx(
+  const avatarImage = (extraProps) => /* @__PURE__ */ jsx(
     "div",
     {
-      ...mergeProps(otherProps, renderProps),
+      ...mergeProps(otherProps, renderProps, extraProps),
       ref,
       slot: slot != null ? slot : void 0,
-      role: "img",
       "data-disabled": isDisabled || void 0,
       children: /* @__PURE__ */ jsx(
         SlotProvider,
@@ -83,6 +88,10 @@ function RichIconAvatarImage(props, ref) {
       )
     }
   );
+  if (onPress) {
+    return /* @__PURE__ */ jsx(Pressable, { onPress, children: avatarImage({ role: "button", ...focusProps }) });
+  }
+  return avatarImage({ role: "img" });
 }
 var _RichIconAvatarImage = slot("avatar", forwardRef(RichIconAvatarImage));
 _RichIconAvatarImage.displayName = "RichIconAvatarImage";

package/dist/{chunk-DIP3SE2A.js → chunk-JHHAFKNM.js}

@@ -1,12 +1,12 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-CZQ7Y25A.js';
-import { _InputGroup } from './chunk-AIWBAHIZ.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { _RemainingCharacterCount } from './chunk-2TZLC5MY.js';
+import { _InputGroup } from './chunk-YIIEDUWW.js';
+import { FieldLabel } from './chunk-XAAZVXFG.js';
+import { _HelperMessage } from './chunk-MIHSQG7D.js';
+import { _ErrorMessage } from './chunk-H7IMS4PR.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -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___627Uo", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___W5EB3", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___tGYwU", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___2Zwoy", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___QlkNc", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___K546t", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___pyzeX", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___3-CSC", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___MjT9z", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___vTwKv", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___hEr4p" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___96dZ3", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___aWbIp", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___GyZdr", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___fjwBg", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___1em64", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___NOEHk", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___-SMhb", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___eLte2", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___ypYuW", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___FLNTF", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___VTLDU" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-CUGWVLKK.js → chunk-JIOQK4T7.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___7eFUh", "hop-Card--main": "Card-module__hop-Card--main___9vDtQ", "hop-Card--second-level": "Card-module__hop-Card--second-level___FZKA8" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___P63wf", "hop-Card--main": "Card-module__hop-Card--main___bqNAq", "hop-Card--second-level": "Card-module__hop-Card--second-level___huN1b" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-JOL2XETU.js → chunk-KADWB3R4.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-XX37YQKD.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___RwCJw", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___5NbYP", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___BpoCQ", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___EdLTP", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___PVTG5" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___pwJ6k", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___Gg5C9", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___6d6B-", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___y0Wbd", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___eYQMR" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-WGY5JT6V.js → chunk-KPFBET2X.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-XX37YQKD.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children, elementType) {

package/dist/{chunk-FRH64YKY.js → chunk-L3MHODGB.js}

@@ -1,7 +1,7 @@
 import { ToggleArrowContext } from './chunk-LWPDIKEX.js';
+import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
-import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___D2KQg", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___gmGWd", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___Ieyn4", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___9Ucm8" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___6DOfv", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___-TDZ2", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___sgsx0", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___Av8oF" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/{chunk-7WNRLXYV.js → chunk-LM6KSNRY.js}

@@ -1,4 +1,4 @@
-import { TabLine } from './chunk-QABLDHTY.js';
+import { TabLine } from './chunk-333CF3S7.js';
 import { TabListContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'reac
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___32huE", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___ELnwj", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___fJt3V", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___3b1RL", "hop-TabList--heading": "TabList-module__hop-TabList--heading___E5qZ0" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___v7Be3", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___5V9Ki", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___HNNrF", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___SMujK", "hop-TabList--heading": "TabList-module__hop-TabList--heading___ecIWh" };
 var GlobalTabListCssSelector = "hop-TabList";
 function TabList(props, ref) {
   var _a, _b;

package/dist/{chunk-UENGYKQS.js → chunk-LRAE7OJJ.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { Input } from './chunk-23OKJK5E.js';
-import { _InputGroup } from './chunk-AIWBAHIZ.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
-import { _ClearButton } from './chunk-FGZNIAIF.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { Input } from './chunk-6DOMKHG4.js';
+import { _InputGroup } from './chunk-YIIEDUWW.js';
+import { FieldLabel } from './chunk-XAAZVXFG.js';
+import { _HelperMessage } from './chunk-MIHSQG7D.js';
+import { _ErrorMessage } from './chunk-H7IMS4PR.js';
+import { _ClearButton } from './chunk-7CK3J42S.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, SearchField as SearchField$1 } fro
 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___Qj755", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___tmiC6", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___pwT75", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Qu9jr", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___ZJRuv", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___DvHp2", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___LCaBW", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___fzs5o", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___2Y7oW" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___OM3qU", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___Yxhng", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___jnxDA", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___uhMVF", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___JqtMR", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___54D7L", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___z16as", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___JvzHf", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___vv2sB" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-V3GYJE64.js → chunk-LSZ6ETKU.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { FieldLabel } from './chunk-XAAZVXFG.js';
+import { _HelperMessage } from './chunk-MIHSQG7D.js';
+import { _ErrorMessage } from './chunk-H7IMS4PR.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___dQgSR", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___RFamf", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___gfcc3", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___6uVur", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___6J-cw", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___Bn61m", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___VRsj4", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___jwEEu", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___-xYS2" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___WV7Yj", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___N8P-c", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___uYl3G", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___vjJQH", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___6vDNt", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___eIhMo", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___hz3A6", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___Iv-PM", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___LY7Hr" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-JOBH3GNG.js → chunk-LWSF2VLC.js}

@@ -2,7 +2,7 @@ import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-XX37YQKD.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -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___9VzeM", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___gOmh5", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___D7ZEL", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___rE4Bv", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___CIbgJ" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___EITkS", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___qki5h", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___pgscX", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___TKwy6", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___C0wxl" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-QWK3WHKB.js → chunk-MIHSQG7D.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-PNEJ6JDM.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-XX37YQKD.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___7nxk-", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___7An8i" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___0sc5H", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___ubzj5" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-HQEYCFR2.js → chunk-MNZODLBT.js}

@@ -1,7 +1,7 @@
 import { PopoverTrigger } from './chunk-KHDRGFVV.js';
-import { _PopoverBase } from './chunk-3GNODKFW.js';
+import { _PopoverBase } from './chunk-XWZOU65F.js';
 import { ContextualHelpContext } from './chunk-MR5BPD6R.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-KPFBET2X.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, ButtonContext, Button, Provider } from 'react-aria-com
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ContextualHelp.module.css#css-module
-var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___iP5UO", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___3SCsM" };
+var ContextualHelp_module_default = { "hop-ContextualHelp": "ContextualHelp-module__hop-ContextualHelp___6MCNW", "hop-ContextualHelp__popover": "ContextualHelp-module__hop-ContextualHelp__popover___aljSH" };
 var GlobalContextualHelpCssSelector = "hop-ContextualHelp";
 function ContextualHelp(props, ref) {
   var _a;

package/dist/{chunk-S2FS5CRY.js → chunk-N3KZBYMB.js}

@@ -1,7 +1,7 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-KPFBET2X.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___gp55X Radio-module__hop-Radio___APOxu", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___Z1d0G Radio-module__hop-Radio--sm___rpDCA", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___RaIR5 Radio-module__hop-Radio--md___WyGE-", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___QMpe6 Radio-module__hop-Radio__icon___2-VHU", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___ftPxA Radio-module__hop-Radio__icon___2-VHU", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___Dc1KQ Radio-module__hop-Radio__box___JJTdn", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___aazPt Radio-module__hop-Radio__bullet___8kBaO", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___2PMEp Radio-module__hop-Radio__text___pt-BW" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___KaOHH Radio-module__hop-Radio___F4suj", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___Pud19 Radio-module__hop-Radio--sm___L9eoz", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___HcJzE Radio-module__hop-Radio--md___WdvB1", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___XmGrN Radio-module__hop-Radio__icon___6-0PL", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___b97sw Radio-module__hop-Radio__icon___6-0PL", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___KEN-o Radio-module__hop-Radio__box___cTU-f", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___BEKcG Radio-module__hop-Radio__bullet___6iha9", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___SlIwK Radio-module__hop-Radio__text___SAWlA" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-CCANXYSA.js → chunk-N4QFGCPW.js}

@@ -1,8 +1,8 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
+import { _Text } from './chunk-XX37YQKD.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___GIm-h", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___rqJ1A", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___jY1ZV", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___47Azy", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___G4-LG" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___33GnN", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___twg1r", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___Fu-ms", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___vTnU-", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___GZFYU" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-7EZL7ZEN.js → chunk-NIAAMHIX.js}

@@ -1,9 +1,9 @@
 import { TagGroupContext, InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { FieldLabel } from './chunk-XAAZVXFG.js';
+import { _HelperMessage } from './chunk-MIHSQG7D.js';
+import { _ErrorMessage } from './chunk-H7IMS4PR.js';
+import { useFormProps } from './chunk-FKVHRFPV.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___NlXDn", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___T1sjC", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___Vk0JU", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___4G7EI", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___xcQtQ" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___jLUAa", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___GqwDk", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___A0BMu", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___rQJvK", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___cuqaI" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;