@easypost/easy-ui 1.0.0-alpha.112 → 1.0.0-alpha.114

package/__chunks__/{Menu-DHwqwFlg.mjs → Menu-Ci1FGh8B.mjs}

@@ -29,10 +29,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, createContext, useContext, useCallback, useMemo } from "react";
 import { o as omit } from "./omit-CYoLXTjq.mjs";
-import { C as Checkbox } from "./Checkbox-BWfY9XqH.mjs";
-import { T as Text } from "./Text-YOL3isF4.mjs";
+import { C as Checkbox } from "./Checkbox-DcaO0fC3.mjs";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
 import { i as isSelectAllSelected, S as SELECT_ALL_KEY, d as isSelectAllIndeterminate, D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, b as DEFAULT_PLACEMENT, a as DEFAULT_WIDTH, u as useSelectionCapture, O as OVERLAY_OFFSET, e as getMenuPopoverMaxHeight, c as OVERLAY_PADDING_FROM_CONTAINER, f as filterSelectedKeys, g as getUnmergedPopoverStyles } from "./utilities-CBYsZn-t.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$b4cc09c592e8fdb8, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-COnPag8r.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
@@ -335,36 +336,41 @@ function MenuItemContent({ item: item2, state }) {
   const props = $3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === SELECT_ALL_KEY ? {
     "aria-checked": isSelectAllSelected(state)
   } : {});
-  return React__default.createElement(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
+  return jsx(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
     itemRef: ref,
     className: styles.item,
     "data-is-disabled": isDisabled,
     "data-is-focused": isFocused,
-    "data-is-selected": item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected
-  }), React__default.createElement("div", {
-    className: styles.itemContent
-  }, selectionMode !== "multiple" ? React__default.createElement(Text, {
-    variant: "body1",
-    truncate: true
-  }, item2.rendered) : React__default.createElement(Checkbox, {
-    isDisabled,
-    isIndeterminate: item2.key === SELECT_ALL_KEY ? isSelectAllIndeterminate(state) : void 0,
-    isSelected: item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected
-  }, item2.rendered)));
+    "data-is-selected": item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected,
+    children: jsx("div", {
+      className: styles.itemContent,
+      children: selectionMode !== "multiple" ? jsx(Text, {
+        variant: "body1",
+        truncate: true,
+        children: item2.rendered
+      }) : jsx(Checkbox, {
+        isDisabled,
+        isIndeterminate: item2.key === SELECT_ALL_KEY ? isSelectAllIndeterminate(state) : void 0,
+        isSelected: item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected,
+        children: item2.rendered
+      })
+    })
+  }));
 }
 function StandardMenuItemContainer(_a) {
   var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
-  return React__default.createElement("li", __spreadValues({
+  return jsx("li", __spreadValues({
     ref: itemRef
   }, props));
 }
 function LinkMenuItemContainer(_c) {
   var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
-  return React__default.createElement("li", {
-    role: "none"
-  }, React__default.createElement(Component, __spreadValues({
-    ref: itemRef
-  }, props)));
+  return jsx("li", {
+    role: "none",
+    children: jsx(Component, __spreadValues({
+      ref: itemRef
+    }, props))
+  });
 }
 var noop_1;
 var hasRequiredNoop;
@@ -392,29 +398,37 @@ function MenuSectionContent({ section, state }) {
   });
   const isNotFirstOrLast = section.key !== state.collection.getFirstKey() && section.nextKey !== state.collection.getLastKey();
   const hasContent = section.hasChildNodes || section.rendered;
-  return React__default.createElement(React__default.Fragment, null, isNotFirstOrLast && React__default.createElement("li", __spreadProps(__spreadValues({}, separatorProps), {
-    className: styles.separator
-  })), hasContent && React__default.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React__default.createElement(React__default.Fragment, null, section.rendered && React__default.createElement("span", __spreadProps(__spreadValues({}, headingProps), {
-    className: styles.sectionTitle
-  }), React__default.createElement(Text, {
-    variant: "subtitle1",
-    color: "primary.900"
-  }, section.rendered)), React__default.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
-    className: styles.sectionList
-  }), [...section.childNodes].map((item2) => {
-    return React__default.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state
-    });
-  })))));
+  return jsxs(Fragment, {
+    children: [isNotFirstOrLast && jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
+      className: styles.separator
+    })), hasContent && jsx("li", __spreadProps(__spreadValues({}, itemProps), {
+      children: section.hasChildNodes && jsxs(Fragment, {
+        children: [section.rendered && jsx("span", __spreadProps(__spreadValues({}, headingProps), {
+          className: styles.sectionTitle,
+          children: jsx(Text, {
+            variant: "subtitle1",
+            color: "primary.900",
+            children: section.rendered
+          })
+        })), jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
+          className: styles.sectionList,
+          children: [...section.childNodes].map((item2) => {
+            return jsx(MenuItemContent, {
+              item: item2,
+              state
+            }, item2.key);
+          })
+        }))]
+      })
+    }))]
+  });
 }
 function MenuOverlay(props) {
   const { menuTriggerState, triggerWidth } = useInternalMenuContext();
   if (!menuTriggerState.isOpen || triggerWidth === null) {
     return null;
   }
-  return React__default.createElement(MenuOverlayContent, __spreadValues({}, props));
+  return jsx(MenuOverlayContent, __spreadValues({}, props));
 }
 function MenuOverlayContent(props) {
   const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = DEFAULT_PLACEMENT, width = DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
@@ -466,36 +480,39 @@ function MenuOverlayContent(props) {
   }, menuPropsFromTrigger), menuTreeState, menuRef);
   useScrollbar(menuRef, "ezui-os-theme-overlay");
   const style = __spreadValues(__spreadValues({}, popoverProps.style), getUnmergedPopoverStyles(width, triggerWidth));
