@hopper-ui/components 1.3.7 → 1.3.8

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

@@ -1,11 +1,11 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-AWYN6573.js';
-import { _Spinner } from './chunk-PGYHBNCP.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-F4XYXAPX.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___Yy8k4", "hop-Tag--sm": "Tag-module__hop-Tag--sm___P8TCA", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___G2Agr", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___mraiV", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___CSU4h", "hop-Tag--md": "Tag-module__hop-Tag--md___2CaEV", "hop-Tag--lg": "Tag-module__hop-Tag--lg___8Dk2T", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___yOJvu", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___IqCd5", "hop-Tag--progress": "Tag-module__hop-Tag--progress___cH-Ng", "hop-Tag--positive": "Tag-module__hop-Tag--positive___2EKCj", "hop-Tag--caution": "Tag-module__hop-Tag--caution___ph-FI", "hop-Tag--negative": "Tag-module__hop-Tag--negative___CvM-K", "hop-Tag--option1": "Tag-module__hop-Tag--option1___ZQJIo", "hop-Tag--option2": "Tag-module__hop-Tag--option2___mQBU7", "hop-Tag--option3": "Tag-module__hop-Tag--option3___AQSPe", "hop-Tag--option4": "Tag-module__hop-Tag--option4___JVMM0", "hop-Tag--option5": "Tag-module__hop-Tag--option5___uMkwG", "hop-Tag--option6": "Tag-module__hop-Tag--option6___1Vk-2", "hop-Tag__icon": "Tag-module__hop-Tag__icon___-1ejX", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___xKNVa", "hop-Tag__text": "Tag-module__hop-Tag__text___sSfKQ", "hop-Tag__badge": "Tag-module__hop-Tag__badge___2wkBC" };
+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-VZAUDQPW.js → chunk-AC6JVAVX.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-BUI76FPU.js';
-import { _ClearButton } from './chunk-AWYN6573.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___AV5d9", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___fk-1h", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___cDU1N", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___CXWRj", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___WkPdD", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___rVtfI", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___fscIC", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___wlBbe", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___7B2Ke" };
+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-HIF2U66B.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___EE-2i", "hop-Label__indicator": "Label-module__hop-Label__indicator___QZV-x" };
+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-SRT6TJ7K.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___w2T0j", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___SKxAz", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___crDTH", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___5zayu", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___Vo8rS", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___XU-ks", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___vLeiV", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___SZuzR", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___Wl8DS", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___dF07c", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___LdqNI", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___sjPf2", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___FNbxF", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___dduQI", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___lOexY", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ojr14" };
+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-C4W3WI5F.js → chunk-BPFMTXRF.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-F4XYXAPX.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___l3cUu", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___1Lei9" };
+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-CWP3RDUT.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___Ah-Aa", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___5kFP2", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___6apIw", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___5vb0-", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___rB3-j", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___cG-5O", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___El7jL", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___7I6oj", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___5xw7d" };
+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-YUMDUDZX.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-IZUZUN6Z.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-F4XYXAPX.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___fCheu", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___2fafn", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___sIZIS", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___4-Gsh", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___1GilQ" };
+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-5LGDXMKZ.js → chunk-DRG2376D.js}

@@ -1,6 +1,6 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _InputGroup } from './chunk-BUI76FPU.js';
-import { _EmbeddedButton } from './chunk-SRT6TJ7K.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___I0UHA", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___T093p", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___SFE1N", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___z0KM7", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___St921", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Vsrgm" };
+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-BZC3DOXC.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-F4XYXAPX.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___xR3qR Radio-module__hop-Radio___5q4dw", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___IYfZ4 Radio-module__hop-Radio--sm___4LYS8", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___dT1bE Radio-module__hop-Radio--md___As58o", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___-h3p5 Radio-module__hop-Radio__icon___KdTxL", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___MZItP Radio-module__hop-Radio__icon___KdTxL", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___t1G2C Radio-module__hop-Radio__box___RRBuh", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___vV0nA Radio-module__hop-Radio__bullet___BZw7q", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___guri5 Radio-module__hop-Radio__text___Q7Ytg" };
+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-JZGG67JQ.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___g7ps6", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___a25V7" };
+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-PJLVJG4E.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___ZhoR9", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___WJq8O", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___XZ36W", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___5lCSu", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___vzyUz", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___ZaeNQ", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___tqM4Y", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___LrQw1" };
+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-LXWDXMVL.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-SZIBBFKI.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-YUMDUDZX.js';
+import { _ListBox } from './chunk-CURG4YI3.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-IZUZUN6Z.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-F4XYXAPX.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___wpqmA", "fade": "Popover-module__fade___fLu22", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___-2GXF", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___wOPF-", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___hF0Ba", "hop-Popover__title": "Popover-module__hop-Popover__title___tULvQ", "hop-Popover__content": "Popover-module__hop-Popover__content___xfAwJ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___dtFam", "hop-Popover__footer": "Popover-module__hop-Popover__footer___nRrpk", "hop-Popover__actions": "Popover-module__hop-Popover__actions___9XiAv", "hop-Popover__action": "Popover-module__hop-Popover__action___Gk0oe" };
+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___018w5", "hop-Select--fluid": "Select-module__hop-Select--fluid___8FKqZ", "hop-Select__label": "Select-module__hop-Select__label___h0QJ-", "hop-Select__button": "Select-module__hop-Select__button___csI9f", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___7Bkjy", "hop-Select__button--md": "Select-module__hop-Select__button--md___N5Huq", "hop-Select__prefix": "Select-module__hop-Select__prefix___glfPq", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___ADJTr", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___pubjR", "hop-Select__error-message": "Select-module__hop-Select__error-message___LLkqe" };
+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___t89dJ" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___00trG" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

