@hopper-ui/components 1.3.0 → 1.3.2

package/dist/chunk-CIGS4QGT.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/Badge/src/FloatingBadgeContext.ts
+var FloatingBadgeContext = createContext({});
+FloatingBadgeContext.displayName = "FloatingBadgeContext";
+
+export { FloatingBadgeContext };

package/dist/{chunk-BQITTESM.js → chunk-DBRCQKUP.js}

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

package/dist/{chunk-6C5RI4RT.js → chunk-DVUZTKLP.js}

@@ -1,15 +1,15 @@
-import { _RadioGroup } from './chunk-SSDFINDD.js';
+import { _Radio } from './chunk-LBJ4PRPZ.js';
+import { _RadioGroup } from './chunk-KCISVH6E.js';
 import { _RadioList } from './chunk-NKHMUPAP.js';
-import { _Radio } from './chunk-TTY5HDLL.js';
-import { _Checkbox } from './chunk-OLS7K6PO.js';
+import { _Checkbox } from './chunk-XZRK3MCS.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { _ListBoxItemSkeleton } from './chunk-TKCXSKGR.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-T3CLGQI6.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -21,7 +21,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___0duRn", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___dm4VD", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___Dykwg", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___LbxNg", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___XU3oU", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___GE9a-", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___Fe3CI", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___-pa0W", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___hSfVk", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___Zclpw", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___BOBDw", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___XbL4U", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___yllrL", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___KYWRG", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___MRDNE", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___TPYxZ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___gTJYQ" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___WPcI6", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___9yqv-", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___-dIPa", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___zsuXH", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___2POEB", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___Q-WyC", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___8tVvi", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___zO-1q", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___BWVk3", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___TrEmP", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___2ts9n", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___cDnpz", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___lyDh4", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___bb5Mc", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___Auh9U", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___6JGnU", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___-OS1t" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",
@@ -157,7 +157,10 @@ function ListBoxItemInner(props) {
               }],
               [BadgeContext, {
                 className: ListBoxItem_module_default["hop-ListBoxItem__badge"],
-                isDisabled
+                isDisabled,
+                isHovered,
+                isPressed,
+                isSelected
               }],
               [AvatarContext, {
                 className: ListBoxItem_module_default["hop-ListBoxItem__avatar"],

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

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

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

@@ -2,7 +2,7 @@ import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___vmhD5", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___LzO40", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___2SitP", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___yJC6I", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___3K-em" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___aeUo4", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___ydj2c", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___sLKo8", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___MvBWs", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___sApM8" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

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

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

package/dist/{chunk-3573Q6QG.js → chunk-FJ22ZFSR.js}

@@ -1,6 +1,6 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___lbVrH", "spin": "Spinner-module__spin___gZdkA", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___Fq8e0", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___MNc-8", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___dlN-q", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___S48QH", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___qQ88k", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___P1FJ3" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___Zh1Ig", "spin": "Spinner-module__spin___HWAqt", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___xO7jF", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___86MBc", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___6WVVx", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___bSJvF", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___HqVd1", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___u732A" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

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

@@ -1,12 +1,12 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-3573Q6QG.js';
+import { _Spinner } from './chunk-FJ22ZFSR.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___mVpRP", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___xAh-6", "hop-Button--fluid": "Button-module__hop-Button--fluid___EFWA-", "hop-Button--sm": "Button-module__hop-Button--sm___-ue3C", "hop-Button--primary": "Button-module__hop-Button--primary___EKPMl", "hop-Button--md": "Button-module__hop-Button--md___BDVkz", "hop-Button--secondary": "Button-module__hop-Button--secondary___bcVUb", "hop-Button--upsell": "Button-module__hop-Button--upsell___6nknl", "hop-Button--danger": "Button-module__hop-Button--danger___MkovL", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___zlbPD", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___l-orO", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___F6-yL", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___1RnXX", "hop-Button__icon": "Button-module__hop-Button__icon___MFwf2", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___jC-21", "hop-Button__text": "Button-module__hop-Button__text___ebwCf", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___oyHTu", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___1U3mE" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___lmqpa", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___2xBXm", "hop-Button--fluid": "Button-module__hop-Button--fluid___l-oPy", "hop-Button--sm": "Button-module__hop-Button--sm___BH-SD", "hop-Button--primary": "Button-module__hop-Button--primary___kVWtX", "hop-Button--md": "Button-module__hop-Button--md___UEh5L", "hop-Button--secondary": "Button-module__hop-Button--secondary___PBpba", "hop-Button--upsell": "Button-module__hop-Button--upsell___f4MnG", "hop-Button--danger": "Button-module__hop-Button--danger___TV-l6", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___qqiOP", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___PyKnm", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___VOEr-", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___R38Q-", "hop-Button__icon": "Button-module__hop-Button__icon___ytKYx", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___MguPH", "hop-Button__text": "Button-module__hop-Button__text___hzQn3", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___iWHO9", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___WUaQk" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

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

@@ -1,13 +1,13 @@
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
-import { _InputGroup } from './chunk-ZHOQYYHY.js';
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _InputGroup } from './chunk-SZE6BURJ.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___J0kzu", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___l8sl5", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___8erAW", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___CrM8H", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___P-hh6", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___4XbjQ", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___KoGsg", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___uMu4X", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___Y5jyT" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___nGCAY", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___tOStF", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___7XDtF", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___5sJCg", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___bA0hN", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___lSguM", "hop-TextArea__char-count": "TextArea-module__hop-TextArea__char-count___yJIH-", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___h64Vh", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___DhORP" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-6H5DRQZH.js → chunk-HIBGDGNG.js}

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

package/dist/{chunk-BODCT27J.js → chunk-IU74RATZ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___qD-ZA", "hop-Heading--xs": "Heading-module__hop-Heading--xs___mwtYu", "hop-Heading--sm": "Heading-module__hop-Heading--sm___H6NDx", "hop-Heading--md": "Heading-module__hop-Heading--md___EMItL", "hop-Heading--lg": "Heading-module__hop-Heading--lg___qwUN7", "hop-Heading--xl": "Heading-module__hop-Heading--xl___3ROoJ", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___9FgeA", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___Lg0Pe" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___gSY2V", "hop-Heading--xs": "Heading-module__hop-Heading--xs___eEbWp", "hop-Heading--sm": "Heading-module__hop-Heading--sm___XW-eh", "hop-Heading--md": "Heading-module__hop-Heading--md___4aHJY", "hop-Heading--lg": "Heading-module__hop-Heading--lg___2NCdP", "hop-Heading--xl": "Heading-module__hop-Heading--xl___njv3P", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___GYFl2", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___-2AIg" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-DLZGJBL7.js → chunk-JCH77LJD.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___ZVlCI", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___n1uBJ" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___fqfQB", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___GATaO" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

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

@@ -1,7 +1,7 @@
+import { RadioContext } from './chunk-FU5CCPLP.js';
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioListContext } from './chunk-A7TZHALP.js';
-import { RadioContext } from './chunk-FU5CCPLP.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.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___3D-CQ", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___xUBDY", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___Wuezk", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___qDKnW", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___RPhTV", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___fsKD3", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___uu6mp", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___VVQJs", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___0axK9" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___5uPZC", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___QTb7g", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___sySXY", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___bhsBV", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___4M6KT", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___K-Y-B", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___CSjUc", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___QXzMh", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___BkFNa" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-DXEWBV4C.js → chunk-KYREXCID.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-C72PRNOP.js';
+import { _OverlineText } from './chunk-7UCX7BHD.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,27 +9,29 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___tJTtf", "hop-Badge--primary": "Badge-module__hop-Badge--primary___3WZ9y", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___OpnYy" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___j2yOS" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);
+  const { isHovered, isPressed, isSelected } = props;
   const { stylingProps, ...ownProps } = useStyledSystem(props);
   const {
     children,
     className,
     isDisabled,
+    isIndeterminate,
     style,
     slot,
     variant = "primary",
     ...otherProps
   } = ownProps;
+  const isDot = isIndeterminate || !children;
   const classNames = clsx(
     className,
     GlobalBadgeCssSelector,
     cssModule(
       Badge_module_default,
-      "hop-Badge",
-      variant
+      "hop-Badge"
     ),
     stylingProps.className
   );
@@ -47,8 +49,12 @@ function Badge(props, ref) {
       slot: slot != null ? slot : void 0,
       "data-disabled": isDisabled || void 0,
       "aria-disabled": isDisabled || void 0,
+      "data-indeterminate": isDot || void 0,
+      "data-hovered": isHovered || void 0,
+      "data-pressed": isPressed || void 0,
+      "data-selected": isSelected || void 0,
       "data-variant": variant,
-      children
+      children: !isDot && children
     }
   ) });
 }

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

