@easypost/easy-ui 1.0.0-alpha.111 → 1.0.0-alpha.113

package/Modal/index.js

@@ -31,15 +31,16 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
-const Button = require("../__chunks__/Button-5AuHgwU3.js");
+const Button = require("../__chunks__/Button-C3vDXJsJ.js");
 const Close = require("../__chunks__/Close-BQ2IlPyf.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
-const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Text = require("../__chunks__/Text-CSESKR_s.js");
-const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-DidoI4Ks.js");
+const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
+const Text = require("../__chunks__/Text-C4CEsglh.js");
+const VerticalStack = require("../__chunks__/VerticalStack-CunLpHRv.js");
 const useModalOverlay = require("../__chunks__/useModalOverlay-C4Gci3MA.js");
 const Overlay = require("../__chunks__/Overlay-BNP_t3v4.js");
 const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-DP9RbCAF.js");
@@ -75,9 +76,10 @@ function ModalTriggerProvider({ state, isDismissable, children }) {
       isDismissable
     };
   }, [hasOpenNestedModal, state, isDismissable]);
-  return React.createElement(ModalTriggerContext.Provider, {
-    value: context
-  }, children);
+  return jsxRuntime.jsxRuntimeExports.jsx(ModalTriggerContext.Provider, {
+    value: context,
+    children
+  });
 }
 const underlayBg = "_underlayBg_1xo4s_4";
 const underlayBgHidden = "_underlayBgHidden_1xo4s_27";
