@hopper-ui/components 1.4.8 → 1.4.9

package/dist/{chunk-7SMF3TO5.js → chunk-JA3YZAMV.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
+import { _Text } from './chunk-TEOQZH4R.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -11,7 +11,7 @@ import { useContextProps, ToggleGroupStateContext, ToggleButton, Provider, DEFAU
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SegmentedControlItem.module.css#css-module
-var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___7Qop2", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___kDUjY", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___wVaA4", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___tNpfW", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___lnimi", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___i0fOE", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___Ogwhh", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___6-8I-" };
+var SegmentedControlItem_module_default = { "hop-SegmentedControlItem": "SegmentedControlItem-module__hop-SegmentedControlItem___DIh-p", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___iYM0q", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___BNDJ0", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___y2AgY", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___UCdZn", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___iXHlB", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___b8mM8", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___MIZxE" };
 var GlobalSegmentedControlItemCssSelector = "hop-SegmentedControlItem";
 var SegmentedControlItem = (props, ref) => {
   var _a;

package/dist/{chunk-F6NQHY35.js → chunk-JALNC6MF.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___3Ch3G", "hop-Card--main": "Card-module__hop-Card--main___SonMh", "hop-Card--second-level": "Card-module__hop-Card--second-level___8Vy6g" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___DFXbP", "hop-Card--main": "Card-module__hop-Card--main___xIrmj", "hop-Card--second-level": "Card-module__hop-Card--second-level___sw3LY" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-6CVROWNN.js → chunk-JHZLARBW.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
+import { _Text } from './chunk-TEOQZH4R.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { InfoIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___xIcmM", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___ACn9W" };
+var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___V7HTt", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___yyO6X" };
 var GlobalHelperMessageCssSelector = "hop-HelperMessage";
 function HelperMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-SSV5APP2.js → chunk-JWHK6VZE.js}

@@ -1,5 +1,5 @@
 import { CalloutContext } from './chunk-NZ4VFVXA.js';
-import { _CloseButton } from './chunk-NHKYEZTW.js';
+import { _CloseButton } from './chunk-H7ATUWV2.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
@@ -14,7 +14,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___7S9Ut", "hop-Callout__icon": "Callout-module__hop-Callout__icon___t7w5G", "hop-Callout__heading": "Callout-module__hop-Callout__heading___zSHa5", "hop-Callout__content": "Callout-module__hop-Callout__content___HaNGE", "hop-Callout__button": "Callout-module__hop-Callout__button___DX6lV", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___CDTSX", "hop-Callout--information": "Callout-module__hop-Callout--information___uSE-c", "hop-Callout--success": "Callout-module__hop-Callout--success___AgZgE", "hop-Callout--warning": "Callout-module__hop-Callout--warning___qW3cJ", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___abHWk", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___bMBdq" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___-My7q", "hop-Callout__icon": "Callout-module__hop-Callout__icon___BQ0JB", "hop-Callout__heading": "Callout-module__hop-Callout__heading___v-Cro", "hop-Callout__content": "Callout-module__hop-Callout__content___PtGin", "hop-Callout__button": "Callout-module__hop-Callout__button___4Esvh", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___Au4Ub", "hop-Callout--information": "Callout-module__hop-Callout--information___PkjRH", "hop-Callout--success": "Callout-module__hop-Callout--success___2NhbN", "hop-Callout--warning": "Callout-module__hop-Callout--warning___-jTqa", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___FVQ5b", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___03isf" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

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

@@ -1,23 +1,23 @@
-import { _InputGroup } from './chunk-F6D7LSXZ.js';
-import { InputContext, Input } from './chunk-7HIGRTLG.js';
-import { _Popover } from './chunk-N455JVEG.js';
+import { InputContext, Input } from './chunk-EG6J2LGD.js';
+import { _InputGroup } from './chunk-RU2R4HRN.js';
+import { _Popover } from './chunk-ZNATFVK3.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.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 { _ListBox } from './chunk-MRKDMC6T.js';
+import { _ListBoxItem } from './chunk-V6IGV2A6.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _ToggleArrow } from './chunk-HCYKOE75.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
-import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearProviders, ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
@@ -26,7 +26,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, TextContext, Bu
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___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 ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___hT-ka", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___BJX9N", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___0A9v1", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___BvA1t", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___6POUD", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___qBzWu", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___Wn6ws", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___rzl2D" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-VHVRECJY.js → chunk-KYGM6GSZ.js}