@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___8KZXA", "hop-Radio--focused": "Radio-module__hop-Radio--focused___UOv6k", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___3648m", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___M5r4O", "hop-Radio--sm": "Radio-module__hop-Radio--sm___9nkSB", "hop-Radio--md": "Radio-module__hop-Radio--md___FD8ks", "hop-Radio__icon": "Radio-module__hop-Radio__icon___Axpaq", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___TH7pN", "hop-Radio__box": "Radio-module__hop-Radio__box___wDQH6", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___oXHWw", "hop-Radio__text": "Radio-module__hop-Radio__text___Kqa3G" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___fiLqZ", "hop-Radio--focused": "Radio-module__hop-Radio--focused___ljAlt", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___1jVbG", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___fFpLV", "hop-Radio--sm": "Radio-module__hop-Radio--sm___lMp9M", "hop-Radio--md": "Radio-module__hop-Radio--md___2SjXP", "hop-Radio__icon": "Radio-module__hop-Radio__icon___RhEJ7", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___3-dCQ", "hop-Radio__box": "Radio-module__hop-Radio__box___XsjuT", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___rhaGm", "hop-Radio__text": "Radio-module__hop-Radio__text___gKthl" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-7L5MCX2A.js → chunk-M23LQGWD.js}

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

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

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

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

