@hopper-ui/components 1.7.0 → 1.8.0

package/dist/chunk-ESCEY6RN.js

@@ -0,0 +1,137 @@
+import { ToggleButtonContext } from './chunk-BYERWFG4.js';
+import { useProgressVisibility } from './chunk-HZTYQ5FQ.js';
+import { _Spinner } from './chunk-WEKPO5YP.js';
+import { IconListContext } from './chunk-GBWXEK6N.js';
+import { useLocalizedString } from './chunk-NNLLQWDS.js';
+import { useSlot } from './chunk-H5YTU3U7.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.js';
+import { ClearProviders } from './chunk-PQSMCDAM.js';
+import { TextContext } from './chunk-ZNOU2CGM.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 clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, ToggleButton as ToggleButton$1, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./ToggleButton.module.css#css-module
+var ToggleButton_module_default = { "hop-ToggleButton": "ToggleButton-module__hop-ToggleButton___oE-c4", "hop-ToggleButton--fluid": "ToggleButton-module__hop-ToggleButton--fluid___tjNCt", "hop-ToggleButton--sm": "ToggleButton-module__hop-ToggleButton--sm___3FzX2", "hop-ToggleButton--icon-only": "ToggleButton-module__hop-ToggleButton--icon-only___sdnLP", "hop-ToggleButton--primary": "ToggleButton-module__hop-ToggleButton--primary___j98yk", "hop-ToggleButton--secondary": "ToggleButton-module__hop-ToggleButton--secondary___8WysN", "hop-ToggleButton--upsell": "ToggleButton-module__hop-ToggleButton--upsell___Op-iH", "hop-ToggleButton--tertiary": "ToggleButton-module__hop-ToggleButton--tertiary___YiTR9", "hop-ToggleButton--loading": "ToggleButton-module__hop-ToggleButton--loading___l26Nv", "hop-ToggleButton__Spinner": "ToggleButton-module__hop-ToggleButton__Spinner___eTDKR", "hop-ToggleButton__icon": "ToggleButton-module__hop-ToggleButton__icon___9MF68", "hop-ToggleButton__icon-list": "ToggleButton-module__hop-ToggleButton__icon-list___36wAy", "hop-ToggleButton__text": "ToggleButton-module__hop-ToggleButton__text___dDxdD", "hop-ToggleButton__end-icon": "ToggleButton-module__hop-ToggleButton__end-icon___kTzUI", "hop-ToggleButton__end-icon-list": "ToggleButton-module__hop-ToggleButton__end-icon-list___OooWy" };
+var GlobalToggleButtonCssSelector = "hop-ToggleButton";
+function ToggleButton(props, ref) {
+  [props, ref] = useContextProps(props, ref, ToggleButtonContext);
+  const stringFormatter = useLocalizedString();
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const [textRef, hasText] = useSlot();
+  const {
+    className,
+    children: childrenProp,
+    size: sizeProp,
+    style,
+    slot,
+    clearContexts,
+    isFluid,
+    isHidden,
+    isLoading,
+    spinnerProps,
+    variant = "primary",
+    ...otherProps
+  } = ownProps;
+  const isProgressVisible = useProgressVisibility(isLoading);
+  const size = useResponsiveValue(sizeProp) || "md";
+  if (isHidden) {
+    return null;
+  }
+  const classNames = clsx(
+    GlobalToggleButtonCssSelector,
+    cssModule(
+      ToggleButton_module_default,
+      GlobalToggleButtonCssSelector,
+      variant,
+      size,
+      isFluid && "fluid",
+      isProgressVisible && "loading",
+      !hasText && "icon-only"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  if (!hasText && (!props["aria-label"] && !props["aria-labelledby"])) {
+    console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  }
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return ensureTextWrapper(prev);
+  });
+  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
+  const spinnerClassNames = clsx(ToggleButton_module_default["hop-ToggleButton__Spinner"], spinnerClassName);
+  return /* @__PURE__ */ jsx(ClearProviders, { values: clearContexts, children: /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [IconListContext, {
+          slots: {
+            [DEFAULT_SLOT]: {
+              size,
+              className: ToggleButton_module_default["hop-ToggleButton__icon-list"]
+            },
+            "end-icon": {
+              size,
+              className: ToggleButton_module_default["hop-ToggleButton__end-icon-list"]
+            }
+          }
+        }],
+        [IconContext, {
+          slots: {
+            [DEFAULT_SLOT]: {
+              size,
+              className: ToggleButton_module_default["hop-ToggleButton__icon"]
+            },
+            "end-icon": {
+              size,
+              className: ToggleButton_module_default["hop-ToggleButton__end-icon"]
+            }
+          }
+        }],
+        [TextContext, {
+          className: ToggleButton_module_default["hop-ToggleButton__text"],
+          size,
+          ref: textRef
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        ToggleButton$1,
+        {
+          ref,
+          className: classNames,
+          style: mergedStyles,
+          slot: slot != null ? slot : void 0,
+          isDisabled: isLoading,
+          ...otherProps,
+          children: (buttonRenderProps) => {
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              children(buttonRenderProps),
+              isProgressVisible && /* @__PURE__ */ jsx(
+                _Spinner,
+                {
+                  "aria-label": stringFormatter.format("Button.spinnerAriaLabel"),
+                  size,
+                  className: spinnerClassNames,
+                  ...otherSpinnerProps
+                }
+              )
+            ] });
+          }
+        }
+      )
+    }
+  ) });
+}
+var _ToggleButton = forwardRef(ToggleButton);
+_ToggleButton.displayName = "ToggleButton";
+
+export { GlobalToggleButtonCssSelector, _ToggleButton };

