@hopper-ui/components 1.0.6 → 1.0.7

package/dist/{chunk-QBCCF2C2.js → chunk-5CIADHZR.js}

@@ -2,7 +2,7 @@ import { LinkContext } from './chunk-4VVNSXIB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-RG4JKE4N.js';
+import { _Text } from './chunk-E7Y25WJE.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___m4HlM", "hop-Link--quiet": "Link-module__hop-Link--quiet___PEKek", "hop-Link--primary": "Link-module__hop-Link--primary___-EqWZ", "hop-Link--secondary": "Link-module__hop-Link--secondary___UNknc", "hop-Link__icon": "Link-module__hop-Link__icon___KiZR6", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___eu2Y4", "hop-Link__text": "Link-module__hop-Link__text___I34XD", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___Klqm6", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___23TDM" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___A7403", "hop-Link--quiet": "Link-module__hop-Link--quiet___ZckQe", "hop-Link--primary": "Link-module__hop-Link--primary___7RcG1", "hop-Link--secondary": "Link-module__hop-Link--secondary___HiMOh", "hop-Link__icon": "Link-module__hop-Link__icon___D-D9r", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___RDI-L", "hop-Link__text": "Link-module__hop-Link__text___Vnxs6", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___pwaHz", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___74vmY" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-6QMIRVLY.js → chunk-666H6UTL.js}

@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___sv7hL", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Kkdsk", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___2zUca", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___0-Wfs", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ziF8w" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___lRXrF", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___QyS56", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___FDfFW", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___5z4Zy", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___wUKGl" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-J53HGLCT.js → chunk-AE24HPDG.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___lUCFu", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___uIryJ" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___7TzJN", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___9DyxE" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/chunk-CK5HMGDC.js