@@ -1,6 +1,6 @@
+import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagListContext } from './chunk-XLKYXKWE.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.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___1JF88", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___ktkn2", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___KfOWe", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___biZ4y", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___qcq0h" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___td3l-", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___e3DCJ", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___EqUHr", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___2FN5L", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___8cR86" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

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

@@ -1,6 +1,6 @@
-import { _InputGroup } from './chunk-ZHOQYYHY.js';
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _ClearButton } from './chunk-BTHPJL3A.js';
+import { _InputGroup } from './chunk-SZE6BURJ.js';
+import { _ClearButton } from './chunk-UURAYM5Q.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XTMBu", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___vrM5S", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___vq1vb", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___IL75f", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___lG0Ig", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___FWBj0", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___USGKz", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___wN32w", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___baj2F" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___porIP", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___Zmi0a", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___FRVg6", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___Ft5xn", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___up43t", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___kZ2Cn", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___W28CU", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___84FAI", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___hA3ul" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

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

@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XGaUz", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-Olod", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FlqqG", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zXLMo", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___sYtIR", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___tNx7t", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___qCno4", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___CJQjx", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___atibm", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___bnHkl", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___MIOqU", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hOZPm", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___8l-pB", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6NmFu" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

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

@@ -1,24 +1,24 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
 import { _Footer } from './chunk-AQITZWYM.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
+import { SearchFieldContext } from './chunk-3NKF5TPD.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-YB7IYQW4.js';
+import { _SelectValue } from './chunk-E4XUYBHM.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _ListBox } from './chunk-QQI3KNHZ.js';
+import { _ListBox } from './chunk-2QRF6QS4.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-6C5RI4RT.js';
+import { _ListBoxItem } from './chunk-DVUZTKLP.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
@@ -26,10 +26,10 @@ import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 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 { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-7PGPLWWM.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -44,7 +44,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___VDTYB", "fade": "Popover-module__fade___uwIjr", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___rBazX", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___6ncUU", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___kjrcJ", "hop-Popover__title": "Popover-module__hop-Popover__title___qZBhF", "hop-Popover__content": "Popover-module__hop-Popover__content___e35rK", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___uD0ue", "hop-Popover__footer": "Popover-module__hop-Popover__footer___OyNk-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___l8RIe", "hop-Popover__action": "Popover-module__hop-Popover__action___xdB8e" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___gUuqE", "fade": "Popover-module__fade___ByoOf", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___PUZxp", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___sW-hf", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___fQSFy", "hop-Popover__title": "Popover-module__hop-Popover__title___kUozx", "hop-Popover__content": "Popover-module__hop-Popover__content___lGFNJ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___3a8GD", "hop-Popover__footer": "Popover-module__hop-Popover__footer___OfxU-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___dmf8x", "hop-Popover__action": "Popover-module__hop-Popover__action___DxkKZ" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;
@@ -178,7 +178,7 @@ var _Popover = forwardRef(Popover);
 _Popover.displayName = "Popover";
 
 // css-module:./Select.module.css#css-module
-var Select_module_default = { "hop-Select": "Select-module__hop-Select___-8SYI", "hop-Select--fluid": "Select-module__hop-Select--fluid___xc7Ku", "hop-Select__label": "Select-module__hop-Select__label___g3Dp1", "hop-Select__button": "Select-module__hop-Select__button___bVgEW", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___lAmUR", "hop-Select__button--md": "Select-module__hop-Select__button--md___imFfM", "hop-Select__prefix": "Select-module__hop-Select__prefix___IpM32", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___nOSOw", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___sMWir", "hop-Select__error-message": "Select-module__hop-Select__error-message___co23W" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___NY-PE", "hop-Select--fluid": "Select-module__hop-Select--fluid___Spz5C", "hop-Select__label": "Select-module__hop-Select__label___2D4bX", "hop-Select__button": "Select-module__hop-Select__button___Go9H0", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___EbGeY", "hop-Select__button--md": "Select-module__hop-Select__button--md___cdeXg", "hop-Select__prefix": "Select-module__hop-Select__prefix___2TSOS", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___aX0YH", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___lx7SC", "hop-Select__error-message": "Select-module__hop-Select__error-message___00F7I" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b;
@@ -738,7 +738,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___tKcK9" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___C2j6d" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

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

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

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

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