@hopper-ui/components 1.4.6 → 1.4.8

package/dist/chunk-F6D7LSXZ.js

@@ -0,0 +1,73 @@
+import { InputGroupContext } from './chunk-6BFSSZCY.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef, useContext } from 'react';
+import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./InputGroup.module.css#css-module
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___-SLz7", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___Ev-PS" };
+var GlobalInputGroupCssSelector = "hop-InputGroup";
+function InputGroup(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, InputGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style: styleProp,
+    children,
+    isFluid: isFluidProp,
+    isInvalid,
+    ...otherProps
+  } = ownProps;
+  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalInputGroupCssSelector,
+    cssModule(
+      InputGroup_module_default,
+      "hop-InputGroup",
+      isFluid && "fluid"
+    ),
+    stylingProps.className
+  );
+  const validation = useContext(FieldErrorContext);
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const handlePointerUp = (e) => {
+    var _a2;
+    if (e.pointerType !== "mouse" && !e.target.closest("button,input,textarea")) {
+      e.preventDefault();
+      (_a2 = e.currentTarget.querySelector("input")) == null ? void 0 : _a2.focus();
+    }
+  };
+  const handlePointerDown = (e) => {
+    var _a2;
+    if (e.pointerType === "mouse" && !e.target.closest("button,input,textarea")) {
+      e.preventDefault();
+      (_a2 = e.currentTarget.querySelector("input")) == null ? void 0 : _a2.focus();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      isInvalid: (validation == null ? void 0 : validation.isInvalid) || isInvalid,
+      onPointerDown: handlePointerDown,
+      onPointerUp: handlePointerUp,
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children
+    }
+  );
+}
+var _InputGroup = forwardRef(InputGroup);
+_InputGroup.displayName = "InputGroup";
+
+export { GlobalInputGroupCssSelector, _InputGroup };

package/dist/{chunk-25APP2V4.js → chunk-F6NQHY35.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___PMTJ7", "hop-Card--main": "Card-module__hop-Card--main___MTrHp", "hop-Card--second-level": "Card-module__hop-Card--second-level___XhyVL" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___3Ch3G", "hop-Card--main": "Card-module__hop-Card--main___SonMh", "hop-Card--second-level": "Card-module__hop-Card--second-level___8Vy6g" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-5OS5HF6G.js → chunk-GOY3T3HI.js}

@@ -1,7 +1,7 @@
-import { _OverlineText } from './chunk-JELBOYLB.js';
+import { _OverlineText } from './chunk-CYICQ2TZ.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { slot, useStyledSystem } from '@hopper-ui/styled-system';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___GtPpo", "hop-Badge--primary": "Badge-module__hop-Badge--primary___ddU6w", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___xJmEf", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___3Q33Y" };
+var Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___qe0X9", "hop-Badge--primary": "Badge-module__hop-Badge--primary___-DNrq", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___dRkhc", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___Nk53Z" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/chunk-GRCAVJC6.js

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

package/dist/{chunk-5CW3ZTUM.js → chunk-GZYLFGDT.js}

@@ -1,7 +1,7 @@
+import { _Text } from './chunk-Z7ORLEY6.js';
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _Text } from './chunk-BOOMSDK7.js';
-import { _RichIconAvatarImage } from './chunk-X7QAJPWB.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { _RichIconAvatarImage } from './chunk-IMUQCB4Q.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Avatar.module.css#css-module
-var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___n1IQc", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___f5N5A", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___v7K6i", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___A1PN5", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___uGNmN", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___tZ5x1", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___Ka-1M", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___Y2Df4", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___pETIu", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___Yst2J", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___JpA9N", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___zB1z8", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___tJzjt", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___VYdJv", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___UXSTu", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___7Q6M0", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___AB1rr" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___uaglU", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___KT2Cs", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___KOKG9", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___s05cw", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___ejJXn", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___9iWCW", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___bApAA", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___wikqa", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___bOBre", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___0shrA", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___x8O4c", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___P3g-d", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___qOLjq", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___vWdmE", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___9rdja", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___YogVd", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___gzGxH" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-C67PNOQX.js → chunk-I2LTZFXN.js}

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { useFormProps } from './chunk-VOXZA4YS.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
@@ -10,7 +10,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___hi6n3", "hop-Label__indicator": "Label-module__hop-Label__indicator___dmiaC" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___fv4X4", "hop-Label__indicator": "Label-module__hop-Label__indicator___5kTP2" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-X7QAJPWB.js → chunk-IMUQCB4Q.js}

