@hopper-ui/components 1.3.8 → 1.3.9

package/dist/chunk-KSKIQSYM.js

@@ -0,0 +1,260 @@
+import { ComboBoxContext } from './chunk-4XHTP4GX.js';
+import { _Popover } from './chunk-UJXKUNEW.js';
+import { EnsureTextWrapper } from './chunk-A3E76SDY.js';
+import { _Footer } from './chunk-AQITZWYM.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { _ListBox } from './chunk-XQFICAVB.js';
+import { _ListBoxItem } from './chunk-2GYC6ADT.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
+import { forwardRef, useRef, useState, useCallback } from 'react';
+import { useContextProps, useSlottedContext, InputContext, composeRenderProps, TextContext as TextContext$1, ButtonContext, ComboBox as ComboBox$1, Group, Input, Button } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./ComboBox.module.css#css-module
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___yka4p", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___wc-wK", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___JxClR", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___mwnmp", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___t-bwh", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___SwrW0", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___-iJvh", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___N4euJ", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___iz3ml", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___EtzJV", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___T5Iem", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___qYblw" };
+var GlobalComboBoxCssSelector = "hop-ComboBox";
+function ComboBox(props, ref) {
+  var _a, _b, _c;
+  const {
+    inputRef: userProvidedInputRef = null,
+    ...propsWithoutRef
+  } = props;
+  [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    fieldChildren,
+    footer,
+    isAutoMenuWidth,
+    isFluid: isFluidProp,
+    isInvalid,
+    items,
+    menuTrigger = "focus",
+    listBoxProps,
+    placeholder,
+    popoverProps,
+    prefix,
+    size: sizeProp,
+    style: styleProp,
+    triggerProps,
+    ...otherProps
+  } = ownProps;
+  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, (_a = props.inputRef) != null ? _a : null));
+  const inputContext = useSlottedContext(InputContext);
+  const mergedInputRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext.ref) : inputRef;
+  const triggerRef = useRef(null);
+  const buttonRef = useRef(null);
+  const [triggerWidth, setTriggerWidth] = useState(null);
+  const onResize = useCallback(() => {
+    if (triggerRef.current) {
+      setTriggerWidth(triggerRef.current.offsetWidth + "px");
+    }
+  }, [triggerRef]);
+  useResizeObserver({
+    ref: triggerRef,
+    onResize
+  });
+  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
+  const {
+    className: triggerClassName,
+    style: triggerStyleProp,
+    ...otherTriggerProps
+  } = triggerOwnProps;
+  const { stylingProps: popoverStylingProps, ...popoverOwnProps } = useStyledSystem(popoverProps != null ? popoverProps : {});
+  const {
+    placement = "bottom start",
+    style: popoverStyleProp,
+    ...otherPopoverProps
+  } = popoverOwnProps;
+  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "sm";
+  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalComboBoxCssSelector,
+    cssModule(
+      ComboBox_module_default,
+      "hop-ComboBox",
+      isFluid && "fluid",
+      size
+    ),
+    stylingProps.className
+  );
+  const triggerClassNames = composeClassnameRenderProps(
+    triggerClassName,
+    cssModule(
+      ComboBox_module_default,
+      "hop-ComboBox__trigger",
+      size
+    ),
+    triggerStylingProps.className
+  );
+  const buttonClassNames = composeClassnameRenderProps(
+    cssModule(
+      ComboBox_module_default,
+      "hop-ComboBox__button"
+    )
+  );
+  const inputClassNames = composeClassnameRenderProps(
+    inputContext == null ? void 0 : inputContext.className,
+    ComboBox_module_default["hop-ComboBox__input"]
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
+    return {
+      ...triggerStylingProps.style,
+      ...prev
+    };
+  });
+  const popoverStyle = composeRenderProps(popoverStyleProp, (prev) => {
+    return {
+      ...popoverStylingProps.style,
+      ...prev,
+      "--custom-trigger-width": triggerWidth
+    };
+  });
+  const handleMouseDown = useCallback((e) => {
+    if (inputRef.current && e.target !== inputRef.current && buttonRef.current && e.target !== buttonRef.current) {
+      inputRef.current.focus();
+      e.preventDefault();
+    }
+  }, [inputRef]);
+  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
+        [IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
+      ],
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
+    }
+  ) : null;
+  const footerMarkup = footer ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: ComboBox_module_default["hop-ComboBox__footer-text"] }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        ClearProviders,
+        {
+          values: [
+            TextContext$1,
+            TextContext,
+            ButtonContext
+          ],
+          children: /* @__PURE__ */ jsx(_Footer, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: footer }) })
+        }
+      )
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(
+    ComboBox$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      isInvalid,
+      menuTrigger,
+      children: (comboBoxRenderProps) => {
+        const { isOpen } = comboBoxRenderProps;
+        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [LabelContext, {
+                  className: ComboBox_module_default["hop-ComboBox__label"]
+                }],
+                [HelperMessageContext, {
+                  className: ComboBox_module_default["hop-ComboBox__helper-message"]
+                }],
+                [ErrorMessageContext, {
+                  className: ComboBox_module_default["hop-ComboBox__error-message"]
+                }]
+              ],
+              children: fieldChildren
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              ...otherTriggerProps,
+              ref: triggerRef,
+              className: triggerClassNames,
+              style: triggerStyle,
+              onMouseDown: handleMouseDown,
+              "data-selected": isOpen || void 0,
+              children: [
+                prefixMarkup,
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ref: mergedInputRefs,
+                    className: inputClassNames,
+                    placeholder
+                  }
+                ),
+                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: ComboBox_module_default["hop-ComboBox__button-icon"] }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            _Popover,
+            {
+              ...otherPopoverProps,
+              placement,
+              isNonDialog: true,
+              autoWidth: isAutoMenuWidth,
+              style: popoverStyle,
+              triggerRef,
+              children: [
+                /* @__PURE__ */ jsx(
+                  SlotProvider,
+                  {
+                    values: [
+                      [BadgeContext, {
+                        variant: "secondary"
+                      }]
+                    ],
+                    children: /* @__PURE__ */ jsx(_ListBox, { ...listBoxProps, items, size, isInvalid, children })
+                  }
+                ),
+                footerMarkup
+              ]
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+var _ComboBox = forwardRef(ComboBox);
+_ComboBox.displayName = "ComboBox";
+var CompoundComboBox = Object.assign(_ComboBox, {
+  /**
+   * A combo box option is an item that is displayed in a combo box.
+   *
+   * [View Documentation](TODO)
+   */
+  Option: _ListBoxItem
+});
+
+export { CompoundComboBox, GlobalComboBoxCssSelector };

package/dist/{chunk-UR26A74E.js → chunk-MLHAFFJQ.js}

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

package/dist/{chunk-XEZVEXWO.js → chunk-N66DZLL6.js}

@@ -1,6 +1,6 @@
+import { TagListContext } from './chunk-XLKYXKWE.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
-import { TagListContext } from './chunk-XLKYXKWE.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___tcuEw", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___MIfwe", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___BBlDb", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___JUQXc", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___Oka5s" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___14xMC", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___l2bhv", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___neJyh", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___rWmWC", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___XikDk" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

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

package/dist/{chunk-R4LPKOSF.js → chunk-PAW7CB3K.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-2J5HM77N.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -16,7 +16,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___lRQTM Checkbox-module__hop-Checkbox___N1R82", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___dkdhx Checkbox-module__hop-Checkbox--sm___fyMAY", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___E8aCr Checkbox-module__hop-Checkbox--md___K8Wf4", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___r2Af7 Checkbox-module__hop-Checkbox__icon___-2zc-", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___aE0N0 Checkbox-module__hop-Checkbox__icon___-2zc-", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___H1ERN Checkbox-module__hop-Checkbox__box___KQHTU", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uTYXx Checkbox-module__hop-Checkbox__check___kpRRX", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___RAk7V Checkbox-module__hop-Checkbox__text___lT5Jd" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___uojgy Checkbox-module__hop-Checkbox___ftNKr", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___NCu0g Checkbox-module__hop-Checkbox--sm___aBalJ", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___zZoAa Checkbox-module__hop-Checkbox--md___NRQ6W", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___GdgJP Checkbox-module__hop-Checkbox__icon___9RX3t", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___0hjQG Checkbox-module__hop-Checkbox__icon___9RX3t", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___B1OKw Checkbox-module__hop-Checkbox__box___aUVd0", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___uWACi Checkbox-module__hop-Checkbox__check___6akLc", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___8K-I- Checkbox-module__hop-Checkbox__text___b92Eu" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

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

@@ -1,6 +1,6 @@
+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 { LabelContext } from './chunk-QCA3ZR56.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___A7CLi", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___mx6gE", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___a-1SG", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___-K6J2", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___HydnG", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___NPuKI", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___smlgE", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___CfroT", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___3r4Gx" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___YZl2f", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___kuOiD", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___pb3m6", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___CLmD-", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Le2oD", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___Izhrn", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___s97d3", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___EVE-z", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___y8GQ-" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/{chunk-IP4N5EBH.js → chunk-RDLI353P.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___x-eOh", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___qw0Y4", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___0GrS5", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___1E4s5", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___JXT-p", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___671cG" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___lR0QJ", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___3zK8z", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___D0X6e", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___hoJSr", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___v24sl", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___SPqjn" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-XHMXUELC.js → chunk-S6AH3YTH.js}

@@ -1,13 +1,13 @@
-import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-BFVCZF4H.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _InputGroup } from './chunk-MBFMR455.js';
-import { _ClearButton } from './chunk-KXUA2JOW.js';
+import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _RemainingCharacterCount } from './chunk-2ZXF62AA.js';
+import { _InputGroup } from './chunk-GDVP2QEZ.js';
+import { _ClearButton } from './chunk-UR3NK3LV.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-2J5HM77N.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -23,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___ayCGD", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___6ZUUt", "hop-TextField__Label": "TextField-module__hop-TextField__Label___ylFL9", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___P7wyK", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___kaNJe", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___T6KZN", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___uPCZ2" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___1sv5-", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___12PF-", "hop-TextField__Label": "TextField-module__hop-TextField__Label___v5PNS", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___6Ykah", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___e0Vhr", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___9tUFi", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___b5vV2" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

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

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

