@hopper-ui/components 1.9.0 → 1.10.0

package/dist/{chunk-AH4RWVYD.js → chunk-Q43KRIDS.js}

@@ -1,9 +1,9 @@
-import { _BaseModal } from './chunk-MRQEFQZB.js';
+import { _BaseModal } from './chunk-ZV2QF3XO.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { _ButtonGroup } from './chunk-KTYJODZV.js';
-import { _CloseButton } from './chunk-SH7QX4ON.js';
-import { _Button } from './chunk-FPPUBMBE.js';
+import { _ButtonGroup } from './chunk-RLWY3YMX.js';
+import { _CloseButton } from './chunk-EQ5SGRMN.js';
+import { _Button } from './chunk-JO4WOBHY.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AlertContext } from './chunk-5DT3S5YY.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Alert.module.css#css-module
-var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___6PA3P", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___CYGc8", "hop-Alert__heading": "Alert-module__hop-Alert__heading___fMy7l", "hop-Alert__close": "Alert-module__hop-Alert__close___XTcLS", "hop-Alert__content": "Alert-module__hop-Alert__content___eZkAn" };
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___omXyH", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___WjQo5", "hop-Alert__heading": "Alert-module__hop-Alert__heading___Pj7mP", "hop-Alert__close": "Alert-module__hop-Alert__close___UPZVN", "hop-Alert__content": "Alert-module__hop-Alert__content___qTs-H" };
 var GlobalAlertCssSelector = "hop-Alert";
 function Alert(props, ref) {
   var _a;

package/dist/{chunk-4JKPMEEJ.js → chunk-Q5HG4SMW.js}

@@ -1,10 +1,10 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { FieldLabel } from './chunk-IVZ3EL66.js';
-import { _HelperMessage } from './chunk-QWK3WHKB.js';
-import { _ErrorMessage } from './chunk-6AKHGSHL.js';
+import { FieldLabel } from './chunk-UWRASD73.js';
+import { _HelperMessage } from './chunk-RPNSU4NH.js';
+import { _ErrorMessage } from './chunk-4AQZKH45.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { useFormProps } from './chunk-TAZERRND.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, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___YEpcf", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___aFXz6", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___xWoIW", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___4VluV", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___gsXNv", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___orv-P", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___i-1-C", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___rUViO", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___i-oCY" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___61Dxi", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___bHPzd", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___0OO2B", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___TwxlC", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___eiuyB", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___JgdGO", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___7Zm5j", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___Osxnd", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___tQNAP" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-T2C6FGAY.js → chunk-RAXFA5L6.js}

@@ -1,14 +1,14 @@
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-CZQ7Y25A.js';
 import { TextFieldContext } from './chunk-O4XPUINW.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 { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _RemainingCharacterCount } from './chunk-4OK2IJOP.js';
+import { Input } from './chunk-I7R7CC7N.js';
+import { _InputGroup } from './chunk-6GRWNDMQ.js';
+import { FieldLabel } from './chunk-UWRASD73.js';
+import { _HelperMessage } from './chunk-RPNSU4NH.js';
+import { _ErrorMessage } from './chunk-4AQZKH45.js';
+import { _ClearButton } from './chunk-SBGR6HMX.js';
+import { useFormProps } from './chunk-TAZERRND.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'r
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./TextField.module.css#css-module
-var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___D7YqU", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___rfB9q", "hop-TextField__Label": "TextField-module__hop-TextField__Label___yy6sq", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___kz3qK", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___hxYoU", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___3qHTX", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___0j1HW" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___Sp5HT", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___raA6F", "hop-TextField__Label": "TextField-module__hop-TextField__Label___h-pJD", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___rGSfK", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___pSvff", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___VI73Y", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___a9iqn" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/chunk-RE4GL7KO.js