@@ -1,5 +1,5 @@
 import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___6LGB6", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___xn-dJ", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___Aas-C", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___X5hpL", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___4Eow9", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___hvGig", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___3I6qV", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___wbYS2" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___0IsPN", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___DPIb2", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___PH9xm", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xQ8ur", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___KadVI", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___9KUqe", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___zgLKn", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___2pOPp" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-BQZSLU4S.js → chunk-IYT75GWO.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-BOOMSDK7.js';
+import { _Text } from './chunk-Z7ORLEY6.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___CE9PO", "spin": "Spinner-module__spin___PHhy2", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___oyy2U", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___FQE4Q", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___ecNMl", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___J800C", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___s6E6e", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___-tdyJ" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___hkpDy", "spin": "Spinner-module__spin___N3YMK", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___kHuxY", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___zdnoq", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___brMOC", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___yu4cv", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___asRxx", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___nSWTU" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/chunk-JTNKUYE5.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+// src/Tile/src/TileContext.ts
+var TileContext = createContext({});
+TileContext.displayName = "TileContext";
+var InternalTileContext = createContext({});
+
+export { InternalTileContext, TileContext };

package/dist/{chunk-3AB3J5EP.js → chunk-JZ4LJ4M4.js}

@@ -1,7 +1,7 @@
-import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
-import { _Text } from './chunk-BOOMSDK7.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { _Text } from './chunk-Z7ORLEY6.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___Wgc7R", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___ut5Da", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___h6B4h", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___QIELB", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___3Zgtn" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___S4HCy", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___lVE-c", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___jTeoX", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___bkapL", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___K5lq-" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-BQJA5YLU.js → chunk-KFH2WZVX.js}

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-BQZSLU4S.js';
-import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { _Spinner } from './chunk-IYT75GWO.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { useFormProps } from './chunk-VOXZA4YS.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, DEFAULT_SLOT, Button as Button$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___NTFpr", "hop-Button--fluid": "Button-module__hop-Button--fluid___koaex", "hop-Button--sm": "Button-module__hop-Button--sm___Ovyb2", "hop-Button--md": "Button-module__hop-Button--md___i0loO", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___pUmd7", "hop-Button--primary": "Button-module__hop-Button--primary___Pm4Kg", "hop-Button--secondary": "Button-module__hop-Button--secondary___aXDWm", "hop-Button--upsell": "Button-module__hop-Button--upsell___Z1fpJ", "hop-Button--danger": "Button-module__hop-Button--danger___Gzic4", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___5O9QG", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___e0DRm", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___JU7M7", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Y2HxQ", "hop-Button__icon": "Button-module__hop-Button__icon___iJr7x", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___JRDIl", "hop-Button__text": "Button-module__hop-Button__text___sKE6W", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___o0aoJ", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___-hxB-" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___Ojez3", "hop-Button--fluid": "Button-module__hop-Button--fluid___Dagxg", "hop-Button--sm": "Button-module__hop-Button--sm___GfzEN", "hop-Button--md": "Button-module__hop-Button--md___T0R4o", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___Tjy-f", "hop-Button--primary": "Button-module__hop-Button--primary___Z-C-k", "hop-Button--secondary": "Button-module__hop-Button--secondary___ddXsj", "hop-Button--upsell": "Button-module__hop-Button--upsell___GF-S1", "hop-Button--danger": "Button-module__hop-Button--danger___2bBxQ", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___HkCuf", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___Hxqok", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___yGySx", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___AYk-P", "hop-Button__icon": "Button-module__hop-Button__icon___VXnHZ", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___WxNSG", "hop-Button__text": "Button-module__hop-Button__text___1mYTK", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___h4k7L", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___OMSZ2" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;
@@ -62,7 +62,7 @@ function Button(props, ref) {
   const children = composeRenderProps(childrenProp, (prev) => {
     return ensureTextWrapper(prev);
   });
-  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps || {};
+  const { className: spinnerClassName, ...otherSpinnerProps } = spinnerProps != null ? spinnerProps : {};
   const spinnerClassNames = clsx(Button_module_default["hop-Button__Spinner"], spinnerClassName);
   return /* @__PURE__ */ jsx(
     SlotProvider,

package/dist/{chunk-MISFLYHH.js → chunk-KIQW5BE4.js}

@@ -1,7 +1,7 @@
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
 import { FormContext } from './chunk-Q7NXUUB3.js';
-import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { DisclosurePanelContext } from './chunk-7CJXILRD.js';
+import { DisclosureContext } from './chunk-MUAXK42C.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___7aiDH", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___KH6L5", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___-UfxT", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___g-QEb" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___AyYRE", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___6Xp8X", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___mlVsm", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___5O9-4" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-IFQPPUVZ.js → chunk-KVJHBVJU.js}

@@ -1,14 +1,16 @@
-import { _Popover } from './chunk-YKHKR2GB.js';
+import { _InputGroup } from './chunk-F6D7LSXZ.js';
+import { InputContext, Input } from './chunk-7HIGRTLG.js';
+import { _Popover } from './chunk-N455JVEG.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-QZL7DSHL.js';
-import { _ListBoxItem } from './chunk-DW26OLDB.js';
-import { _HelperMessage } from './chunk-OUGECIOS.js';
-import { _ErrorMessage } from './chunk-SC6GOFII.js';
-import { _ToggleArrow } from './chunk-EOES5IUI.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
-import { _Label } from './chunk-C67PNOQX.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { _ListBox } from './chunk-WNFSIU36.js';
+import { _ListBoxItem } from './chunk-Q5XBTXXT.js';
+import { _HelperMessage } from './chunk-6CVROWNN.js';
+import { _ErrorMessage } from './chunk-UXCNMI34.js';
+import { _ToggleArrow } from './chunk-W2TEMTXK.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { _Label } from './chunk-I2LTZFXN.js';
+import { useFormProps } from './chunk-VOXZA4YS.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
@@ -20,11 +22,11 @@ import { IconContext } 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, ButtonContext, ComboBox as ComboBox$1, Group, Input, Button } from 'react-aria-components';
+import { useContextProps, useSlottedContext, composeRenderProps, TextContext, ButtonContext, ComboBox as ComboBox$1, 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___QBKjM", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___XOIsB", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___MlvpP", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___6tb-G", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___o0OJH", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___Ljzzr", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___er6-0", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___FRlWD", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___0W0fg", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___5dInX", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___LizJI", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___jbGJS" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___fgbNY", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___H0DoH", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___Dphfc", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___RxhHZ", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___SOdje", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___nvDN8", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___8T3DF", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___RSeVN" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;
@@ -44,6 +46,7 @@ function ComboBox(props, ref) {
     errorMessage,
     footer,
     isAutoMenuWidth,
+    isDisabled,
     isFluid: isFluidProp,
     isInvalid,
     isLoading,
@@ -68,7 +71,6 @@ function ComboBox(props, ref) {
   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) {
@@ -79,12 +81,10 @@ function ComboBox(props, ref) {
     ref: triggerRef,
     onResize
   });
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
   const {
     className: triggerClassName,
-    style: triggerStyleProp,
     ...otherTriggerProps
-  } = triggerOwnProps;
+  } = triggerProps != null ? triggerProps : {};
   const {
     style: popoverStyleProp
   } = popoverProps != null ? popoverProps : {};
@@ -109,35 +109,19 @@ function ComboBox(props, ref) {
       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 {
       ...prev,
       "--custom-trigger-width": triggerWidth
+      // TODO: declaring a variable here and using it in the Popover.module.css is a mistake.
     };
   });
   const footerMarkup = footer ? /* @__PURE__ */ jsx(
@@ -161,12 +145,6 @@ function ComboBox(props, ref) {
       )
     }
   ) : null;