package/dist/{chunk-Z54LX6IU.js → chunk-TRDXTYZD.js}

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-RR6N2GZX.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { _Spinner } from './chunk-54U727IV.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-2J5HM77N.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.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___5w5a2", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___V-noN", "hop-Button--fluid": "Button-module__hop-Button--fluid___QaAvn", "hop-Button--sm": "Button-module__hop-Button--sm___nMy5q", "hop-Button--primary": "Button-module__hop-Button--primary___EvsVi", "hop-Button--md": "Button-module__hop-Button--md___cThV4", "hop-Button--secondary": "Button-module__hop-Button--secondary___HYyfJ", "hop-Button--upsell": "Button-module__hop-Button--upsell___laWqg", "hop-Button--danger": "Button-module__hop-Button--danger___4-NJy", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___5xkKn", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___74X2R", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___sh82s", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___23sIY", "hop-Button__icon": "Button-module__hop-Button__icon___OCH09", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___90QTb", "hop-Button__text": "Button-module__hop-Button__text___hmgmJ", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___WUX-K", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___TYtCm" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___hJrlG", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___FjUDk", "hop-Button--fluid": "Button-module__hop-Button--fluid___zHyAn", "hop-Button--sm": "Button-module__hop-Button--sm___TjmEa", "hop-Button--primary": "Button-module__hop-Button--primary___x2k3w", "hop-Button--md": "Button-module__hop-Button--md___SSJmI", "hop-Button--secondary": "Button-module__hop-Button--secondary___ehb-w", "hop-Button--upsell": "Button-module__hop-Button--upsell___aWCox", "hop-Button--danger": "Button-module__hop-Button--danger___KtNGT", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___DLGVS", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___H0XJg", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___SaGFj", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___ItCTY", "hop-Button__icon": "Button-module__hop-Button__icon___EQqO8", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___nrpu8", "hop-Button__text": "Button-module__hop-Button__text___TXP9n", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___sFMht", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___f9BkT" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

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