@@ -0,0 +1,70 @@
+import { ImageContext } from './chunk-JAR7CXVS.js';
+import { IllustrationContext } from './chunk-OL24RVDF.js';
+import { ClearProviders } from './chunk-PQSMCDAM.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Provider } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Illustration.module.css#css-module
+var Illustration_module_default = { "hop-Illustration": "Illustration-module__hop-Illustration___7eZzH", "hop-Illustration__image": "Illustration-module__hop-Illustration__image___BfngC", "hop-Illustration--horizontal": "Illustration-module__hop-Illustration--horizontal___9c5tx", "hop-Illustration--vertical": "Illustration-module__hop-Illustration--vertical___pkQFR", "hop-Illustration--rounded": "Illustration-module__hop-Illustration--rounded___X7IZE" };
+var GlobalIllustrationCssSelector = "hop-Illustration";
+function Illustration(props, ref) {
+  [props, ref] = useContextProps(props, ref, IllustrationContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    clearContexts,
+    children,
+    isHidden,
+    orientation: orientationProp,
+    shape = "straight",
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const orientation = useResponsiveValue(orientationProp) || "horizontal";
+  if (isHidden) {
+    return null;
+  }
+  const classNames = clsx(
+    GlobalIllustrationCssSelector,
+    cssModule(
+      Illustration_module_default,
+      GlobalIllustrationCssSelector,
+      orientation,
+      shape === "rounded" && "rounded"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [ImageContext, { className: Illustration_module_default["hop-Illustration__image"] }]
+          ],
+          children
+        }
+      )
+    }
+  ) });
+}
+var _Illustration = forwardRef(Illustration);
+_Illustration.displayName = "Illustration";
+
+export { GlobalIllustrationCssSelector, _Illustration };

package/dist/{chunk-KTYJODZV.js → chunk-RLWY3YMX.js}

@@ -12,7 +12,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___QMDZE", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___xQjwW", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___u5uE3", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___YRRSe", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___GpOQ5", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___rNiL8", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___gQnt5", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___DHTdE" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___VDRni", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___EOJS-", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___zJgiM", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___HbkvR", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___lt3po", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___cX9-B", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___h6PVX", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___XRqCg" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-QABLDHTY.js → chunk-RNP2CVTX.js}

