@hopper-ui/components 1.3.1 → 1.3.2

package/dist/{chunk-QAIK237T.js → chunk-E3OC54N2.js}

@@ -1,19 +1,20 @@
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-PUMWU6M4.js';
-import { _ClearButton } from './chunk-HLXQ6C2E.js';
+import { _InputGroup } from './chunk-SZE6BURJ.js';
+import { _ClearButton } from './chunk-UURAYM5Q.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
 import { mergeRefs } from '@react-aria/utils';
 import { useControlledState } from '@react-stately/utils';
 import { forwardRef, useState, useCallback } from 'react';
@@ -22,7 +23,7 @@ import { useContextProps, composeRenderProps, Input, TextField as TextField$1 }
 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___kOhsi", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___7iHqg", "hop-TextField__Label": "TextField-module__hop-TextField__Label___Gt48-", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___aeL29", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___g0Gme", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___Wp1Oo", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___TY3Us" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___hk6Yk", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___ZsmOR", "hop-TextField__Label": "TextField-module__hop-TextField__Label___imz7C", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___2ukPK", "hop-TextField__char-count": "TextField-module__hop-TextField__char-count___aADbQ", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___c6vKu", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___EPMW6", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___T2wjf" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;
@@ -54,10 +55,12 @@ function TextField(props, ref) {
     isDisabled,
     isInvalid,
     isRequired,
+    restrictMaxLength = true,
     ...otherProps
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
   const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const overMaxLength = !!maxLength && characterCount > maxLength;
   const classNames = composeClassnameRenderProps(
     className,
     GlobalTextFieldCssSelector,
@@ -79,6 +82,7 @@ function TextField(props, ref) {
     setCharacterCount(value2.length);
     onChangeProp == null ? void 0 : onChangeProp(value2);
   }, [onChangeProp]);
+  const truncateText = useTruncatedText();
   const [value, onChange] = useControlledState(valueProp, defaultValue || "", handleTextChanged);
   const handleClear = useCallback(() => {
     onChange("");
@@ -98,6 +102,12 @@ function TextField(props, ref) {
       children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix
     }
   ) : null;
+  useIsomorphicLayoutEffect(() => {
+    if (restrictMaxLength) {
+      const newValue = truncateText(value, maxLength);
+      onChange(newValue);
+    }
+  }, [value]);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
@@ -137,11 +147,12 @@ function TextField(props, ref) {
       value,
       style,
       className: classNames,
-      maxLength,
+      maxLength: restrictMaxLength ? maxLength : void 0,
       onChange,
       isDisabled,
       isInvalid,
       isRequired,
+      "data-over-max-length": overMaxLength || void 0,
       ...otherProps,
       children: childrenMarkup
     }
@@ -154,8 +165,8 @@ function CharacterCount({ characterLeft }) {
     _Text,
     {
       "aria-label": accessibilityString,
+      className: TextField_module_default["hop-TextField__char-count"],
       role: "status",
-      color: "neutral-weakest",
       size: "xs",
       children: characterLeft
     }

package/dist/{chunk-ARD3LWL2.js → chunk-E4XUYBHM.js}

@@ -2,7 +2,7 @@ import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.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___fyhi8", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___MMiVH", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___r-eu7", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___f3iUY", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___ECGgT" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___aeUo4", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___ydj2c", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___sLKo8", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___MvBWs", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___sApM8" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-OLXX46IZ.js → chunk-EM46HWRZ.js}

@@ -8,7 +8,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___xyX8G", "hop-Label__indicator": "Label-module__hop-Label__indicator___QJQXo" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___fMtr-", "hop-Label__indicator": "Label-module__hop-Label__indicator___L7EES" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-USVXH6MO.js → chunk-FJ22ZFSR.js}

@@ -1,6 +1,6 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___O1-Km", "spin": "Spinner-module__spin___v977U", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___qV5iG", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___G30MC", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___sYhCI", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___W5tRL", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___kByJ9", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___8qfSZ" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___Zh1Ig", "spin": "Spinner-module__spin___HWAqt", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___xO7jF", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___86MBc", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___6WVVx", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___bSJvF", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___HqVd1", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___u732A" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ESWRMGHR.js → chunk-GVSKXB2L.js}