@@ -1,34 +1,33 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
+import { EnsureTextWrapper } from './chunk-A3E76SDY.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { ContentContext } from './chunk-IXB2WK56.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 { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
+import { SearchFieldContext } from './chunk-3NKF5TPD.js';
+import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-VMCZQTOI.js';
+import { _SelectValue } from './chunk-BGOYDN4M.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _ListBox } from './chunk-CURG4YI3.js';
+import { _ListBox } from './chunk-XQFICAVB.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-KQ735GKE.js';
+import { _ListBoxItem } from './chunk-2GYC6ADT.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { _Text } from './chunk-2J5HM77N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -38,13 +37,13 @@ import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hop
 export * from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef, useReducer, useRef, useEffect } from 'react';
-import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog, Select as Select$1, Button, TextContext as TextContext$1, ButtonContext as ButtonContext$1, Form as Form$1 } from 'react-aria-components';
+import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog, TextContext as TextContext$1, ButtonContext as ButtonContext$1, Select as Select$1, Button, Form as Form$1 } from 'react-aria-components';
 export { Collection } from 'react-aria-components';
 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___gIFrM", "fade": "Popover-module__fade___ph4u3", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___HAIbd", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___UFZee", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___H-yZY", "hop-Popover__title": "Popover-module__hop-Popover__title___7iBNB", "hop-Popover__content": "Popover-module__hop-Popover__content___9qGsS", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___4ZJko", "hop-Popover__footer": "Popover-module__hop-Popover__footer___GUjGi", "hop-Popover__actions": "Popover-module__hop-Popover__actions___8dlIL", "hop-Popover__action": "Popover-module__hop-Popover__action___PdeSV" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___YqMrl", "fade": "Popover-module__fade___cM9Hu", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___bBvVC", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___-Qm8I", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___2Pes0", "hop-Popover__title": "Popover-module__hop-Popover__title___SZT2m", "hop-Popover__content": "Popover-module__hop-Popover__content___V6KMC", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___PnPGa", "hop-Popover__footer": "Popover-module__hop-Popover__footer___sJmo-", "hop-Popover__actions": "Popover-module__hop-Popover__actions___dlp9Q", "hop-Popover__action": "Popover-module__hop-Popover__action___hcQBI" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;