@@ -0,0 +1,156 @@
+import { TextFieldContext } from './chunk-O4XPUINW.js';
+import { _InputGroup } from './chunk-YZRL7TXT.js';
+import { _ClearButton } from './chunk-HVUX7ZQ3.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { _Text } from './chunk-E7Y25WJE.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 { mergeRefs } from '@react-aria/utils';
+import { useControlledState } from '@react-stately/utils';
+import { forwardRef, useState, useCallback } from 'react';
+import { useObjectRef } from 'react-aria';
+import { useContextProps, composeRenderProps, Input, TextField as TextField$1 } from 'react-aria-components';
+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___LZ2cj", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___mVkPz", "hop-TextField__Label": "TextField-module__hop-TextField__Label___0R9nA", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___mOaIR", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___OWSvz", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___-nvCK", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___J31YD" };
+var GlobalTextFieldCssSelector = "hop-TextField";
+function TextField(props, ref) {
+  var _a;
+  const {
+    inputRef: userProvidedInputRef = null,
+    ...propsWithoutRef
+  } = props;
+  [props, ref] = useContextProps(propsWithoutRef, ref, TextFieldContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const [characterCount, setCharacterCount] = useState(() => {
+    var _a2, _b, _c, _d;
+    return (_d = (_c = (_a2 = props.value) == null ? void 0 : _a2.length) != null ? _c : (_b = props.defaultValue) == null ? void 0 : _b.length) != null ? _d : 0;
+  });
+  const {
+    className,
+    style: styleProp,
+    size,
+    prefix,
+    showCharacterCount,
+    maxLength,
+    placeholder,
+    isClearable,
+    onChange: onChangeProp,
+    children,
+    onClear,
+    defaultValue,
+    value: valueProp,
+    isFluid: isFluidProp,
+    isDisabled,
+    isInvalid,
+    ...otherProps
+  } = ownProps;
+  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalTextFieldCssSelector,
+    cssModule(
+      TextField_module_default,
+      "hop-TextField",
+      isClearable && "clearable",
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const handleTextChanged = useCallback((value2) => {
+    setCharacterCount(value2.length);
+    onChangeProp == null ? void 0 : onChangeProp(value2);
+  }, [onChangeProp]);
+  const [value, onChange] = useControlledState(valueProp, defaultValue || "", handleTextChanged);
+  const handleClear = useCallback(() => {
+    onChange("");
+    onClear == null ? void 0 : onClear();
+  }, [onChange, onClear]);
+  const showClearButton = isClearable && characterCount !== 0;
+  if (showCharacterCount && !maxLength) {
+    console.warn("If showCharacterCount is true, maxLength must be set to the maximum number of characters allowed in the TextField.");
+  }
+  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: TextField_module_default["hop-TextField__prefix"] }],
+        [IconContext, { size, className: TextField_module_default["hop-TextField__prefix"] }]
+      ],
+      children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix
+    }
+  ) : null;
+  const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
+    _InputGroup,
+    {
+      isFluid: true,
+      size,
+      className: TextField_module_default["hop-TextField__InputGroup"],
+      isDisabled,
+      isInvalid,
+      children: [
+        prefixMarkup,
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder }),
+        showCharacterCount && maxLength && /* @__PURE__ */ jsx(CharacterCount, { characterLeft: maxLength - characterCount }),
+        showClearButton && /* @__PURE__ */ jsx(_ClearButton, { isDisabled, size: "lg", onPress: handleClear })
+      ]
+    }
+  ) });
+  const childrenMarkup = composeRenderProps(children, (prev) => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [LabelContext, { className: TextField_module_default["hop-TextField__Label"] }],
+            [HelperMessageContext, { className: TextField_module_default["hop-TextField__HelperMessage"] }],
+            [ErrorMessageContext, { className: TextField_module_default["hop-TextField__ErrorMessage"] }]
+          ],
+          children: prev
+        }
+      ),
+      inputMarkup
+    ] });
+  });
+  return /* @__PURE__ */ jsx(
+    TextField$1,
+    {
+      ref,
+      value,
+      style,
+      className: classNames,
+      maxLength,
+      onChange,
+      isDisabled,
+      isInvalid,
+      ...otherProps,
+      children: childrenMarkup
+    }
+  );
+}
+function CharacterCount({ characterLeft }) {
+  const stringFormatter = useLocalizedString();
+  const accessibilityString = stringFormatter.format("Input.charactersLeft", { charLeft: characterLeft });
+  return /* @__PURE__ */ jsx(_Text, { "aria-label": accessibilityString, color: "neutral-weakest", size: "xs", children: characterLeft });
+}
+var _TextField = forwardRef(TextField);
+_TextField.displayName = "TextField";
+
+export { GlobalTextFieldCssSelector, _TextField };

package/dist/{chunk-HR25MLRP.js → chunk-COBPJHIY.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___mLBaa", "hop-Label--xs": "Label-module__hop-Label--xs___SooLf", "hop-Label--sm": "Label-module__hop-Label--sm___0IFHf", "hop-Label--md": "Label-module__hop-Label--md___OwSmD", "hop-Label--lg": "Label-module__hop-Label--lg___NtQQ0", "hop-Label--xl": "Label-module__hop-Label--xl___-Hdm9", "hop-Label--2xl": "Label-module__hop-Label--2xl___Ulb-V", "hop-Label--inherit": "Label-module__hop-Label--inherit___K1Xcp" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___1Q95u", "hop-Label--xs": "Label-module__hop-Label--xs___26au1", "hop-Label--sm": "Label-module__hop-Label--sm___yXnaV", "hop-Label--md": "Label-module__hop-Label--md___KkrL-", "hop-Label--lg": "Label-module__hop-Label--lg___t1zeQ", "hop-Label--xl": "Label-module__hop-Label--xl___FWD2K", "hop-Label--2xl": "Label-module__hop-Label--2xl___nw4yX", "hop-Label--inherit": "Label-module__hop-Label--inherit___1xo-7" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   var _a;

package/dist/{chunk-XRC7XE6B.js → chunk-CXIMLIUB.js}

@@ -1,5 +1,5 @@
-import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.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___w3L7V", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___xSnx9", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___lEJk0", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___qqhZZ", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___sDRnX" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___cXB1T", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___6MUUx", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___-JFZO", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___GRPT3", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___qRL1p" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-RA7PM75O.js → chunk-DESANYPD.js}

