@hopper-ui/components 1.3.16 → 1.3.17

package/dist/{chunk-3RRF33G3.js → chunk-KV4GILRK.js}

@@ -1,9 +1,9 @@
-import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-7A6CYDDX.js';
-import { _InputGroup } from './chunk-RLNCYCEL.js';
-import { _ClearButton } from './chunk-PXMJ2JSP.js';
-import { EnsureTextWrapper } from './chunk-TU4QEQE4.js';
+import { _RemainingCharacterCount } from './chunk-JIUQVPKZ.js';
+import { TextFieldContext } from './chunk-O4XPUINW.js';
+import { _InputGroup } from './chunk-GQOH47EH.js';
+import { _ClearButton } from './chunk-JISMKFNZ.js';
+import { EnsureTextWrapper } from './chunk-EEEMR2R3.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.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___WG58k", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___w7M0z", "hop-TextField__Label": "TextField-module__hop-TextField__Label___RiuC2", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___qRXj9", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___wc4Dz", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___lyCoP", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___30MpS" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___cPRGw", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___nbm1S", "hop-TextField__Label": "TextField-module__hop-TextField__Label___JJZPs", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___pU0k-", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___PKQeM", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___33K-f", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___qHMy2" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/chunk-L6CLR42U.js

@@ -0,0 +1,210 @@
+import { PopoverContext } from './chunk-SC6ZK5ON.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { EnsureTextWrapper } from './chunk-EEEMR2R3.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { ComboBoxContext } from './chunk-4XHTP4GX.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } 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, 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___22q-o", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___gZnV9", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___TUEfZ", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___ovjnZ", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___ANdPR", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___5KfXC", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___V6tKJ", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___YA0E8", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___BlcTQ", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___xTn4O", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___LpFXd", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___mmT2Q" };
+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: childrenProp,
+    isFluid: isFluidProp,
+    isInvalid,
+    isRequired,
+    items,
+    menuTrigger = "focus",
+    necessityIndicator,
+    placeholder,
+    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 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 children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  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;
+  return /* @__PURE__ */ jsx(
+    ComboBox$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      isInvalid,
+      isRequired,
+      items,
+      menuTrigger,
+      ...otherProps,
+      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"],
+                  isRequired,
+                  necessityIndicator
+                }],
+                [HelperMessageContext, {
+                  className: ComboBox_module_default["hop-ComboBox__helper-message"]
+                }],
+                [ErrorMessageContext, {
+                  className: ComboBox_module_default["hop-ComboBox__error-message"]
+                }],
+                [TextContext, {
+                  size
+                }],
+                [ListBoxContext, {
+                  size,
+                  isInvalid,
+                  items
+                }],
+                [PopoverContext, {
+                  triggerRef,
+                  style: {
+                    "--custom-trigger-width": triggerWidth
+                  }
+                }]
+              ],
+              children: children(comboBoxRenderProps)
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              ref: triggerRef,
+              className: triggerClassNames,
+              style: triggerStyle,
+              onMouseDown: handleMouseDown,
+              "data-selected": isOpen || void 0,
+              ...otherTriggerProps,
+              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"] }) })
+              ]
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+var _ComboBox = forwardRef(ComboBox);
+_ComboBox.displayName = "ComboBox";
+
+export { GlobalComboBoxCssSelector, _ComboBox };

package/dist/chunk-MH2ITVPT.js

