@hopper-ui/components 1.3.16 → 1.3.18

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

@@ -1,7 +1,7 @@
 import { useScale } from './chunk-MTDFS4CZ.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
-import { _InputGroup } from './chunk-RLNCYCEL.js';
-import { EnsureTextWrapper } from './chunk-TU4QEQE4.js';
+import { _InputGroup } from './chunk-D3533FNR.js';
+import { EnsureTextWrapper } from './chunk-UDPW7R42.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -21,7 +21,7 @@ import { useContextProps, composeRenderProps, Input, NumberField as NumberField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___Fxq8s", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___IPNox", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___Zk-YG", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___be--P", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___-b6fD", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___9VUZL", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___wiLQJ", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___9Lmrh", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___3NKh2", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___-ZxIm", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___qD-ya", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___RxraD", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___YbM4p", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___uG2xy" };
+var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___F8fj-", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___cMV2j", "hop-NumberField--mobile": "NumberField-module__hop-NumberField--mobile___dP6nn", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___1qM7e", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___Qm0Kr", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___Q2TQq", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___syjXe", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___sqwJz", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___vY6bE", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___kvgmz", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___Awbhm", "hop-NumberField__stepper-button--mobile": "NumberField-module__hop-NumberField__stepper-button--mobile___n-Qgy", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___epKfX", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___hFjgh" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const scale = useScale();

package/dist/{chunk-3HPUMEF6.js → chunk-QYVXEOFZ.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-PBFGUMTY.js';
+import { _RichIconAvatarImage } from './chunk-BRBEVRVF.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-GLAJGJ5L.js → chunk-SDVRNCLY.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { EnsureTextWrapper } from './chunk-TU4QEQE4.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
+import { EnsureTextWrapper } from './chunk-UDPW7R42.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeRadio.module.css#css-module
-var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___Wjxn- Radio-module__hop-Radio___Mve6d", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___NWuO- Radio-module__hop-Radio--sm___2bpSq", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___slbX1 Radio-module__hop-Radio--md___8FGP5", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___DgziD Radio-module__hop-Radio__icon___u8vYi", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___6xsW7 Radio-module__hop-Radio__icon___u8vYi", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___q2qM2 Radio-module__hop-Radio__box___wPjxC", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___Cit4u Radio-module__hop-Radio__bullet___IaqWB", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___5E6vS Radio-module__hop-Radio__text___ommSg" };
+var DecorativeRadio_module_default = { "hop-DecorativeRadio": "DecorativeRadio-module__hop-DecorativeRadio___hs-Ks Radio-module__hop-Radio___faJuK", "hop-DecorativeRadio--sm": "DecorativeRadio-module__hop-DecorativeRadio--sm___Kzr39 Radio-module__hop-Radio--sm___W--x6", "hop-DecorativeRadio--md": "DecorativeRadio-module__hop-DecorativeRadio--md___xj03W Radio-module__hop-Radio--md___1vAWK", "hop-DecorativeRadio__icon": "DecorativeRadio-module__hop-DecorativeRadio__icon___YIjhj Radio-module__hop-Radio__icon___ic6xU", "hop-DecorativeRadio__icon-list": "DecorativeRadio-module__hop-DecorativeRadio__icon-list___6X1Oq Radio-module__hop-Radio__icon___ic6xU", "hop-DecorativeRadio__box": "DecorativeRadio-module__hop-DecorativeRadio__box___-789w Radio-module__hop-Radio__box___98f-A", "hop-DecorativeRadio__bullet": "DecorativeRadio-module__hop-DecorativeRadio__bullet___1e3RX Radio-module__hop-Radio__bullet___Xd-hd", "hop-DecorativeRadio__text": "DecorativeRadio-module__hop-DecorativeRadio__text___WhBDA Radio-module__hop-Radio__text___BcX3d" };
 var GlobalDecorativeRadioCssSelector = "hop-DecorativeRadio";
 function DecorativeRadio(props, ref) {
   var _a;

package/dist/{chunk-BWBS4H3T.js → chunk-TGQPH7A3.js}

@@ -1,10 +1,10 @@
-import { _DecorativeRadio } from './chunk-GLAJGJ5L.js';
-import { _DecorativeCheckbox } from './chunk-7C76VW2S.js';
+import { _DecorativeRadio } from './chunk-SDVRNCLY.js';
+import { _DecorativeCheckbox } from './chunk-ZQOVNUKV.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-JMBLHNVE.js';
-import { EnsureTextWrapper } from './chunk-TU4QEQE4.js';
+import { _ListBoxItemSkeleton } from './chunk-AED25SMX.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { EnsureTextWrapper } from './chunk-UDPW7R42.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, List
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItem.module.css#css-module
-var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___epY3q", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___oJC7W", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___krCGo", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___knyCC", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___vXHV7", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___we6Sk", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___TJU1i", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___NVnf-", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___0tLqf", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___pH-3h", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___fe-OF", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___2CeRZ", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___aLcys", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___oxEUk", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___DURWI", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___fSQhf", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___fY-zy" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___fj8nQ", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___KlTQC", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___dmfcS", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___SxV7V", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___KtZA4", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___AsM6w", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___nhbAA", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___UzVBx", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___tJP6r", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___hFfCy", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___eEHKq", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___k9zQL", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___XtHlS", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___jWmGz", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___rjrO7", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___GEkIQ", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___2cTQL" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-TIT2RZMI.js → chunk-TIP427IG.js}