@@ -5,7 +5,7 @@ import { TabListStateContext } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabLine.module.css#css-module
-var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___dbpD3", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___XI6Bq" };
+var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___jUY8r", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___-u8kg" };
 var GlobalTabLineCssSelector = "hop-TabLine";
 function TabLine(props) {
   var _a;

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

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

package/dist/{chunk-FGZNIAIF.js → chunk-SBGR6HMX.js}

@@ -1,4 +1,4 @@
-import { _EmbeddedButton } from './chunk-I3RM4ZNZ.js';
+import { _EmbeddedButton } from './chunk-C5PMF55U.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { DismissIcon } from '@hopper-ui/icons';

package/dist/{chunk-QZG7DH76.js → chunk-SKRPB7WU.js}

@@ -2,11 +2,11 @@ import { ModalContext } from './chunk-JBPNJWC7.js';
 import { ImageContext } from './chunk-JAR7CXVS.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
-import { _BaseModal } from './chunk-MRQEFQZB.js';
+import { _BaseModal } from './chunk-ZV2QF3XO.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-import { _CloseButton } from './chunk-SH7QX4ON.js';
+import { _CloseButton } from './chunk-EQ5SGRMN.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Modal.module.css#css-module
-var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___If2VB", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___HayVp", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___I4Tn2", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___r2r1t", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___xavim", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___al8nr", "hop-Modal__close": "Modal-module__hop-Modal__close___yKPMr", "hop-Modal__image": "Modal-module__hop-Modal__image___JDCIW", "hop-Modal__heading": "Modal-module__hop-Modal__heading___47EkI", "hop-Modal__header": "Modal-module__hop-Modal__header___hvWk6", "hop-Modal__content": "Modal-module__hop-Modal__content___5Mv0Y", "hop-Modal__footer": "Modal-module__hop-Modal__footer___vxifE", "hop-Modal__button": "Modal-module__hop-Modal__button___-Jjk4", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___7YFj-" };
+var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___Mu6Nk", "hop-Modal__top-container": "Modal-module__hop-Modal__top-container___K9wEF", "hop-Modal__bottom-container": "Modal-module__hop-Modal__bottom-container___B6PD2", "hop-Modal--has-image": "Modal-module__hop-Modal--has-image___NZ8nU", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___LdVSl", "hop-Modal--fullscreenTakeover": "Modal-module__hop-Modal--fullscreenTakeover___qyUyp", "hop-Modal__close": "Modal-module__hop-Modal__close___bBnZJ", "hop-Modal__image": "Modal-module__hop-Modal__image___8TKsG", "hop-Modal__heading": "Modal-module__hop-Modal__heading___JKwNV", "hop-Modal__header": "Modal-module__hop-Modal__header___se0FM", "hop-Modal__content": "Modal-module__hop-Modal__content___WhikH", "hop-Modal__footer": "Modal-module__hop-Modal__footer___InfaA", "hop-Modal__button": "Modal-module__hop-Modal__button___J-MFt", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___6CROQ" };
 var GlobalModalCssSelector = "hop-Modal";
 var ClearContexts = [ImageContext, HeadingContext, HeaderContext, ContentContext, FooterContext, ButtonContext, ButtonGroupContext];
 var Modal = (props, ref) => {

package/dist/{chunk-EABN7BCJ.js → chunk-TAZERRND.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___FBLVT" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-3UBW7B5Y.js → chunk-TGUQ3J7Z.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___blbu7", "hop-Image--rounded": "Image-module__hop-Image--rounded___UstPX", "hop-Image--circular": "Image-module__hop-Image--circular___UgelG" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-ETHCY5HV.js → chunk-U2LT67HH.js}

@@ -1,6 +1,6 @@
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps, Link as Link$1, DEFAULT_SLOT } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___DnE6s", "hop-Link--xs": "Link-module__hop-Link--xs___LQkM8", "hop-Link--sm": "Link-module__hop-Link--sm___-8sxS", "hop-Link--md": "Link-module__hop-Link--md___VyOBi", "hop-Link--lg": "Link-module__hop-Link--lg___9Jdg9", "hop-Link--xl": "Link-module__hop-Link--xl___g-URQ", "hop-Link--2xl": "Link-module__hop-Link--2xl___zOlu9", "hop-Link--inherit": "Link-module__hop-Link--inherit___2nb-I", "hop-Link--standalone": "Link-module__hop-Link--standalone___R8-1r", "hop-Link__text": "Link-module__hop-Link__text___x4wlB", "hop-Link--quiet": "Link-module__hop-Link--quiet___KQB8j", "hop-Link--primary": "Link-module__hop-Link--primary___puQwX", "hop-Link--secondary": "Link-module__hop-Link--secondary___Gtkiu", "hop-Link__icon": "Link-module__hop-Link__icon___baZ4j", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___UO7F-", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___ZP9fu", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___JmEYw" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___dUgQQ", "hop-Link--xs": "Link-module__hop-Link--xs___8qfcH", "hop-Link--sm": "Link-module__hop-Link--sm___Jcges", "hop-Link--md": "Link-module__hop-Link--md___xABp1", "hop-Link--lg": "Link-module__hop-Link--lg___TTGPB", "hop-Link--xl": "Link-module__hop-Link--xl___mKTpu", "hop-Link--2xl": "Link-module__hop-Link--2xl___eA4f9", "hop-Link--inherit": "Link-module__hop-Link--inherit___9c7p0", "hop-Link--standalone": "Link-module__hop-Link--standalone___-t8vq", "hop-Link__text": "Link-module__hop-Link__text___F78Tu", "hop-Link--quiet": "Link-module__hop-Link--quiet___8Lq3T", "hop-Link--primary": "Link-module__hop-Link--primary___djhLL", "hop-Link--secondary": "Link-module__hop-Link--secondary___CBZoL", "hop-Link__icon": "Link-module__hop-Link__icon___lVBlT", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___q9TuK", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Ge9Xk", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___2LWRp" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-KVXE46FV.js → chunk-U37JQ34P.js}

