@hopper-ui/components 1.4.7 → 1.4.8

package/dist/{chunk-Z3WDZ52E.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___se8ow", "hop-Card--main": "Card-module__hop-Card--main___qOkxo", "hop-Card--second-level": "Card-module__hop-Card--second-level___0X6Xj" };
+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-6LIFUQT4.js → chunk-GOY3T3HI.js}

@@ -1,7 +1,7 @@
-import { _OverlineText } from './chunk-WX5UNPM3.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___f9vDu", "hop-Badge--primary": "Badge-module__hop-Badge--primary___wBGH5", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___8G6b5", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___FZcbR" };
+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-7DLSOYOU.js → chunk-GZYLFGDT.js}

@@ -1,7 +1,7 @@
-import { _Text } from './chunk-3JJL6GD6.js';
+import { _Text } from './chunk-Z7ORLEY6.js';
 import { useImageFallback } from './chunk-3ZCLNFNH.js';
-import { _RichIconAvatarImage } from './chunk-IIAAY3DD.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___U-IMP", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___yDWST", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___-7-gg", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___rmMew", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___POTyv", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___kHNPi", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___zfrIk", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___avT48", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___RhLWg", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___YUj8C", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___DsaL-", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___USRoO", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___dY8jt", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___X1J3x", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___XqyCA", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___H5ORx", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___yAHU-" };
+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-PHQ6YPQQ.js → chunk-I2LTZFXN.js}

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-7EUXODLY.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___GS84I", "hop-Label__indicator": "Label-module__hop-Label__indicator___GAUqr" };
+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-IIAAY3DD.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___qTcUa", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___vkowM", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-ycQC", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___8mVnz", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___-L2qr", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___84Vcn", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___9hSYX", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___Z8Waw" };
+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-HJXC5SRI.js → chunk-IYT75GWO.js}

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-3JJL6GD6.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___-bvVm", "spin": "Spinner-module__spin___EOl7q", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___kALZ7", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___toRLX", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___vHSM8", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___Boq34", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___GD1Cj", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___KPTGD" };
+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-JUVZRX26.js → chunk-JZ4LJ4M4.js}

@@ -1,7 +1,7 @@
-import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
-import { _Text } from './chunk-3JJL6GD6.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___ifgf0", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___75awR", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___bD0gf", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___oHQcZ", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___UA5kB" };
+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-LMATFHSS.js → chunk-KFH2WZVX.js}

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-HJXC5SRI.js';
+import { _Spinner } from './chunk-IYT75GWO.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
+import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-7EUXODLY.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___XnpzX", "hop-Button--fluid": "Button-module__hop-Button--fluid___ZZXwq", "hop-Button--sm": "Button-module__hop-Button--sm___6jOD3", "hop-Button--md": "Button-module__hop-Button--md___3yl4O", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___-VLNH", "hop-Button--primary": "Button-module__hop-Button--primary___5doCv", "hop-Button--secondary": "Button-module__hop-Button--secondary___p2tPu", "hop-Button--upsell": "Button-module__hop-Button--upsell___pbl2O", "hop-Button--danger": "Button-module__hop-Button--danger___D4nJ-", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___WPu49", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___M0eZA", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___-Mvaw", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Bhn4b", "hop-Button__icon": "Button-module__hop-Button__icon___ShNZp", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___dbXFP", "hop-Button__text": "Button-module__hop-Button__text___iwCeX", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___4hJm7", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___SXzot" };
+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-MF2LIHC6.js → chunk-KIQW5BE4.js}

@@ -1,7 +1,7 @@
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.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___xjUPg", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___Vs-eq", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___CmsaB", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___lu8pU" };
+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-XLPW4NX3.js → chunk-KVJHBVJU.js}