-  return React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, null, React__default.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {
-    className: styles.underlay
-  })), React__default.createElement("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
-    style
-  })), {
-    ref: popoverRef,
-    className: styles.root
-  }), React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  }), React__default.createElement("div", __spreadProps(__spreadValues({}, menuProps), {
-    ref: menuRef,
-    className: styles.menu,
-    "data-width": width,
-    "data-max-items-until-scroll": maxItemsUntilScroll,
-    "data-overlayscrollbars-initialize": true
-  }), React__default.createElement("ul", {
-    className: styles.menuList
-  }, [...menuTreeState.collection].map((item2) => {
-    return item2.type === "section" ? React__default.createElement(MenuSectionContent, {
-      key: item2.key,
-      section: item2,
-      state: menuTreeState
-    }) : React__default.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state: menuTreeState
-    });
-  }))), React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  })));
+  return jsxs($337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: [jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
+      className: styles.underlay
+    })), jsxs("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
+      style
+    })), {
+      ref: popoverRef,
+      className: styles.root,
+      children: [jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      }), jsx("div", __spreadProps(__spreadValues({}, menuProps), {
+        ref: menuRef,
+        className: styles.menu,
+        "data-width": width,
+        "data-max-items-until-scroll": maxItemsUntilScroll,
+        "data-overlayscrollbars-initialize": true,
+        children: jsx("ul", {
+          className: styles.menuList,
+          children: [...menuTreeState.collection].map((item2) => {
+            return item2.type === "section" ? jsx(MenuSectionContent, {
+              section: item2,
+              state: menuTreeState
+            }, item2.key) : jsx(MenuItemContent, {
+              item: item2,
+              state: menuTreeState
+            }, item2.key);
+          })
+        })
+      })), jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      })]
+    }))]
+  });
 }
 function MenuTrigger(props) {
   const { children } = props;
@@ -522,9 +539,10 @@ function Menu(props) {
       triggerWidth
     };
   }, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
-  return React__default.createElement(InternalMenuContext.Provider, {
-    value: context
-  }, children);
+  return jsx(InternalMenuContext.Provider, {
+    value: context,
+    children
+  });
 }
 Menu.Trigger = MenuTrigger;
 Menu.Overlay = MenuOverlay;

package/__chunks__/{Menu-Kfc6nxFP.js → Menu-MGDv1tob.js}

@@ -30,10 +30,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const omit = require("./omit-CC3uE8z5.js");
-const Checkbox = require("./Checkbox-D2-8vvdr.js");
-const Text = require("./Text-CSESKR_s.js");
+const Checkbox = require("./Checkbox-B_-6lfKk.js");
+const Text = require("./Text-DkzMEqky.js");
 const utilities = require("./utilities-Q88aR_Y9.js");
 const mergeProps = require("./mergeProps-DLPcevok.js");
 const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
@@ -336,36 +337,41 @@ function MenuItemContent({ item: item2, state }) {
   const props = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === utilities.SELECT_ALL_KEY ? {
     "aria-checked": utilities.isSelectAllSelected(state)
   } : {});
