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

package/CustomerPortalLayout/index.mjs

@@ -29,14 +29,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { useState, useCallback, forwardRef, useRef, useContext, useMemo } from "react";
-import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-B3Um5vvS.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
+import { E as EasyPostLogo } from "../__chunks__/EasyPostLogo-DgIgAGa3.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
 import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-B4DxcTvZ.mjs";
-import { M as Menu } from "../__chunks__/Menu-DHwqwFlg.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
 import { classNames } from "../utilities/css.mjs";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-BWKhJSvH.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
@@ -98,11 +99,12 @@ const styles$1 = {
 };
 function CustomerPortalLayoutActions(props) {
   const { children } = props;
-  return React__default.createElement(HorizontalStack, {
+  return jsx(HorizontalStack, {
     wrap: false,
     gap: "1",
-    align: "end"
-  }, children);
+    align: "end",
+    children
+  });
 }
 function CustomerPortalLayoutMenuAction(props) {
   const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
@@ -113,18 +115,25 @@ function CustomerPortalLayoutMenuAction(props) {
   const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({});
   const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isOpen && styles$1.open);
-  return React__default.createElement(Menu, {
+  return jsxs(Menu, {
     isOpen,
-    onOpenChange: handleOpenChange
-  }, React__default.createElement(Menu.Trigger, null, React__default.createElement(PressableButton, __spreadValues({
-    className
-  }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement(Icon, {
-    symbol: iconSymbol
-  }), renderBadge && React__default.createElement("div", {
-    className: styles$1.badgeContainer
-  }, renderBadge()))), children);
+    onOpenChange: handleOpenChange,
+    children: [jsx(Menu.Trigger, {
+      children: jsxs(PressableButton, __spreadProps(__spreadValues({
+        className
+      }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), {
+        children: [jsx(Text, {
+          visuallyHidden: true,
+          children: accessibilityLabel
+        }), jsx(Icon, {
+          symbol: iconSymbol
+        }), renderBadge && jsx("div", {
+          className: styles$1.badgeContainer,
+          children: renderBadge()
+        })]
+      }))
+    }), children]
+  });
 }
 function CustomerPortalLayoutLinkAction(props) {
   const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
@@ -133,44 +142,52 @@ function CustomerPortalLayoutLinkAction(props) {
   const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const className = classNames(styles$1.button, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return React__default.createElement("a", __spreadProps(__spreadValues({
+  return jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
-    "aria-current": isSelected ? "true" : void 0
-  }), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement(Icon, {
-    symbol: iconSymbol
-  }), renderBadge && React__default.createElement("div", {
-    className: styles$1.badgeContainer
-  }, renderBadge()));
+    "aria-current": isSelected ? "true" : void 0,
+    children: [jsx(Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsx(Icon, {
+      symbol: iconSymbol
+    }), renderBadge && jsx("div", {
+      className: styles$1.badgeContainer,
+      children: renderBadge()
+    })]
+  }));
 }
 function CustomerPortalLayoutButtonAction(props) {
   const _a = props, { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = _a, buttonProps = __objRest(_a, ["accessibilityLabel", "iconSymbol", "renderBadge", "isSelected"]);
   const ref = useRef(null);
   const className = classNames(styles$1.button, isSelected && styles$1.selected);
-  return React__default.createElement($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadValues({
+  return jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
     ref,
     className,
     "aria-current": isSelected ? "true" : void 0
-  }, buttonProps), React__default.createElement(Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React__default.createElement(Icon, {
-    symbol: iconSymbol
-  }), renderBadge && React__default.createElement("div", {
-    className: styles$1.badgeContainer
-  }, renderBadge()));
+  }, buttonProps), {
+    children: [jsx(Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsx(Icon, {
+      symbol: iconSymbol
+    }), renderBadge && jsx("div", {
+      className: styles$1.badgeContainer,
+      children: renderBadge()
+    })]
+  }));
 }
 function CustomerPortalLayoutActionBadge(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles$1.badge
-  }, children);
+  return jsx("div", {
+    className: styles$1.badge,
+    children
+  });
 }
 const PressableButton = forwardRef((props, ref) => {
   const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return React__default.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: classNames(pressProps.className)
   }));
@@ -206,58 +223,70 @@ function CustomerPortalLayout(props) {
       shouldDisplayEasyPostLogo
     };
   }, [mode, shouldDisplayEasyPostLogo]);
-  return React__default.createElement(CustomerPortalLayoutContext.Provider, {
-    value: context
-  }, React__default.createElement("div", {
-    className: styles.CustomerPortalLayout
-  }, children));
+  return jsx(CustomerPortalLayoutContext.Provider, {
+    value: context,
+    children: jsx("div", {
+      className: styles.CustomerPortalLayout,
+      children
+    })
+  });
 }
 function TestModeBanner() {
-  return React__default.createElement("div", {
-    className: styles.testModeBanner
-  }, React__default.createElement(HorizontalStack, {
-    gap: "1",
-    blockAlign: "center"
-  }, React__default.createElement(Icon, {
-    symbol: Experiment,
-    color: "primary.700",
-    size: "lg"
-  }), React__default.createElement(Text, {
-    variant: "subtitle1",
-    color: "warning.900"
-  }, "This Environment is in Test Mode")));
+  return jsx("div", {
+    className: styles.testModeBanner,
+    children: jsxs(HorizontalStack, {
+      gap: "1",
+      blockAlign: "center",
+      children: [jsx(Icon, {
+        symbol: Experiment,
+        color: "primary.700",
+        size: "lg"
+      }), jsx(Text, {
+        variant: "subtitle1",
+        color: "warning.900",
+        children: "This Environment is in Test Mode"
+      })]
+    })
+  });
 }
 function CustomerPortalLayoutHeader(props) {
   const { children } = props;
   const { mode } = useCustomerPortalLayout();
   const isTestMode = mode === "test";
-  return React__default.createElement("header", {
-    className: styles.header
-  }, isTestMode && React__default.createElement(TestModeBanner, null), React__default.createElement("div", {
-    className: styles.logoAndActions
-  }, children));
+  return jsxs("header", {
+    className: styles.header,
+    children: [isTestMode && jsx(TestModeBanner, {}), jsx("div", {
+      className: styles.logoAndActions,
+      children
+    })]
+  });
 }
 function CustomerPortalLayoutLogo(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles.logo
-  }, children);
+  return jsx("div", {
+    className: styles.logo,
+    children
+  });
 }
 function CustomerPortalLayoutLogoContainer(props) {
   const { children } = props;
   const { shouldDisplayEasyPostLogo } = useCustomerPortalLayout();
-  return React__default.createElement(HorizontalStack, {
+  return jsxs(HorizontalStack, {
     gap: "1",
     blockAlign: "center",
     align: "start",
-    wrap: false
-  }, shouldDisplayEasyPostLogo && React__default.createElement(CustomerPortalLayoutLogo, null, React__default.createElement(EasyPostLogo, null)), children);
+    wrap: false,
+    children: [shouldDisplayEasyPostLogo && jsx(CustomerPortalLayoutLogo, {
+      children: jsx(EasyPostLogo, {})
+    }), children]
+  });
 }
 function CustomerPortalLayoutContent(props) {
   const { children } = props;
-  return React__default.createElement("main", {
-    className: styles.content
-  }, children);
+  return jsx("main", {
+    className: styles.content,
+    children
+  });
 }
 CustomerPortalLayout.Header = CustomerPortalLayoutHeader;
 CustomerPortalLayout.Logo = CustomerPortalLayoutLogo;