@hopper-ui/components 1.4.7 → 1.4.9

package/dist/chunk-IJY4EEMM.js

@@ -0,0 +1,120 @@
+import { ModalContext } from './chunk-PH5BSJDK.js';
+import { _BaseModal } from './chunk-PESGOSPX.js';
+import { ImageContext } from './chunk-XNHE2OVW.js';
+import { FooterContext } from './chunk-I67NHYK4.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
+import { HeaderContext } from './chunk-7JOGKC3W.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';
+import { HeadingContext } from './chunk-TXZ6BMFR.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, Provider } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./Modal.module.css#css-module
+var Modal_module_default = { "hop-Modal": "Modal-module__hop-Modal___wjZ7y", "hop-Modal--fullscreen": "Modal-module__hop-Modal--fullscreen___90lIb", "hop-Modal--fullscreentakeover": "Modal-module__hop-Modal--fullscreentakeover___P3i5c", "hop-Modal__image": "Modal-module__hop-Modal__image___J33n9", "hop-Modal__close": "Modal-module__hop-Modal__close___mfifl", "hop-Modal__heading": "Modal-module__hop-Modal__heading___jk-kR", "hop-Modal__header": "Modal-module__hop-Modal__header___Kqi1n", "hop-Modal__content": "Modal-module__hop-Modal__content___jTeGe", "hop-Modal__footer": "Modal-module__hop-Modal__footer___z69Zp", "hop-Modal__button": "Modal-module__hop-Modal__button___Nj5d0", "hop-Modal__button-group": "Modal-module__hop-Modal__button-group___ZtwUy" };
+var GlobalModalCssSelector = "hop-Modal";
+var Modal = (props, ref) => {
+  var _a;
+  [props, ref] = useContextProps(props, ref, ModalContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const [imageRef, hasImage] = useSlot();
+  const {
+    className,
+    style,
+    slot,
+    isDismissible = true,
+    isKeyboardDismissDisabled,
+    size: sizeProp,
+    children: childrenProp,
+    isOpen,
+    defaultOpen,
+    onOpenChange,
+    overlayProps,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    GlobalModalCssSelector,
+    cssModule(
+      Modal_module_default,
+      GlobalModalCssSelector,
+      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,
+      hasImage,
+      size,
+      isDismissable: isDismissible,
+      isKeyboardDismissDisabled,
+      children: /* @__PURE__ */ jsx(
+        Dialog,
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          style: mergedStyles,
+          slot,
+          children: (renderProps) => /* @__PURE__ */ jsxs(OverlayTriggerStateContext.Provider, { value: null, children: [
+            isDismissible && /* @__PURE__ */ jsx(_CloseButton, { className: Modal_module_default["hop-Modal__close"] }),
+            /* @__PURE__ */ jsx(
+              Provider,
+              {
+                values: [
+                  [ImageContext, {
+                    className: Modal_module_default["hop-Modal__image"],
+                    ref: imageRef
+                  }],
+                  [HeadingContext, {
+                    className: Modal_module_default["hop-Modal__heading"],
+                    slot: "title"
+                  }],
+                  [HeaderContext, {
+                    className: Modal_module_default["hop-Modal__header"]
+                  }],
+                  [ContentContext, {
+                    className: Modal_module_default["hop-Modal__content"]
+                  }],
+                  [FooterContext, {
+                    className: Modal_module_default["hop-Modal__footer"]
+                  }],
+                  [ButtonContext, {
+                    className: Modal_module_default["hop-Modal__button"]
+                  }],
+                  [ButtonGroupContext, {
+                    className: Modal_module_default["hop-Modal__button-group"]
+                  }]
+                ],
+                children: children(renderProps)
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+};
+var _Modal = forwardRef(Modal);
+_Modal.displayName = "Modal";
+
+export { GlobalModalCssSelector, _Modal };

package/dist/{chunk-BHIQ5PPC.js → chunk-JA3YZAMV.js}

@@ -1,6 +1,6 @@
 import { InternalSegmentedControlContext } from './chunk-JHX5QEIH.js';
 import { SegmentedControlItemContext } from './chunk-TDKQPTN6.js';
-import { _Text } from './chunk-3JJL6GD6.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___VOSrb", "hop-SegmentedControlItem__slider": "SegmentedControlItem-module__hop-SegmentedControlItem__slider___-87Co", "hop-SegmentedControlItem__wrapper": "SegmentedControlItem-module__hop-SegmentedControlItem__wrapper___Lck5C", "hop-SegmentedControlItem--md": "SegmentedControlItem-module__hop-SegmentedControlItem--md___Sab0L", "hop-SegmentedControlItem__icon": "SegmentedControlItem-module__hop-SegmentedControlItem__icon___4elRw", "hop-SegmentedControlItem__text": "SegmentedControlItem-module__hop-SegmentedControlItem__text___2Iy4U", "hop-SegmentedControlItem__start-icon": "SegmentedControlItem-module__hop-SegmentedControlItem__start-icon___Dpccu", "hop-SegmentedControlItem--justified": "SegmentedControlItem-module__hop-SegmentedControlItem--justified___UgPL1" };
+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-Z3WDZ52E.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___se8ow", "hop-Card--main": "Card-module__hop-Card--main___qOkxo", "hop-Card--second-level": "Card-module__hop-Card--second-level___0X6Xj" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___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-2DF25AEQ.js → chunk-JHZLARBW.js}

@@ -1,5 +1,5 @@
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-3JJL6GD6.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___yGssP", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___VEalH" };
+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-JTNKUYE5.js

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

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

@@ -1,5 +1,5 @@
 import { CalloutContext } from './chunk-NZ4VFVXA.js';
-import { _CloseButton } from './chunk-MO4EWTIM.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___5V-kw", "hop-Callout__icon": "Callout-module__hop-Callout__icon___R-gXO", "hop-Callout__heading": "Callout-module__hop-Callout__heading___rteqk", "hop-Callout__content": "Callout-module__hop-Callout__content___qOMja", "hop-Callout__button": "Callout-module__hop-Callout__button___TwGMl", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___Rkd1z", "hop-Callout--information": "Callout-module__hop-Callout--information___d955B", "hop-Callout--success": "Callout-module__hop-Callout--success___BaKhq", "hop-Callout--warning": "Callout-module__hop-Callout--warning___BTHIn", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___QM-s4", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___oKHzb" };
+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-XLPW4NX3.js → chunk-KRWMJC24.js}

@@ -1,30 +1,32 @@
-import { _Popover } from './chunk-SV6RSWOR.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-UICYQNAO.js';
-import { _ListBoxItem } from './chunk-5JYQWCE5.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.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 { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _ToggleArrow } from './chunk-OIELLCFE.js';
-import { ensureTextWrapper } from './chunk-4BXMSXYQ.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { _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';
 import { forwardRef, useRef, useState, useCallback } from 'react';
-import { useContextProps, useSlottedContext, InputContext, composeRenderProps, TextContext, ButtonContext, ComboBox as ComboBox$1, Group, Input, Button } from 'react-aria-components';
+import { useContextProps, useSlottedContext, composeRenderProps, TextContext, ButtonContext, ComboBox as ComboBox$1, Button } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___qaC5g", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___pweee", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___1Ef2l", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___-sd7F", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___KKZT6", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___fZXGk", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___AVYWQ", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___ZWtZo", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___It-w2", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___Ot2LN", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___ShFaj", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___OtWuP" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___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;
@@ -44,6 +46,7 @@ function ComboBox(props, ref) {
     errorMessage,
     footer,
     isAutoMenuWidth,
+    isDisabled,
     isFluid: isFluidProp,
     isInvalid,
     isLoading,
@@ -68,7 +71,6 @@ function ComboBox(props, ref) {
   const inputContext = useSlottedContext(InputContext);
   const mergedInputRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext.ref) : inputRef;
   const triggerRef = useRef(null);
-  const buttonRef = useRef(null);
   const [triggerWidth, setTriggerWidth] = useState(null);
   const onResize = useCallback(() => {
     if (triggerRef.current) {
@@ -79,12 +81,10 @@ function ComboBox(props, ref) {
     ref: triggerRef,
     onResize
   });
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
   const {
     className: triggerClassName,
-    style: triggerStyleProp,
     ...otherTriggerProps
-  } = triggerOwnProps;
+  } = triggerProps != null ? triggerProps : {};
   const {
     style: popoverStyleProp
   } = popoverProps != null ? popoverProps : {};
@@ -109,35 +109,19 @@ function ComboBox(props, ref) {
       ComboBox_module_default,
       "hop-ComboBox__trigger",
       size
-    ),
-    triggerStylingProps.className
-  );
-  const buttonClassNames = composeClassnameRenderProps(
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox__button"
     )
   );
-  const inputClassNames = composeClassnameRenderProps(
-    inputContext == null ? void 0 : inputContext.className,
-    ComboBox_module_default["hop-ComboBox__input"]
-  );
   const style = composeRenderProps(styleProp, (prev) => {
     return {
       ...stylingProps.style,
       ...prev
     };
   });
-  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
-    return {
-      ...triggerStylingProps.style,
-      ...prev
-    };
-  });
   const popoverStyle = composeRenderProps(popoverStyleProp, (prev) => {
     return {
       ...prev,
       "--custom-trigger-width": triggerWidth
+      // TODO: declaring a variable here and using it in the Popover.module.css is a mistake.
     };
   });
   const footerMarkup = footer ? /* @__PURE__ */ jsx(
@@ -161,12 +145,6 @@ function ComboBox(props, ref) {
       )
     }
   ) : null;
-  const handleMouseDown = useCallback((e) => {
-    if (inputRef.current && e.target !== inputRef.current && buttonRef.current && e.target !== buttonRef.current) {
-      inputRef.current.focus();
-      e.preventDefault();
-    }
-  }, [inputRef]);
   const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
     SlotProvider,
     {
@@ -187,9 +165,9 @@ function ComboBox(props, ref) {
       isRequired,
       items,
       menuTrigger,
+      isDisabled,
       ...otherProps,
-      children: (comboBoxRenderProps) => {
-        const { isOpen } = comboBoxRenderProps;
+      children: ({ isOpen }) => {
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           label && /* @__PURE__ */ jsx(
             _Label,
@@ -200,6 +178,38 @@ function ComboBox(props, ref) {
               children: label
             }
           ),
+          /* @__PURE__ */ jsxs(
+            _InputGroup,
+            {
+              ref: triggerRef,
+              className: triggerClassNames,
+              "data-selected": isOpen || void 0,
+              isFluid: true,
+              isDisabled,
+              isInvalid,
+              ...otherTriggerProps,
+              children: [
+                prefixMarkup,
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ref: mergedInputRefs,
+                    placeholder,
+                    size
+                  }
+                ),
+                /* @__PURE__ */ jsx(Button, { className: ComboBox_module_default["hop-ComboBox__button"], children: /* @__PURE__ */ jsx(
+                  _ToggleArrow,
+                  {
+                    className: ComboBox_module_default["hop-ComboBox__button-icon"],
+                    isExpanded: isOpen
+                  }
+                ) })
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ jsx(_HelperMessage, { className: ComboBox_module_default["hop-ComboBox__helper-message"], children: description }),
+          /* @__PURE__ */ jsx(_ErrorMessage, { className: ComboBox_module_default["hop-ComboBox__error-message"], children: errorMessage }),
           /* @__PURE__ */ jsxs(
             _Popover,
             {
@@ -237,38 +247,7 @@ function ComboBox(props, ref) {
                 footerMarkup
               ]
             }
-          ),
-          /* @__PURE__ */ jsxs(
-            Group,
-            {
-              ref: triggerRef,
-              className: triggerClassNames,
-              style: triggerStyle,
-              onMouseDown: handleMouseDown,
-              "data-selected": isOpen || void 0,
-              ...otherTriggerProps,
-              children: [
-                prefixMarkup,
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    ref: mergedInputRefs,
-                    className: inputClassNames,
-                    placeholder
-                  }
-                ),
-                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(
-                  _ToggleArrow,
-                  {
-                    className: ComboBox_module_default["hop-ComboBox__button-icon"],
-                    isExpanded: isOpen
-                  }
-                ) })
-              ]
-            }
-          ),
-          description && /* @__PURE__ */ jsx(_HelperMessage, { className: ComboBox_module_default["hop-ComboBox__helper-message"], children: description }),
-          /* @__PURE__ */ jsx(_ErrorMessage, { className: ComboBox_module_default["hop-ComboBox__error-message"], children: errorMessage })
+          )
         ] });
       }
     }