-  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,
     {
@@ -187,9 +165,9 @@ function ComboBox(props, ref) {
       isRequired,
       items,
       menuTrigger,
+      isDisabled,
       ...otherProps,
-      children: (comboBoxRenderProps) => {
-        const { isOpen } = comboBoxRenderProps;
+      children: ({ isOpen }) => {
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           label && /* @__PURE__ */ jsx(
             _Label,
@@ -200,6 +178,38 @@ function ComboBox(props, ref) {
               children: label
             }
           ),
+          /* @__PURE__ */ jsxs(
+            _InputGroup,
+            {
+              ref: triggerRef,
+              className: triggerClassNames,
+              "data-selected": isOpen || void 0,
+              isFluid: true,
+              isDisabled,
+              isInvalid,
+              ...otherTriggerProps,
+              children: [
+                prefixMarkup,
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ref: mergedInputRefs,
+                    placeholder,
+                    size
+                  }
+                ),
+                /* @__PURE__ */ jsx(Button, { className: ComboBox_module_default["hop-ComboBox__button"], children: /* @__PURE__ */ jsx(
+                  _ToggleArrow,
+                  {
+                    className: ComboBox_module_default["hop-ComboBox__button-icon"],
+                    isExpanded: isOpen
+                  }
+                ) })
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ jsx(_HelperMessage, { className: ComboBox_module_default["hop-ComboBox__helper-message"], children: description }),
+          /* @__PURE__ */ jsx(_ErrorMessage, { className: ComboBox_module_default["hop-ComboBox__error-message"], children: errorMessage }),
           /* @__PURE__ */ jsxs(
             _Popover,
             {
@@ -237,38 +247,7 @@ function ComboBox(props, ref) {
                 footerMarkup
               ]
             }
-          ),
-          /* @__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(
-                  _ToggleArrow,
-                  {
-                    className: ComboBox_module_default["hop-ComboBox__button-icon"],
-                    isExpanded: isOpen
-                  }
-                ) })
-              ]
-            }
-          ),
-          description && /* @__PURE__ */ jsx(_HelperMessage, { className: ComboBox_module_default["hop-ComboBox__helper-message"], children: description }),
-          /* @__PURE__ */ jsx(_ErrorMessage, { className: ComboBox_module_default["hop-ComboBox__error-message"], children: errorMessage })
+          )
         ] });
       }
     }

