@hopper-ui/components 1.3.6 → 1.3.8

package/dist/{chunk-46GSYJ4O.js → chunk-7H4MZKSZ.js}

@@ -1,11 +1,11 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-QLR77TGC.js';
-import { _Spinner } from './chunk-CVYYW7J4.js';
+import { _ClearButton } from './chunk-KXUA2JOW.js';
+import { _Spinner } from './chunk-RR6N2GZX.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.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___wrsI2", "hop-Tag--sm": "Tag-module__hop-Tag--sm___EMjuF", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___glszt", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___uRNq3", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___UuAeT", "hop-Tag--md": "Tag-module__hop-Tag--md___HsCiJ", "hop-Tag--lg": "Tag-module__hop-Tag--lg___Vxt4s", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___J3qNi", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___apt4G", "hop-Tag--progress": "Tag-module__hop-Tag--progress___5cBAK", "hop-Tag--positive": "Tag-module__hop-Tag--positive___gutPg", "hop-Tag--caution": "Tag-module__hop-Tag--caution___6VCAy", "hop-Tag--negative": "Tag-module__hop-Tag--negative___c-4ot", "hop-Tag--option1": "Tag-module__hop-Tag--option1___fl99g", "hop-Tag--option2": "Tag-module__hop-Tag--option2___pv4-t", "hop-Tag--option3": "Tag-module__hop-Tag--option3___ST2tu", "hop-Tag--option4": "Tag-module__hop-Tag--option4___92Otc", "hop-Tag--option5": "Tag-module__hop-Tag--option5___o-9Gw", "hop-Tag--option6": "Tag-module__hop-Tag--option6___mjNo5", "hop-Tag__icon": "Tag-module__hop-Tag__icon___DKazH", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___O8SgH", "hop-Tag__text": "Tag-module__hop-Tag__text___OPnEh", "hop-Tag__badge": "Tag-module__hop-Tag__badge___dseHK" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___NM6io", "hop-Tag--sm": "Tag-module__hop-Tag--sm___RusnS", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___W-ZWY", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___iMDOt", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___Sb-9t", "hop-Tag--md": "Tag-module__hop-Tag--md___kkBZU", "hop-Tag--lg": "Tag-module__hop-Tag--lg___6uwPK", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___USBuA", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___xQkUX", "hop-Tag--progress": "Tag-module__hop-Tag--progress___zPefF", "hop-Tag--positive": "Tag-module__hop-Tag--positive___-0pjQ", "hop-Tag--caution": "Tag-module__hop-Tag--caution___t7-CS", "hop-Tag--negative": "Tag-module__hop-Tag--negative___B5fjH", "hop-Tag--option1": "Tag-module__hop-Tag--option1___AYNLX", "hop-Tag--option2": "Tag-module__hop-Tag--option2___Sajtj", "hop-Tag--option3": "Tag-module__hop-Tag--option3___Eivl4", "hop-Tag--option4": "Tag-module__hop-Tag--option4___24aL5", "hop-Tag--option5": "Tag-module__hop-Tag--option5___MUm8-", "hop-Tag--option6": "Tag-module__hop-Tag--option6___-sBKA", "hop-Tag__icon": "Tag-module__hop-Tag__icon___Kk1ms", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___sGKeO", "hop-Tag__text": "Tag-module__hop-Tag__text___QMrwz", "hop-Tag__badge": "Tag-module__hop-Tag__badge___3Bb7n" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-FE6YBJMN.js → chunk-AC6JVAVX.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-ZSOGDKV5.js';
-import { _ClearButton } from './chunk-QLR77TGC.js';
+import { _InputGroup } from './chunk-MBFMR455.js';
+import { _ClearButton } from './chunk-KXUA2JOW.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.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___9vSYz", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___r42qe", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___4kF-D", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Fz0yf", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___hloXw", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___QTkJg", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___MARXt", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___XXX32", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___iCONd" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___q-EeQ", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___CPvL1", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___h8Tgk", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___BJJRt", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___K4N-1", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___ztMMx", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___nFg62", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___pkXdH", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___rn5bg" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-D7KHPU3U.js → chunk-AGRLOZWN.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___FQWXv", "hop-Label__indicator": "Label-module__hop-Label__indicator___z-FtY" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___I1lcR", "hop-Label__indicator": "Label-module__hop-Label__indicator___bMR5H" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-NKZRZZMH.js → chunk-AJMHHWRN.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___JYrVb", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___fln30", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___rRXsh" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___7FfyF", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___P-YqL", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___7q2Cu", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___gyZMD", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___A10nO", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___Ik65-", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___IJpvj", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___cpJ1e", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___Q-Gbf", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___ldyS0", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___-xE5d", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___f33bW", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___Yhb58", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___vaAW4", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___1WAFN", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___3-ikY" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/chunk-BFVCZF4H.js