-  return React.createElement(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
+  return jsxRuntime.jsx(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
     itemRef: ref,
     className: styles.item,
     "data-is-disabled": isDisabled,
     "data-is-focused": isFocused,
-    "data-is-selected": item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected
-  }), React.createElement("div", {
-    className: styles.itemContent
-  }, selectionMode !== "multiple" ? React.createElement(Text.Text, {
-    variant: "body1",
-    truncate: true
-  }, item2.rendered) : React.createElement(Checkbox.Checkbox, {
-    isDisabled,
-    isIndeterminate: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllIndeterminate(state) : void 0,
-    isSelected: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected
-  }, item2.rendered)));
+    "data-is-selected": item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected,
+    children: jsxRuntime.jsx("div", {
+      className: styles.itemContent,
+      children: selectionMode !== "multiple" ? jsxRuntime.jsx(Text.Text, {
+        variant: "body1",
+        truncate: true,
+        children: item2.rendered
+      }) : jsxRuntime.jsx(Checkbox.Checkbox, {
+        isDisabled,
+        isIndeterminate: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllIndeterminate(state) : void 0,
+        isSelected: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected,
+        children: item2.rendered
+      })
+    })
+  }));
 }
 function StandardMenuItemContainer(_a) {
   var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
-  return React.createElement("li", __spreadValues({
+  return jsxRuntime.jsx("li", __spreadValues({
     ref: itemRef
   }, props));
 }
 function LinkMenuItemContainer(_c) {
   var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
-  return React.createElement("li", {
-    role: "none"
-  }, React.createElement(Component, __spreadValues({
-    ref: itemRef
-  }, props)));
+  return jsxRuntime.jsx("li", {
+    role: "none",
+    children: jsxRuntime.jsx(Component, __spreadValues({
+      ref: itemRef
+    }, props))
+  });
 }
 var noop_1;
 var hasRequiredNoop;
@@ -393,29 +399,37 @@ function MenuSectionContent({ section, state }) {
   });
   const isNotFirstOrLast = section.key !== state.collection.getFirstKey() && section.nextKey !== state.collection.getLastKey();
   const hasContent = section.hasChildNodes || section.rendered;
-  return React.createElement(React.Fragment, null, isNotFirstOrLast && React.createElement("li", __spreadProps(__spreadValues({}, separatorProps), {
-    className: styles.separator
-  })), hasContent && React.createElement("li", __spreadValues({}, itemProps), section.hasChildNodes && React.createElement(React.Fragment, null, section.rendered && React.createElement("span", __spreadProps(__spreadValues({}, headingProps), {
-    className: styles.sectionTitle
-  }), React.createElement(Text.Text, {
-    variant: "subtitle1",
-    color: "primary.900"
-  }, section.rendered)), React.createElement("ul", __spreadProps(__spreadValues({}, groupProps), {
-    className: styles.sectionList
-  }), [...section.childNodes].map((item2) => {
-    return React.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state
-    });
-  })))));
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isNotFirstOrLast && jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
+      className: styles.separator
+    })), hasContent && jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, itemProps), {
+      children: section.hasChildNodes && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [section.rendered && jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, headingProps), {
+          className: styles.sectionTitle,
+          children: jsxRuntime.jsx(Text.Text, {
+            variant: "subtitle1",
+            color: "primary.900",
+            children: section.rendered
+          })
+        })), jsxRuntime.jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
+          className: styles.sectionList,
+          children: [...section.childNodes].map((item2) => {
+            return jsxRuntime.jsx(MenuItemContent, {
+              item: item2,
+              state
+            }, item2.key);
+          })
+        }))]
+      })
+    }))]
+  });
 }
 function MenuOverlay(props) {
   const { menuTriggerState, triggerWidth } = useInternalMenuContext();
   if (!menuTriggerState.isOpen || triggerWidth === null) {
     return null;
   }
-  return React.createElement(MenuOverlayContent, __spreadValues({}, props));
+  return jsxRuntime.jsx(MenuOverlayContent, __spreadValues({}, props));
 }
 function MenuOverlayContent(props) {
   const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = utilities.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = utilities.DEFAULT_PLACEMENT, width = utilities.DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
@@ -467,36 +481,39 @@ function MenuOverlayContent(props) {
   }, menuPropsFromTrigger), menuTreeState, menuRef);
   utilities_useScrollbar.useScrollbar(menuRef, "ezui-os-theme-overlay");
   const style = __spreadValues(__spreadValues({}, popoverProps.style), utilities.getUnmergedPopoverStyles(width, triggerWidth));