@@ -8,7 +8,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButtonGroup, Provider }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControl.module.css#css-module
-var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___vdL57" };
+var SegmentedControl_module_default = { "hop-SegmentedControl": "SegmentedControl-module__hop-SegmentedControl___rhaki" };
 var GlobalSegmentedControlCssSelector = "hop-SegmentedControl";
 var SegmentedControl = (props, ref) => {
   [props, ref] = useContextProps(props, ref, SegmentedControlContext);

package/dist/{chunk-OQPQ5Q54.js → chunk-UDIPKMSE.js}

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

package/dist/{chunk-AQBGEAPW.js → chunk-UKQ53AAO.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___SJfV5", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___tJHFh" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___S1Ksu", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___tVzgl" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-77JGVGS3.js → chunk-UO3RJTFP.js}

@@ -1,6 +1,6 @@
+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 { AccordionContext } from './chunk-NF64YIEZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps, DisclosureGroup } from 'react-aria
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Accordion.module.css#css-module
-var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___0mjBI", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___3wIf1", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___pWpUq", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___QqV0F", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___35jdC" };
+var Accordion_module_default = { "hop-Accordion": "Accordion-module__hop-Accordion___eHuUq", "hop-Accordion--inline": "Accordion-module__hop-Accordion--inline___0oTC9", "hop-Accordion__disclosure": "Accordion-module__hop-Accordion__disclosure___6BECv", "hop-Accordion__disclosure-header": "Accordion-module__hop-Accordion__disclosure-header___LQTai", "hop-Accordion__disclosure-panel": "Accordion-module__hop-Accordion__disclosure-panel___dDDE-" };
 var GlobalAccordionCssSelector = "hop-Accordion";
 function Accordion(props, ref) {
   [props, ref] = useContextProps(props, ref, AccordionContext);

package/dist/{chunk-CPCR7FGP.js → chunk-UVH6MHOE.js}

@@ -1,10 +1,10 @@
 import { ToggleButtonContext } from './chunk-BYERWFG4.js';
 import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
-import { _Spinner } from './chunk-FL33X6NS.js';
+import { _Spinner } from './chunk-6BFSWS7N.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ToggleButton as ToggleButton$1, DE
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ToggleButton.module.css#css-module
-var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___zbugX Button-module__hop-Button___pFvZM", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___WdZV7 Button-module__hop-Button--fluid___-QhTX", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___Lsp2L Button-module__hop-Button--xs___8Z6Fg", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___3Nmsz Button-module__hop-Button--sm___jcXzi", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___EP9fl Button-module__hop-Button--md___-Hyel", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___sygl8 Button-module__hop-Button--icon-only___ZHooM", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___LPJIl Button-module__hop-Button--primary___52x1K", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___snZJc Button-module__hop-Button--secondary___uDkfy", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___lZhaF Button-module__hop-Button--upsell___3jmtI", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___bgpu6 Button-module__hop-Button--danger___tMXyo", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___27qzh Button-module__hop-Button--ghost-primary___K1XFC", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___hgB-O Button-module__hop-Button--ghost-secondary___w7DWH", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___at8lh Button-module__hop-Button--ghost-danger___6yaCm", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___cIm3l", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___h-RL5 Button-module__hop-Button__Spinner___IeL-j", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___fNyh0 Button-module__hop-Button__icon___S-Zrr", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___2SWhn Button-module__hop-Button__icon___S-Zrr Button-module__hop-Button__icon-list___3RaqV", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___GdM0S Button-module__hop-Button__text___IuHAg", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___k76xK Button-module__hop-Button__end-icon___4bLjb", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___qUqZ8 Button-module__hop-Button__end-icon___4bLjb Button-module__hop-Button__icon-list___3RaqV" };
+var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___0W6HU Button-module__hop-Button___wWb6i", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___6tPba Button-module__hop-Button--fluid___LxexA", "hop-ToggleButton--xs": "ToggleButton-module__hop-ToggleButton--xs___BpzXJ Button-module__hop-Button--xs___2Fb-4", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___eQQdh Button-module__hop-Button--sm___-jio-", "hop-ToggleButton--md": "ToggleButton-module__hop-ToggleButton--md___pNUac Button-module__hop-Button--md___puKXV", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___fdeTz Button-module__hop-Button--icon-only___NZYcU", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___hyhAW Button-module__hop-Button--primary___vPRyi", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___CXWzj Button-module__hop-Button--secondary___X5mbI", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___UdN0F Button-module__hop-Button--upsell___rJHms", "hop-ToggleButton--danger": "ToggleButton-module__hop-ToggleButton--danger___rYEmF Button-module__hop-Button--danger___hma22", "hop-ToggleButton--ghost-primary": "ToggleButton-module__hop-ToggleButton--ghost-primary___oHwd9 Button-module__hop-Button--ghost-primary___Sa0ib", "hop-ToggleButton--ghost-secondary": "ToggleButton-module__hop-ToggleButton--ghost-secondary___sc6OO Button-module__hop-Button--ghost-secondary___HZf5M", "hop-ToggleButton--ghost-danger": "ToggleButton-module__hop-ToggleButton--ghost-danger___aRaGE Button-module__hop-Button--ghost-danger___AsUiD", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___ZUgPb", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___dh552 Button-module__hop-Button__Spinner___0PlTy", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___8uCIM Button-module__hop-Button__icon___oFnrQ", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___7RZ5D Button-module__hop-Button__icon___oFnrQ Button-module__hop-Button__icon-list___OZwmo", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___9HJdZ Button-module__hop-Button__text___tupYr", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___Fru-b Button-module__hop-Button__end-icon___Z-MNW", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___wSeEy Button-module__hop-Button__end-icon___Z-MNW Button-module__hop-Button__icon-list___OZwmo" };
 var GlobalToggleButtonCssSelector = "hop-ToggleButton";
 var ToggleButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-IVZ3EL66.js → chunk-UWRASD73.js}