@@ -1,12 +1,12 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-USVXH6MO.js';
+import { _Spinner } from './chunk-FJ22ZFSR.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___ufqF7", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___6nkzA", "hop-Button--fluid": "Button-module__hop-Button--fluid___LYhcV", "hop-Button--sm": "Button-module__hop-Button--sm___rqKIE", "hop-Button--primary": "Button-module__hop-Button--primary___pOCG7", "hop-Button--md": "Button-module__hop-Button--md___bGFaw", "hop-Button--secondary": "Button-module__hop-Button--secondary___ixxaS", "hop-Button--upsell": "Button-module__hop-Button--upsell___fKGBb", "hop-Button--danger": "Button-module__hop-Button--danger___IDbG4", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___1zhrR", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___cwxat", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___Yqrhr", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___hQZHn", "hop-Button__icon": "Button-module__hop-Button__icon___-HWSV", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___E7GUi", "hop-Button__text": "Button-module__hop-Button__text___2dU0i", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___5Jtro", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___CC5Vx" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___lmqpa", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___2xBXm", "hop-Button--fluid": "Button-module__hop-Button--fluid___l-oPy", "hop-Button--sm": "Button-module__hop-Button--sm___BH-SD", "hop-Button--primary": "Button-module__hop-Button--primary___kVWtX", "hop-Button--md": "Button-module__hop-Button--md___UEh5L", "hop-Button--secondary": "Button-module__hop-Button--secondary___PBpba", "hop-Button--upsell": "Button-module__hop-Button--upsell___f4MnG", "hop-Button--danger": "Button-module__hop-Button--danger___TV-l6", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___qqiOP", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___PyKnm", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___VOEr-", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___R38Q-", "hop-Button__icon": "Button-module__hop-Button__icon___ytKYx", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___MguPH", "hop-Button__text": "Button-module__hop-Button__text___hzQn3", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___iWHO9", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___WUaQk" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-JVZRUDLP.js → chunk-GX73DZCI.js}

@@ -1,13 +1,13 @@
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { _InputGroup } from './chunk-PUMWU6M4.js';
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _InputGroup } from './chunk-SZE6BURJ.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.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___-viZw", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___z9E7Y", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___NLupB", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___ToOXW", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___NJe7D", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___qdiem", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___hejQO", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___aOBw-", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___RDO3F" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___nGCAY", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___tOStF", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___7XDtF", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___5sJCg", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___bA0hN", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___lSguM", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___yJIH-", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___h64Vh", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___DhORP" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-EMD2K6B3.js → chunk-HIBGDGNG.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.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___B-h4I", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___Bv8wG" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___wUoas", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___An68p" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-47SFZCKK.js → chunk-IU74RATZ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___bg7Vw", "hop-Heading--xs": "Heading-module__hop-Heading--xs___cJICk", "hop-Heading--sm": "Heading-module__hop-Heading--sm___vU8hq", "hop-Heading--md": "Heading-module__hop-Heading--md___z6GMX", "hop-Heading--lg": "Heading-module__hop-Heading--lg___jgsIb", "hop-Heading--xl": "Heading-module__hop-Heading--xl___9EVlv", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___kHIrr", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___slkv6" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___gSY2V", "hop-Heading--xs": "Heading-module__hop-Heading--xs___eEbWp", "hop-Heading--sm": "Heading-module__hop-Heading--sm___XW-eh", "hop-Heading--md": "Heading-module__hop-Heading--md___4aHJY", "hop-Heading--lg": "Heading-module__hop-Heading--lg___2NCdP", "hop-Heading--xl": "Heading-module__hop-Heading--xl___njv3P", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___GYFl2", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___-2AIg" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-5NMCOZOW.js → chunk-JCH77LJD.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___D1EZ2", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___N-Khe" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___fqfQB", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___GATaO" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-L3Y67TUF.js → chunk-KCISVH6E.js}

@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___Xb3dE", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___6ME7V", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___LFCc4", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___tynlW", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___KdIUX", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___XQf5n", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___KBI6w", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___An-sx", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___bKTCy" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___5uPZC", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___QTb7g", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___sySXY", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___bhsBV", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___4M6KT", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___K-Y-B", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___CSjUc", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___QXzMh", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___BkFNa" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-2ZOLM7VR.js → chunk-KYREXCID.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-JVDCU4PT.js';
+import { _OverlineText } from './chunk-7UCX7BHD.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___09iuj" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___j2yOS" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-SFZBLVJN.js → chunk-LBJ4PRPZ.js}