@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Button } from 'react-aria-componen
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./EmbeddedButton.module.css#css-module
-var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___cVU7f", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___W6mfA", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___K8iSg", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___1B70z", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___mQ4nT", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___L1j0y", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___pQnno", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___IKvLq", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___sY27A", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___ei-UB", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___1G9qo", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___ZWekq", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___k-3Sy", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___CGigF", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___tHEjz", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___YcRHk" };
+var EmbeddedButton_module_default = { "hop-EmbeddedButton": "EmbeddedButton-module__hop-EmbeddedButton___iwUbk", "hop-EmbeddedButton--md": "EmbeddedButton-module__hop-EmbeddedButton--md___9o4jg", "hop-EmbeddedButton--lg": "EmbeddedButton-module__hop-EmbeddedButton--lg___Fe1cd", "hop-EmbeddedButton--neutral": "EmbeddedButton-module__hop-EmbeddedButton--neutral___abTkL", "hop-EmbeddedButton--subdued": "EmbeddedButton-module__hop-EmbeddedButton--subdued___-pOYQ", "hop-EmbeddedButton--progress": "EmbeddedButton-module__hop-EmbeddedButton--progress___yBqab", "hop-EmbeddedButton--positive": "EmbeddedButton-module__hop-EmbeddedButton--positive___yfj04", "hop-EmbeddedButton--caution": "EmbeddedButton-module__hop-EmbeddedButton--caution___fZHc1", "hop-EmbeddedButton--negative": "EmbeddedButton-module__hop-EmbeddedButton--negative___e14cL", "hop-EmbeddedButton--option1": "EmbeddedButton-module__hop-EmbeddedButton--option1___KJblg", "hop-EmbeddedButton--option2": "EmbeddedButton-module__hop-EmbeddedButton--option2___AhAcB", "hop-EmbeddedButton--option3": "EmbeddedButton-module__hop-EmbeddedButton--option3___U8dd-", "hop-EmbeddedButton--option4": "EmbeddedButton-module__hop-EmbeddedButton--option4___g4eDj", "hop-EmbeddedButton--option5": "EmbeddedButton-module__hop-EmbeddedButton--option5___iDMw9", "hop-EmbeddedButton--option6": "EmbeddedButton-module__hop-EmbeddedButton--option6___TKJsj", "hop-EmbeddedButton__icon": "EmbeddedButton-module__hop-EmbeddedButton__icon___hLfsV" };
 var GlobalEmbeddedButtonCssSelector = "hop-EmbeddedButton";
 function EmbeddedButton(props, ref) {
   var _a;

package/dist/{chunk-E3ZVVZI2.js → chunk-TOOEBZKT.js}

@@ -1,7 +1,7 @@
-import { _Text } from './chunk-KGMX2K4Z.js';
 import { useImageFallback } from './chunk-LI5HSYF7.js';
+import { _Text } from './chunk-URE5PFMU.js';
 import { AvatarContext } from './chunk-AES7QBQE.js';
-import { _RichIconAvatarImage } from './chunk-PBFGUMTY.js';
+import { _RichIconAvatarImage } from './chunk-BRBEVRVF.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.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___3RhY8", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___-k-Cv", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___erV1W", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___mr3v3", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___-EZy-", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___j7VB6", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___P6BDO", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___g3S-J", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___XhYOS", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___SlVUq", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___oBoZa", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___CrJ71", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___9-o2B", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___j-pwp", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___RnJsT", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___8TF89", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___f2uWo" };
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___fxBL7", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___8XdUp", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___sqfax", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___WtYqC", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___DfGif", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___K-hue", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___82azH", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___Qy8YI", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___c3bDj", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___wEgVE", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___2PAKL", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___bKwKh", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___l3Pze", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___jNrrq", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___Ep6Ep", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___LImod", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___P8G6x" };
 var GlobalAvatarCssSelector = "hop-Avatar";
 var AvatarToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-TU4QEQE4.js → chunk-UDPW7R42.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-KGMX2K4Z.js';
+import { _Text } from './chunk-URE5PFMU.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var EnsureTextWrapper = ({ children }) => {

package/dist/{chunk-KGMX2K4Z.js → chunk-URE5PFMU.js}

@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Text.module.css#css-module
-var Text_module_default = { "hop-Text": "Text-module__hop-Text___7-tYM", "hop-Text--xs": "Text-module__hop-Text--xs___HbFAZ", "hop-Text--sm": "Text-module__hop-Text--sm___tYwpG", "hop-Text--md": "Text-module__hop-Text--md___kRzjz", "hop-Text--lg": "Text-module__hop-Text--lg___-9lHi", "hop-Text--xl": "Text-module__hop-Text--xl___7-Sot", "hop-Text--2xl": "Text-module__hop-Text--2xl___9rIz6", "hop-Text--inherit": "Text-module__hop-Text--inherit___MTfwM" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___zRx4Z", "hop-Text--xs": "Text-module__hop-Text--xs___H302l", "hop-Text--sm": "Text-module__hop-Text--sm___JiMa9", "hop-Text--md": "Text-module__hop-Text--md___upVxp", "hop-Text--lg": "Text-module__hop-Text--lg___tdTqc", "hop-Text--xl": "Text-module__hop-Text--xl___U0c28", "hop-Text--2xl": "Text-module__hop-Text--2xl___0L-DS", "hop-Text--inherit": "Text-module__hop-Text--inherit___EGsBb" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-NCOVEXXO.js → chunk-VP46GULO.js}

@@ -7,7 +7,7 @@ import { useContextProps, Heading as Heading$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Heading.module.css#css-module
-var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___xZw9W", "hop-Heading--xs": "Heading-module__hop-Heading--xs___0mH4P", "hop-Heading--sm": "Heading-module__hop-Heading--sm___zuPx1", "hop-Heading--md": "Heading-module__hop-Heading--md___dMnqg", "hop-Heading--lg": "Heading-module__hop-Heading--lg___VBwKM", "hop-Heading--xl": "Heading-module__hop-Heading--xl___rNXkV", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___R1-Y8", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___gmnf3" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___04U2s", "hop-Heading--xs": "Heading-module__hop-Heading--xs___LvoD2", "hop-Heading--sm": "Heading-module__hop-Heading--sm___H1hMf", "hop-Heading--md": "Heading-module__hop-Heading--md___bh8Sh", "hop-Heading--lg": "Heading-module__hop-Heading--lg___q4-RB", "hop-Heading--xl": "Heading-module__hop-Heading--xl___adZIL", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___GwWF4", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___j79uI" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/chunk-WHGDC7T4.js

@@ -0,0 +1,210 @@
+import { PopoverContext } from './chunk-SC6ZK5ON.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { EnsureTextWrapper } from './chunk-UDPW7R42.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { ComboBoxContext } from './chunk-4XHTP4GX.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
+import { forwardRef, useRef, useState, useCallback } from 'react';
+import { useContextProps, useSlottedContext, InputContext, composeRenderProps, ComboBox as ComboBox$1, Group, Input, Button } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./ComboBox.module.css#css-module
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___aowzP", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___qaVX-", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___sWfdw", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___7riqy", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___wi2cF", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___q6VZ1", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___Zq7X8", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___vtoz8", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___wJs1C", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___x5kHF", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___IU7Cm", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___JktEE" };
+var GlobalComboBoxCssSelector = "hop-ComboBox";
+function ComboBox(props, ref) {
+  var _a, _b, _c;
+  const {
+    inputRef: userProvidedInputRef = null,
+    ...propsWithoutRef
+  } = props;
+  [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    isFluid: isFluidProp,
+    isInvalid,
+    isRequired,
+    items,
+    menuTrigger = "focus",
+    necessityIndicator,
+    placeholder,
+    prefix,
+    size: sizeProp,
+    style: styleProp,
+    triggerProps,
+    ...otherProps
+  } = ownProps;
+  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, (_a = props.inputRef) != null ? _a : null));
+  const inputContext = useSlottedContext(InputContext);
+  const mergedInputRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext.ref) : inputRef;
+  const triggerRef = useRef(null);
+  const buttonRef = useRef(null);
+  const [triggerWidth, setTriggerWidth] = useState(null);
+  const onResize = useCallback(() => {
+    if (triggerRef.current) {
+      setTriggerWidth(triggerRef.current.offsetWidth + "px");
+    }
+  }, [triggerRef]);
+  useResizeObserver({
+    ref: triggerRef,
+    onResize
+  });
+  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
+  const {
+    className: triggerClassName,
+    style: triggerStyleProp,
+    ...otherTriggerProps
+  } = triggerOwnProps;
+  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "sm";
+  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalComboBoxCssSelector,
+    cssModule(
+      ComboBox_module_default,
+      "hop-ComboBox",
+      isFluid && "fluid",
+      size
+    ),
+    stylingProps.className
+  );
+  const triggerClassNames = composeClassnameRenderProps(
+    triggerClassName,
+    cssModule(
+      ComboBox_module_default,
+      "hop-ComboBox__trigger",
+      size
+    ),
+    triggerStylingProps.className
+  );
+  const buttonClassNames = composeClassnameRenderProps(
+    cssModule(
+      ComboBox_module_default,
+      "hop-ComboBox__button"
+    )
+  );
+  const inputClassNames = composeClassnameRenderProps(
+    inputContext == null ? void 0 : inputContext.className,
+    ComboBox_module_default["hop-ComboBox__input"]
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
+    return {
+      ...triggerStylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  const handleMouseDown = useCallback((e) => {
+    if (inputRef.current && e.target !== inputRef.current && buttonRef.current && e.target !== buttonRef.current) {
+      inputRef.current.focus();
+      e.preventDefault();
+    }
+  }, [inputRef]);
+  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
+        [IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
+      ],
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(
+    ComboBox$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      isInvalid,
+      isRequired,
+      items,
+      menuTrigger,
+      ...otherProps,
+      children: (comboBoxRenderProps) => {
+        const { isOpen } = comboBoxRenderProps;
+        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [LabelContext, {
+                  className: ComboBox_module_default["hop-ComboBox__label"],
+                  isRequired,
+                  necessityIndicator
+                }],
+                [HelperMessageContext, {
+                  className: ComboBox_module_default["hop-ComboBox__helper-message"]
+                }],
+                [ErrorMessageContext, {
+                  className: ComboBox_module_default["hop-ComboBox__error-message"]
+                }],
+                [TextContext, {
+                  size
+                }],
+                [ListBoxContext, {
+                  size,
+                  isInvalid,
+                  items
+                }],
+                [PopoverContext, {
+                  triggerRef,
+                  style: {
+                    "--custom-trigger-width": triggerWidth
+                  }
+                }]
+              ],
+              children: children(comboBoxRenderProps)
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              ref: triggerRef,
+              className: triggerClassNames,
+              style: triggerStyle,
+              onMouseDown: handleMouseDown,
+              "data-selected": isOpen || void 0,
+              ...otherTriggerProps,
+              children: [
+                prefixMarkup,
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ref: mergedInputRefs,
+                    className: inputClassNames,
+                    placeholder
+                  }
+                ),
+                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: ComboBox_module_default["hop-ComboBox__button-icon"] }) })
+              ]
+            }
+          )
+        ] });
+      }
+    }
+  );
+}
+var _ComboBox = forwardRef(ComboBox);
+_ComboBox.displayName = "ComboBox";
+
+export { GlobalComboBoxCssSelector, _ComboBox };