@@ -121,79 +123,97 @@ function ModalBody(props) {
   const { children } = props;
   const modalContext = useModalContext();
   utilities_useScrollbar.useScrollbar(modalContext.bodyRef, "ezui-os-theme-modal");
-  return React.createElement("div", {
+  return jsxRuntime.jsxRuntimeExports.jsx("div", {
     className: styles.body,
-    ref: modalContext.bodyRef
-  }, React.createElement("div", {
-    className: styles.content
-  }, React.createElement("div", {
-    "data-intercept": "header",
-    ref: modalContext.headerInterceptorRef
-  }), children, React.createElement("div", {
-    "data-intercept": "footer",
-    ref: modalContext.footerInterceptorRef
-  })));
+    ref: modalContext.bodyRef,
+    children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+      className: styles.content,
+      children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+        "data-intercept": "header",
+        ref: modalContext.headerInterceptorRef
+      }), children, jsxRuntime.jsxRuntimeExports.jsx("div", {
+        "data-intercept": "footer",
+        ref: modalContext.footerInterceptorRef
+      })]
+    })
+  });
 }
 function ModalFooter(props) {
   var _a;
   const modalContext = useModalContext();
   const className = utilities_css.classNames(styles.footer, "children" in props ? styles.footerSlot : styles.footerActions, modalContext.isFooterStuck && styles.stuck);
   if ("children" in props) {
-    return React.createElement("div", {
-      className
-    }, props.children);
+    return jsxRuntime.jsxRuntimeExports.jsx("div", {
+      className,
+      children: props.children
+    });
   }
   const { primaryAction, secondaryAction } = props;
-  return React.createElement("div", {
-    className
-  }, secondaryAction && React.createElement(Button.Button, {
-    onPress: secondaryAction.onAction,
-    color: (_a = secondaryAction.color) != null ? _a : "neutral",
-    isDisabled: secondaryAction.isDisabled
-  }, secondaryAction.content), React.createElement(Button.Button, {
-    onPress: primaryAction.onAction,
-    color: primaryAction.color,
-    isDisabled: primaryAction.isDisabled
-  }, primaryAction.content));
+  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    className,
+    children: [secondaryAction && jsxRuntime.jsxRuntimeExports.jsx(Button.Button, {
+      onPress: secondaryAction.onAction,
+      color: (_a = secondaryAction.color) != null ? _a : "neutral",
+      isDisabled: secondaryAction.isDisabled,
+      children: secondaryAction.content
+    }), jsxRuntime.jsxRuntimeExports.jsx(Button.Button, {
+      onPress: primaryAction.onAction,
+      color: primaryAction.color,
+      isDisabled: primaryAction.isDisabled,
+      children: primaryAction.content
+    })]
+  });
 }
 function ModalHeader(props) {
   const { as = "h2", children, subtitle, iconAtStart, iconAtEnd: iconAtEnd2 } = props;
   const modalContext = useModalContext();
   const modalTriggerContext = useModalTriggerContext();
   const className = utilities_css.classNames(styles.header, modalContext.isHeaderStuck && styles.stuck);
-  return React.createElement("div", {
-    className
-  }, React.createElement(VerticalStack.VerticalStack, {
-    gap: "1.5"
-  }, React.createElement(HorizontalStack.HorizontalStack, {
-    align: "space-between",
-    blockAlign: "center",
-    wrap: false
-  }, React.createElement(HorizontalStack.HorizontalStack, {
-    gap: "2",
-    wrap: false
-  }, iconAtStart && React.createElement("span", null, React.createElement(Icon.Icon, __spreadProps(__spreadValues({}, iconAtStart), {
-    size: "lg"
-  }))), React.createElement(Text.Text, __spreadValues({
-    as,
-    variant: "heading4",
-    truncate: true
-  }, modalContext.titleProps), children)), iconAtEnd2 ? React.createElement("span", {
-    className: styles.iconAtEnd,
-    "data-size": iconAtEnd2.size
-  }, React.createElement(Icon.Icon, __spreadValues({}, iconAtEnd2))) : modalTriggerContext.isDismissable ? React.createElement("button", {
-    className: styles.closeBtn,
-    onClick: () => {
-      modalTriggerContext.state.close();
-    }
-  }, React.createElement(Text.Text, {
-    visuallyHidden: true
-  }, "Close modal"), React.createElement(Icon.Icon, {
-    symbol: Close.Close,
-    size: "sm"
-  })) : null), subtitle && React.createElement(Text.Text, {
-    variant: "subtitle1"
-  }, subtitle)));
+  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+    className,
+    children: jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+      gap: "1.5",
+      children: [jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+        align: "space-between",
+        blockAlign: "center",
+        wrap: false,
+        children: [jsxRuntime.jsxRuntimeExports.jsxs(HorizontalStack.HorizontalStack, {
+          gap: "2",
+          wrap: false,
+          children: [iconAtStart && jsxRuntime.jsxRuntimeExports.jsx("span", {
+            children: jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, __spreadProps(__spreadValues({}, iconAtStart), {
+              size: "lg"
+            }))
+          }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, __spreadProps(__spreadValues({
+            as,
+            variant: "heading4",
+            truncate: true
+          }, modalContext.titleProps), {
+            children
+          }))]
+        }), iconAtEnd2 ? jsxRuntime.jsxRuntimeExports.jsx("span", {
+          className: styles.iconAtEnd,
+          "data-size": iconAtEnd2.size,
+          children: jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, __spreadValues({}, iconAtEnd2))
+        }) : modalTriggerContext.isDismissable ? jsxRuntime.jsxRuntimeExports.jsxs("button", {
+          className: styles.closeBtn,
+          onClick: () => {
+            modalTriggerContext.state.close();
+          },
+          children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+            visuallyHidden: true,
+            children: "Close modal"
+          }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+            symbol: Close.Close,
+            size: "sm"
+          })]
+        }) : null]
+      }), subtitle && jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+        variant: "subtitle1",
+        children: subtitle
+      })]
+    })
+  });
 }
 function ModalUnderlay(props) {
   const _a = props, { state, children } = _a, overlayProps = __objRest(_a, ["state", "children"]);
@@ -205,16 +225,21 @@ function ModalUnderlay(props) {
   }), state, ref);
   const { hasOpenNestedModal } = useModalTriggerContext();
   const className = utilities_css.classNames(styles.underlayBg, hasOpenNestedModal && styles.underlayBgHidden);