@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___kjqe3", "hop-Radio--focused": "Radio-module__hop-Radio--focused___lQ30-", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___-S-oj", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___7J0QF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___xnPjA", "hop-Radio--md": "Radio-module__hop-Radio--md___9JVd4", "hop-Radio__icon": "Radio-module__hop-Radio__icon___MXNrF", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___6PWZA", "hop-Radio__box": "Radio-module__hop-Radio__box___kGWwH", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___A5FBg", "hop-Radio__text": "Radio-module__hop-Radio__text___yqy6k" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___fiLqZ", "hop-Radio--focused": "Radio-module__hop-Radio--focused___ljAlt", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___1jVbG", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___fFpLV", "hop-Radio--sm": "Radio-module__hop-Radio--sm___lMp9M", "hop-Radio--md": "Radio-module__hop-Radio--md___2SjXP", "hop-Radio__icon": "Radio-module__hop-Radio__icon___RhEJ7", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___3-dCQ", "hop-Radio__box": "Radio-module__hop-Radio__box___XsjuT", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___rhaGm", "hop-Radio__text": "Radio-module__hop-Radio__text___gKthl" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-NJHNYL6X.js → chunk-M23LQGWD.js}

@@ -2,7 +2,7 @@ import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___spK1e", "hop-Switch--sm": "Switch-module__hop-Switch--sm___pXmUA", "hop-Switch--md": "Switch-module__hop-Switch--md___1EMLj", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___8cdnp", "hop-Switch__text": "Switch-module__hop-Switch__text___jqfx-", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___cwZEQ", "hop-Switch__icon": "Switch-module__hop-Switch__icon___Cp-D0" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___uGj2-", "hop-Switch--sm": "Switch-module__hop-Switch--sm___HYfto", "hop-Switch--md": "Switch-module__hop-Switch--md___AfBBH", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___nXNzx", "hop-Switch__text": "Switch-module__hop-Switch__text___AVZma", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___m-I5f", "hop-Switch__icon": "Switch-module__hop-Switch__icon___YH2YF" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/{chunk-UNSJTDXN.js → chunk-M72B6IEL.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-BO53NITW.js';
+import { _RichIconAvatarImage } from './chunk-PMPZHA56.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';

package/dist/{chunk-XHQWDF7B.js → chunk-MVQ4SZCY.js}

@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___JYbnj", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___dyPmo", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___ZQiq8", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___XFaIJ", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___hQqvS" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___td3l-", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___e3DCJ", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___EqUHr", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___2FN5L", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___8cR86" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-YD2TGFCB.js → chunk-OHK3RWIU.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-PUMWU6M4.js';
-import { _ClearButton } from './chunk-HLXQ6C2E.js';
+import { _InputGroup } from './chunk-SZE6BURJ.js';
+import { _ClearButton } from './chunk-UURAYM5Q.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XWIhj", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___i4y3u", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___nIAGG", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___QAlG0", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___emItm", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___QsdZe", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___yGGlb", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___TTVbm", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___k3a8p" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___porIP", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___Zmi0a", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___FRVg6", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Ft5xn", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___up43t", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___kZ2Cn", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___W28CU", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___84FAI", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___hA3ul" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-BO53NITW.js → chunk-PMPZHA56.js}

@@ -9,7 +9,7 @@ import { useContextProps } 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___0SfZJ", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7c8Uq", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CMqPA", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___qR-0W", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___yBdoM", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___tBzp5", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___--GFe", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___CJQjx", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___atibm", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___bnHkl", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___MIOqU", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hOZPm", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8l-pB", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-GG6RHMJ7.js → chunk-QIGWJIKW.js}

@@ -11,14 +11,14 @@ import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-ARD3LWL2.js';
+import { _SelectValue } from './chunk-E4XUYBHM.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _ListBox } from './chunk-ZG5E36S3.js';
+import { _ListBox } from './chunk-2QRF6QS4.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-WDA6LWC4.js';
+import { _ListBoxItem } from './chunk-DVUZTKLP.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
@@ -29,7 +29,7 @@ import { _HopperProvider } from './chunk-NMKBUGSO.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -44,7 +44,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___GhhaI", "fade": "Popover-module__fade___uLf7r", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___AoYE2", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___-3-1Y", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___ub0rC", "hop-Popover__title": "Popover-module__hop-Popover__title___uge2S", "hop-Popover__content": "Popover-module__hop-Popover__content___sDJTD", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___mk7Zk", "hop-Popover__footer": "Popover-module__hop-Popover__footer___TkhzY", "hop-Popover__actions": "Popover-module__hop-Popover__actions___oM8iu", "hop-Popover__action": "Popover-module__hop-Popover__action___xyIXY" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___gUuqE", "fade": "Popover-module__fade___ByoOf", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___PUZxp", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___sW-hf", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___fQSFy", "hop-Popover__title": "Popover-module__hop-Popover__title___kUozx", "hop-Popover__content": "Popover-module__hop-Popover__content___lGFNJ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___3a8GD", "hop-Popover__footer": "Popover-module__hop-Popover__footer___OfxU-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___dmf8x", "hop-Popover__action": "Popover-module__hop-Popover__action___DxkKZ" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;
@@ -178,7 +178,7 @@ var _Popover = forwardRef(Popover);
 _Popover.displayName = "Popover";
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___YSMVc", "hop-Select--fluid": "Select-module__hop-Select--fluid___w94yO", "hop-Select__label": "Select-module__hop-Select__label___NnWsa", "hop-Select__button": "Select-module__hop-Select__button___7z-Kj", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___XNopb", "hop-Select__button--md": "Select-module__hop-Select__button--md___bNWOy", "hop-Select__prefix": "Select-module__hop-Select__prefix___c-Ovr", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___JQAcH", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___VAqai", "hop-Select__error-message": "Select-module__hop-Select__error-message___OggC8" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___NY-PE", "hop-Select--fluid": "Select-module__hop-Select--fluid___Spz5C", "hop-Select__label": "Select-module__hop-Select__label___2D4bX", "hop-Select__button": "Select-module__hop-Select__button___Go9H0", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___EbGeY", "hop-Select__button--md": "Select-module__hop-Select__button--md___cdeXg", "hop-Select__prefix": "Select-module__hop-Select__prefix___2TSOS", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___aX0YH", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___lx7SC", "hop-Select__error-message": "Select-module__hop-Select__error-message___00F7I" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b;
@@ -738,7 +738,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___Nzjsc" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___C2j6d" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

package/dist/{chunk-A2S2Q73W.js → chunk-SYP4FGDH.js}

@@ -1,6 +1,6 @@
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___rQyDx", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___r8QUQ" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___RgnZ8", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___55BuQ" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-PUMWU6M4.js → chunk-SZE6BURJ.js}