package/dist/{chunk-XQIEHXUJ.js → chunk-KW6WJUD5.js}

@@ -1,6 +1,6 @@
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { _Text } from './chunk-BOOMSDK7.js';
-import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useLocalizedString } from './chunk-75DHKNW2.js';
+import { _Text } from './chunk-Z7ORLEY6.js';
+import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RemainingCharacterCount.module.css#css-module
-var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___-nVYL" };
+var RemainingCharacterCount_module_default = { "hop-RemainingCharacterCount": "RemainingCharacterCount-module__hop-RemainingCharacterCount___1Y--o" };
 var GlobalRemainingCharacterCountCssSelector = "hop-RemainingCharacterCount";
 function RemainingCharacterCount(props, ref) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-DCIGY462.js → chunk-M35EMGMO.js}

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

package/dist/{chunk-ULU4LXYF.js → chunk-ML4JW4EF.js}

@@ -1,11 +1,11 @@
-import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-X7PEWS4A.js';
-import { _HelperMessage } from './chunk-OUGECIOS.js';
-import { _ErrorMessage } from './chunk-SC6GOFII.js';
-import { ensureTextWrapper } from './chunk-YAK3UMON.js';
-import { _Label } from './chunk-C67PNOQX.js';
-import { useFormProps } from './chunk-M5Q2CFRQ.js';
+import { _InputGroup } from './chunk-F6D7LSXZ.js';
+import { Input } from './chunk-7HIGRTLG.js';
+import { _HelperMessage } from './chunk-6CVROWNN.js';
+import { _ErrorMessage } from './chunk-UXCNMI34.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { _Label } from './chunk-I2LTZFXN.js';
+import { useFormProps } from './chunk-VOXZA4YS.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,21 +18,18 @@ import { useControlledState } from '@react-stately/utils';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
 import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, Input, NumberField as NumberField$1, Button } from 'react-aria-components';