-  return React.createElement(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, null, React.createElement("div", __spreadValues({
-    className
-  }, underlayProps), React.createElement("div", __spreadProps(__spreadValues({}, modalProps), {
-    ref,
-    className: styles.underlayBox
-  }), React.createElement("div", {
-    className: styles.underlayEdge
-  }), children, React.createElement("div", {
-    className: styles.underlayEdge
-  }))));
+  return jsxRuntime.jsxRuntimeExports.jsx(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: jsxRuntime.jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({
+      className
+    }, underlayProps), {
+      children: jsxRuntime.jsxRuntimeExports.jsxs("div", __spreadProps(__spreadValues({}, modalProps), {
+        ref,
+        className: styles.underlayBox,
+        children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+          className: styles.underlayEdge
+        }), children, jsxRuntime.jsxRuntimeExports.jsx("div", {
+          className: styles.underlayEdge
+        })]
+      }))
+    }))
+  });
 }
 function ModalTrigger(props) {
   const _a = props, { children, isDismissable = true } = _a, inTriggerProps = __objRest(_a, ["children", "isDismissable"]);
@@ -226,12 +251,14 @@ function ModalTrigger(props) {
     throw new Error("children must be exactly one trigger element and one modal element");
   }
   const [trigger, modal] = children;
-  return React.createElement(ModalTriggerProvider, {
+  return jsxRuntime.jsxRuntimeExports.jsxs(ModalTriggerProvider, {
     state,
-    isDismissable
-  }, React.cloneElement(trigger, triggerProps), state.isOpen && React.createElement(ModalUnderlay, __spreadProps(__spreadValues({}, props), {
-    state
-  }), React.cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)));
+    isDismissable,
+    children: [React.cloneElement(trigger, triggerProps), state.isOpen && jsxRuntime.jsxRuntimeExports.jsx(ModalUnderlay, __spreadProps(__spreadValues({}, props), {
+      state,
+      children: React.cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)
+    }))]
+  });
 }
 function ModalContainer(props) {
   const { children, isDismissable = true, onDismiss = () => {
@@ -261,13 +288,15 @@ function ModalContainer(props) {
   const { overlayProps } = useOverlayTrigger.$628037886ba31236$export$f9d5c8beee7d008d({
     type: "dialog"
   }, state);
-  return React.createElement(ModalTriggerProvider, {
+  return jsxRuntime.jsxRuntimeExports.jsx(ModalTriggerProvider, {
     state,
-    isDismissable
-  }, state.isOpen && React.createElement(ModalUnderlay, {
-    state,
-    isDismissable
-  }, lastChild ? React.cloneElement(lastChild, overlayProps) : null));
+    isDismissable,
+    children: state.isOpen && jsxRuntime.jsxRuntimeExports.jsx(ModalUnderlay, {
+      state,
+      isDismissable,
+      children: lastChild ? React.cloneElement(lastChild, overlayProps) : null
+    })
+  });
 }
 function Modal(props) {
   const { children, size = "lg" } = props;
@@ -292,12 +321,14 @@ function Modal(props) {
     };
   }, [dialogProps, isFooterStuck, isHeaderStuck, titleProps]);
   const className = utilities_css.classNames(styles.Modal, styles[utilities_css.variationName("size", size)]);
-  return React.createElement(ModalContext.Provider, {
-    value: context
-  }, React.createElement("div", __spreadProps(__spreadValues({}, dialogProps), {
-    className,
-    ref: dialogRef
-  }), children));
+  return jsxRuntime.jsxRuntimeExports.jsx(ModalContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
+      className,
+      ref: dialogRef,
+      children
+    }))
+  });
 }
 Modal.Trigger = ModalTrigger;
 Modal.Header = ModalHeader;

package/Modal/index.mjs

@@ -29,15 +29,16 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
 import React__default, { createContext, useState, useMemo, useContext, cloneElement, useRef } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { useScrollbar } from "../utilities/useScrollbar.mjs";
-import { B as Button } from "../__chunks__/Button-BsGH6vGC.mjs";
+import { B as Button } from "../__chunks__/Button-Dexauftx.mjs";
 import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
+import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
+import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-Cbdpucbh.mjs";
 import { $ as $8ac8429251c45e4b$export$dbc0f175b25fb0fb } from "../__chunks__/useModalOverlay-BmYXH7rq.mjs";
 import { d as $337b884510726a0d$export$c6fdb837b070b4ff, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-Dkjxuk6V.mjs";
 import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "../__chunks__/useOverlayTrigger-CIVwezu3.mjs";
@@ -73,9 +74,10 @@ function ModalTriggerProvider({ state, isDismissable, children }) {
       isDismissable
     };
   }, [hasOpenNestedModal, state, isDismissable]);