@@ -9,7 +9,7 @@ import { useContextProps, useSlottedContext, InputContext, TextAreaContext, Fiel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___Bza37", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___cf38K", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___DJIbp", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___gfqs7", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___wZzaX" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___WTjn6", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___qLBy2", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___PglDr", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___pDQNr", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___738GU" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-7QUXYE3E.js → chunk-T46AXTFR.js}

@@ -1,12 +1,12 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-HLXQ6C2E.js';
-import { _Spinner } from './chunk-USVXH6MO.js';
+import { _ClearButton } from './chunk-UURAYM5Q.js';
+import { _Spinner } from './chunk-FJ22ZFSR.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___sE18E", "hop-Tag--sm": "Tag-module__hop-Tag--sm___6T0rv", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___keMbT", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___-mCAF", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___uvnAY", "hop-Tag--md": "Tag-module__hop-Tag--md___S6TYt", "hop-Tag--lg": "Tag-module__hop-Tag--lg___2xSvX", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___eIaqK", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___1-9wb", "hop-Tag--progress": "Tag-module__hop-Tag--progress___jFd-h", "hop-Tag--positive": "Tag-module__hop-Tag--positive___A2rVp", "hop-Tag--caution": "Tag-module__hop-Tag--caution___hYFdM", "hop-Tag--negative": "Tag-module__hop-Tag--negative___Lk0VK", "hop-Tag--option1": "Tag-module__hop-Tag--option1___qeK63", "hop-Tag--option2": "Tag-module__hop-Tag--option2___uKdK7", "hop-Tag--option3": "Tag-module__hop-Tag--option3___hzD9j", "hop-Tag--option4": "Tag-module__hop-Tag--option4___mRM9B", "hop-Tag--option5": "Tag-module__hop-Tag--option5___1Iav1", "hop-Tag--option6": "Tag-module__hop-Tag--option6___WtxMr", "hop-Tag__icon": "Tag-module__hop-Tag__icon___kazUJ", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___5Tiqa", "hop-Tag__text": "Tag-module__hop-Tag__text___qDmXu", "hop-Tag__badge": "Tag-module__hop-Tag__badge___h6QjR" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___6kkA1", "hop-Tag--sm": "Tag-module__hop-Tag--sm___ZpTSw", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___Xo1UQ", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___CK3eL", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___cfamG", "hop-Tag--md": "Tag-module__hop-Tag--md___oBQFD", "hop-Tag--lg": "Tag-module__hop-Tag--lg___uyvYq", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___jWg4j", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___fZeA5", "hop-Tag--progress": "Tag-module__hop-Tag--progress___A0oR6", "hop-Tag--positive": "Tag-module__hop-Tag--positive___pgIee", "hop-Tag--caution": "Tag-module__hop-Tag--caution___58PpF", "hop-Tag--negative": "Tag-module__hop-Tag--negative___PZwTR", "hop-Tag--option1": "Tag-module__hop-Tag--option1___A0sb0", "hop-Tag--option2": "Tag-module__hop-Tag--option2___vjYIv", "hop-Tag--option3": "Tag-module__hop-Tag--option3___NPGVI", "hop-Tag--option4": "Tag-module__hop-Tag--option4___tTOij", "hop-Tag--option5": "Tag-module__hop-Tag--option5___9-b0i", "hop-Tag--option6": "Tag-module__hop-Tag--option6___j6qym", "hop-Tag__icon": "Tag-module__hop-Tag__icon___m9dbl", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___e1ujB", "hop-Tag__text": "Tag-module__hop-Tag__text___Scjto", "hop-Tag__badge": "Tag-module__hop-Tag__badge___Peurj" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-XF4SQ222.js → chunk-TKCXSKGR.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___p4rFp", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gwojN", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___sSxVu", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___kI5E-", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___3ZPnH", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___wPxkP", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___ucQPS", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___xjXd3" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-BF6YUKC2.js → chunk-UUNBQSPD.js}