package/dist/{chunk-2PPQY3B2.js → chunk-WJZ2OTC5.js}

@@ -1,5 +1,5 @@
-import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -12,7 +12,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./SwitchField.module.css#css-module
-var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___0Xbsj", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___-i7uM", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___iQnKa", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___WfnUq", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___i6jkB" };
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___BQ0Yx", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___-LFo1", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___B4GYX", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___ef-FW", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___AHaKO" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-YGEQT76S.js → chunk-WX6CCUCW.js}

@@ -1,6 +1,6 @@
-import { EnsureTextWrapper } from './chunk-TU4QEQE4.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { EnsureTextWrapper } from './chunk-UDPW7R42.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, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Link.module.css#css-module
-var Link_module_default = { "hop-Link": "Link-module__hop-Link___GPGNz", "hop-Link--quiet": "Link-module__hop-Link--quiet___veeq8", "hop-Link--primary": "Link-module__hop-Link--primary___cS288", "hop-Link--secondary": "Link-module__hop-Link--secondary___RHl4C", "hop-Link__icon": "Link-module__hop-Link__icon___IBq4K", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___BmMQm", "hop-Link__text": "Link-module__hop-Link__text___-czUy", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___2yiGs", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___-osL0" };
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___T8Vfg", "hop-Link--quiet": "Link-module__hop-Link--quiet___fXOWN", "hop-Link--primary": "Link-module__hop-Link--primary___BE1KM", "hop-Link--secondary": "Link-module__hop-Link--secondary___HYlPg", "hop-Link__icon": "Link-module__hop-Link__icon___qQaus", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___0FxUH", "hop-Link__text": "Link-module__hop-Link__text___9lmP7", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___VACkA", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___NcaQ3" };
 var GlobalLinkCssSelector = "hop-Link";
 var LinkToIconSizeAdapter = {
   inherit: void 0,

package/dist/{chunk-XH5AZHD6.js → chunk-XBN3O7RO.js}

@@ -1,6 +1,6 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _InputGroup } from './chunk-RLNCYCEL.js';
-import { _ClearButton } from './chunk-PXMJ2JSP.js';
+import { _InputGroup } from './chunk-D3533FNR.js';
+import { _ClearButton } from './chunk-MPJYOQU5.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___-oKzq", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___hL8CS", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___3vXz-", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___0IuvB", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___QXjwl", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___IiyAS", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___rZDr5", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___clr1y", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___1WlQ3" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___YEbmk", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___kZBaL", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___DBduC", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___6sfNz", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___1GbHB", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___aSzAa", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___ZezZF", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___uKxaA", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___-oVAi" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/chunk-XGOJ7VOE.js

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