-  return React__default.createElement(ModalTriggerContext.Provider, {
-    value: context
-  }, children);
+  return jsxRuntimeExports.jsx(ModalTriggerContext.Provider, {
+    value: context,
+    children
+  });
 }
 const underlayBg = "_underlayBg_1xo4s_4";
 const underlayBgHidden = "_underlayBgHidden_1xo4s_27";
@@ -119,79 +121,97 @@ function ModalBody(props) {
   const { children } = props;
   const modalContext = useModalContext();
   useScrollbar(modalContext.bodyRef, "ezui-os-theme-modal");
-  return React__default.createElement("div", {
+  return jsxRuntimeExports.jsx("div", {
     className: styles.body,
-    ref: modalContext.bodyRef
-  }, React__default.createElement("div", {
-    className: styles.content
-  }, React__default.createElement("div", {
-    "data-intercept": "header",
-    ref: modalContext.headerInterceptorRef
-  }), children, React__default.createElement("div", {
-    "data-intercept": "footer",
-    ref: modalContext.footerInterceptorRef
-  })));
+    ref: modalContext.bodyRef,
+    children: jsxRuntimeExports.jsxs("div", {
+      className: styles.content,
+      children: [jsxRuntimeExports.jsx("div", {
+        "data-intercept": "header",
+        ref: modalContext.headerInterceptorRef
+      }), children, jsxRuntimeExports.jsx("div", {
+        "data-intercept": "footer",
+        ref: modalContext.footerInterceptorRef
+      })]
+    })
+  });
 }
 function ModalFooter(props) {
   var _a;
   const modalContext = useModalContext();
   const className = classNames(styles.footer, "children" in props ? styles.footerSlot : styles.footerActions, modalContext.isFooterStuck && styles.stuck);
   if ("children" in props) {
-    return React__default.createElement("div", {
-      className
-    }, props.children);
+    return jsxRuntimeExports.jsx("div", {
+      className,
+      children: props.children
+    });
   }
   const { primaryAction, secondaryAction } = props;
-  return React__default.createElement("div", {
-    className
-  }, secondaryAction && React__default.createElement(Button, {
-    onPress: secondaryAction.onAction,
-    color: (_a = secondaryAction.color) != null ? _a : "neutral",
-    isDisabled: secondaryAction.isDisabled
-  }, secondaryAction.content), React__default.createElement(Button, {
-    onPress: primaryAction.onAction,
-    color: primaryAction.color,
-    isDisabled: primaryAction.isDisabled
-  }, primaryAction.content));
+  return jsxRuntimeExports.jsxs("div", {
+    className,
+    children: [secondaryAction && jsxRuntimeExports.jsx(Button, {
+      onPress: secondaryAction.onAction,
+      color: (_a = secondaryAction.color) != null ? _a : "neutral",
+      isDisabled: secondaryAction.isDisabled,
+      children: secondaryAction.content
+    }), jsxRuntimeExports.jsx(Button, {
+      onPress: primaryAction.onAction,
+      color: primaryAction.color,
+      isDisabled: primaryAction.isDisabled,
+      children: primaryAction.content
+    })]
+  });
 }
 function ModalHeader(props) {
   const { as = "h2", children, subtitle, iconAtStart, iconAtEnd: iconAtEnd2 } = props;
   const modalContext = useModalContext();
   const modalTriggerContext = useModalTriggerContext();
   const className = classNames(styles.header, modalContext.isHeaderStuck && styles.stuck);
-  return React__default.createElement("div", {
-    className
-  }, React__default.createElement(VerticalStack, {
-    gap: "1.5"
-  }, React__default.createElement(HorizontalStack, {
-    align: "space-between",
-    blockAlign: "center",
-    wrap: false
-  }, React__default.createElement(HorizontalStack, {
-    gap: "2",
-    wrap: false
-  }, iconAtStart && React__default.createElement("span", null, React__default.createElement(Icon, __spreadProps(__spreadValues({}, iconAtStart), {
-    size: "lg"
-  }))), React__default.createElement(Text, __spreadValues({
-    as,
-    variant: "heading4",
-    truncate: true
-  }, modalContext.titleProps), children)), iconAtEnd2 ? React__default.createElement("span", {
-    className: styles.iconAtEnd,
-    "data-size": iconAtEnd2.size
-  }, React__default.createElement(Icon, __spreadValues({}, iconAtEnd2))) : modalTriggerContext.isDismissable ? React__default.createElement("button", {
-    className: styles.closeBtn,
-    onClick: () => {
-      modalTriggerContext.state.close();
-    }
-  }, React__default.createElement(Text, {
-    visuallyHidden: true
-  }, "Close modal"), React__default.createElement(Icon, {
-    symbol: Close,
-    size: "sm"
-  })) : null), subtitle && React__default.createElement(Text, {
-    variant: "subtitle1"
-  }, subtitle)));
+  return jsxRuntimeExports.jsx("div", {
+    className,
+    children: jsxRuntimeExports.jsxs(VerticalStack, {
+      gap: "1.5",
+      children: [jsxRuntimeExports.jsxs(HorizontalStack, {
+        align: "space-between",
+        blockAlign: "center",
+        wrap: false,
+        children: [jsxRuntimeExports.jsxs(HorizontalStack, {
+          gap: "2",
+          wrap: false,
+          children: [iconAtStart && jsxRuntimeExports.jsx("span", {
+            children: jsxRuntimeExports.jsx(Icon, __spreadProps(__spreadValues({}, iconAtStart), {
+              size: "lg"
+            }))
+          }), jsxRuntimeExports.jsx(Text, __spreadProps(__spreadValues({
+            as,
+            variant: "heading4",
+            truncate: true
+          }, modalContext.titleProps), {
+            children
+          }))]
+        }), iconAtEnd2 ? jsxRuntimeExports.jsx("span", {
+          className: styles.iconAtEnd,
+          "data-size": iconAtEnd2.size,
+          children: jsxRuntimeExports.jsx(Icon, __spreadValues({}, iconAtEnd2))
+        }) : modalTriggerContext.isDismissable ? jsxRuntimeExports.jsxs("button", {
+          className: styles.closeBtn,
+          onClick: () => {
+            modalTriggerContext.state.close();
+          },
+          children: [jsxRuntimeExports.jsx(Text, {
+            visuallyHidden: true,
+            children: "Close modal"
+          }), jsxRuntimeExports.jsx(Icon, {
+            symbol: Close,
+            size: "sm"
+          })]
+        }) : null]
+      }), subtitle && jsxRuntimeExports.jsx(Text, {
+        variant: "subtitle1",
+        children: subtitle
+      })]
+    })
+  });
 }
 function ModalUnderlay(props) {
   const _a = props, { state, children } = _a, overlayProps = __objRest(_a, ["state", "children"]);
@@ -203,16 +223,21 @@ function ModalUnderlay(props) {
   }), state, ref);
   const { hasOpenNestedModal } = useModalTriggerContext();
   const className = classNames(styles.underlayBg, hasOpenNestedModal && styles.underlayBgHidden);