@@ -0,0 +1,52 @@
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { _Text } from './chunk-2J5HM77N.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { mergeProps } from 'react-aria';
+import { composeRenderProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./RemainingCharacterCount.module.css#css-module
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___spzWY" };
+function RemainingCharacterCount(props, ref) {
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, style, count, isDisabled, isInvalid, ...textProps } = ownProps;
+  const stringFormatter = useLocalizedString();
+  const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: count });
+  const classNames = composeClassnameRenderProps(className, cssModule(RemainingCharacterCount_module_default, "hop-RemainingCharacterCount"));
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const renderProps = useRenderProps({
+    ...props,
+    className: classNames,
+    style: mergedStyles,
+    values: {
+      isDisabled: isDisabled || false,
+      isInvalid: isInvalid || false
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    _Text,
+    {
+      ...mergeProps(textProps, renderProps),
+      ref,
+      "aria-label": accessibilityString,
+      "data-disabled": isDisabled || void 0,
+      "data-invalid": isInvalid || void 0,
+      role: "status",
+      size: "xs",
+      children: count
+    }
+  );
+}
+var _RemainingCharacterCount = forwardRef(RemainingCharacterCount);
+_RemainingCharacterCount.displayName = "Footer";
+
+export { _RemainingCharacterCount };

package/dist/{chunk-DZZ4WWRN.js → chunk-BPFMTXRF.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.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___C9XRG", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___cgykX" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___aVOod", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___ijRfm" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-KIZSSIMT.js → chunk-CTTRBWBT.js}

@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___izA5I", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___6Gomr", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___Ja9UA", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___1e57F", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Ytl-9", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___c9BqI", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___QLISY", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___gWeGt", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___10PiB" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___A7CLi", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___HydnG", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___CfroT", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___3r4Gx" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-NQYHB7S3.js → chunk-CURG4YI3.js}

@@ -2,11 +2,11 @@ import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-CGL75FSH.js';
+import { _ListBoxItem } from './chunk-KQ735GKE.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___e4j-o", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___GMtww", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___FTXLR", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___M8ZWz", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___qkK-O", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___RwdwS" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___eUpnT", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___Ippzh", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___qvP27", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___zZ38V", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___6j-wC" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-5RHMPFIJ.js → chunk-DRG2376D.js}

@@ -1,6 +1,6 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-ZSOGDKV5.js';
-import { _EmbeddedButton } from './chunk-NKZRZZMH.js';
+import { _InputGroup } from './chunk-MBFMR455.js';
+import { _EmbeddedButton } from './chunk-AJMHHWRN.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.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___AhAOi", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___8FlTs", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___X7SFD", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___Dh8A7", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___lBDed", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___T4nZO" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___lIpWY", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___mWiBH", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___jhOyi", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___neXGZ", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___tl8k3", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___JGtpS" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-6W5XVFIS.js → chunk-E4PIETAY.js}

@@ -1,7 +1,7 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___oRMfZ Radio-module__hop-Radio___3GVjM", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___AQchJ Radio-module__hop-Radio--sm___qIsKs", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___DMoEl Radio-module__hop-Radio--md___Eszb9", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___VUXMo Radio-module__hop-Radio__icon___ChXsk", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___uTmFK Radio-module__hop-Radio__icon___ChXsk", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___F6dfP Radio-module__hop-Radio__box___wgOZS", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___-Mc90 Radio-module__hop-Radio__bullet___f0qvY", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___-241H Radio-module__hop-Radio__text___2EXJv" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___rEyYa Radio-module__hop-Radio___W1Vdc", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___c4DTm Radio-module__hop-Radio--sm___NYymj", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___4FKuP Radio-module__hop-Radio--md___CQv8r", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___A0Dsb Radio-module__hop-Radio__icon___W3Yrf", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___fJ9KP Radio-module__hop-Radio__icon___W3Yrf", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___e68gp Radio-module__hop-Radio__box___T-9Zw", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___WU567 Radio-module__hop-Radio__bullet___aikpb", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___5m-W5 Radio-module__hop-Radio__text___gfkdz" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-32QBNIEM.js → chunk-FIJ3CLQB.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___-S8TZ", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___oAdE6" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___nqUSD", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___IGn45" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-3K2JRC5Y.js → chunk-GMMQYERH.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___JA4jE", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___EvODj", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___4FWyO", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___aMRwQ", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___OmblZ", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___IMwdh", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___wY5d-" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___BKZ0u", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___X9fQE", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___Jvfhi", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___L2vod", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___FTkrz", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___5RFlc", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___QEzzw", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___uxaS1" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-UJVTDWNG.js → chunk-H2L3SQIO.js}

@@ -12,15 +12,15 @@ 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-AAV7H2PI.js';
+import { _SelectValue } from './chunk-VMCZQTOI.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _ListBox } from './chunk-NQYHB7S3.js';
+import { _ListBox } from './chunk-CURG4YI3.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-CGL75FSH.js';
+import { _ListBoxItem } from './chunk-KQ735GKE.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -28,7 +28,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-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___pOS32", "fade": "Popover-module__fade___0AhRl", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___Gpx6-", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___KwJ4t", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___Ydsf8", "hop-Popover__title": "Popover-module__hop-Popover__title___Ac5V0", "hop-Popover__content": "Popover-module__hop-Popover__content___LsWgM", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___jhPeo", "hop-Popover__footer": "Popover-module__hop-Popover__footer___KvfnC", "hop-Popover__actions": "Popover-module__hop-Popover__actions___3EQON", "hop-Popover__action": "Popover-module__hop-Popover__action___lVwso" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___gIFrM", "fade": "Popover-module__fade___ph4u3", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___HAIbd", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___UFZee", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___H-yZY", "hop-Popover__title": "Popover-module__hop-Popover__title___7iBNB", "hop-Popover__content": "Popover-module__hop-Popover__content___9qGsS", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___4ZJko", "hop-Popover__footer": "Popover-module__hop-Popover__footer___GUjGi", "hop-Popover__actions": "Popover-module__hop-Popover__actions___8dlIL", "hop-Popover__action": "Popover-module__hop-Popover__action___PdeSV" };
 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___dZacu", "hop-Select--fluid": "Select-module__hop-Select--fluid___RMUq3", "hop-Select__label": "Select-module__hop-Select__label___yCY4A", "hop-Select__button": "Select-module__hop-Select__button___pty-P", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___ybcFD", "hop-Select__button--md": "Select-module__hop-Select__button--md___w1cwq", "hop-Select__prefix": "Select-module__hop-Select__prefix___QGcJO", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___UCJ9e", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___gU1Rh", "hop-Select__error-message": "Select-module__hop-Select__error-message___p0QAg" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___-ffji", "hop-Select--fluid": "Select-module__hop-Select--fluid___a4kzj", "hop-Select__label": "Select-module__hop-Select__label___rG82d", "hop-Select__button": "Select-module__hop-Select__button___Ml5ar", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___z5rTo", "hop-Select__button--md": "Select-module__hop-Select__button--md___pRWBr", "hop-Select__prefix": "Select-module__hop-Select__prefix___ioXh1", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___hyZcO", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___uE0gS", "hop-Select__error-message": "Select-module__hop-Select__error-message___66saO" };
 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___Kd5fG" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___00trG" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