-  return React.createElement(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, null, React.createElement("div", __spreadProps(__spreadValues({}, underlayProps), {
-    className: styles.underlay
-  })), React.createElement("div", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
-    style
-  })), {
-    ref: popoverRef,
-    className: styles.root
-  }), React.createElement(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  }), React.createElement("div", __spreadProps(__spreadValues({}, menuProps), {
-    ref: menuRef,
-    className: styles.menu,
-    "data-width": width,
-    "data-max-items-until-scroll": maxItemsUntilScroll,
-    "data-overlayscrollbars-initialize": true
-  }), React.createElement("ul", {
-    className: styles.menuList
-  }, [...menuTreeState.collection].map((item2) => {
-    return item2.type === "section" ? React.createElement(MenuSectionContent, {
-      key: item2.key,
-      section: item2,
-      state: menuTreeState
-    }) : React.createElement(MenuItemContent, {
-      key: item2.key,
-      item: item2,
-      state: menuTreeState
-    });
-  }))), React.createElement(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
-    onDismiss: menuTriggerState.close
-  })));
+  return jsxRuntime.jsxs(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
+    children: [jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
+      className: styles.underlay
+    })), jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
+      style
+    })), {
+      ref: popoverRef,
+      className: styles.root,
+      children: [jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      }), jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, menuProps), {
+        ref: menuRef,
+        className: styles.menu,
+        "data-width": width,
+        "data-max-items-until-scroll": maxItemsUntilScroll,
+        "data-overlayscrollbars-initialize": true,
+        children: jsxRuntime.jsx("ul", {
+          className: styles.menuList,
+          children: [...menuTreeState.collection].map((item2) => {
+            return item2.type === "section" ? jsxRuntime.jsx(MenuSectionContent, {
+              section: item2,
+              state: menuTreeState
+            }, item2.key) : jsxRuntime.jsx(MenuItemContent, {
+              item: item2,
+              state: menuTreeState
+            }, item2.key);
+          })
+        })
+      })), jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+        onDismiss: menuTriggerState.close
+      })]
+    }))]
+  });
 }
 function MenuTrigger(props) {
   const { children } = props;
@@ -523,9 +540,10 @@ function Menu(props) {
       triggerWidth
     };
   }, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
-  return React.createElement(InternalMenuContext.Provider, {
-    value: context
-  }, children);
+  return jsxRuntime.jsx(InternalMenuContext.Provider, {
+    value: context,
+    children
+  });
 }
 Menu.Trigger = MenuTrigger;
 Menu.Overlay = MenuOverlay;

package/__chunks__/{Notification-vF_YGVIP.js → Notification-DDQHWloB.js}

@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const mergeRefs = require("./mergeRefs-qNwPManW.js");
 const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
@@ -43,10 +44,10 @@ const useFocusVisible = require("./useFocusVisible-BNcpO5Sv.js");
 const useFocusWithin = require("./useFocusWithin-DDWT9Br8.js");
 const useHover = require("./useHover-Ck1otl-j.js");
 const index = require("./index-6ObXAT_4.js");
