@hopper-ui/components 1.3.1 → 1.3.3

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

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-PUMWU6M4.js';
-import { _ClearButton } from './chunk-HLXQ6C2E.js';
+import { _InputGroup } from './chunk-DMVOYW6N.js';
+import { _ClearButton } from './chunk-OVLJGCG7.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XWIhj", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___i4y3u", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___nIAGG", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___QAlG0", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___emItm", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___QsdZe", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___yGGlb", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___TTVbm", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___k3a8p" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___d0thT", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___wa1FR", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___kYBDG", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___IFwmA", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___8XpuW", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___Szaco", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___WEpMs", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___5IdhS", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___lckjT" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-HXPTWMD5.js → chunk-EBNKK7UG.js}

@@ -1,7 +1,7 @@
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { useImageFallback } from './chunk-NS3XVOQ7.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-BO53NITW.js';
+import { _RichIconAvatarImage } from './chunk-FUZDBWJ3.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___voDSB", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___vyK5f", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___tZ1n5", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___ZETXa", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___2JJif", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___GbLkx", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___i2HmH", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___swzwE", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___61Ewl", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___btSY5", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___muuvm", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___FAvFc", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___tZ9LE", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___fXKic", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___43DZK", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___Hc--N", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___BNmTQ" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___2iRIy", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___U6TaP", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___mVPqW", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___-HteB", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___6eRRX", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___XeULp", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___0w2Ni", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___x4wwr", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___VdIQd", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___T5HRP", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___quPmn", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___ifBXG", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___wDYJd", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___xgn2p", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___6RKzf", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___LMOth", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___L1lkB" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-EUELVL2L.js → chunk-EC7OSNAK.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___pLr29", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___GgHTk", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___4dHH0", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___fic5z", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___iEGgv", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___P4B-x", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___aUkXe", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___KOis2", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___Gj7lq" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___THbpa", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___zuO92", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___WteEE", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___nNiRb", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___YaFOG", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___ktcWB", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___W2aOq", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___uPyiu", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___SPO-k" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

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

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

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

@@ -1,6 +1,6 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___O1-Km", "spin": "Spinner-module__spin___v977U", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___qV5iG", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___G30MC", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___sYhCI", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___W5tRL", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___kByJ9", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___8qfSZ" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___xDrpF", "spin": "Spinner-module__spin___-Rkj1", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___rvdH6", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___z6QNv", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___NI1Kx", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___4C02S", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___oPPSm", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___AivV7" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-X2T2UX2O.js → chunk-FNFLGAVD.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___cvHzG", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___DizOb" };
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___OCAvn", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___XidQN" };
 var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
 function FloatingBadge(props, ref) {
   [props, ref] = useContextProps(props, ref, FloatingBadgeContext);

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

@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___0SfZJ", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___7c8Uq", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___CMqPA", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___qR-0W", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___yBdoM", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___tBzp5", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___--GFe", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___tDykK" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___P6XFt", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kM-j4", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___SKx-C", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___-ELGu", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___V0j8U", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___uv-1s", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___43YNN", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___IoXhR" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

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

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___p4rFp", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gwojN", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___5-U5u", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___tROve", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___WF17x", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yPJ4x", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___GDWcA", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___9hgUf" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

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

@@ -1,13 +1,13 @@
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { _InputGroup } from './chunk-PUMWU6M4.js';
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _InputGroup } from './chunk-DMVOYW6N.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___-viZw", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___z9E7Y", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___NLupB", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___ToOXW", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___NJe7D", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___qdiem", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___hejQO", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___aOBw-", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___RDO3F" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___AZnsL", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___SeEFe", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___usIcu", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___SdyC9", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___AMYx9", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___qBFJK", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___G2i49", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___kWsAn", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___yOGFC" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

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

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___bg7Vw", "hop-Heading--xs": "Heading-module__hop-Heading--xs___cJICk", "hop-Heading--sm": "Heading-module__hop-Heading--sm___vU8hq", "hop-Heading--md": "Heading-module__hop-Heading--md___z6GMX", "hop-Heading--lg": "Heading-module__hop-Heading--lg___jgsIb", "hop-Heading--xl": "Heading-module__hop-Heading--xl___9EVlv", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___kHIrr", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___slkv6" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___bHXtt", "hop-Heading--xs": "Heading-module__hop-Heading--xs___rkqGG", "hop-Heading--sm": "Heading-module__hop-Heading--sm___auPVY", "hop-Heading--md": "Heading-module__hop-Heading--md___u5KdF", "hop-Heading--lg": "Heading-module__hop-Heading--lg___zzc1d", "hop-Heading--xl": "Heading-module__hop-Heading--xl___5SCUd", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___hnCq3", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___aCZIQ" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

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

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

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

