@hopper-ui/components 1.4.8 → 1.4.10

package/dist/chunk-EUVOO6AN.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___vUaxP", "hop-BaseModal__modal": "BaseModal-module__hop-BaseModal__modal___cN-OB", "hop-BaseModal--image": "BaseModal-module__hop-BaseModal--image___X-fRT", "hop-BaseModal--entering": "BaseModal-module__hop-BaseModal--entering___0DaSV", "hop-BaseModal--exiting": "BaseModal-module__hop-BaseModal--exiting___wupS9", "hop-BaseModal--sm": "BaseModal-module__hop-BaseModal--sm___UOe40", "hop-BaseModal--md": "BaseModal-module__hop-BaseModal--md___Iq4Tt", "hop-BaseModal--lg": "BaseModal-module__hop-BaseModal--lg___-ES3I", "hop-BaseModal--xl": "BaseModal-module__hop-BaseModal--xl___LI2AH", "hop-BaseModal--fullscreen": "BaseModal-module__hop-BaseModal--fullscreen___Q73N-", "hop-BaseModal--fullscreentakeover": "BaseModal-module__hop-BaseModal--fullscreentakeover___cgSte" };
+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-Z7ORLEY6.js → chunk-FIZFXOX5.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___w4sro", "hop-Text--xs": "Text-module__hop-Text--xs___YJQqc", "hop-Text--sm": "Text-module__hop-Text--sm___b-Fyx", "hop-Text--md": "Text-module__hop-Text--md___Mv6pk", "hop-Text--lg": "Text-module__hop-Text--lg___meTgy", "hop-Text--xl": "Text-module__hop-Text--xl___62mE-", "hop-Text--2xl": "Text-module__hop-Text--2xl___MKyPg", "hop-Text--inherit": "Text-module__hop-Text--inherit___CbsDY" };
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___M-1m1", "hop-Text--xs": "Text-module__hop-Text--xs___vkJGg", "hop-Text--sm": "Text-module__hop-Text--sm___1m4ZS", "hop-Text--md": "Text-module__hop-Text--md___P7TpA", "hop-Text--lg": "Text-module__hop-Text--lg___eqMWx", "hop-Text--xl": "Text-module__hop-Text--xl___2KB2s", "hop-Text--2xl": "Text-module__hop-Text--2xl___ZE1BW", "hop-Text--inherit": "Text-module__hop-Text--inherit___6QtwX" };
 var GlobalTextCssSelector = "hop-Text";
 function Text(props, ref) {
   [props, ref] = useContextProps(props, ref, TextContext);

package/dist/{chunk-PAVQC74G.js → chunk-FJWEWI6U.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___o-v-P", "hop-Heading--xs": "Heading-module__hop-Heading--xs___KXQEX", "hop-Heading--sm": "Heading-module__hop-Heading--sm___-WdRn", "hop-Heading--md": "Heading-module__hop-Heading--md___ukpIT", "hop-Heading--lg": "Heading-module__hop-Heading--lg___i2P5H", "hop-Heading--xl": "Heading-module__hop-Heading--xl___Tsi-u", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___yfzVl", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___4mhyI" };
+var Heading_module_default = { "hop-Heading": "Heading-module__hop-Heading___fTtrt", "hop-Heading--xs": "Heading-module__hop-Heading--xs___MZpK2", "hop-Heading--sm": "Heading-module__hop-Heading--sm___SwLn2", "hop-Heading--md": "Heading-module__hop-Heading--md___Llu3w", "hop-Heading--lg": "Heading-module__hop-Heading--lg___ifE9U", "hop-Heading--xl": "Heading-module__hop-Heading--xl___oawUK", "hop-Heading--2xl": "Heading-module__hop-Heading--2xl___E6--Y", "hop-Heading--3xl": "Heading-module__hop-Heading--3xl___4neCh" };
 var GlobalHeadingCssSelector = "hop-Heading";
 function Heading(props, ref) {
   [props, ref] = useContextProps(props, ref, HeadingContext);

package/dist/chunk-FLU4UPP6.js

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

package/dist/{chunk-CZRMFNRT.js → chunk-FXFWNXEG.js}

@@ -1,6 +1,6 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { ensureTextWrapper } from './chunk-SMSHSMED.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___Y2q2d Checkbox-module__hop-Checkbox___zCt0Z", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___2sqwJ Checkbox-module__hop-Checkbox--sm___Q8wN-", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___EC1yt Checkbox-module__hop-Checkbox--md___AoYwc", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___U9p-C Checkbox-module__hop-Checkbox__icon___JYmIA", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___GhS2C Checkbox-module__hop-Checkbox__icon___JYmIA", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___h-d0F Checkbox-module__hop-Checkbox__box___Zq0yt", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___WlBbU Checkbox-module__hop-Checkbox__check___8zhd4", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___9vmJ0 Checkbox-module__hop-Checkbox__text___5m9Tt" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___kPU50 Checkbox-module__hop-Checkbox___NZb1-", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___-T-aW Checkbox-module__hop-Checkbox--sm___iXJ2Q", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___z2Jcd Checkbox-module__hop-Checkbox--md___CBJhw", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___L3keG Checkbox-module__hop-Checkbox__icon___bOVwj", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___gf3-4 Checkbox-module__hop-Checkbox__icon___bOVwj", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___qHrBl Checkbox-module__hop-Checkbox__box___QMQ-D", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___4j0Jt Checkbox-module__hop-Checkbox__check___S9ghy", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___zD0Br Checkbox-module__hop-Checkbox__text___PSb1V" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

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

@@ -1,7 +1,7 @@
 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 { useFormProps } from './chunk-TJDT2TJG.js';
+import { _Text } from './chunk-FIZFXOX5.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -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___Rt98b", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___MlKVL", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___6yo21", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___sV-9K", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___mt4EW" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-UIG77WBM.js → chunk-GBV5HCMX.js}

@@ -1,10 +1,10 @@
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.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-RAWGWYOF.js';
+import { _ErrorMessage } from './chunk-3G33VYB7.js';
+import { _Label } from './chunk-HNWPRKJS.js';
+import { useFormProps } from './chunk-TJDT2TJG.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___VQFrg", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___M9Y-3", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___TPGSD", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___IU-ys", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___V7MHy", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___eb-Pe", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___kcvV2", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___n258n", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___laD6Z" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___hq7ts", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___KUe9B", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___-xKnt", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___bzpht", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___PXUhj", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___4Ex7y", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___Fu8Wo", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___THh8K", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___0Ap2W" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c;

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

@@ -1,10 +1,10 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { _Spinner } from './chunk-IYT75GWO.js';
+import { _Spinner } from './chunk-7KRTACMF.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { ensureTextWrapper } from './chunk-SMSHSMED.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-VOXZA4YS.js';
+import { useFormProps } from './chunk-TJDT2TJG.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___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 Button_module_default = { "hop-Button": "Button-module__hop-Button___6KTmh", "hop-Button--fluid": "Button-module__hop-Button--fluid___-sSTR", "hop-Button--sm": "Button-module__hop-Button--sm___Ajqhy", "hop-Button--md": "Button-module__hop-Button--md___ZZE-v", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___xEBqd", "hop-Button--primary": "Button-module__hop-Button--primary___A-3Et", "hop-Button--secondary": "Button-module__hop-Button--secondary___ajkdD", "hop-Button--upsell": "Button-module__hop-Button--upsell___-7Ts9", "hop-Button--danger": "Button-module__hop-Button--danger___Gt66B", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___4Bo2l", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___0cyJ7", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___6Bhsv", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Ov6iM", "hop-Button__icon": "Button-module__hop-Button__icon___p8y2e", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___odXja", "hop-Button__text": "Button-module__hop-Button__text___q1VFO", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___yCciH", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___rAF8V" };
 var GlobalButtonCssSelector = "hop-Button";
 function Button(props, ref) {
   var _a, _b;

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

@@ -1,11 +1,11 @@
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.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 { _InputGroup } from './chunk-P4ZMZ54Q.js';
+import { Input } from './chunk-R5L7SK34.js';
+import { _HelperMessage } from './chunk-RAWGWYOF.js';
+import { _ErrorMessage } from './chunk-3G33VYB7.js';
+import { ensureTextWrapper } from './chunk-SMSHSMED.js';
+import { _Label } from './chunk-HNWPRKJS.js';
+import { useFormProps } from './chunk-TJDT2TJG.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -22,7 +22,7 @@ import { useContextProps, composeRenderProps, NumberField as NumberField$1, Butt
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./NumberField.module.css#css-module
-var NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___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 NumberField_module_default = { "hop-NumberField": "NumberField-module__hop-NumberField___Ovjcp", "hop-NumberField--fluid": "NumberField-module__hop-NumberField--fluid___SvzKR", "hop-NumberField__Label": "NumberField-module__hop-NumberField__Label___hTvLv", "hop-NumberField__prefix": "NumberField-module__hop-NumberField__prefix___VUBwZ", "hop-NumberField__InputGroup": "NumberField-module__hop-NumberField__InputGroup___kB46p", "hop-NumberField__ErrorMessage": "NumberField-module__hop-NumberField__ErrorMessage___QsrAC", "hop-NumberField__HelperMessage": "NumberField-module__hop-NumberField__HelperMessage___sOOtR", "hop-NumberField__steppers": "NumberField-module__hop-NumberField__steppers___-fZ5u", "hop-NumberField__stepper-button": "NumberField-module__hop-NumberField__stepper-button___aXkJL", "hop-NumberField__stepper-button--increment": "NumberField-module__hop-NumberField__stepper-button--increment___NS7jQ", "hop-NumberField__stepper-button--decrement": "NumberField-module__hop-NumberField__stepper-button--decrement___Bq2E8", "hop-NumberField__stepper-button__icon": "NumberField-module__hop-NumberField__stepper-button__icon___pMHL3", "hop-NumberField__input": "NumberField-module__hop-NumberField__input___rE9a8" };
 var GlobalNumberFieldCssSelector = "hop-NumberField";
 var StepperButton = ({ direction }) => {
   const StepperIcon = direction === "increment" ? AngleUpIcon : AngleDownIcon;

package/dist/{chunk-Q5XBTXXT.js → chunk-GTCXBX4V.js}

@@ -1,10 +1,10 @@
-import { _DecorativeRadio } from './chunk-CKH5EUEC.js';
-import { _DecorativeCheckbox } from './chunk-CZRMFNRT.js';
+import { _DecorativeRadio } from './chunk-A3SYNZKP.js';
+import { _DecorativeCheckbox } from './chunk-FXFWNXEG.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import { _ListBoxItemSkeleton } from './chunk-7JQJ5U7J.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { _ListBoxItemSkeleton } from './chunk-V5AZC3EI.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ensureTextWrapper } from './chunk-SMSHSMED.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.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___m1ALo", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___6DdyN", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___-gE5a", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___9mDGy", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___DGH28", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___u2NI2", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___IMC6d", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___3j4Z3", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___nwk7L", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___JXwL8", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___h2JAc", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___YJcaA", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___01LED", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___YZgBK", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___l72VG", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___sRF8h", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___NU5K8" };
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___R3zJd", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___2ys6-", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___NFYlp", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___0EWix", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___xC8lG", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___xGmwd", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___W-PtD", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___Rr7qn", "hop-ListBoxItem__radio": "ListBoxItem-module__hop-ListBoxItem__radio___fvyuk", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___IOFCe", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___w6iyV", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___G7rQB", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___GKp5W", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___M3m8D", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___iYtgT", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___VOV2p", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___Ze1-z" };
 var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
 var ListBoxItemToIconSizeAdapter = {
   xs: "sm",

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

@@ -1,6 +1,6 @@
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-VOXZA4YS.js';
+import { useFormProps } from './chunk-TJDT2TJG.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___fv4X4", "hop-Label__indicator": "Label-module__hop-Label__indicator___5kTP2" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___S1bm-", "hop-Label__indicator": "Label-module__hop-Label__indicator___UXZ13" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-EZF74GSX.js → chunk-HYVZXVN6.js}

@@ -1,6 +1,6 @@
 import { RadioContext } from './chunk-FU5CCPLP.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { ensureTextWrapper } from './chunk-SRMMLWHK.js';
+import { ensureTextWrapper } from './chunk-SMSHSMED.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -13,7 +13,7 @@ import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Radio.module.css#css-module
-var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___5Jk1g", "hop-Radio--sm": "Radio-module__hop-Radio--sm___BdNTW", "hop-Radio--md": "Radio-module__hop-Radio--md___UrmYv", "hop-Radio__icon": "Radio-module__hop-Radio__icon___7DzPA", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___91xg0", "hop-Radio__box": "Radio-module__hop-Radio__box___2043M", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___TcAp4", "hop-Radio__text": "Radio-module__hop-Radio__text___ul46c" };
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___T-iZu", "hop-Radio--sm": "Radio-module__hop-Radio--sm___wc713", "hop-Radio--md": "Radio-module__hop-Radio--md___91tO3", "hop-Radio__icon": "Radio-module__hop-Radio__icon___NzigD", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___na5lQ", "hop-Radio__box": "Radio-module__hop-Radio__box___ZdNMl", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___U2NA7", "hop-Radio__text": "Radio-module__hop-Radio__text___Ulq--" };
 var GlobalRadioCssSelector = "hop-Radio";
 function Radio(props, ref) {
   var _a;

package/dist/{chunk-53WBWLKL.js → chunk-I7FKLVMO.js}

@@ -1,11 +1,11 @@
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _ClearButton } from './chunk-YHRCBRDZ.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 { useFormProps } from './chunk-VOXZA4YS.js';
+import { _ClearButton } from './chunk-EEBGOP3G.js';
+import { _InputGroup } from './chunk-P4ZMZ54Q.js';
+import { Input } from './chunk-R5L7SK34.js';
+import { _HelperMessage } from './chunk-RAWGWYOF.js';
+import { _ErrorMessage } from './chunk-3G33VYB7.js';
+import { _Label } from './chunk-HNWPRKJS.js';
+import { useFormProps } from './chunk-TJDT2TJG.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -20,7 +20,7 @@ import { useContextProps, composeRenderProps, SearchField as SearchField$1 } fro
 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___-5HLF", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___8IdG-", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___s6O8x", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___DiTam", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___L4lf4", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___Hc4-6", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___xfrWc", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___RPzZr", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___LqiRr" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___l-SmT", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___dEdlz", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___y5JW-", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___LYZqx", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___VTG9k", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___NADD7", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___PBLap", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___6X6CN", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___d-taq" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

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

@@ -1,5 +1,5 @@
 import { TileContext } from './chunk-JTNKUYE5.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
+import { _Text } from './chunk-FIZFXOX5.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___lejk9", "hop-Tile__icon": "Tile-module__hop-Tile__icon___KKUTx" };
 var GlobalTileCssSelector = "hop-Tile";
 var Tile = (props, ref) => {
   [props, ref] = useContextProps(props, ref, TileContext);

package/dist/{chunk-AD5GQ24L.js → chunk-JLYHWRJV.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___EvHLa", "hop-Image--rounded": "Image-module__hop-Image--rounded___X7O3u", "hop-Image--circular": "Image-module__hop-Image--circular___CtGqb" };
 var GlobalImageCssSelector = "hop-Image";
 function Image(props, ref) {
   [props, ref] = useContextProps(props, ref, ImageContext);

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

@@ -1,5 +1,5 @@
-import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
+import { RichIconAvatarImageContext } from './chunk-JWW56J7M.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___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 RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___Q7PJi", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___FNy6b", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___iZhVS", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___UCxIO", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Bgr8t", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___DB6bT", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___ADF6W", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___AE-sf" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-YP2IQM4Y.js → chunk-JRWAJ3QT.js}

@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, Disclosure as D
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Disclosure.module.css#css-module
-var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___clU1B", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___cpQcK", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___ILu0o", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___jxvMx" };
+var Disclosure_module_default = { "hop-Disclosure": "Disclosure-module__hop-Disclosure___A-Lpx", "hop-Disclosure__header": "Disclosure-module__hop-Disclosure__header___C9D9x", "hop-Disclosure--inline": "Disclosure-module__hop-Disclosure--inline___Q9VgZ", "hop-Disclosure__panel": "Disclosure-module__hop-Disclosure__panel___9ZHrd" };
 var GlobalDisclosureCssSelector = "hop-Disclosure";
 function Disclosure(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureContext);

package/dist/{chunk-56WMYNUD.js → chunk-K3O2JWWU.js}

@@ -1,8 +1,8 @@
-import { _CloseButton } from './chunk-NHKYEZTW.js';
-import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
 import { LinkContext } from './chunk-4VVNSXIB.js';
+import { _CloseButton } from './chunk-L5OLND54.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
+import { CompactCalloutContext } from './chunk-GRCAVJC6.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CompactCallout.module.css#css-module
-var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___xoUxq", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___HNWIL", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___B0uaw", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___iMUnV", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___hhR2w", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___tIHrH", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___oLJys", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___gfKTH", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___lYgtF", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___ypEoM" };
+var CompactCallout_module_default = { "hop-CompactCallout": "CompactCallout-module__hop-CompactCallout___FskfO", "hop-CompactCallout__content": "CompactCallout-module__hop-CompactCallout__content___prAag", "hop-CompactCallout__button": "CompactCallout-module__hop-CompactCallout__button___dG6M-", "hop-CompactCallout__link": "CompactCallout-module__hop-CompactCallout__link___cLCoS", "hop-CompactCallout__dismiss": "CompactCallout-module__hop-CompactCallout__dismiss___8R-nZ", "hop-CompactCallout--information": "CompactCallout-module__hop-CompactCallout--information___FphyY", "hop-CompactCallout--success": "CompactCallout-module__hop-CompactCallout--success___zPSWD", "hop-CompactCallout--warning": "CompactCallout-module__hop-CompactCallout--warning___L300y", "hop-CompactCallout--upsell": "CompactCallout-module__hop-CompactCallout--upsell___E09CU", "hop-CompactCallout--subtle-fill": "CompactCallout-module__hop-CompactCallout--subtle-fill___oojVe" };
 var GlobalCompactCalloutCssSelector = "hop-CompactCallout";
 var CompactCallout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CompactCalloutContext);

package/dist/{chunk-M35EMGMO.js → chunk-K3YSAZUD.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___51LzM", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___-xXdC" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-NHKYEZTW.js → chunk-L5OLND54.js}

@@ -1,4 +1,4 @@
-import { _Button } from './chunk-KFH2WZVX.js';
+import { _Button } from './chunk-GNEWMHV7.js';
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
 import { useLocalizedString } from './chunk-75DHKNW2.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CloseButton.module.css#css-module
-var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___bJPhs" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___-MoJH" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

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-M7VXXZLC.js

@@ -0,0 +1,77 @@
+import { _BaseModal } from './chunk-EUVOO6AN.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___xgKC4" };
+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-CYICQ2TZ.js → chunk-MA6J3BKQ.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___LwiJI", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___ExOHp" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___muoD5", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___9D0v-" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/{chunk-JZ4LJ4M4.js → chunk-NB2FBBIE.js}

@@ -1,6 +1,6 @@
-import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 import { SwitchContext } from './chunk-YHBJAXUY.js';
-import { _Text } from './chunk-Z7ORLEY6.js';
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
+import { _Text } from './chunk-FIZFXOX5.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.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___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 SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___SCiBv", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___qIjcU", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___LLOSm", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___w2s5d", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___77U4Z" };
 var GlobalSwitchFieldCssSelector = "hop-SwitchField";
 var SwitchToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-GOY3T3HI.js → chunk-NHM5FY74.js}

@@ -1,5 +1,5 @@
-import { _OverlineText } from './chunk-CYICQ2TZ.js';
 import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _OverlineText } from './chunk-MA6J3BKQ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -23,7 +23,7 @@ function mapOrbiterToHopperVariants(variant) {
 }
 
 // css-module:./Badge.module.css#css-module
-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 Badge_module_default = { "hop-Badge": "Badge-module__hop-Badge___-2rNd", "hop-Badge--primary": "Badge-module__hop-Badge--primary___gZzjn", "hop-Badge--secondary": "Badge-module__hop-Badge--secondary___-hlH3", "hop-Badge--subdued": "Badge-module__hop-Badge--subdued___N2OlC" };
 var GlobalBadgeCssSelector = "hop-Badge";
 function Badge(props, ref) {
   [props, ref] = useContextProps(props, ref, BadgeContext);

package/dist/{chunk-F6D7LSXZ.js → chunk-P4ZMZ54Q.js}

@@ -7,7 +7,7 @@ import { useContextProps, FieldErrorContext, composeRenderProps, Group } from 'r
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./InputGroup.module.css#css-module
-var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___-SLz7", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___Ev-PS" };
+var InputGroup_module_default = { "hop-InputGroup": "InputGroup-module__hop-InputGroup___-ZTNs", "hop-InputGroup--fluid": "InputGroup-module__hop-InputGroup--fluid___aJdkM" };
 var GlobalInputGroupCssSelector = "hop-InputGroup";
 function InputGroup(props, ref) {
   var _a;