package/dist/{chunk-HG4WPVDQ.js → chunk-XPPRHRLO.js}

@@ -1,11 +1,11 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
-import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-BWBS4H3T.js';
-import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
-import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { _ListBoxItem } from './chunk-TGQPH7A3.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
-import { _Text } from './chunk-KGMX2K4Z.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { useLocalizedString } from './chunk-TFVDF4YH.js';
+import { _Text } from './chunk-URE5PFMU.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___k6PX-", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___3WtF1", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___WrH-C", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___qmszt", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___ijCs4" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___3wEVd", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___aRQyL", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___vJxNf", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___Z6xzS", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___6-1TJ" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-ARZVBUNR.js → chunk-YSIZ6OV3.js}

@@ -1,6 +1,6 @@
-import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
+import { CheckboxListContext } from './chunk-WDUQUPTE.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___34ufW", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___nXpts", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___gLrei", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___AHFhp", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___-JXiT", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___yyUGg", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___mvFCJ", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___h246U", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___SECb6" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___qY1jC", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___n2cbg", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___NdHhk", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___2BgG6", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___D4w-6", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___D-qWa", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___cFvPl", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___hVDN3", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___fy2OR" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b;

package/dist/chunk-YVCELBU7.js

@@ -0,0 +1,149 @@
+import { _SelectValue } from './chunk-ZDIKM45I.js';
+import { SelectContext } from './chunk-T24MBA34.js';
+import { ListBoxContext } from './chunk-UIEP5BA5.js';
+import { EnsureTextWrapper } from './chunk-UDPW7R42.js';
+import { LabelContext } from './chunk-QCA3ZR56.js';
+import { HelperMessageContext } from './chunk-HZKFQ33E.js';
+import { ErrorMessageContext } from './chunk-FAE27DLF.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Select as Select$1, Button } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Select.module.css#css-module
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___rjYIm", "hop-Select--fluid": "Select-module__hop-Select--fluid___fDrod", "hop-Select__label": "Select-module__hop-Select__label___GoGEE", "hop-Select__button": "Select-module__hop-Select__button___-YCvi", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___THAh2", "hop-Select__button--md": "Select-module__hop-Select__button--md___H7yJg", "hop-Select__prefix": "Select-module__hop-Select__prefix___M-Bk-", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___JqiS8", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___Up8MC", "hop-Select__error-message": "Select-module__hop-Select__error-message___zmkoZ" };
+var GlobalSelectCssSelector = "hop-Select";
+function Select(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, SelectContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    isFluid: isFluidProp,
+    isInvalid,
+    isRequired,
+    items,
+    necessityIndicator,
+    prefix,
+    renderValue,
+    size: sizeProp,
+    style: styleProp,
+    triggerProps,
+    ...otherProps
+  } = ownProps;
+  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
+  const {
+    className: triggerClassName,
+    style: triggerStyleProp,
+    ...otherTriggerProps
+  } = triggerOwnProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalSelectCssSelector,
+    cssModule(
+      Select_module_default,
+      "hop-Select",
+      isFluid && "fluid",
+      size
+    ),
+    stylingProps.className
+  );
+  const buttonClassNames = composeClassnameRenderProps(
+    triggerClassName,
+    cssModule(
+      Select_module_default,
+      "hop-Select__button",
+      size
+    ),
+    triggerStylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
+    return {
+      ...triggerStylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, { size, className: Select_module_default["hop-Select__prefix"] }],
+        [IconContext, { size, className: Select_module_default["hop-Select__prefix"] }]
+      ],
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(
+    Select$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      isInvalid,
+      isRequired,
+      children: (selectRenderProps) => {
+        const { isOpen } = selectRenderProps;
+        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [LabelContext, {
+                  className: Select_module_default["hop-Select__label"],
+                  isRequired,
+                  necessityIndicator
+                }],
+                [HelperMessageContext, {
+                  className: Select_module_default["hop-Select__helper-message"]
+                }],
+                [ErrorMessageContext, {
+                  className: Select_module_default["hop-Select__error-message"]
+                }],
+                [TextContext, {
+                  size
+                }],
+                [ListBoxContext, {
+                  size,
+                  isInvalid,
+                  items
+                }]
+              ],
+              children: children(selectRenderProps)
+            }
+          ),
+          /* @__PURE__ */ jsxs(Button, { className: buttonClassNames, style: triggerStyle, "data-invalid": isInvalid || void 0, ...otherTriggerProps, children: [
+            prefixMarkup,
+            /* @__PURE__ */ jsx(_SelectValue, { size, children: (valueRenderProps) => {
+              return renderValue == null ? void 0 : renderValue(valueRenderProps);
+            } }),
+            /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: Select_module_default["hop-Select__button-icon"] })
+          ] })
+        ] });
+      }
+    }
+  );
+}
+var _Select = forwardRef(Select);
+_Select.displayName = "Select";
+
+export { GlobalSelectCssSelector, _Select };