-const Icon = require("./Icon-W8F9w-jS.js");
-const Text = require("./Text-CSESKR_s.js");
+const Icon = require("./Icon-BRlbo3RF.js");
+const Text = require("./Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
-const UnstyledButton = require("./UnstyledButton-BFpQ2Irc.js");
+const UnstyledButton = require("./UnstyledButton-DW8CjaXN.js");
 const CSSTransition = require("./CSSTransition-BXyX0mUc.js");
 const objectWithoutPropertiesLoose = require("./objectWithoutPropertiesLoose-C4Mip8ZU.js");
 function _interopNamespaceDefault(e) {
@@ -1469,20 +1470,22 @@ function NotificationRegion(props) {
   const { state, onTransitionPendingChange } = props;
   const ref = React.useRef(null);
   const { regionProps } = $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref);
-  return React.createElement("div", __spreadProps(__spreadValues({}, regionProps), {
+  return jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, regionProps), {
     ref,
-    className: styles$1.region
-  }), React.createElement(TransitionGroup, {
-    component: null
-  }, state.visibleToasts.map((toast) => React.createElement(NotificationTransition, {
-    key: toast.key,
-    transitionKey: toast.key,
-    onTransitionPendingChange
-  }, ({ nodeRef }) => React.createElement(Notification, {
-    ref: nodeRef,
-    toast,
-    state
-  })))));
+    className: styles$1.region,
+    children: jsxRuntime.jsx(TransitionGroup, {
+      component: null,
+      children: state.visibleToasts.map((toast) => jsxRuntime.jsx(NotificationTransition, {
+        transitionKey: toast.key,
+        onTransitionPendingChange,
+        children: ({ nodeRef }) => jsxRuntime.jsx(Notification, {
+          ref: nodeRef,
+          toast,
+          state
+        })
+      }, toast.key))
+    })
+  }));
 }
 function NotificationContainer(props) {
   const { getContainer = null, position = "fixed", offset, state } = props;
@@ -1507,13 +1510,16 @@ function NotificationContainer(props) {
     position: !requestFailed ? position : "fixed"
   };
   const containerStyles = __spreadValues(__spreadValues({}, positionStyleProps), positionProps);
-  return React.createElement(React.Fragment, null, showNotifications ? ReactDOM.createPortal(React.createElement("div", {
-    className: styles$1.container,
-    style: containerStyles
-  }, React.createElement(NotificationRegion, {
-    state,
-    onTransitionPendingChange
-  })), container2 != null ? container2 : document.body) : null);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: showNotifications ? ReactDOM.createPortal(jsxRuntime.jsx("div", {
+      className: styles$1.container,
+      style: containerStyles,
+      children: jsxRuntime.jsx(NotificationRegion, {
+        state,
+        onTransitionPendingChange
+      })
+    }), container2 != null ? container2 : document.body) : null
+  });
 }
 const TOAST_TIMEOUT_DURATION = 4e3;
 class EasyUINotificationQueue extends $77b352cf12efcf73$export$f1f8569633bbbec4 {
@@ -1602,24 +1608,31 @@ const Notification = React.forwardRef((props, forwardedRef) => {
   const closeButtonPropsWithDismiss = __spreadProps(__spreadValues({}, closeButtonProps), {
     onPress: handleDismiss
   });
-  return React.createElement("div", __spreadProps(__spreadValues({}, notificationPropsWithAdjustedAriaRole), {
+  return jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, notificationPropsWithAdjustedAriaRole), {
     ref: mergedRef,
-    className: utilities_css.classNames(styles$1.Notification, styles$1[utilities_css.variationName("status", status)], styles$1[utilities_css.variationName("type", type)])
-  }), React.createElement("div", {
-    className: styles$1.iconText
-  }, hasIcon && React.createElement(Icon.Icon, {
-    size: "lg",
-    symbol: getStatusIcon(status)
-  }), React.createElement("div", __spreadValues({}, titleProps), React.createElement(Text.Text, {
-    weight: "semibold"
-  }, message))), type === "alert" && React.createElement("span", {
-    className: styles$1.closeButtonContainer
-  }, React.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, closeButtonPropsWithDismiss), {
-    className: styles$1.closeButton
-  }), React.createElement(Icon.Icon, {
-    size: "md",
-    symbol: Close.Close
-  }))));
+    className: utilities_css.classNames(styles$1.Notification, styles$1[utilities_css.variationName("status", status)], styles$1[utilities_css.variationName("type", type)]),
+    children: [jsxRuntime.jsxs("div", {
+      className: styles$1.iconText,
+      children: [hasIcon && jsxRuntime.jsx(Icon.Icon, {
+        size: "lg",
+        symbol: getStatusIcon(status)
+      }), jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, titleProps), {
+        children: jsxRuntime.jsx(Text.Text, {
+          weight: "semibold",
+          children: message
+        })
+      }))]
+    }), type === "alert" && jsxRuntime.jsx("span", {
+      className: styles$1.closeButtonContainer,
+      children: jsxRuntime.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, closeButtonPropsWithDismiss), {
+        className: styles$1.closeButton,
+        children: jsxRuntime.jsx(Icon.Icon, {
+          size: "md",
+          symbol: Close.Close
+        })
+      }))
+    })]
+  }));
 });
 Notification.displayName = "Notification";
 function getStatusIcon(status) {
@@ -1667,14 +1680,15 @@ function NotificationProvider(props) {
     showWarningAlert: combinedState.showWarningAlert,
     closeActiveNotification: combinedState.closeActiveNotification
   };
-  return React.createElement(NotificationContext.Provider, {
-    value: notification
-  }, React.createElement(NotificationContainer, {
-    getContainer: notificationPlacement == null ? void 0 : notificationPlacement.getContainer,
-    offset: notificationPlacement == null ? void 0 : notificationPlacement.offset,
-    position: notificationPlacement == null ? void 0 : notificationPlacement.position,
-    state
-  }), children);
+  return jsxRuntime.jsxs(NotificationContext.Provider, {
+    value: notification,
+    children: [jsxRuntime.jsx(NotificationContainer, {
+      getContainer: notificationPlacement == null ? void 0 : notificationPlacement.getContainer,
+      offset: notificationPlacement == null ? void 0 : notificationPlacement.offset,
+      position: notificationPlacement == null ? void 0 : notificationPlacement.position,
+      state
+    }), children]
+  });
 }
 exports.Notification = Notification;
 exports.NotificationContext = NotificationContext;