-  return React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, null, React__default.createElement("div", __spreadValues({
-    className
-  }, underlayProps), React__default.createElement("div", __spreadProps(__spreadValues({}, modalProps), {
-    ref,
-    className: styles.underlayBox
-  }), React__default.createElement("div", {
-    className: styles.underlayEdge
-  }), children, React__default.createElement("div", {
-    className: styles.underlayEdge
-  }))));
+  return jsxRuntimeExports.jsx($337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({
+      className
+    }, underlayProps), {
+      children: jsxRuntimeExports.jsxs("div", __spreadProps(__spreadValues({}, modalProps), {
+        ref,
+        className: styles.underlayBox,
+        children: [jsxRuntimeExports.jsx("div", {
+          className: styles.underlayEdge
+        }), children, jsxRuntimeExports.jsx("div", {
+          className: styles.underlayEdge
+        })]
+      }))
+    }))
+  });
 }
 function ModalTrigger(props) {
   const _a = props, { children, isDismissable = true } = _a, inTriggerProps = __objRest(_a, ["children", "isDismissable"]);
@@ -224,12 +249,14 @@ function ModalTrigger(props) {
     throw new Error("children must be exactly one trigger element and one modal element");
   }
   const [trigger, modal] = children;
-  return React__default.createElement(ModalTriggerProvider, {
+  return jsxRuntimeExports.jsxs(ModalTriggerProvider, {
     state,
-    isDismissable
-  }, cloneElement(trigger, triggerProps), state.isOpen && React__default.createElement(ModalUnderlay, __spreadProps(__spreadValues({}, props), {
-    state
-  }), cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)));
+    isDismissable,
+    children: [cloneElement(trigger, triggerProps), state.isOpen && jsxRuntimeExports.jsx(ModalUnderlay, __spreadProps(__spreadValues({}, props), {
+      state,
+      children: cloneElement(typeof modal === "function" ? modal(state.close) : modal, overlayProps)
+    }))]
+  });
 }
 function ModalContainer(props) {
   const { children, isDismissable = true, onDismiss = () => {
@@ -259,13 +286,15 @@ function ModalContainer(props) {
   const { overlayProps } = $628037886ba31236$export$f9d5c8beee7d008d({
     type: "dialog"
   }, state);
-  return React__default.createElement(ModalTriggerProvider, {
+  return jsxRuntimeExports.jsx(ModalTriggerProvider, {
     state,
-    isDismissable
-  }, state.isOpen && React__default.createElement(ModalUnderlay, {
-    state,
-    isDismissable
-  }, lastChild ? cloneElement(lastChild, overlayProps) : null));
+    isDismissable,
+    children: state.isOpen && jsxRuntimeExports.jsx(ModalUnderlay, {
+      state,
+      isDismissable,
+      children: lastChild ? cloneElement(lastChild, overlayProps) : null
+    })
+  });
 }
 function Modal(props) {
   const { children, size = "lg" } = props;
@@ -290,12 +319,14 @@ function Modal(props) {
     };
   }, [dialogProps, isFooterStuck, isHeaderStuck, titleProps]);
   const className = classNames(styles.Modal, styles[variationName("size", size)]);
-  return React__default.createElement(ModalContext.Provider, {
-    value: context
-  }, React__default.createElement("div", __spreadProps(__spreadValues({}, dialogProps), {
-    className,
-    ref: dialogRef
-  }), children));
+  return jsxRuntimeExports.jsx(ModalContext.Provider, {
+    value: context,
+    children: jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
+      className,
+      ref: dialogRef,
+      children
+    }))
+  });
 }
 Modal.Trigger = ModalTrigger;
 Modal.Header = ModalHeader;