package/dist/{chunk-YDNBMCQD.js → chunk-ETBPFG5Z.js}

@@ -8,7 +8,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___f8I5B", "hop-Heading--xs": "Heading-module__hop-Heading--xs___RO7T9", "hop-Heading--sm": "Heading-module__hop-Heading--sm___u2TRR", "hop-Heading--md": "Heading-module__hop-Heading--md___BFmdf", "hop-Heading--lg": "Heading-module__hop-Heading--lg___hMrrH", "hop-Heading--xl": "Heading-module__hop-Heading--xl___gQz6L", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___9oHXD", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___7ZGiB" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___EG00A", "hop-Heading--xs": "Heading-module__hop-Heading--xs___xNucC", "hop-Heading--sm": "Heading-module__hop-Heading--sm___05Byx", "hop-Heading--md": "Heading-module__hop-Heading--md___7vlXO", "hop-Heading--lg": "Heading-module__hop-Heading--lg___-iM4S", "hop-Heading--xl": "Heading-module__hop-Heading--xl___YiFxf", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___sLtGX", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___L3BmC" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/{chunk-QDN24QKG.js → chunk-EWP3IGMD.js}

@@ -5,7 +5,7 @@ import { MenuSection as MenuSection$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./MenuSection.module.css#css-module
-var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___I83No" };
+var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___asqc2" };
 var GlobalMenuSectionCssSelector = "hop-MenuSection";
 function MenuSection(props) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-J5FY5YAZ.js → chunk-F6VSINXC.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___LSVJ2", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___-Cgyx" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___uqriG", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___QC4h8" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-YZBOR2D4.js → chunk-FJUFE7XU.js}

@@ -1,10 +1,10 @@
-import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { FieldLabel } from './chunk-PDWWX5JI.js';
-import { _HelperMessage } from './chunk-DEFXMEBJ.js';
-import { _ErrorMessage } from './chunk-23WYVBUK.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
+import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-HQJZSCV7.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___3meDG", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___qH2KW", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___ia-zO", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___3XedT", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___Y7B8T", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___9rEXj", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___79msR", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___AwqY7", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___hpbyJ" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___FPWi2", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___eaDJ-", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___vIgLP", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___XAwZY", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___5XiPD", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___CDciU", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___0tf6w", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___fx1ES", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___JhiB-" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-2KFOOJ34.js → chunk-FORSJNLX.js}