@@ -2,13 +2,13 @@ import { isFunction } from './chunk-TIPN4VYD.js';
 import { useLoadOnScroll } from './chunk-JTNMFPM4.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-E4ALW4MZ.js';
-import { useLocalizedString } from './chunk-ZOTVZM6F.js';
-import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { _ListBoxItem } from './chunk-SXPMPVDJ.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-RG4JKE4N.js';
+import { _Text } from './chunk-E7Y25WJE.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___SARwA", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___Imbbr", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___EdImM", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___-dZ1Z", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___F18mO", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___5vc2s" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___QXVwa", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___Bk46B", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___L6k5l", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___n2kTc", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___-2AbX", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___nHChF" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-RG4JKE4N.js → chunk-E7Y25WJE.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___B7ZPi", "hop-Text--xs": "Text-module__hop-Text--xs___2lyVp", "hop-Text--sm": "Text-module__hop-Text--sm___ZJw0q", "hop-Text--md": "Text-module__hop-Text--md___JVXXA", "hop-Text--lg": "Text-module__hop-Text--lg___cL0LO", "hop-Text--xl": "Text-module__hop-Text--xl___KLn7g", "hop-Text--2xl": "Text-module__hop-Text--2xl___gb6mt", "hop-Text--inherit": "Text-module__hop-Text--inherit___-UFCW" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___QAKDh", "hop-Text--xs": "Text-module__hop-Text--xs___q7OkS", "hop-Text--sm": "Text-module__hop-Text--sm___5RyDW", "hop-Text--md": "Text-module__hop-Text--md___qmqwg", "hop-Text--lg": "Text-module__hop-Text--lg___BZX0m", "hop-Text--xl": "Text-module__hop-Text--xl___3Zi7y", "hop-Text--2xl": "Text-module__hop-Text--2xl___RbrDM", "hop-Text--inherit": "Text-module__hop-Text--inherit___G5g04" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-K4ZGI7DJ.js → chunk-EBXHYPDU.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___a5x6R", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___TV62d" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___ENkOl", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___NnNns" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-BKC74M6Y.js → chunk-FMSIW5AX.js}

@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___WMOza", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___SCa6l", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___09ey-", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___SudBa", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___O3fzZ", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___70I5p" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___Puvx-", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___69pSm", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___pbI9w", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___kjLfN", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___-WZys", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___NaHco", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___XuRNe", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___lKp5V" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-OHB5QR5P.js → chunk-HVUX7ZQ3.js}

@@ -1,6 +1,6 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-MED2BIDV.js';
-import { useLocalizedString } from './chunk-ZOTVZM6F.js';
+import { _EmbeddedButton } from './chunk-4TJUYXYN.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';
 import { useContextProps } from 'react-aria-components';

package/dist/{chunk-37NW34QM.js → chunk-IUQNDY3E.js}

@@ -1,9 +1,9 @@
+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 { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___HSRyk", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___2FqNk", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___PssjU", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Nd-LK", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___-MMag" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___56WQ3", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___f0j9J", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___aSjzB", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___PLqFO", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___DQNXE" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-2P3A4VVY.js → chunk-JSBRDJBE.js}

@@ -7,10 +7,6 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -19,7 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -29,4 +24,4 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-export { __commonJS, __export, __reExport, __toESM };
+export { __commonJS, __toESM };

package/dist/{chunk-J33IFG4U.js → chunk-LIUW56HE.js}

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

package/dist/chunk-LJXTJRSB.js

@@ -0,0 +1 @@
+

package/dist/{chunk-SOSHKMNI.js → chunk-LM4HMPSD.js}