package/Modal/useIntersectionDetection.d.ts

@@ -6,5 +6,5 @@ import { RefObject } from "react";
  * @param scrollRef The scroll root to check against
  * @returns when element is intersecting
  */
-export declare function useIntersectionDetection(targetRef: RefObject<HTMLDivElement>, scrollRef: RefObject<HTMLDivElement>): boolean;
+export declare function useIntersectionDetection(targetRef: RefObject<HTMLDivElement | null>, scrollRef: RefObject<HTMLDivElement | null>): boolean;
 //# sourceMappingURL=useIntersectionDetection.d.ts.map

package/Modal/useIntersectionDetection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionDetection.d.ts","sourceRoot":"","sources":["../../src/Modal/useIntersectionDetection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,EACpC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,WAwBrC"}
+{"version":3,"file":"useIntersectionDetection.d.ts","sourceRoot":"","sources":["../../src/Modal/useIntersectionDetection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAC3C,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,WAwB5C"}

package/MultiSelect/MultiSelectDropdown.d.ts

@@ -8,8 +8,8 @@ type MultiSelectDropdownProps<T extends object> = {
     children: React.ReactNode | ((item: T) => React.ReactNode);
     isLoading?: AsyncListData<T>["isLoading"];
     maxItemsUntilScroll?: MenuOverlayProps<T>["maxItemsUntilScroll"];
-    menuRef: RefObject<HTMLDivElement>;
-    triggerRef: RefObject<HTMLDivElement>;
+    menuRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLDivElement | null>;
     width: number;
 };
 type MultiSelectDropdownOptionProps = {

package/MultiSelect/MultiSelectDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdown.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAGL,gBAAgB,EAEjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQvD,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIrC,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACjE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnC,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,gBAAgB,CAAC;AAErB,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,IAAI,EAChD,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,qBAuDnC;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAGtC;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,SAAS,qBAE7D"}
+{"version":3,"file":"MultiSelectDropdown.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelectDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAGL,gBAAgB,EAEjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQvD,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIrC,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACjE,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,gBAAgB,CAAC;AAErB,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,IAAI,EAChD,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,qBAuDnC;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBAGtC;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,SAAS,qBAE7D"}