@@ -1,11 +1,11 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { Input } from './chunk-S5AHDRSE.js';
-import { _InputGroup } from './chunk-UBILZ2MS.js';
-import { FieldLabel } from './chunk-PDWWX5JI.js';
-import { _HelperMessage } from './chunk-DEFXMEBJ.js';
-import { _ErrorMessage } from './chunk-23WYVBUK.js';
-import { useFormProps } from './chunk-HQJZSCV7.js';
-import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { Input } from './chunk-5MNBACCS.js';
+import { _InputGroup } from './chunk-URTTLQAC.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 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___kGvCf", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___B7Hlg", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___mqltf", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___8MS11", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___Jih0X", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___-kPGi", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___5teuf", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___SD1A2", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___4iXc6", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___vpaq9", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___CA-GO", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___eR8Ng", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___RPLAj" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___bgUbS", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Ss9t7", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___mL-RC", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___AH0o-", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___hXoqN", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___I3-zK", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___4JUMO", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___7-fEN", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___tEqC6", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___KWUDA", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___0hA-T", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___fC06A", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___U4h8z" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;

package/dist/{chunk-ACG3BFJQ.js → chunk-FPHBQO6G.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SvgImage.module.css#css-module
-var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___WqqEa" };
+var SvgImage_module_default = { "hop-SvgImage": "SvgImage-module__hop-SvgImage___SQ1Kz" };
 var GlobalSvgImageCssSelector = "hop-SvgImage";
 function SvgImage(props, ref) {
   [props, ref] = useContextProps(props, ref, SvgImageContext);

package/dist/{chunk-DP4FHVJR.js → chunk-FSS4CZQI.js}

@@ -1,14 +1,14 @@
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
+import { _RemainingCharacterCount } from './chunk-Q4BKNDZD.js';
 import { TextFieldContext } from './chunk-O4XPUINW.js';
-import { _RemainingCharacterCount } from './chunk-67EK2P5M.js';
-import { Input } from './chunk-S5AHDRSE.js';
-import { _InputGroup } from './chunk-UBILZ2MS.js';
-import { FieldLabel } from './chunk-PDWWX5JI.js';
-import { _HelperMessage } from './chunk-DEFXMEBJ.js';
-import { _ErrorMessage } from './chunk-23WYVBUK.js';
-import { _ClearButton } from './chunk-JNJFX2LE.js';
-import { useFormProps } from './chunk-HQJZSCV7.js';
-import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { Input } from './chunk-5MNBACCS.js';
+import { _InputGroup } from './chunk-URTTLQAC.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
+import { _ClearButton } from './chunk-KN6OG3WN.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, TextField as TextField$1 } from 'r
 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___nNpMg", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___f42pQ", "hop-TextField__Label": "TextField-module__hop-TextField__Label___5MOpI", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___vsNDI", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___KqLxZ", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___4kKV8", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___4owpa" };
+var TextField_module_default = { "hop-TextField": "TextField-module__hop-TextField___gU-Sw", "hop-TextField--fluid": "TextField-module__hop-TextField--fluid___LA6FA", "hop-TextField__Label": "TextField-module__hop-TextField__Label___N-b2b", "hop-TextField__prefix": "TextField-module__hop-TextField__prefix___jbIxr", "hop-TextField__InputGroup": "TextField-module__hop-TextField__InputGroup___ZCcQg", "hop-TextField__ErrorMessage": "TextField-module__hop-TextField__ErrorMessage___x5q8Z", "hop-TextField__HelperMessage": "TextField-module__hop-TextField__HelperMessage___EixVn" };
 var GlobalTextFieldCssSelector = "hop-TextField";
 function TextField(props, ref) {
   var _a;

package/dist/{chunk-OABMTS4J.js → chunk-FXNQDM7U.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-AV7XDPXN.js';
+import { _RichIconAvatarImage } from './chunk-NRUHVUQY.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { BrokenImageRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-NFETZ57D.js → chunk-G5AQXKGI.js}

@@ -8,7 +8,7 @@ import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TileGroup.module.css#css-module
-var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___JeFdq" };
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___8zjf-" };
 var GlobalTileGroupCssSelector = "hop-TileGroup";
 var TileGroup = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileGroupContext);

package/dist/{chunk-JVLK5INM.js → chunk-GDODCIB6.js}

@@ -1,8 +1,8 @@
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { useFormProps } from './chunk-HQJZSCV7.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Link, DEFAULT_SLOT } from 'react-a
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./LinkButton.module.css#css-module
-var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___hlYkA Button-module__hop-Button___drz4z", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___iCMfM Button-module__hop-Button--fluid___jF2LE", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___yzSw4 Button-module__hop-Button--sm___yWI1w", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___DGxSD Button-module__hop-Button--icon-only___ZVI03", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___l-P07 Button-module__hop-Button--primary___gQcR4", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___37NV- Button-module__hop-Button--secondary___iPATA", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___cIPT- Button-module__hop-Button--upsell___1odMt", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___6bQIM Button-module__hop-Button--danger___nvNVv", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___yKI9C Button-module__hop-Button--ghost-primary___XUMG1", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___L3AXZ Button-module__hop-Button--ghost-secondary___YirRd", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___mT1c- Button-module__hop-Button--ghost-danger___J37kT", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___wDyVO Button-module__hop-Button__Spinner___qFcTX", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___CjXqw Button-module__hop-Button__icon___i0bX0", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___fJZQG Button-module__hop-Button__icon___i0bX0", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___PNN59 Button-module__hop-Button__text___gW1zi", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___bC5qj Button-module__hop-Button__end-icon___H4Qu5", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___5IdE7 Button-module__hop-Button__end-icon___H4Qu5" };
+var LinkButton_module_default = { "hop-LinkButton": "LinkButton-module__hop-LinkButton___-WoGS Button-module__hop-Button___0Z1G-", "hop-LinkButton--fluid": "LinkButton-module__hop-LinkButton--fluid___dxw2A Button-module__hop-Button--fluid___ocE9B", "hop-LinkButton--sm": "LinkButton-module__hop-LinkButton--sm___OyTLF Button-module__hop-Button--sm___Iin1k", "hop-LinkButton--icon-only": "LinkButton-module__hop-LinkButton--icon-only___JOox2 Button-module__hop-Button--icon-only___aWeym", "hop-LinkButton--primary": "LinkButton-module__hop-LinkButton--primary___GqNpo Button-module__hop-Button--primary___3Qmg3", "hop-LinkButton--secondary": "LinkButton-module__hop-LinkButton--secondary___Bekbp Button-module__hop-Button--secondary___u3qlM", "hop-LinkButton--upsell": "LinkButton-module__hop-LinkButton--upsell___SKX6u Button-module__hop-Button--upsell___Wa1Kb", "hop-LinkButton--danger": "LinkButton-module__hop-LinkButton--danger___qDii5 Button-module__hop-Button--danger___de-7T", "hop-LinkButton--ghost-primary": "LinkButton-module__hop-LinkButton--ghost-primary___e2zJB Button-module__hop-Button--ghost-primary___f-GHo", "hop-LinkButton--ghost-secondary": "LinkButton-module__hop-LinkButton--ghost-secondary___8BpKH Button-module__hop-Button--ghost-secondary___732dQ", "hop-LinkButton--ghost-danger": "LinkButton-module__hop-LinkButton--ghost-danger___VmCaQ Button-module__hop-Button--ghost-danger___mXQFT", "hop-LinkButton__Spinner": "LinkButton-module__hop-LinkButton__Spinner___3DWvP Button-module__hop-Button__Spinner___Aydmf", "hop-LinkButton__icon": "LinkButton-module__hop-LinkButton__icon___agTeu Button-module__hop-Button__icon___3H1Sb", "hop-LinkButton__icon-list": "LinkButton-module__hop-LinkButton__icon-list___vFCgT Button-module__hop-Button__icon___3H1Sb", "hop-LinkButton__text": "LinkButton-module__hop-LinkButton__text___pBNkq Button-module__hop-Button__text___ZFtXo", "hop-LinkButton__end-icon": "LinkButton-module__hop-LinkButton__end-icon___Ya3uz Button-module__hop-Button__end-icon___nOaCX", "hop-LinkButton__end-icon-list": "LinkButton-module__hop-LinkButton__end-icon-list___mVfmL Button-module__hop-Button__end-icon___nOaCX" };
 var GlobalLinkButtonCssSelector = "hop-LinkButton";
 function LinkButton(props, ref) {
   var _a, _b;

package/dist/{chunk-AX3SYX3G.js → chunk-GHMBKUTU.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___rObah", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___-NuVJ", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___iG7AV", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___RTYn-", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___79v-l", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___oDs-0" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___MaL8f", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___MgwG1", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___COLzl", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___kEXil", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___W4gr6", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___KNfCL" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-CT3S2ZJP.js → chunk-GVGOWUJG.js}

@@ -1,5 +1,5 @@
+import { TabLine } from './chunk-RBUBE5ET.js';
 import { TabListContext, InternalTabsContext } from './chunk-ZXON3BAA.js';
-import { TabLine } from './chunk-EDDYY4KO.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -8,7 +8,7 @@ import { useContextProps, TabListStateContext, TabList as TabList$1 } from 'reac
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./TabList.module.css#css-module
-var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___WpnwV", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___kwlhx", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___gqOCv", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___IKAk3", "hop-TabList--heading": "TabList-module__hop-TabList--heading___BzPNj" };
+var TabList_module_default = { "hop-TabList": "TabList-module__hop-TabList___Aonzp", "hop-TabList--standalone": "TabList-module__hop-TabList--standalone___YhYUs", "hop-TabList--in-card": "TabList-module__hop-TabList--in-card___zSh9V", "hop-TabList__tablist": "TabList-module__hop-TabList__tablist___wEBXC", "hop-TabList--heading": "TabList-module__hop-TabList--heading___yuJzJ" };
 var GlobalTabListCssSelector = "hop-TabList";
 function TabList(props, ref) {
   var _a, _b;

package/dist/{chunk-ULY62A7P.js → chunk-HF5YS5Z6.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { ListBoxSectionContext } from './chunk-MOZ6M5ZZ.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
-import { _ListBoxItem } from './chunk-VSCRFXJ2.js';
+import { _ListBoxItem } from './chunk-NNPOWTQ4.js';
 import { ListBoxItemContext } from './chunk-FDJDFE4U.js';
 import { HeaderContext } from './chunk-FOQ7KN4V.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { _Text } from './chunk-L7DSMPLQ.js';
+import { _Text } from './chunk-QCFV6G6K.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___lYzDi", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___s8oHK", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___dSbP6", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___-NndN", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___OPwVg" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___PSbqU", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___GX-qg", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___bsYz4", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___LdnNS", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___JA5vG" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-CNG2EXC7.js → chunk-HL2I2YUG.js}

@@ -1,4 +1,4 @@
-import { _Button } from './chunk-5FXGGEA5.js';
+import { _Button } from './chunk-UH3WEXVR.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CloseButton.module.css#css-module
-var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___aWaMI" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___i-yPG" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/chunk-HZTYQ5FQ.js

@@ -0,0 +1,22 @@
+import { useState, useEffect } from 'react';
+
+// src/utils/src/useProgressVisibility.ts
+var useProgressVisibility = (isLoading) => {
+  const [isProgressVisible, setIsProgressVisible] = useState(false);
+  useEffect(() => {
+    let timeout;
+    if (isLoading) {
+      timeout = setTimeout(() => {
+        setIsProgressVisible(true);
+      }, 1e3);
+    } else {
+      setIsProgressVisible(false);
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isLoading, setIsProgressVisible]);
+  return isProgressVisible;
+};
+
+export { useProgressVisibility };

package/dist/{chunk-OS6JDQKO.js → chunk-I377K7IX.js}

@@ -2,7 +2,7 @@ import { PopoverContext } from './chunk-RNGNPV6Q.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { useForwardedHopperContext, _HopperProvider } from './chunk-YFQIN27E.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-YF4DILIQ.js';
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___26umq", "fade": "Popover-module__fade___Rb7-0", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___uZgAA", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___GGJWK", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___jeauL", "hop-Popover__title": "Popover-module__hop-Popover__title___Rlj3j", "hop-Popover__content": "Popover-module__hop-Popover__content___xnLU-", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___zuSW3", "hop-Popover__footer": "Popover-module__hop-Popover__footer___0FFAg", "hop-Popover__actions": "Popover-module__hop-Popover__actions___22QyU", "hop-Popover__action": "Popover-module__hop-Popover__action___1YRad" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___Tn-G9", "fade": "Popover-module__fade___nUmvV", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___606o6", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___OKeOS", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___GLwYO", "hop-Popover__title": "Popover-module__hop-Popover__title___Tu4KH", "hop-Popover__content": "Popover-module__hop-Popover__content___t3KK5", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___XmUYJ", "hop-Popover__footer": "Popover-module__hop-Popover__footer___jo9Dl", "hop-Popover__actions": "Popover-module__hop-Popover__actions___dcbdB", "hop-Popover__action": "Popover-module__hop-Popover__action___6mpc0" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-LBXB3JFD.js → chunk-JASPC6XG.js}

@@ -1,9 +1,9 @@
-import { _BaseModal } from './chunk-3FHJOMUC.js';
+import { _BaseModal } from './chunk-ZHEWPE46.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
-import { _ButtonGroup } from './chunk-QSCBTSIF.js';
-import { _CloseButton } from './chunk-CNG2EXC7.js';
-import { _Button } from './chunk-5FXGGEA5.js';
+import { _ButtonGroup } from './chunk-WOQOIB6V.js';
+import { _CloseButton } from './chunk-HL2I2YUG.js';
+import { _Button } from './chunk-UH3WEXVR.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AlertContext } from './chunk-5DT3S5YY.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Alert.module.css#css-module
-var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___3oFDr", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___vOXLt", "hop-Alert__heading": "Alert-module__hop-Alert__heading___Sdnnh", "hop-Alert__close": "Alert-module__hop-Alert__close___h77zN", "hop-Alert__content": "Alert-module__hop-Alert__content___8pula" };
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___cS5k1", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___c5ZMa", "hop-Alert__heading": "Alert-module__hop-Alert__heading___dz29k", "hop-Alert__close": "Alert-module__hop-Alert__close___uJlHm", "hop-Alert__content": "Alert-module__hop-Alert__content___nmSvf" };
 var GlobalAlertCssSelector = "hop-Alert";
 function Alert(props, ref) {
   var _a;

package/dist/{chunk-OCK54JWW.js → chunk-JHAHLWQJ.js}

@@ -2,7 +2,7 @@ import { CalloutContext } from './chunk-5CURYPE7.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { _CloseButton } from './chunk-CNG2EXC7.js';
+import { _CloseButton } from './chunk-HL2I2YUG.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___0mYM3", "hop-Callout__icon": "Callout-module__hop-Callout__icon___h4-Nj", "hop-Callout__heading": "Callout-module__hop-Callout__heading___nSfqI", "hop-Callout__content": "Callout-module__hop-Callout__content___03-1Z", "hop-Callout__button": "Callout-module__hop-Callout__button___tUBzq", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___k2J4u", "hop-Callout--information": "Callout-module__hop-Callout--information___P1sm9", "hop-Callout--success": "Callout-module__hop-Callout--success___yVnay", "hop-Callout--warning": "Callout-module__hop-Callout--warning___7TQo-", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___6djQK", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___qbeLV" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___NqTD-", "hop-Callout__icon": "Callout-module__hop-Callout__icon___AQdwf", "hop-Callout__heading": "Callout-module__hop-Callout__heading___2kunw", "hop-Callout__content": "Callout-module__hop-Callout__content___6WOAE", "hop-Callout__button": "Callout-module__hop-Callout__button___DcEZ2", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___a2Lr1", "hop-Callout--information": "Callout-module__hop-Callout--information___e-PVL", "hop-Callout--success": "Callout-module__hop-Callout--success___-VSg2", "hop-Callout--warning": "Callout-module__hop-Callout--warning___cQr0W", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___lB-Jn", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___xDv2i" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/{chunk-N7A4SDQA.js → chunk-JNV6W5JC.js}

@@ -1,18 +1,18 @@
-import { _Popover } from './chunk-OS6JDQKO.js';
+import { _Popover } from './chunk-I377K7IX.js';
 import { _ListBoxSection } from './chunk-PN5BRTOO.js';
-import { _ListBox } from './chunk-ULY62A7P.js';
-import { _ListBoxItem } from './chunk-VSCRFXJ2.js';
+import { _ListBox } from './chunk-HF5YS5Z6.js';
+import { _ListBoxItem } from './chunk-NNPOWTQ4.js';
 import { _Footer } from './chunk-RN3FLBX4.js';
-import { InputContext, Input } from './chunk-S5AHDRSE.js';
-import { _InputGroup } from './chunk-UBILZ2MS.js';
-import { _ToggleArrow } from './chunk-V7OAPBQT.js';
-import { FieldLabel } from './chunk-PDWWX5JI.js';
-import { _HelperMessage } from './chunk-DEFXMEBJ.js';
-import { _ErrorMessage } from './chunk-23WYVBUK.js';
+import { InputContext, Input } from './chunk-5MNBACCS.js';
+import { _InputGroup } from './chunk-URTTLQAC.js';
 import { ComboBoxContext } from './chunk-RFZC5CHX.js';
+import { _ToggleArrow } from './chunk-PWYDH3ZA.js';
+import { FieldLabel } from './chunk-E5RHW4IY.js';
+import { _HelperMessage } from './chunk-57WEWZ4L.js';
+import { _ErrorMessage } from './chunk-DOP43XH5.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { useFormProps } from './chunk-HQJZSCV7.js';
-import { ensureTextWrapper } from './chunk-CIQZIY5N.js';
+import { useFormProps } from './chunk-K3GNQGLK.js';
+import { ensureTextWrapper } from './chunk-NGZNCS3G.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext as TextContext$1 } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
 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___Lb1mQ", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___Ptot1", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___0Pla6", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___9TwXq", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___e5o3k", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___fFHWF", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___OGSw0", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___3pCHC" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___GvCoa", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___OvKor", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___O-Kpw", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___q6qg2", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___cAzhI", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___xQSGm", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___P-ah-", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___TGYtK" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-NC7G3EHF.js → chunk-JQLKVLV7.js}

@@ -1,5 +1,5 @@
 import { TileContext } from './chunk-S7KMOXY2.js';
-import { _Text } from './chunk-L7DSMPLQ.js';
+import { _Text } from './chunk-QCFV6G6K.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Tile.module.css#css-module
-var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___2ApGk", "hop-Tile__icon": "Tile-module__hop-Tile__icon___xtLLW" };
+var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___t0aKB", "hop-Tile__icon": "Tile-module__hop-Tile__icon___LeTq-" };
 var GlobalTileCssSelector = "hop-Tile";
 var Tile = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileContext);

package/dist/{chunk-HQJZSCV7.js → chunk-K3GNQGLK.js}

@@ -7,7 +7,7 @@ import { Form as Form$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___7RaBZ" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___uqGvw" };
 var GlobalFormCssSelector = "hop-Form";
 function useFormProps(props) {
   const ctx = useContext(FormContext);

package/dist/{chunk-XEMYAR47.js → chunk-KD5CC7J2.js}

@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabPanel.module.css#css-module
-var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___i8LnZ" };
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___U9p5S" };
 var GlobalTabPanelCssSelector = "hop-TabPanel";
 function TabPanel(props, ref) {
   [props, ref] = useContextProps(props, ref, TabPanelContext);

package/dist/{chunk-UFR36PXP.js → chunk-KIXYAIPB.js}

@@ -2,7 +2,7 @@ import { useIsOverflow } from './chunk-EHXOXTDN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
-import { _Text } from './chunk-L7DSMPLQ.js';
+import { _Text } from './chunk-QCFV6G6K.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -16,7 +16,7 @@ import { useContextProps, SelectValueContext, SelectStateContext, useSlottedCont
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SelectValue.module.css#css-module
-var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___WZbm6", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___k7mso", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___ZOHuW", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___dZdIH", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___DZR8u" };
+var SelectValue_module_default = { "hop-SelectValue": "SelectValue-module__hop-SelectValue___zcA1x", "hop-SelectValue__text": "SelectValue-module__hop-SelectValue__text___39UL6", "hop-SelectValue__avatar": "SelectValue-module__hop-SelectValue__avatar___4lcAZ", "hop-SelectValue__icon": "SelectValue-module__hop-SelectValue__icon___Je5Rn", "hop-SelectValue__end-icon": "SelectValue-module__hop-SelectValue__end-icon___UOM0S" };
 var GlobalSelectValueCssSelector = "hop-SelectValue";
 var SelectValueToAvatarSizeAdapter = {
   sm: "xs",

package/dist/{chunk-JNJFX2LE.js → chunk-KN6OG3WN.js}

@@ -1,4 +1,4 @@
-import { _EmbeddedButton } from './chunk-KKUSWUZC.js';
+import { _EmbeddedButton } from './chunk-UGZYYO3T.js';
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
 import { useLocalizedString } from './chunk-NNLLQWDS.js';
 import { DismissIcon } from '@hopper-ui/icons';