package/dist/{chunk-ICGQUOUM.js → chunk-IP4N5EBH.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___zgPHG", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gcDLf", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___nMqoM", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___rSb-I", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___tlBUR", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___c8Y4L" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___x-eOh", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-56UB7UOG.js → chunk-J2OCA4O2.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./FloatingBadge.module.css#css-module
-var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___g-Sla", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___Vl-eq" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___DWDc3", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___Zuv6z" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

package/dist/{chunk-NUB4BYRF.js → chunk-JNDKNURH.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-NZKS5OKD.js';
+import { _RichIconAvatarImage } from './chunk-XJAHZJVO.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-LDWNFZXA.js → chunk-JURJ6BXP.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___xok42", "hop-Heading--xs": "Heading-module__hop-Heading--xs___yyvuF", "hop-Heading--sm": "Heading-module__hop-Heading--sm___KCcNN", "hop-Heading--md": "Heading-module__hop-Heading--md___IwpUP", "hop-Heading--lg": "Heading-module__hop-Heading--lg___GELZH", "hop-Heading--xl": "Heading-module__hop-Heading--xl___ixPVU", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___b7nfx", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___efLin" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___n97SR", "hop-Heading--xs": "Heading-module__hop-Heading--xs___mTtTP", "hop-Heading--sm": "Heading-module__hop-Heading--sm___eo32f", "hop-Heading--md": "Heading-module__hop-Heading--md___IrFcX", "hop-Heading--lg": "Heading-module__hop-Heading--lg___7r13U", "hop-Heading--xl": "Heading-module__hop-Heading--xl___TkxTV", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___JATsN", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___7Xm3l" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-ODXA2UZN.js → chunk-JVDDMMRS.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-EUXXCRBZ.js';
+import { _OverlineText } from './chunk-TQZKBOSP.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___RGKDc" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___6H0U2" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

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

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-6W5XVFIS.js';
-import { _DecorativeCheckbox } from './chunk-7L5HTRIH.js';
+import { _DecorativeRadio } from './chunk-E4PIETAY.js';
+import { _DecorativeCheckbox } from './chunk-R4LPKOSF.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-ICGQUOUM.js';
+import { _ListBoxItemSkeleton } from './chunk-IP4N5EBH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___JwnhO", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___zl90j", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___liBj0", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___JobkU", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___x6zNi", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Y-OfJ", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___4r7bo", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___f6ZNM", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___GvYtf", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___JoH8e", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___foPUm", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___6z82m", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___s4qb0", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___M2Rln", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___9bQl5", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___JsRz0", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___UFdM9" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___MMTyZ", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___rnMPS", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___quqA7", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___zpQ-Z", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___-c0Bb", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___GdqVw", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___jF5Ms", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___oX2hJ", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___-E4Qp", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___gDZAy", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___ENL9t", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___qp7p9", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___uvHkz", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___RjMsK", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___guJ4T", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___wqMna", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___kKsUG" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-QLR77TGC.js → chunk-KXUA2JOW.js}

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

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

@@ -1,7 +1,7 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___3GVjM", "hop-Radio--sm": "Radio-module__hop-Radio--sm___qIsKs", "hop-Radio--md": "Radio-module__hop-Radio--md___Eszb9", "hop-Radio__icon": "Radio-module__hop-Radio__icon___ChXsk", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Xk7yf", "hop-Radio__box": "Radio-module__hop-Radio__box___wgOZS", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___f0qvY", "hop-Radio__text": "Radio-module__hop-Radio__text___2EXJv" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___W1Vdc", "hop-Radio--sm": "Radio-module__hop-Radio--sm___NYymj", "hop-Radio--md": "Radio-module__hop-Radio--md___CQv8r", "hop-Radio__icon": "Radio-module__hop-Radio__icon___W3Yrf", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___Ky-BO", "hop-Radio__box": "Radio-module__hop-Radio__box___T-9Zw", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___aikpb", "hop-Radio__text": "Radio-module__hop-Radio__text___gfkdz" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-ZSOGDKV5.js → chunk-MBFMR455.js}

@@ -10,7 +10,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___WcTzE", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___nS6mP", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___JnRFs", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___IXkwy", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___bj7DV", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___aJeH4" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___cxU-Q", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___JDLHZ", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___xub9Y", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___WN-8O", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___Kn-qF", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___THXUj" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-4RSRAAPW.js → chunk-MVBXZQAH.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___QVgo9", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___kJa-q" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___JHTa8", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___aKgJ9" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-OGIBVQFW.js → chunk-NLQW4MJR.js}