@@ -178,7 +177,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___-ffji", "hop-Select--fluid": "Select-module__hop-Select--fluid___a4kzj", "hop-Select__label": "Select-module__hop-Select__label___rG82d", "hop-Select__button": "Select-module__hop-Select__button___Ml5ar", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___z5rTo", "hop-Select__button--md": "Select-module__hop-Select__button--md___pRWBr", "hop-Select__prefix": "Select-module__hop-Select__prefix___ioXh1", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___hyZcO", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___uE0gS", "hop-Select__error-message": "Select-module__hop-Select__error-message___66saO" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___9asPc", "hop-Select--fluid": "Select-module__hop-Select--fluid___kdYun", "hop-Select__label": "Select-module__hop-Select__label___lX0YF", "hop-Select__button": "Select-module__hop-Select__button___72TRN", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___t6WUP", "hop-Select__button--md": "Select-module__hop-Select__button--md___GNNkD", "hop-Select__prefix": "Select-module__hop-Select__prefix___lRC4S", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___t9tu4", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___-E4RI", "hop-Select__error-message": "Select-module__hop-Select__error-message___cOkJl" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b;
@@ -237,10 +236,12 @@ function Select(props, ref) {
       ...prev
     };
   });
-  const triggerStyle = {
-    ...triggerStylingProps.style,
-    ...triggerStyleProp
-  };
+  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
+    return {
+      ...triggerStylingProps.style,
+      ...prev
+    };
+  });
   const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
     SlotProvider,
     {
@@ -248,10 +249,28 @@ function Select(props, ref) {
         [TextContext, { size, className: Select_module_default["hop-Select__prefix"] }],
         [IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
       ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: isTextOnlyChildren(prefix) ? /* @__PURE__ */ jsx(_Text, { children: prefix }) : prefix })
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
+    }
+  ) : null;
+  const footerMarkup = footer ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: Select_module_default["hop-Select__footer-text"] }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        ClearProviders,
+        {
+          values: [
+            TextContext$1,
+            TextContext,
+            ButtonContext$1
+          ],
+          children: /* @__PURE__ */ jsx(_Footer, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: footer }) })
+        }
+      )
     }
   ) : null;