package/dist/{chunk-JZ6DMATL.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-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.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___o6OLw", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___0mvuv", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___9D4HG", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___ypoJ4", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___386Hh", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___VbV5f", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___bQ0rh", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___N0NPq", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___gVVJc" };
+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-MHQ3VHAA.js → chunk-L52ZO6DK.js}

@@ -1,9 +1,9 @@
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _Label } from './chunk-PHQ6YPQQ.js';
-import { useFormProps } from './chunk-7EUXODLY.js';
+import { TagGroupContext } from './chunk-LCAS3YQV.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___pfKOC", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___iCozS", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___mm9hn", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___hr57K", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___dxlVn" };
+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-N3XC5CZP.js → chunk-M43P32S2.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { _Text } from './chunk-3JJL6GD6.js';
-import { useRenderProps } from './chunk-NH3IVMXB.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';
 import { WarningIcon } from '@hopper-ui/icons';
@@ -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___s2fkF", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___r9WM6" };
+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-HXNEWO5D.js → chunk-MJD4HEF7.js}

@@ -1,13 +1,14 @@
-import { _InputGroup } from './chunk-2JXEPUMG.js';
 import { PasswordFieldContext } from './chunk-QW45G6K4.js';
-import { _EmbeddedButton } from './chunk-KBHWDMMF.js';
-import { _HelperMessage } from './chunk-2DF25AEQ.js';
-import { _ErrorMessage } from './chunk-N3XC5CZP.js';
-import { _Label } from './chunk-PHQ6YPQQ.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-7EUXODLY.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';
@@ -15,11 +16,11 @@ import { mergeRefs } from '@react-aria/utils';
 import clsx from 'clsx';
 import { forwardRef, useState } from 'react';
 import { useObjectRef } from 'react-aria';