+import { useContextProps, composeRenderProps, NumberField as NumberField$1, Button } from 'react-aria-components';
 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___904AD", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___-M-dA", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___6xLwy", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___nhg8f", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___O9W4o", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___2WZlS", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___M6xoZ", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___ImWD7", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___mPQSC", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___HCrFm", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___ksKQh", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___9lRYY", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___SpCpB", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___FJmNe" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___dhnwb", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___Fd5JF", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___eSiJV", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___HmWRG", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___LxxHA", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___9soGX", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___O7-rE", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___jnJho", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___sC0Lo", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___H939x", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___vI5jT", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___vbB-0", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___w-Nqt" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
-  const scale = useScale();
-  const isMobile = scale === "large";
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;
   const stepperClasses = cssModule(
     NumberField_module_default,
     "hop-NumberField__stepper-button",
-    direction,
-    isMobile && "mobile"
+    direction
   );
   return /* @__PURE__ */ jsx(
     Button,
@@ -82,16 +79,13 @@ function NumberField(props, ref) {
   } = ownProps;
   const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
   const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
-  const scale = useScale();
-  const isMobile = scale === "large";
   const classNames = composeClassnameRenderProps(
     className,
     GlobalNumberFieldCssSelector,
     cssModule(
       NumberField_module_default,
       "hop-NumberField",
-      isFluid && "fluid",
-      isMobile && "mobile"
+      isFluid && "fluid"
     ),
     stylingProps.className
   );
@@ -115,25 +109,23 @@ function NumberField(props, ref) {
       children: ensureTextWrapper(prefix)
     }
   ) : null;
-  const { className: inputGroupClassName, inputClassName: inputGroupInputClassName, ...otherInputGroupProps } = inputGroupProps || {};
+  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps != null ? inputGroupProps : {};
   const inputGroupClassNames = clsx(NumberField_module_default["hop-NumberField__InputGroup"], inputGroupClassName);
-  const inputGroupInputClassNames = clsx(NumberField_module_default["hop-NumberField__input"], inputGroupInputClassName);
   const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
     _InputGroup,
     {
       isFluid: true,
-      size,
       className: inputGroupClassNames,
       isDisabled,
       isInvalid,
-      inputClassName: inputGroupInputClassNames,
-      inputType: "number",
       ...otherInputGroupProps,
       children: [
         prefixMarkup,
-        /* @__PURE__ */ jsx(Input, { ref: inputRef }),
-        /* @__PURE__ */ jsx(StepperButton, { direction: "increment" }),
-        /* @__PURE__ */ jsx(StepperButton, { direction: "decrement" })
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, className: NumberField_module_default["hop-NumberField__input"], size }),
+        /* @__PURE__ */ jsxs("div", { className: NumberField_module_default["hop-NumberField__steppers"], children: [
+          /* @__PURE__ */ jsx(StepperButton, { direction: "increment" }),
+          /* @__PURE__ */ jsx(StepperButton, { direction: "decrement" })
+        ] })
       ]
     }
   ) });