@@ -1,4 +1,4 @@
-import { _OverlineText } from './chunk-K4ZGI7DJ.js';
+import { _OverlineText } from './chunk-EBXHYPDU.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -9,7 +9,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___vobuo", "hop-Badge--primary": "Badge-module__hop-Badge--primary___qDeOA", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___jTHaT" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___gejg5", "hop-Badge--primary": "Badge-module__hop-Badge--primary___-DIFS", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___aTpzY" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-2XUHTPCX.js → chunk-NQOLP5NY.js}

@@ -2,7 +2,7 @@ import { RadioContext } from './chunk-FU5CCPLP.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-RG4JKE4N.js';
+import { _Text } from './chunk-E7Y25WJE.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___Ej0dA", "hop-Radio--focused": "Radio-module__hop-Radio--focused___EBP2c", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___4dfUm", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___GXIqK", "hop-Radio--sm": "Radio-module__hop-Radio--sm___XUcRq", "hop-Radio--md": "Radio-module__hop-Radio--md___-Thls", "hop-Radio__icon": "Radio-module__hop-Radio__icon___6mbf6", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___VBhFT", "hop-Radio__box": "Radio-module__hop-Radio__box___QMuH4", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___5-SbO", "hop-Radio__text": "Radio-module__hop-Radio__text___fZ6br" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___tvFFT", "hop-Radio--focused": "Radio-module__hop-Radio--focused___qmLB6", "hop-Radio--hovered": "Radio-module__hop-Radio--hovered___vZ50W", "hop-Radio--pressed": "Radio-module__hop-Radio--pressed___wBVf6", "hop-Radio--sm": "Radio-module__hop-Radio--sm___5kxPW", "hop-Radio--md": "Radio-module__hop-Radio--md___4M0c-", "hop-Radio__icon": "Radio-module__hop-Radio__icon___Fgjja", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___bQRXR", "hop-Radio__box": "Radio-module__hop-Radio__box___FserC", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___k73mE", "hop-Radio__text": "Radio-module__hop-Radio__text___qi3fJ" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-XGKPMLYD.js → chunk-OKAYIZ45.js}

@@ -1,12 +1,12 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-G242LPQE.js';
-import { useLocalizedString } from './chunk-ZOTVZM6F.js';
+import { _Spinner } from './chunk-XVKZ3Q3B.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-RG4JKE4N.js';
+import { _Text } from './chunk-E7Y25WJE.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___6Jiki", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___y4CMb", "hop-Button--fluid": "Button-module__hop-Button--fluid___amZH5", "hop-Button--sm": "Button-module__hop-Button--sm___3GNbY", "hop-Button--primary": "Button-module__hop-Button--primary___7PQ3v", "hop-Button--md": "Button-module__hop-Button--md___jB89G", "hop-Button--secondary": "Button-module__hop-Button--secondary___M28Qu", "hop-Button--upsell": "Button-module__hop-Button--upsell___kpJX6", "hop-Button--danger": "Button-module__hop-Button--danger___3zlGc", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___Lm-JJ", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___5s8pM", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___exZqP", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___4F-DD", "hop-Button__icon": "Button-module__hop-Button__icon___2A2PD", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___Zttas", "hop-Button__text": "Button-module__hop-Button__text___Wa9pk", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___471ZI", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___WAbW6" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___UAzFm", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___05dkO", "hop-Button--fluid": "Button-module__hop-Button--fluid___YVpDX", "hop-Button--sm": "Button-module__hop-Button--sm___gvwId", "hop-Button--primary": "Button-module__hop-Button--primary___A28Rq", "hop-Button--md": "Button-module__hop-Button--md___M3MyD", "hop-Button--secondary": "Button-module__hop-Button--secondary___u0ZGt", "hop-Button--upsell": "Button-module__hop-Button--upsell___arFHv", "hop-Button--danger": "Button-module__hop-Button--danger___lL8-r", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___X4kNh", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___aN7yP", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___vBKjd", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___kL-1-", "hop-Button__icon": "Button-module__hop-Button__icon___iMiLP", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___zInte", "hop-Button__text": "Button-module__hop-Button__text___OyaRf", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___noDbN", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___mFNXl" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-ITQK6JTD.js → chunk-QACERXDV.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___R2v-y", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___r7PMb", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___nZFlr", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___mkcIx", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TifOU", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xs3Zv", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___l0TTX", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6FWkl" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___r1-2L", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___exS4L", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___tjY3E", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___7bEZJ", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___IXng-", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___8tAP7", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___2PYru", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___aE4RN" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-JUMJ6A3K.js → chunk-R2UVMOIP.js}

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