-  const footerMarkup = footer ? /* @__PURE__ */ jsx(_Footer, { children: isTextOnlyChildren(footer) ? /* @__PURE__ */ jsx(_Text, { children: footer }) : footer }) : null;
   return /* @__PURE__ */ jsx(
     Select$1,
     {
@@ -300,17 +319,7 @@ function Select(props, ref) {
                 children: /* @__PURE__ */ jsx(_ListBox, { ...listBoxProps, items, size, isInvalid, children })
               }
             ),
-            /* @__PURE__ */ jsx(
-              ClearProviders,
-              {
-                values: [
-                  TextContext$1,
-                  TextContext,
-                  ButtonContext$1
-                ],
-                children: footerMarkup
-              }
-            )
+            footerMarkup
           ] })
         ] });
       }
@@ -738,7 +747,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___00trG" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___jz9NZ" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;

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

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

package/dist/{chunk-Z2VOM3C3.js → chunk-VC3HSOGC.js}

@@ -1,11 +1,11 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-MBFMR455.js';
+import { _InputGroup } from './chunk-GDVP2QEZ.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-2J5HM77N.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___apdI6", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___zqiUX", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___NKAaR", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___Z2mj5", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___JnwJ1", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___y0Rb6", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___9p0yi", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___zIKmw", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___hxdTL", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___nUuTR", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___dKoOR", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___Td1XM", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ACv7y", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___mcmo2" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___VWgJv", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___D4KuH", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___JdtJi", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___DpcSp", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___baTwE", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___f4BCh", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___iTVwp", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___JGOeo", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___h67o-", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___bcKtE", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___qY0Q-", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___DrHY1", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___ogLPx", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___7YBOI" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-3LUQ6A2L.js → chunk-VQKJXEPU.js}

@@ -1,7 +1,7 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { _Text } from './chunk-2J5HM77N.js';
+import { _Text } from './chunk-KQQCELPA.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, 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___wIPTD", "hop-Switch--sm": "Switch-module__hop-Switch--sm___IbMER", "hop-Switch--md": "Switch-module__hop-Switch--md___u8wNw", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___y1-JU", "hop-Switch__text": "Switch-module__hop-Switch__text___tx38o", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___nq-3a", "hop-Switch__icon": "Switch-module__hop-Switch__icon___EATtC" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___ZiKpN", "hop-Switch--sm": "Switch-module__hop-Switch--sm___UnrZ2", "hop-Switch--md": "Switch-module__hop-Switch--md___FWbwB", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___lxvxY", "hop-Switch__text": "Switch-module__hop-Switch__text___jt3yM", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___5ELG6", "hop-Switch__icon": "Switch-module__hop-Switch__icon___U8pPq" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;