package/dist/{chunk-BNBUTFBN.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___Arx5F", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___NWsRs", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___qpzvW", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___5I3kP", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___z1uMe", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___7mR52" };
+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-2LS24P2S.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___-4FWx", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___yOdKc" };
+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-FKFP4LFR.js → chunk-JNDKNURH.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ZVOVNXPJ.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-YFJWAPT5.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___byI5a", "hop-Heading--xs": "Heading-module__hop-Heading--xs___S-Spm", "hop-Heading--sm": "Heading-module__hop-Heading--sm___eYVWY", "hop-Heading--md": "Heading-module__hop-Heading--md___Trt4d", "hop-Heading--lg": "Heading-module__hop-Heading--lg___8RulN", "hop-Heading--xl": "Heading-module__hop-Heading--xl___XLAp5", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___ghz3S", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___sTxzT" };
+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-JKE2GH2D.js → chunk-JVDDMMRS.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-MJ24AAEX.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___-9bND" };
+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-IZUZUN6Z.js → chunk-KQ735GKE.js}

@@ -1,11 +1,11 @@
-import { _DecorativeRadio } from './chunk-BZC3DOXC.js';
-import { _DecorativeCheckbox } from './chunk-MTQURD2G.js';
+import { _DecorativeRadio } from './chunk-E4PIETAY.js';
+import { _DecorativeCheckbox } from './chunk-R4LPKOSF.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-BNBUTFBN.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-F4XYXAPX.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___EKD3-", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___QDUaN", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___MkxrY", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___Sh68L", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___mYIg-", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___UCV4p", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___J2oC8", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___6SsEU", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___L0Jyk", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___-3EFw", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___K3ccZ", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___BlnB-", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___gRpdF", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___46Wdm", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___BW6ws", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___5EhSc", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___3pjXI" };
+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-AWYN6573.js → chunk-KXUA2JOW.js}

@@ -1,5 +1,5 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-SRT6TJ7K.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-DNFIKL5N.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-F4XYXAPX.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___5q4dw", "hop-Radio--sm": "Radio-module__hop-Radio--sm___4LYS8", "hop-Radio--md": "Radio-module__hop-Radio--md___As58o", "hop-Radio__icon": "Radio-module__hop-Radio__icon___KdTxL", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___4rAJh", "hop-Radio__box": "Radio-module__hop-Radio__box___RRBuh", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___BZw7q", "hop-Radio__text": "Radio-module__hop-Radio__text___Q7Ytg" };
+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-BUI76FPU.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___IeLq4", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___bBTdC", "hop-InputGroup--sm": "InputGroup-module__hop-InputGroup--sm___rt-ic", "hop-InputGroup__input": "InputGroup-module__hop-InputGroup__input___pobIV", "hop-InputGroup__textarea": "InputGroup-module__hop-InputGroup__textarea___h-ACH", "hop-InputGroup__embedded-button": "InputGroup-module__hop-InputGroup__embedded-button___tggVm" };
+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-4PCMNJTD.js → chunk-MVBXZQAH.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-F4XYXAPX.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___ZF-hl", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___OKPlp" };
+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-T2DEFREG.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___dJieE", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___1EbWC", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___vR14U", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___P-5jZ", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___fIXTk" };
+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-LULNSRRY.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___j6yB2" };
+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-MDI3RFZS.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___A5OEY", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___08VGE", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___-4aoZ", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___5EvIt", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___lMDuc" };
+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-PQTB3F7K.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-BUI76FPU.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-F4XYXAPX.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___CigfE", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___RHFdR", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___IesgB", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___CKsl5", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___Dy8Ya", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___TaknV", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___L5-B2", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___px1UJ", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___rzEEf" };
+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-MTQURD2G.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-F4XYXAPX.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___ISCAP Checkbox-module__hop-Checkbox___mAL3I", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___puKjz Checkbox-module__hop-Checkbox--sm___Wmzry", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___F1gDS Checkbox-module__hop-Checkbox--md___jhSti", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___f2gLT Checkbox-module__hop-Checkbox__icon___9PFwj", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___N8U0V Checkbox-module__hop-Checkbox__icon___9PFwj", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___ZwQUS Checkbox-module__hop-Checkbox__box___S46JE", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___btixW Checkbox-module__hop-Checkbox__check___UJ3Eo", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___-4O3N Checkbox-module__hop-Checkbox__text___qP2jS" };
+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;