@@ -1,5 +1,5 @@
-import { _Label } from './chunk-SQFL7HVZ.js';
-import { useFormProps } from './chunk-EABN7BCJ.js';
+import { _Label } from './chunk-GND3FZEU.js';
+import { useFormProps } from './chunk-TAZERRND.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, Div } from '@hopper-ui/styled-system';
@@ -7,7 +7,7 @@ import clsx from 'clsx';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./FieldLabel.module.css#css-module
-var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___zWpYu", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___5IEoJ" };
+var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___389r9", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___SxkgB" };
 var GlobalFieldLabelCssSelector = "hop-FieldLabel";
 function FieldLabel(props) {
   props = useFormProps(props);

package/dist/{chunk-E5HFUKHL.js → chunk-VAUQ3NUS.js}

@@ -1,5 +1,5 @@
-import { InternalTileContext } from './chunk-S7KMOXY2.js';
 import { TileGroupContext } from './chunk-RZFNJMEH.js';
+import { InternalTileContext } from './chunk-S7KMOXY2.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TileGroup.module.css#css-module
-var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___kgX3n" };
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___T0y0V" };
 var GlobalTileGroupCssSelector = "hop-TileGroup";
 var TileGroup = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileGroupContext);

package/dist/{chunk-7FIL5U4Z.js → chunk-VU24UXS2.js}