@@ -1,10 +1,10 @@
 import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { _HelperMessage } from './chunk-6CVROWNN.js';
-import { _ErrorMessage } from './chunk-UXCNMI34.js';
-import { _Label } from './chunk-I2LTZFXN.js';
-import { useFormProps } from './chunk-VOXZA4YS.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___Q6jOb", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___PP5AI", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___0WITs", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___MQnqd", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___RL5KK", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___zntxt", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___vdUe1", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___zSWps", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___dALyW" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___8FI2v", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___--DjV", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___mn67v", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___NovvY", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___N8hY0", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___NHfJB", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___oqhMS", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___th0kG", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___zNMY7" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c;

package/dist/{chunk-72CSHV4D.js → chunk-L52ZO6DK.js}

@@ -1,9 +1,9 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
-import { _HelperMessage } from './chunk-6CVROWNN.js';
-import { _ErrorMessage } from './chunk-UXCNMI34.js';
-import { _Label } from './chunk-I2LTZFXN.js';
-import { useFormProps } from './chunk-VOXZA4YS.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, FieldErrorContext, TagGroup as Tag
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___46Zpi", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___DLyok", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___f-q3G", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___Qeij4", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___m5Dpu" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___5kSAi", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___Z43-v", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___xUOYR", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___xsrTf", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___YLkm0" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/chunk-LUO2HNXA.js

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

package/dist/{chunk-UXCNMI34.js → chunk-M43P32S2.js}

@@ -1,5 +1,5 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
+import { _Text } from './chunk-TEOQZH4R.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___K1rie", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___urc3s" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___TlSrl", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___XJNoD" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-5TGWIM5C.js → chunk-MJD4HEF7.js}

@@ -1,14 +1,14 @@
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-ZJBNVQTB.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 { _Label } from './chunk-I2LTZFXN.js';
+import { _EmbeddedButton } from './chunk-BTV2OYVC.js';
+import { Input } from './chunk-EG6J2LGD.js';
+import { _InputGroup } from './chunk-RU2R4HRN.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-VOXZA4YS.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { EyeVisibleIcon, EyeHiddenIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, TextField } from 'react-aria-compo
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./PasswordField.module.css#css-module
-var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___tt6Fb", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___JLaOb", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___eF-D-", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___i-K8U", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___M1NYA", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___Ihur9" };
+var PasswordField_module_default = { "hop-PasswordField": "PasswordField-module__hop-PasswordField___q6L8n", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___l-TcN", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___p5VmJ", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___psVl2", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___H8-vu", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___qDFUU" };
 var GlobalPasswordFieldCssSelector = "hop-PasswordField";
 function PasswordField(props, ref) {
   var _a;

package/dist/{chunk-WNFSIU36.js → chunk-MRKDMC6T.js}

@@ -1,14 +1,14 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { ListBoxSectionContext } from './chunk-RLDIAT4F.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-Q5XBTXXT.js';
+import { _ListBoxItem } from './chunk-V6IGV2A6.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _Text } from './chunk-TEOQZH4R.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useLoadMore } from '@react-aria/utils';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___5U1v8", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___-iuNA", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___Wn-VF", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___5sLOO", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___LESNe" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___lzwLl", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___aFGr1", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___3t3I0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___WHmBg", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___FUmbX" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {

package/dist/{chunk-EZXZMHPJ.js → chunk-MS353K3B.js}

@@ -1,5 +1,5 @@
 import { TileContext } from './chunk-JTNKUYE5.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
+import { _Text } from './chunk-TEOQZH4R.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps, composeRenderProps, ToggleButton, Provider } from 'rea
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Tile.module.css#css-module
-var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___voLrp", "hop-Tile__icon": "Tile-module__hop-Tile__icon___iI2bk" };
+var Tile_module_default = { "hop-Tile": "Tile-module__hop-Tile___R9DcA", "hop-Tile__icon": "Tile-module__hop-Tile__icon___Q0tJ2" };
 var GlobalTileCssSelector = "hop-Tile";
 var Tile = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileContext);