@@ -0,0 +1,149 @@
+import { _SelectValue } from './chunk-5JTQK4N6.js';
+import { SelectContext } from './chunk-T24MBA34.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { EnsureTextWrapper } from './chunk-EEEMR2R3.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } 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 { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Select as Select$1, Button } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Select.module.css#css-module
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___TNlZK", "hop-Select--fluid": "Select-module__hop-Select--fluid___Pmtyu", "hop-Select__label": "Select-module__hop-Select__label___gr4p-", "hop-Select__button": "Select-module__hop-Select__button___KARiT", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___D3kQ0", "hop-Select__button--md": "Select-module__hop-Select__button--md___hDawq", "hop-Select__prefix": "Select-module__hop-Select__prefix___aur4M", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___heDUO", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___y3Ab0", "hop-Select__error-message": "Select-module__hop-Select__error-message___c0pzc" };
+var GlobalSelectCssSelector = "hop-Select";
+function Select(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, SelectContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    isFluid: isFluidProp,
+    isInvalid,
+    isRequired,
+    items,
+    necessityIndicator,
+    prefix,
+    renderValue,
+    size: sizeProp,
+    style: styleProp,
+    triggerProps,
+    ...otherProps
+  } = ownProps;
+  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
+  const {
+    className: triggerClassName,
+    style: triggerStyleProp,
+    ...otherTriggerProps
+  } = triggerOwnProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalSelectCssSelector,
+    cssModule(
+      Select_module_default,
+      "hop-Select",
+      isFluid && "fluid",
+      size
+    ),
+    stylingProps.className
+  );
+  const buttonClassNames = composeClassnameRenderProps(
+    triggerClassName,
+    cssModule(
+      Select_module_default,
+      "hop-Select__button",
+      size
+    ),
+    triggerStylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
+    return {
+      ...triggerStylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: Select_module_default["hop-Select__prefix"] }],
+        [IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
+      ],
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(
+    Select$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      isInvalid,
+      isRequired,
+      children: (selectRenderProps) => {
+        const { isOpen } = selectRenderProps;
+        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [LabelContext, {
+                  className: Select_module_default["hop-Select__label"],
+                  isRequired,
+                  necessityIndicator
+                }],
+                [HelperMessageContext, {
+                  className: Select_module_default["hop-Select__helper-message"]
+                }],
+                [ErrorMessageContext, {
+                  className: Select_module_default["hop-Select__error-message"]
+                }],
+                [TextContext, {
+                  size
+                }],
+                [ListBoxContext, {
+                  size,
+                  isInvalid,
+                  items
+                }]
+              ],
+              children: children(selectRenderProps)
+            }
+          ),
+          /* @__PURE__ */ jsxs(Button, { className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, ...otherTriggerProps, children: [
+            prefixMarkup,
+            /* @__PURE__ */ jsx(_SelectValue, { size, children: (valueRenderProps) => {
+              return renderValue == null ? void 0 : renderValue(valueRenderProps);
+            } }),
+            /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: Select_module_default["hop-Select__button-icon"] })
+          ] })
+        ] });
+      }
+    }
+  );
+}
+var _Select = forwardRef(Select);
+_Select.displayName = "Select";
+
+export { GlobalSelectCssSelector, _Select };

package/dist/{chunk-NCOVEXXO.js → chunk-MKQEZWWO.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___xZw9W", "hop-Heading--xs": "Heading-module__hop-Heading--xs___0mH4P", "hop-Heading--sm": "Heading-module__hop-Heading--sm___zuPx1", "hop-Heading--md": "Heading-module__hop-Heading--md___dMnqg", "hop-Heading--lg": "Heading-module__hop-Heading--lg___VBwKM", "hop-Heading--xl": "Heading-module__hop-Heading--xl___rNXkV", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___R1-Y8", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___gmnf3" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___BdLR7", "hop-Heading--xs": "Heading-module__hop-Heading--xs___WyXi8", "hop-Heading--sm": "Heading-module__hop-Heading--sm___7BkZ-", "hop-Heading--md": "Heading-module__hop-Heading--md___Yb-wf", "hop-Heading--lg": "Heading-module__hop-Heading--lg___Iajp0", "hop-Heading--xl": "Heading-module__hop-Heading--xl___7gcoD", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___SBxPs", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___PK0X3" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-2PPQY3B2.js → chunk-NI2WTR2F.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 { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } 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___0Xbsj", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___-i7uM", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___iQnKa", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___WfnUq", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___i6jkB" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___UIMQX", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___bHFx9", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___sLVhe", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___hU3uI", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___A8KJQ" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-BZZ3R77M.js → chunk-O4BMADXB.js}

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