@@ -1,7 +1,7 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-VUU3GSYB.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___KFCZz", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___eqUNx", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___8Jdjs", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___n8ymF", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___pAa5y" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___E1t8t", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___3vbx0", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___rwi71", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___HF667", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___3Vrvu" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-CJ6K4SGD.js → chunk-VUU3GSYB.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___yveew", "hop-Text--xs": "Text-module__hop-Text--xs___xgUXf", "hop-Text--sm": "Text-module__hop-Text--sm___lH9j4", "hop-Text--md": "Text-module__hop-Text--md___d08VF", "hop-Text--lg": "Text-module__hop-Text--lg___b8Y3o", "hop-Text--xl": "Text-module__hop-Text--xl___XLdFv", "hop-Text--2xl": "Text-module__hop-Text--2xl___1bdXc", "hop-Text--inherit": "Text-module__hop-Text--inherit___kWQXK" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___OMoIa", "hop-Text--xs": "Text-module__hop-Text--xs___uInhD", "hop-Text--sm": "Text-module__hop-Text--sm___G6-Xz", "hop-Text--md": "Text-module__hop-Text--md___9X8U3", "hop-Text--lg": "Text-module__hop-Text--lg___J6Eo7", "hop-Text--xl": "Text-module__hop-Text--xl___2wrZJ", "hop-Text--2xl": "Text-module__hop-Text--2xl___50zmK", "hop-Text--inherit": "Text-module__hop-Text--inherit___tyk9N" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-ZBKTSDZW.js → chunk-VVQPKO5Z.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,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___APOxu", "hop-Radio--sm": "Radio-module__hop-Radio--sm___rpDCA", "hop-Radio--md": "Radio-module__hop-Radio--md___WyGE-", "hop-Radio__icon": "Radio-module__hop-Radio__icon___2-VHU", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___0QgAw", "hop-Radio__box": "Radio-module__hop-Radio__box___JJTdn", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___8kBaO", "hop-Radio__text": "Radio-module__hop-Radio__text___pt-BW" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___UlUBB", "hop-Radio--sm": "Radio-module__hop-Radio--sm___-vsEP", "hop-Radio--md": "Radio-module__hop-Radio--md___qE8MW", "hop-Radio__icon": "Radio-module__hop-Radio__icon___0Y71-", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___WrrWV", "hop-Radio__box": "Radio-module__hop-Radio__box___dozpR", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___KtHbd", "hop-Radio__text": "Radio-module__hop-Radio__text___Fddqr" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-JOBH3GNG.js → chunk-WCH2S4HA.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-VUU3GSYB.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___2lsug", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___tgJUF", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___BpfDv", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___Zeqcx", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___ypEaS" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-UH3BTZIK.js → chunk-WZW744ZT.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ToggleArrow.module.css#css-module
-var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___q-u66" };
+var ToggleArrow_module_default = { "hop-ToggleArrow": "ToggleArrow-module__hop-ToggleArrow___U1VvI" };
 var GlobalToggleArrowCssSelector = "hop-ToggleArrow";
 function ToggleArrow(props, ref) {
   [props, ref] = useContextProps(props, ref, ToggleArrowContext);

package/dist/{chunk-NUN7AV55.js → chunk-X3L7QHJF.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-WGY5JT6V.js';
+import { ensureTextWrapper } from './chunk-2Q5D6OIZ.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:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___A6rWd Checkbox-module__hop-Checkbox___aRctC", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___kvaOW Checkbox-module__hop-Checkbox--sm___TxL1q", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___6SsFM Checkbox-module__hop-Checkbox--md___l-dj7", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___M5tPz Checkbox-module__hop-Checkbox__icon___mt1qq", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___QPzbL Checkbox-module__hop-Checkbox__icon___mt1qq", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___XgiNL Checkbox-module__hop-Checkbox__box___24O-E", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___9OruK Checkbox-module__hop-Checkbox__check___--7-6", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RvMkv Checkbox-module__hop-Checkbox__text___5IN7f" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___ZZPaH Checkbox-module__hop-Checkbox___PdoMz", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___4bu02 Checkbox-module__hop-Checkbox--sm___Azz8e", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___N9jpN Checkbox-module__hop-Checkbox--md___dNmhy", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___TAR19 Checkbox-module__hop-Checkbox__icon___EQGNG", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___7qZ1Q Checkbox-module__hop-Checkbox__icon___EQGNG", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___orSxf Checkbox-module__hop-Checkbox__box___-9LUr", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___KF-oR Checkbox-module__hop-Checkbox__check___gbyrP", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___D8UpX Checkbox-module__hop-Checkbox__text___RcCfo" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-BZPOJXHY.js → chunk-YHL3E2ER.js}

@@ -1,19 +1,20 @@
 import { useImageFallback } from './chunk-QJ5FQN3N.js';
-import { _BrokenAvatar } from './chunk-NOGAOMSP.js';
+import { _BrokenAvatar } from './chunk-A4WDHKGF.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-CJ6K4SGD.js';
+import { _Text } from './chunk-VUU3GSYB.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps, mergeProps } from '@react-aria/utils';
 import { forwardRef, useMemo } from 'react';
-import { useContextProps, composeRenderProps } from 'react-aria-components';
+import { useFocusRing } from 'react-aria';
+import { useContextProps, composeRenderProps, Pressable } 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___lJTBp", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___Yhdop", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___BDJm1", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___5kYdx", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___HErnt", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___Ob5SO", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___BF-dY", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___QV2kU", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___QiaKO", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___6sTz3", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___M6PEj", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___8f-YL", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___5y8Pc", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___EDyNe", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___zh5MS", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___fv4ql", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___K0TKo" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___2-RLk", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___bY0RV", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___tnNxf", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___aP0J5", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___wrPxD", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___BUsG-", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___gqq-C", "hop-Avatar--clickable": "Avatar-module__hop-Avatar--clickable___2xrDD", "hop-Avatar--focus-visible": "Avatar-module__hop-Avatar--focus-visible___1rA1d", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___-4VJG", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___z6LVt", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___UejWC", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___GF7vF", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___gpk-a", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___04vcO", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___GdS9C", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___2GQ1X", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___Y6H2c", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___ObeiJ" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",
@@ -71,10 +72,12 @@ function Avatar(props, ref) {
     slot,
     src,
     className,
+    onPress,
     style,
     ...otherProps
   } = ownProps;
   const domProps = filterDOMProps(otherProps);
+  const { focusProps, isFocusVisible } = useFocusRing({ within: true });
   const { onError, onLoad, ...otherImageProps } = imageProps != null ? imageProps : {};
   const { imageUrl, status } = useImageFallback({ src, fallbackSrc, onError, onLoad });
   const imageLoaded = status === "loaded";
@@ -84,6 +87,7 @@ function Avatar(props, ref) {
   const isBrokenImage = imageFailed && !isFallbackInitials;
   const isImage = src && !imageFailed && imageLoaded;
   const isInitials = !src || !isImage && isFallbackInitials;
+  const isClickable = !!onPress;
   const classNames = composeClassnameRenderProps(
     className,
     GlobalAvatarCssSelector,
@@ -93,7 +97,9 @@ function Avatar(props, ref) {
       size,
       isBrokenImage && "broken-image",
       isImage && "image",
-      isInitials && getColorName(name)
+      isInitials && getColorName(name),
+      isClickable && "clickable",
+      isFocusVisible && "focus-visible"
     ),
     stylingProps.className
   );
@@ -108,7 +114,8 @@ function Avatar(props, ref) {
     className: classNames,
     style: mergedStyles,
     values: {
-      isDisabled: isDisabled || false
+      isDisabled: isDisabled || false,
+      isFocusVisible: isFocusVisible || false
     }
   });
   if (isBrokenImage) {
@@ -148,18 +155,24 @@ function Avatar(props, ref) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  const avatar = (extraProps) => /* @__PURE__ */ jsx(
     "div",
     {
-      ...mergeProps(domProps, renderProps),
+      ...mergeProps(domProps, renderProps, extraProps),
       "aria-label": ariaLabel != null ? ariaLabel : name,
       "data-disabled": isDisabled || void 0,
-      role: "img",
       slot: slot != null ? slot : void 0,
       ref,
       children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: content })
     }
   );
+  if (onPress) {
+    return /* @__PURE__ */ jsx(Pressable, { onPress, children: avatar({
+      ...focusProps,
+      role: "button"
+    }) });
+  }
+  return avatar({ role: "img" });
 }
 var _Avatar = slot("avatar", forwardRef(Avatar));
 _Avatar.displayName = "Avatar";