@@ -8,7 +8,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./IconList.module.css#css-module
-var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___ocsPJ" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___Z6Put" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-HLXQ6C2E.js → chunk-UURAYM5Q.js}

@@ -1,5 +1,5 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-TJMAMWRQ.js';
+import { _EmbeddedButton } from './chunk-VAX4ILUC.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/{chunk-TJMAMWRQ.js → chunk-VAX4ILUC.js}

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___0z1Vu", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ZNJEB" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___etrFw", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___7bL0V", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___5Zw59", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___KR3i8", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___-mlka", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___axihG", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___QhL-A", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___9n3K9", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___rFl6E", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___qi2Kp", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___ph3C-", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___IpA3Y", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___G6jTP", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___HgADC", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___ePPdk", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___frCoq" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-52LHX4PE.js → chunk-VSUK2R4A.js}

@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-4VVNSXIB.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___n--L5", "hop-Link--quiet": "Link-module__hop-Link--quiet___HJuey", "hop-Link--primary": "Link-module__hop-Link--primary___d57uX", "hop-Link--secondary": "Link-module__hop-Link--secondary___HIvLL", "hop-Link__icon": "Link-module__hop-Link__icon___GcMoG", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___ruNqY", "hop-Link__text": "Link-module__hop-Link__text___i3Fjr", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___uarLn", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___3Vdk-" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___PIma8", "hop-Link--quiet": "Link-module__hop-Link--quiet___iZPH-", "hop-Link--primary": "Link-module__hop-Link--primary___-c45k", "hop-Link--secondary": "Link-module__hop-Link--secondary___G8IxK", "hop-Link__icon": "Link-module__hop-Link__icon___ufhw2", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___V22Fg", "hop-Link__text": "Link-module__hop-Link__text___Nks7k", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___JC61y", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___zs30P" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-BV7O26TY.js → chunk-XBDHVTY7.js}

@@ -1,6 +1,6 @@
-import { _InputGroup } from './chunk-PUMWU6M4.js';
+import { _InputGroup } from './chunk-SZE6BURJ.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-TJMAMWRQ.js';
+import { _EmbeddedButton } from './chunk-VAX4ILUC.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, TextField } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___iUTLE", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___4AIxY", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___THz7n", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___1tlfh", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___L0DbW", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Hi6Xf" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___hmPci", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___QgPUw", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___pdO7q", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___5BEGR", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___cTj33", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___a7QjZ" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;