package/dist/{chunk-BMNXD345.js → chunk-OCVKN5AO.js}

@@ -1,7 +1,7 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-RLNCYCEL.js';
-import { EnsureTextWrapper } from './chunk-TU4QEQE4.js';
+import { _InputGroup } from './chunk-GQOH47EH.js';
+import { EnsureTextWrapper } from './chunk-EEEMR2R3.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.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___Fxq8s", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___IPNox", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___Zk-YG", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___be--P", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___-b6fD", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___9VUZL", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___wiLQJ", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___9Lmrh", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___3NKh2", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___-ZxIm", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___qD-ya", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___RxraD", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___YbM4p", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___uG2xy" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___vn6R7", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___1Vq6n", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___Gh3Z6", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___cNCTi", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___ctRUQ", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___RysSI", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___qxV5I", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___7YBrz", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___UQ3ww", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___y8QR8", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___0lzAt", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___qb9S-", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___WyfRZ", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___t1Gmh" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-ZJND7BQD.js → chunk-P2LXRVM2.js}

@@ -1,9 +1,9 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
+import { _Spinner } from './chunk-CRJLEZQN.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { _Spinner } from './chunk-43D3MCMN.js';
-import { EnsureTextWrapper } from './chunk-TU4QEQE4.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { EnsureTextWrapper } from './chunk-EEEMR2R3.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.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___HSybc", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___Y66sd", "hop-Button--fluid": "Button-module__hop-Button--fluid___7Yky-", "hop-Button--sm": "Button-module__hop-Button--sm___ryHEG", "hop-Button--primary": "Button-module__hop-Button--primary___fche0", "hop-Button--md": "Button-module__hop-Button--md___OqsDs", "hop-Button--secondary": "Button-module__hop-Button--secondary___CL1o0", "hop-Button--upsell": "Button-module__hop-Button--upsell___KIRTw", "hop-Button--danger": "Button-module__hop-Button--danger___pXoGT", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___fZ-c8", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___Y3xYk", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___5D4eE", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___anLI6", "hop-Button__icon": "Button-module__hop-Button__icon___dRhm4", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___TgPQh", "hop-Button__text": "Button-module__hop-Button__text___uOXAN", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___cgUgn", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___6ZOKg" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___zGXVn", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___vt2yi", "hop-Button--fluid": "Button-module__hop-Button--fluid___EtgJF", "hop-Button--sm": "Button-module__hop-Button--sm___99WKy", "hop-Button--primary": "Button-module__hop-Button--primary___H8AZX", "hop-Button--md": "Button-module__hop-Button--md___Rw2ZG", "hop-Button--secondary": "Button-module__hop-Button--secondary___KZp-x", "hop-Button--upsell": "Button-module__hop-Button--upsell___3jxDZ", "hop-Button--danger": "Button-module__hop-Button--danger___SS6-k", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___dzKiM", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___rcqAj", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___ZH-FY", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___vlV36", "hop-Button__icon": "Button-module__hop-Button__icon___lVHsd", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___UO6Jd", "hop-Button__text": "Button-module__hop-Button__text___-uwhc", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___OizU3", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___DASVK" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {

package/dist/{chunk-JMBLHNVE.js → chunk-PVNIJYBP.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___i4QwS", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___EfUy5", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___oTq5o", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___xYYZb", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___X-fEG", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oO3Os" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___97F5M", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___iAwyR", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-vKuX", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___d7ujV", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___nT13x", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___JS1b2" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-4YPVPNN3.js → chunk-QV6P736B.js}

@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___zRUAa", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___w5N62", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___To8hK", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___DvnYC", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___Faakd" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___5opk8", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___aXNMc", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___AzvrX", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___Wxdt-", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___sDXa7" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",