@@ -11,14 +11,14 @@ import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-ARD3LWL2.js';
+import { _SelectValue } from './chunk-ZFMCRQ5C.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _ListBox } from './chunk-ZG5E36S3.js';
+import { _ListBox } from './chunk-Q7XNJJHM.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-WDA6LWC4.js';
+import { _ListBoxItem } from './chunk-ZWTMTEFG.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
@@ -29,7 +29,7 @@ import { _HopperProvider } from './chunk-NMKBUGSO.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -44,7 +44,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___GhhaI", "fade": "Popover-module__fade___uLf7r", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___AoYE2", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___-3-1Y", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___ub0rC", "hop-Popover__title": "Popover-module__hop-Popover__title___uge2S", "hop-Popover__content": "Popover-module__hop-Popover__content___sDJTD", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___mk7Zk", "hop-Popover__footer": "Popover-module__hop-Popover__footer___TkhzY", "hop-Popover__actions": "Popover-module__hop-Popover__actions___oM8iu", "hop-Popover__action": "Popover-module__hop-Popover__action___xyIXY" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___i8se0", "fade": "Popover-module__fade___Y80OG", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___6wmmX", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___qWlym", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___Zh5mt", "hop-Popover__title": "Popover-module__hop-Popover__title___yIARl", "hop-Popover__content": "Popover-module__hop-Popover__content___ZaJ8T", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___mCGCz", "hop-Popover__footer": "Popover-module__hop-Popover__footer___Zan9L", "hop-Popover__actions": "Popover-module__hop-Popover__actions___ltRsy", "hop-Popover__action": "Popover-module__hop-Popover__action___srYuC" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;
@@ -178,7 +178,7 @@ var _Popover = forwardRef(Popover);
 _Popover.displayName = "Popover";
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___YSMVc", "hop-Select--fluid": "Select-module__hop-Select--fluid___w94yO", "hop-Select__label": "Select-module__hop-Select__label___NnWsa", "hop-Select__button": "Select-module__hop-Select__button___7z-Kj", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___XNopb", "hop-Select__button--md": "Select-module__hop-Select__button--md___bNWOy", "hop-Select__prefix": "Select-module__hop-Select__prefix___c-Ovr", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___JQAcH", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___VAqai", "hop-Select__error-message": "Select-module__hop-Select__error-message___OggC8" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___EO27h", "hop-Select--fluid": "Select-module__hop-Select--fluid___FzpaW", "hop-Select__label": "Select-module__hop-Select__label___c4deC", "hop-Select__button": "Select-module__hop-Select__button___fa76-", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___8MviV", "hop-Select__button--md": "Select-module__hop-Select__button--md___ITp9Y", "hop-Select__prefix": "Select-module__hop-Select__prefix___Co2es", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___-PN1H", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___96x9I", "hop-Select__error-message": "Select-module__hop-Select__error-message___U1kYE" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b;
@@ -738,7 +738,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___Nzjsc" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___PGIZl" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

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

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___0z1Vu", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___G-uWy", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___z8VIY", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___WXlSK", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___bRbsg", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___-Kk0A", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___pR9JU", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___AtNwG", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___XhXc-", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___3pQmQ", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___mnzjp", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___NZb5K", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___R9nSU", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___kXIQG", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___LXrDI", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___ZNJEB" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___fQdPb", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___c-uxl", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___3w8cX", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___LH4l0", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___JqGBl", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___Ekpqs", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___mm1dS", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___lZEMl", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___-g2RB", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___6K9h-", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___GtSc9", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___t-CPy", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___J4cqN", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___3-TWn", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___KFswN", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___IfhUX" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;
@@ -20,6 +20,7 @@ function EmbeddedButton(props, ref) {
     size: sizeProp,
     isDisabled,
     isSelected = false,
+    isSquare,
     style: styleProp,
     children,
     variant = "neutral",
@@ -60,6 +61,7 @@ function EmbeddedButton(props, ref) {
           style,
           isDisabled,
           "data-selected": isSelected || void 0,
+          "data-square": isSquare || void 0,
           ...otherProps,
           children
         }

package/dist/{chunk-QSWSZUZM.js → chunk-N3Z3CYO7.js}

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

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

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

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

@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___kjqe3", "hop-Radio--focused": "Radio-module__hop-Radio--focused___lQ30-", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___-S-oj", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___7J0QF", "hop-Radio--sm": "Radio-module__hop-Radio--sm___xnPjA", "hop-Radio--md": "Radio-module__hop-Radio--md___9JVd4", "hop-Radio__icon": "Radio-module__hop-Radio__icon___MXNrF", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___6PWZA", "hop-Radio__box": "Radio-module__hop-Radio__box___kGWwH", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___A5FBg", "hop-Radio__text": "Radio-module__hop-Radio__text___yqy6k" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___f6Vgr", "hop-Radio--focused": "Radio-module__hop-Radio--focused___1rGHf", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___PK7aT", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___MLA7j", "hop-Radio--sm": "Radio-module__hop-Radio--sm___hJ83r", "hop-Radio--md": "Radio-module__hop-Radio--md___rigqc", "hop-Radio__icon": "Radio-module__hop-Radio__icon___qEuEv", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___aUQY-", "hop-Radio__box": "Radio-module__hop-Radio__box___Ma5Cl", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___UNMt2", "hop-Radio__text": "Radio-module__hop-Radio__text___bpSHA" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

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

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___B-h4I", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___Bv8wG" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___g-VQU", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___cXfSo" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-ZG5E36S3.js → chunk-Q7XNJJHM.js}