@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___vf1MO", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___g7W5A", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___4kKpo", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___nhfiF", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___6R77t" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___tjnl9", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___mtiU4", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___uCBiT", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___uxJ4N", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ytOgd" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-PNWMICY7.js → chunk-PEB7PBUB.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___Q3MT-" };
+var IconList_module_default = { "hop-IconList": "IconList-module__hop-IconList___ttQfU" };
 var GlobalIconListCssSelector = "hop-IconList";
 function IconList(props, ref) {
   [props, ref] = useContextProps(props, ref, IconListContext);

package/dist/{chunk-4U7DCAUG.js → chunk-PWOFOTJR.js}

@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___-vwTZ", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___7Rhoi", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___VY2am", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___E7zdg", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___B-ZON" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___1-HVZ", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___QmRzg", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___In1AA", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___o5cEe", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___JOWVQ" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-SSCVAJ2H.js → chunk-QLLCRVCV.js}

@@ -1,12 +1,11 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _InputGroup } from './chunk-ZSOGDKV5.js';
+import { _RemainingCharacterCount } from './chunk-BFVCZF4H.js';
+import { _InputGroup } from './chunk-MBFMR455.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-MYAC6TLH.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -79,7 +78,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___qaonI", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___Cyf8M", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___Hrr66", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___2BdDx", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___d4oXY", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___3wZu0", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___-1sD-", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___RTzEd", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___yeQUs" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___-HVPa", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___EVe6A", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___1FkkL", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___Ebbu7", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___RrdVH", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___TfXYa", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___vNhDn", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Vkzeg", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___-FgEV" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {
@@ -217,7 +216,15 @@ function TextArea(props, ref) {
       inputType: "textarea",
       children: [
         /* @__PURE__ */ jsx(TextArea$1, { ref: mergedTextAreaRef, placeholder, cols, rows }),
-        showCharacterCount && maxLength && /* @__PURE__ */ jsx(CharacterCount, { charactersLeft: maxLength - characterCount, isInvalid: overMaxLength })
+        showCharacterCount && maxLength && /* @__PURE__ */ jsx(
+          _RemainingCharacterCount,
+          {
+            className: TextArea_module_default["hop-TextArea__RemainingCharacterCount"],
+            count: maxLength - characterCount,
+            isInvalid: overMaxLength,
+            isDisabled
+          }
+        )
       ]
     }
   ) });