-import { useContextProps, composeRenderProps, Input, TextField } from 'react-aria-components';
+import { useContextProps, composeRenderProps, TextField } from 'react-aria-components';
 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___-xvdh", "hop-PasswordField--fluid": "PasswordField-module__hop-PasswordField--fluid___IJaon", "hop-PasswordField__Label": "PasswordField-module__hop-PasswordField__Label___oxbKp", "hop-PasswordField__InputGroup": "PasswordField-module__hop-PasswordField__InputGroup___NAPLW", "hop-PasswordField__ErrorMessage": "PasswordField-module__hop-PasswordField__ErrorMessage___A4QRt", "hop-PasswordField__HelperMessage": "PasswordField-module__hop-PasswordField__HelperMessage___q9cP8" };
+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;
@@ -76,21 +77,22 @@ function PasswordField(props, ref) {
       isDisabled,
       isInvalid,
       isFluid: true,
-      size,
       className: inputGroupClassNames,
       ...otherInputGroupProps,
       children: [
-        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password", ...inputProps }),
+        /* @__PURE__ */ jsx(Input, { ref: inputRef, placeholder, type: showPassword ? "text" : "password", size, ...inputProps }),
         /* @__PURE__ */ jsx(
           _EmbeddedButton,
           {
             isDisabled,
             "aria-label": stringFormatter.format("PasswordField.toggleVisibility"),
-            onPress: () => {
-              setShowPassword((x) => !x);
-            },
             size: "lg",
             ...embeddedButtonProps,
+            onPress: (e) => {
+              var _a2;
+              setShowPassword((x) => !x);
+              (_a2 = embeddedButtonProps == null ? void 0 : embeddedButtonProps.onPress) == null ? void 0 : _a2.call(embeddedButtonProps, e);
+            },
             children: showPassword ? /* @__PURE__ */ jsx(EyeVisibleIcon, {}) : /* @__PURE__ */ jsx(EyeHiddenIcon, {})
           }
         )

package/dist/{chunk-UICYQNAO.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-5JYQWCE5.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-3JJL6GD6.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___ukNfM", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___IfcPu", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___j6NHb", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___0jLwz", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___6LqU8" };
+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 = {