@@ -1,13 +1,13 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-WDA6LWC4.js';
+import { _ListBoxItem } from './chunk-ZWTMTEFG.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___rt3cs", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___vsxhM", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___8rii0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___jg7EN", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___QdDhF", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___aRxop" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___178zE", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___g5S3Y", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___-52aj", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___FbmGI", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___7gxdn", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___yBQm-" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-QCTIAKM6.js → chunk-QS5JV4ME.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___D1rn4", "hop-Text--xs": "Text-module__hop-Text--xs___83nUB", "hop-Text--sm": "Text-module__hop-Text--sm___J7Ynn", "hop-Text--md": "Text-module__hop-Text--md___vDq4E", "hop-Text--lg": "Text-module__hop-Text--lg___d93YP", "hop-Text--xl": "Text-module__hop-Text--xl___7Poiv", "hop-Text--2xl": "Text-module__hop-Text--2xl___owE8f", "hop-Text--inherit": "Text-module__hop-Text--inherit___LGo4-" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___i-wip", "hop-Text--xs": "Text-module__hop-Text--xs___OgrlM", "hop-Text--sm": "Text-module__hop-Text--sm___VG8kM", "hop-Text--md": "Text-module__hop-Text--md___Y1jRC", "hop-Text--lg": "Text-module__hop-Text--lg___P2gHm", "hop-Text--xl": "Text-module__hop-Text--xl___uu4Y6", "hop-Text--2xl": "Text-module__hop-Text--2xl___kr5Vw", "hop-Text--inherit": "Text-module__hop-Text--inherit___enYNN" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

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

@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___Xb3dE", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___6ME7V", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___LFCc4", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___tynlW", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___KdIUX", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___XQf5n", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___KBI6w", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___An-sx", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___bKTCy" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___fZzjX", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___B-TYS", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___SFGiN", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___DZiZf", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___XSmfS", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___70l9M", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___TBSqm", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___-gzSi", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___0rYBR" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

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

@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-4VVNSXIB.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___n--L5", "hop-Link--quiet": "Link-module__hop-Link--quiet___HJuey", "hop-Link--primary": "Link-module__hop-Link--primary___d57uX", "hop-Link--secondary": "Link-module__hop-Link--secondary___HIvLL", "hop-Link__icon": "Link-module__hop-Link__icon___GcMoG", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___ruNqY", "hop-Link__text": "Link-module__hop-Link__text___i3Fjr", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___uarLn", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___3Vdk-" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___qHQQp", "hop-Link--quiet": "Link-module__hop-Link--quiet___R-N9E", "hop-Link--primary": "Link-module__hop-Link--primary___-Kizu", "hop-Link--secondary": "Link-module__hop-Link--secondary___V2FVF", "hop-Link__icon": "Link-module__hop-Link__icon___-5Hms", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___9c76z", "hop-Link__text": "Link-module__hop-Link__text___mskEH", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___P3X3d", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___M66uE" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

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

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

package/dist/{chunk-NEPRDVF7.js → chunk-TNKYUIG3.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___J7KA6", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___JlpAt", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___i2eDM", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___xETIr", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___ciEgu" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___pVi8B", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___W7D8R", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___Dq1Rf", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___konhn", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___Gu96C" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-JVDCU4PT.js → chunk-TRGOUUKL.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___-AumH", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___epYug" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___AJQ9B", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___2R69Q" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-SD6DBWYC.js → chunk-U6IYZMNN.js}

@@ -12,7 +12,7 @@ import { useContextProps } 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___C1gXe", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___LY1rM", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___QsiW7", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___PAedH", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___VMtji" };
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___ygk-A", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___VOflW", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___vefQn", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___XFh3h", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___odwQg" };
 var GlobalRadioFieldCssSelector = "hop-RadioField";
 var RadioToDescriptionSizeAdapter = {
   sm: "xs",

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

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

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

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

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

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

package/dist/{chunk-D7VVQIPM.js → chunk-YGOVG4X3.js}

@@ -2,7 +2,7 @@ import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-QCTIAKM6.js';
+import { _Text } from './chunk-QS5JV4ME.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___oOX03", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___4PAm6", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___0yG6J", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___04mxl", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___KSwrs", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___x2EJP", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___ABzh9", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___eUQ93", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___e4-5W", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___QjfqB", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___Us3om" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___LGvQv", "hop-Checkbox--focused": "Checkbox-module__hop-Checkbox--focused___vjDn-", "hop-Checkbox--hovered": "Checkbox-module__hop-Checkbox--hovered___rBo1O", "hop-Checkbox--pressed": "Checkbox-module__hop-Checkbox--pressed___A-Tzt", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___4oMPK", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___TcJBe", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___czSm3", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___657WD", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___hg4Mw", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___X5sEH", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___IAcx-" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;