@@ -249,27 +256,11 @@ function TextArea(props, ref) {
       isDisabled,
       isInvalid,
       "data-resize-mode": resizeMode,
-      "data-over-max-length": overMaxLength || void 0,
       ...otherProps,
       children: childrenMarkup
     }
   );
 }
-function CharacterCount({ charactersLeft, isInvalid }) {
-  const stringFormatter = useLocalizedString();
-  const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: charactersLeft });
-  return /* @__PURE__ */ jsx(
-    _Text,
-    {
-      "aria-label": accessibilityString,
-      role: "status",
-      size: "xs",
-      className: TextArea_module_default["hop-TextArea__char-count"],
-      "data-invalid": isInvalid || void 0,
-      children: charactersLeft
-    }
-  );
-}
 var _TextArea = forwardRef(TextArea);
 _TextArea.displayName = "TextArea";
 

package/dist/{chunk-7L5HTRIH.js → chunk-R4LPKOSF.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-MYAC6TLH.js';
+import { _Text } from './chunk-2J5HM77N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___q0SHV Checkbox-module__hop-Checkbox___wCCR3", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___e-SXm Checkbox-module__hop-Checkbox--sm___d1GQZ", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___BazG1 Checkbox-module__hop-Checkbox--md___FjgKo", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___j0mxa Checkbox-module__hop-Checkbox__icon___Yv3pS", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___p5qQy Checkbox-module__hop-Checkbox__icon___Yv3pS", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Lq5Di Checkbox-module__hop-Checkbox__box___PoPW7", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___JwJtd Checkbox-module__hop-Checkbox__check___YUwMq", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___N0rdG Checkbox-module__hop-Checkbox__text___FLKuq" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___lRQTM Checkbox-module__hop-Checkbox___N1R82", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx Checkbox-module__hop-Checkbox--sm___fyMAY", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr Checkbox-module__hop-Checkbox--md___K8Wf4", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7 Checkbox-module__hop-Checkbox__icon___-2zc-", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 Checkbox-module__hop-Checkbox__icon___-2zc-", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN Checkbox-module__hop-Checkbox__box___KQHTU", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx Checkbox-module__hop-Checkbox__check___kpRRX", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V Checkbox-module__hop-Checkbox__text___lT5Jd" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;