@@ -1,15 +1,17 @@
-import { _Popover } from './chunk-SV6RSWOR.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-UICYQNAO.js';
-import { _ListBoxItem } from './chunk-5JYQWCE5.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.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 { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _ToggleArrow } from './chunk-OIELLCFE.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
 import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.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___qaC5g", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___pweee", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___1Ef2l", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___-sd7F", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___KKZT6", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___fZXGk", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___AVYWQ", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___ZWtZo", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___It-w2", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___Ot2LN", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___ShFaj", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___OtWuP" };
+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-MPCOEMN2.js → chunk-KW6WJUD5.js}

@@ -1,6 +1,6 @@
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-3JJL6GD6.js';
-import { useRenderProps } from './chunk-NH3IVMXB.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___fWRUl" };
+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-WICGT2T5.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___NJThK", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___63Bm-" };
+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-2XVB536Z.js → chunk-ML4JW4EF.js}

@@ -1,11 +1,11 @@
-import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-2JXEPUMG.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.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___MiADz", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___kZxYv", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___fKVbF", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___P6YE5", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___zca2Z", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___su8Jh", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___vW3so", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___QcnEx", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___6f9Bq", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___4zGNi", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___yMMLx", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___QxSv1", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___5VbD8", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___TPej1" };
+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" })
+        ] })
       ]
     }
   ) });

package/dist/chunk-MM2SG6JU.js

@@ -0,0 +1,75 @@
+import { InternalTileContext } from './chunk-JTNKUYE5.js';
+import { TileGroupContext } from './chunk-3MTGAZ77.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, ToggleButtonGroup, Provider } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./TileGroup.module.css#css-module
+var TileGroup_module_default = { "hop-TileGroup": "TileGroup-module__hop-TileGroup___qtBC1" };
+var GlobalTileGroupCssSelector = "hop-TileGroup";
+var TileGroup = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, TileGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    style,
+    slot,
+    isDisabled,
+    selectionMode = "single",
+    disallowEmptySelection = true,
+    numberOfColumns = 3,
+    ...otherProps
+  } = ownProps;
+  const columns = useResponsiveValue(numberOfColumns);
+  const classNames = composeClassnameRenderProps(
+    GlobalTileGroupCssSelector,
+    cssModule(
+      TileGroup_module_default,
+      "hop-TileGroup"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = composeRenderProps(style, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...{
+        gridTemplateColumns: `repeat(${columns}, 1fr)`
+      },
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    ToggleButtonGroup,
+    {
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      isDisabled,
+      selectionMode,
+      disallowEmptySelection,
+      ...otherProps,
+      children: (renderProps) => /* @__PURE__ */ jsx(
+        Provider,
+        {
+          values: [
+            [InternalTileContext, { isDisabled }]
+          ],
+          children: children(renderProps)
+        }
+      )
+    }
+  );
+};
+var _TileGroup = forwardRef(TileGroup);
+_TileGroup.displayName = "TileGroup";
+
+export { GlobalTileGroupCssSelector, _TileGroup };

package/dist/{chunk-SV6RSWOR.js → chunk-N455JVEG.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___xcXNs", "fade": "Popover-module__fade___9ScP3", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___ibYiJ", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___wQyTe", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___nXu5U", "hop-Popover__title": "Popover-module__hop-Popover__title___9-Y9D", "hop-Popover__content": "Popover-module__hop-Popover__content___xZJrZ", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___9CE-b", "hop-Popover__footer": "Popover-module__hop-Popover__footer___3yp0F", "hop-Popover__actions": "Popover-module__hop-Popover__actions___rs5vj", "hop-Popover__action": "Popover-module__hop-Popover__action___efhI0" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___s-Tc5", "fade": "Popover-module__fade___KKdAL", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___F22pC", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___9sc7A", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___fmSkA", "hop-Popover__title": "Popover-module__hop-Popover__title___E1FTb", "hop-Popover__content": "Popover-module__hop-Popover__content___ruY0N", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___Y9ii3", "hop-Popover__footer": "Popover-module__hop-Popover__footer___-mtVR", "hop-Popover__actions": "Popover-module__hop-Popover__actions___WKs0C", "hop-Popover__action": "Popover-module__hop-Popover__action___LBeX8" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;