package/dist/{chunk-4TXFHYHL.js → chunk-RW4GDPRX.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___vxdl4", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___zxMXK", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___lRdbr", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yWx0f", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___S7Deh", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Rrcau" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___j-yVV", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___-EhAf", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___vJ3Zw", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___0NFkM", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Q1wFA", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___EOBf9" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-E4WFKXW4.js → chunk-SHVSB6MD.js}

@@ -1,8 +1,8 @@
-import { _Text } from './chunk-RG4JKE4N.js';
+import { useImageFallback } from './chunk-NS3XVOQ7.js';
+import { _Text } from './chunk-E7Y25WJE.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-ITQK6JTD.js';
+import { _RichIconAvatarImage } from './chunk-QACERXDV.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
-import { useImageFallback } from './chunk-NS3XVOQ7.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -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___8RZO3", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___ynFuF", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___3oY2t", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___6Gv9Q", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___S6Ehu", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___1CYyi", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___u7E0y", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___ULBn2", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___J4qwW", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___yKw7L", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___KS3Oe", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___lTcxY", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___vuJcI", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___SBK4z", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___smE79", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___vvtuE", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___M4hSZ" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___xgLGn", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___71MWt", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___-VT24", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___DhOit", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___LhUBE", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___nRU6l", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___EvIhQ", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___tJoic", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___J6Alx", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___PFZAI", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___eUcwp", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___ICYLl", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___R0WGe", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___iAAz0", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___p03Dg", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___DkcTO", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___EMxQb" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-3LH2JHUO.js → chunk-SSCPXYN6.js}

@@ -1,11 +1,11 @@
+import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -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___J0v3l", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___UpAzu", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___hdnvw", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___4s1y7", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___RXQBs", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___ArBfp" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___IJEPv", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___xnlV3", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___kPe9U", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___AGdL-", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___GHPL-", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___n1ORj", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___3H5YY", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___OgYjL", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___dbWhu" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-E4ALW4MZ.js → chunk-SXPMPVDJ.js}

@@ -1,15 +1,15 @@
-import { _RadioGroup } from './chunk-JRDN364E.js';
+import { _RadioGroup } from './chunk-3WUDQLLR.js';
 import { _RadioList } from './chunk-NKHMUPAP.js';
-import { _Radio } from './chunk-2XUHTPCX.js';
-import { _Checkbox } from './chunk-53FHDOG7.js';
-import { useLocalizedString } from './chunk-ZOTVZM6F.js';
-import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-4TXFHYHL.js';
+import { _Radio } from './chunk-NQOLP5NY.js';
+import { _Checkbox } from './chunk-2NJ3RDMJ.js';
+import { useLocalizedString } from './chunk-YEYNRBMQ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { _ListBoxItemSkeleton } from './chunk-RW4GDPRX.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-RG4JKE4N.js';
+import { _Text } from './chunk-E7Y25WJE.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -20,7 +20,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___Yx1lW", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___-dXrA", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___PJua2", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___tUXMc", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___eGqO4", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___QR5j1", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___grvX-", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___7RjtE", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___jfL9v", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___q2xtk", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___FHexQ", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___0KEwI", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-q2Uo", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___h93Wc", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___bzOPv", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___AONN3" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___yV2lV", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___zojZL", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___pgMdo", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___scZYZ", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___RGvvE", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___wPFzb", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___ojOFi", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___wOYyA", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___neL2N", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___K1mdm", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___u30th", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___XfSik", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___NYKSZ", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___csfbD", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___nhfer", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___P9SLM", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___f9Zb9" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",