package/dist/{chunk-AD5GQ24L.js → chunk-MYDMC5AL.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Image.module.css#css-module
-var Image_module_default = { "hop-Image": "Image-module__hop-Image___6qN5S", "hop-Image--rounded": "Image-module__hop-Image--rounded___NsX3-", "hop-Image--circular": "Image-module__hop-Image--circular___MhwfG" };
+var Image_module_default = { "hop-Image": "Image-module__hop-Image___QtmRN", "hop-Image--rounded": "Image-module__hop-Image--rounded___qBegL", "hop-Image--circular": "Image-module__hop-Image--circular___qGQmX" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

package/dist/{chunk-M35EMGMO.js → chunk-NSFQDIGS.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___OxCkp", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___ccTCS" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___a6tCB", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___q6q24" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-S4VWM2B6.js → chunk-O4BGMHFN.js}

@@ -1,14 +1,14 @@
 import { useFontFaceReady } from './chunk-IU6XMS2X.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
 import { useTruncatedText } from './chunk-Z57VHYOF.js';
-import { _RemainingCharacterCount } from './chunk-KW6WJUD5.js';
-import { _InputGroup } from './chunk-F6D7LSXZ.js';
-import { _HelperMessage } from './chunk-6CVROWNN.js';
-import { _ErrorMessage } from './chunk-UXCNMI34.js';
-import { _Label } from './chunk-I2LTZFXN.js';
-import { useFormProps } from './chunk-VOXZA4YS.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { _RemainingCharacterCount } from './chunk-YYYKLACT.js';
+import { _InputGroup } from './chunk-RU2R4HRN.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue, useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
 import $670gB$react, { forwardRef, useContext, useState, useCallback, useRef, useMemo } from 'react';
@@ -79,7 +79,7 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
 }
 
 // css-module:./TextArea.module.css#css-module
-var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___Msdue", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___-ep5B", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___3kZZE", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___SQQ-m", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___FVXxr", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___LllwU", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___5faIS", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___X2Ax6", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___8QL26", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___SL9w3", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___Bakth" };
+var TextArea_module_default = { "hop-TextArea": "TextArea-module__hop-TextArea___HRJaC", "hop-TextArea--fluid": "TextArea-module__hop-TextArea--fluid___yWvrM", "hop-TextArea__Label": "TextArea-module__hop-TextArea__Label___IkJVe", "hop-TextArea__prefix": "TextArea-module__hop-TextArea__prefix___yCWvd", "hop-TextArea__RemainingCharacterCount": "TextArea-module__hop-TextArea__RemainingCharacterCount___xIxHm", "hop-TextArea__InputGroup": "TextArea-module__hop-TextArea__InputGroup___7JcmJ", "hop-TextArea__ErrorMessage": "TextArea-module__hop-TextArea__ErrorMessage___Zt1yk", "hop-TextArea__HelperMessage": "TextArea-module__hop-TextArea__HelperMessage___Fowsg", "hop-TextArea__textarea": "TextArea-module__hop-TextArea__textarea___Om6nK", "hop-TextArea__textarea--with-character-count": "TextArea-module__hop-TextArea__textarea--with-character-count___bhxTQ", "hop-TextArea__textarea--sm": "TextArea-module__hop-TextArea__textarea--sm___4cfiJ" };
 var GlobalTextAreaCssSelector = "hop-TextArea";
 var DefaultMinimumTextAreaRows = 3;
 var pxToInt = (value) => {

package/dist/{chunk-BPO44JV2.js → chunk-O7ASYBWX.js}

@@ -1,11 +1,11 @@
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-VOXZA4YS.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
-import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
+import { _Text } from './chunk-TEOQZH4R.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { useSlotId } from '@react-aria/utils';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___eS3EQ", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___S4tBN", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___zQPTK", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___0-ebq", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___iyVgg" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___kub-e", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___M0zRD", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___NQ26D", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___QJTyb", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___fAzPI" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/chunk-O7T4L4C5.js

@@ -0,0 +1,77 @@
+import { _BaseModal } from './chunk-PESGOSPX.js';
+import { CustomModalContext } from './chunk-LUO2HNXA.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext, DialogTrigger } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./CustomModal.module.css#css-module
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___UoQjS" };
+var GlobalCustomModalCssSelector = "hop-CustomModal";
+var CustomModal = (props, ref) => {
+  var _a;
+  [props, ref] = useContextProps(props, ref, CustomModalContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    slot,
+    isDismissible = true,
+    isKeyboardDismissDisabled,
+    size: sizeProp,
+    overlayProps,
+    isOpen,
+    defaultOpen,
+    onOpenChange,
+    children: childrenProp,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    GlobalCustomModalCssSelector,
+    cssModule(
+      CustomModal_module_default,
+      GlobalCustomModalCssSelector,
+      size.toLowerCase()
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    _BaseModal,
+    {
+      ...overlayProps,
+      isOpen,
+      defaultOpen,
+      onOpenChange,
+      size,
+      isDismissable: isDismissible,
+      isKeyboardDismissDisabled,
+      children: /* @__PURE__ */ jsx(
+        Dialog,
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          style: mergedStyles,
+          slot,
+          children: (renderProps) => /* @__PURE__ */ jsx(OverlayTriggerStateContext.Provider, { value: null, children: children(renderProps) })
+        }
+      )
+    }
+  );
+};
+var _CustomModal = forwardRef(CustomModal);
+_CustomModal.displayName = "CustomModal";
+var CustomModalTrigger = DialogTrigger;
+
+export { CustomModalTrigger, GlobalCustomModalCssSelector, _CustomModal };

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

@@ -1,5 +1,5 @@
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
+import { _Text } from './chunk-TEOQZH4R.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___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 Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___6QAYc", "spin": "Spinner-module__spin___TpF-z", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___RBQs1", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___VUJX-", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___tWDnE", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___0oF9E", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___Eouhn", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___Xl3ga" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-ZMNX5LVE.js → chunk-OLY7SREJ.js}

@@ -1,10 +1,10 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.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 { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___8vDj8", "hop-Switch--sm": "Switch-module__hop-Switch--sm___sz5h6", "hop-Switch--md": "Switch-module__hop-Switch--md___kLGJh", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___Gm-9x", "hop-Switch__text": "Switch-module__hop-Switch__text___88D-I", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___ifiRq", "hop-Switch__icon": "Switch-module__hop-Switch__icon___xGLzm" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___DzGtJ", "hop-Switch--sm": "Switch-module__hop-Switch--sm___qucmN", "hop-Switch--md": "Switch-module__hop-Switch--md___-Vfnu", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___ZtdHg", "hop-Switch__text": "Switch-module__hop-Switch__text___TseVq", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___XPmfm", "hop-Switch__icon": "Switch-module__hop-Switch__icon___VhmVU" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/chunk-PESGOSPX.js

@@ -0,0 +1,59 @@
+import { BaseModalContext } from './chunk-FLU4UPP6.js';
+import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useColorSchemeContext, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, ModalOverlay, Modal } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./BaseModal.module.css#css-module
+var BaseModal_module_default = { "hop-BaseModal": "BaseModal-module__hop-BaseModal___LqXBi", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___wUK4L", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___X2n3t", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___ZjPB-", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___7ghxI", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___xo0X2", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___2oqMk", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___lUuDv", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___FSghE", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___w4VpB", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___NOaiS" };
+var GlobalBaseModalCssSelector = "hop-BaseModal";
+var BaseModal = (props, ref) => {
+  var _a;
+  [props, ref] = useContextProps(props, ref, BaseModalContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    style,
+    slot,
+    size: sizeProp,
+    children,
+    hasImage,
+    ...otherProps
+  } = ownProps;
+  const { colorScheme } = useColorSchemeContext();
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = (renderProps) => clsx(
+    GlobalBaseModalCssSelector,
+    cssModule(
+      BaseModal_module_default,
+      GlobalBaseModalCssSelector,
+      size.toLowerCase(),
+      renderProps.isEntering && "entering",
+      renderProps.isExiting && "exiting",
+      hasImage && "image"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    ModalOverlay,
+    {
+      className: classNames,
+      style: mergedStyles,
+      slot,
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(_HopperProvider, { colorScheme, withCssVariables: false, children: /* @__PURE__ */ jsx(Modal, { ...otherProps, ref, className: BaseModal_module_default["hop-BaseModal__modal"], children }) })
+    }
+  );
+};
+var _BaseModal = forwardRef(BaseModal);
+_BaseModal.displayName = "BaseModal";
+
+export { GlobalBaseModalCssSelector, _BaseModal };

package/dist/{chunk-RZG5PUET.js → chunk-PFUFA75W.js}

@@ -1,22 +1,22 @@
 import { SelectContext } from './chunk-T24MBA34.js';
-import { _SelectValue } from './chunk-U2E2PK7O.js';
-import { _Popover } from './chunk-N455JVEG.js';
+import { _SelectValue } from './chunk-26I53B5Y.js';
+import { _Popover } from './chunk-ZNATFVK3.js';
 import { _Footer } from './chunk-VOZN65OL.js';
 import { _ListBoxSection } from './chunk-DZJSSJVJ.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 { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _ListBox } from './chunk-MRKDMC6T.js';
+import { _ListBoxItem } from './chunk-V6IGV2A6.js';
+import { _HelperMessage } from './chunk-JHZLARBW.js';
+import { _ErrorMessage } from './chunk-M43P32S2.js';
+import { _ToggleArrow } from './chunk-HCYKOE75.js';
+import { ensureTextWrapper } from './chunk-W7UY3AN2.js';
+import { _Label } from './chunk-WTW6WMRY.js';
+import { useFormProps } from './chunk-I7VLBEP3.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -24,7 +24,7 @@ import { useContextProps, composeRenderProps, TextContext as TextContext$1, Butt
 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___xzHsW", "hop-Select--fluid": "Select-module__hop-Select--fluid___s5ghH", "hop-Select__label": "Select-module__hop-Select__label___PhbIV", "hop-Select__button": "Select-module__hop-Select__button___qNH-2", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___81kk1", "hop-Select__button--md": "Select-module__hop-Select__button--md___zHXmU", "hop-Select__prefix": "Select-module__hop-Select__prefix___3N3tB", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___E4NAh", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___Gq5Bm", "hop-Select__error-message": "Select-module__hop-Select__error-message___-LynD" };
+var Select_module_default = { "hop-Select": "Select-module__hop-Select___KVQHv", "hop-Select--fluid": "Select-module__hop-Select--fluid___lSzM2", "hop-Select__label": "Select-module__hop-Select__label___pshdj", "hop-Select__button": "Select-module__hop-Select__button___5rTKm", "hop-Select__button--sm": "Select-module__hop-Select__button--sm___ehRks", "hop-Select__button--md": "Select-module__hop-Select__button--md___BH0-y", "hop-Select__prefix": "Select-module__hop-Select__prefix___TAdOJ", "hop-Select__button-icon": "Select-module__hop-Select__button-icon___wKFHo", "hop-Select__helper-message": "Select-module__hop-Select__helper-message___RpCak", "hop-Select__error-message": "Select-module__hop-Select__error-message___nQVyx" };
 var GlobalSelectCssSelector = "hop-Select";
 function Select(props, ref) {
   var _a, _b, _c, _d;

package/dist/chunk-PH5BSJDK.js

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