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

package/NexusLayout/index.js

@@ -19,19 +19,20 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
+const jsxRuntime = require("react/jsx-runtime");
 const utilities_css = require("../utilities/css.js");
-const EasyPostLogo = require("../__chunks__/EasyPostLogo-DQt5KlFX.js");
-const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
-const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
-const Menu = require("../__chunks__/Menu-Kfc6nxFP.js");
-const Text = require("../__chunks__/Text-CSESKR_s.js");
+const EasyPostLogo = require("../__chunks__/EasyPostLogo-C9-Q0lSn.js");
+const React = require("react");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Menu = require("../__chunks__/Menu-MGDv1tob.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const useFocusRing = require("../__chunks__/useFocusRing-DbC9E5wC.js");
 const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
 const useHover = require("../__chunks__/useHover-Ck1otl-j.js");
 const usePress = require("../__chunks__/usePress-B5G5CgVn.js");
 const useLink = require("../__chunks__/useLink-CChqhQkC.js");
-const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
+const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
 const button = "_button_14248_4";
 const focused$2 = "_focused_14248_25";
 const hovered$2 = "_hovered_14248_37";
@@ -50,11 +51,12 @@ const styles$4 = {
 };
 function NexusLayoutActions(props) {
   const { children } = props;
-  return React.createElement(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     wrap: false,
     gap: "0.5",
-    align: "end"
-  }, children);
+    align: "end",
+    children
+  });
 }
 function NexusLayoutMenuAction(props) {
   const { accessibilityLabel = "Actions", iconSymbol, children, renderBadge } = props;
@@ -65,18 +67,25 @@ function NexusLayoutMenuAction(props) {
   const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f({});
   const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({});
   const className = utilities_css.classNames(styles$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isOpen && styles$4.open);
-  return React.createElement(Menu.Menu, {
+  return jsxRuntime.jsxs(Menu.Menu, {
     isOpen,
-    onOpenChange: handleOpenChange
-  }, React.createElement(Menu.Menu.Trigger, null, React.createElement(PressableButton, __spreadValues({
-    className
-  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), React.createElement(Text.Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React.createElement(Icon.Icon, {
-    symbol: iconSymbol
-  }), renderBadge && React.createElement("div", {
-    className: styles$4.badgeContainer
-  }, renderBadge()))), children);
+    onOpenChange: handleOpenChange,
+    children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+      children: jsxRuntime.jsxs(PressableButton, __spreadProps(__spreadValues({
+        className
+      }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), {
+        children: [jsxRuntime.jsx(Text.Text, {
+          visuallyHidden: true,
+          children: accessibilityLabel
+        }), jsxRuntime.jsx(Icon.Icon, {
+          symbol: iconSymbol
+        }), renderBadge && jsxRuntime.jsx("div", {
+          className: styles$4.badgeContainer,
+          children: renderBadge()
+        })]
+      }))
+    }), children]
+  });
 }
 function NexusLayoutLinkAction(props) {
   const { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = props;
@@ -85,28 +94,32 @@ function NexusLayoutLinkAction(props) {
   const { focusProps, isFocusVisible } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f(props);
   const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
   const className = utilities_css.classNames(styles$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isSelected && styles$4.selected);
-  return React.createElement("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
-    "aria-current": isSelected ? "true" : void 0
-  }), React.createElement(Text.Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React.createElement(Icon.Icon, {
-    symbol: iconSymbol
-  }), renderBadge && React.createElement("div", {
-    className: styles$4.badgeContainer
-  }, renderBadge()));
+    "aria-current": isSelected ? "true" : void 0,
+    children: [jsxRuntime.jsx(Text.Text, {
+      visuallyHidden: true,
+      children: accessibilityLabel
+    }), jsxRuntime.jsx(Icon.Icon, {
+      symbol: iconSymbol
+    }), renderBadge && jsxRuntime.jsx("div", {
+      className: styles$4.badgeContainer,
+      children: renderBadge()
+    })]
+  }));
 }
 function NexusLayoutActionBadge(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles$4.badge
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: styles$4.badge,
+    children
+  });
 }
 const PressableButton = React.forwardRef((props, ref) => {
   const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return React.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsxRuntime.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: utilities_css.classNames(pressProps.className)
   }));
@@ -122,39 +135,45 @@ const styles$3 = {
 };
 function NexusLayoutMultipageContainer(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles$3.container
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: styles$3.container,
+    children
+  });
 }
 function NexusLayoutMultipageSidebar(props) {
   const { children } = props;
-  return React.createElement("div", {
+  return jsxRuntime.jsx("div", {
     role: "region",
-    className: styles$3.sidebar
-  }, children);
+    className: styles$3.sidebar,
+    children
+  });
 }
 function NexusLayoutMultipageContent(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles$3.content
-  }, React.createElement(VerticalStack.VerticalStack, {
-    gap: "2"
-  }, children));
+  return jsxRuntime.jsx("div", {
+    className: styles$3.content,
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
+      gap: "2",
+      children
+    })
+  });
 }
 function NexusLayoutMultipageHeader(props) {
   const { children } = props;
-  return React.createElement(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     as: "header",
     blockAlign: "center",
-    align: "space-between"
-  }, children);
+    align: "space-between",
+    children
+  });
 }
 function NexusLayoutMultipageTitle(props) {
   const { children } = props;
-  return React.createElement(Text.Text, {
+  return jsxRuntime.jsx(Text.Text, {
     as: "h3",
-    variant: "heading5"
-  }, children);
+    variant: "heading5",
+    children
+  });
 }
 const link$1 = "_link_os35m_4";
 const focused$1 = "_focused_os35m_13";
@@ -182,26 +201,31 @@ function NexusLayoutMultipageSidebarNav(props) {
       selectedHref
     };
   }, [selectedHref]);
-  return React.createElement(SidebarNavContext.Provider, {
-    value: context
-  }, React.createElement(VerticalStack.VerticalStack, {
-    as: "nav",
-    gap: "2",
-    "aria-labelledby": titleId
-  }, React.createElement(Text.Text, {
-    as: "h2",
-    variant: "heading4",
-    id: titleId
-  }, title), children));
+  return jsxRuntime.jsx(SidebarNavContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsxs(VerticalStack.VerticalStack, {
+      as: "nav",
+      gap: "2",
+      "aria-labelledby": titleId,
+      children: [jsxRuntime.jsx(Text.Text, {
+        as: "h2",
+        variant: "heading4",
+        id: titleId,
+        children: title
+      }), children]
+    })
+  });
 }
 function NexusLayoutMultipageSidebarNavSection(props) {
   const { title, children } = props;
-  return React.createElement(VerticalStack.VerticalStack, {
+  return jsxRuntime.jsxs(VerticalStack.VerticalStack, {
     gap: "2",
-    inlineAlign: "start"
-  }, React.createElement(Text.Text, {
-    variant: "overline"
-  }, title), children);
+    inlineAlign: "start",
+    children: [jsxRuntime.jsx(Text.Text, {
+      variant: "overline",
+      children: title
+    }), children]
+  });
 }
 function NexusLayoutMultipageSidebarNavLink(props) {
   const { href, iconSymbol, children } = props;
@@ -212,17 +236,19 @@ function NexusLayoutMultipageSidebarNavLink(props) {
   const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
   const isSelected = href === selectedHref;
   const className = utilities_css.classNames(styles$2.link, isFocusVisible && styles$2.focused, isHovered && styles$2.hovered, isSelected && styles$2.selected);
-  return React.createElement("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
-    "aria-current": isSelected ? "page" : void 0
-  }), React.createElement(Icon.Icon, {
-    symbol: iconSymbol
-  }), React.createElement(Text.Text, {
-    variant: "body2",
-    weight: isSelected ? "semibold" : void 0
-  }, children));
+    "aria-current": isSelected ? "page" : void 0,
+    children: [jsxRuntime.jsx(Icon.Icon, {
+      symbol: iconSymbol
+    }), jsxRuntime.jsx(Text.Text, {
+      variant: "body2",
+      weight: isSelected ? "semibold" : void 0,
+      children
+    })]
+  }));
 }
 const link = "_link_q3unw_4";
 const focused = "_focused_q3unw_23";
@@ -249,12 +275,14 @@ function NexusLayoutNav(props) {
       selectedHref
     };
   }, [selectedHref]);
-  return React.createElement(NexusLayoutNavContext.Provider, {
-    value: context
-  }, React.createElement(HorizontalStack.HorizontalStack, {
-    as: "nav",
-    "aria-label": ariaLabel
-  }, children));
+  return jsxRuntime.jsx(NexusLayoutNavContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
+      as: "nav",
+      "aria-label": ariaLabel,
+      children
+    })
+  });
 }
 function NexusLayoutNavLink(props) {
   const { href, iconSymbol, children } = props;
@@ -265,17 +293,19 @@ function NexusLayoutNavLink(props) {
   const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
   const isSelected = href === selectedHref;
   const className = utilities_css.classNames(styles$1.link, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return React.createElement("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
-    "aria-current": isSelected ? "page" : void 0
-  }), React.createElement(Icon.Icon, {
-    symbol: iconSymbol
-  }), React.createElement(Text.Text, {
-    variant: "subtitle2",
-    weight: "semibold"
-  }, children));
+    "aria-current": isSelected ? "page" : void 0,
+    children: [jsxRuntime.jsx(Icon.Icon, {
+      symbol: iconSymbol
+    }), jsxRuntime.jsx(Text.Text, {
+      variant: "subtitle2",
+      weight: "semibold",
+      children
+    })]
+  }));
 }
 const NexusLayout$1 = "_NexusLayout_1gn4l_4";
 const backgroundDecoration01 = "_backgroundDecoration01_1gn4l_13";
@@ -292,27 +322,31 @@ const styles = {
 function NexusLayout(props) {
   const { backgroundDecoration = "01", children } = props;
   const className = utilities_css.classNames(styles.NexusLayout, styles[utilities_css.variationName("backgroundDecoration", backgroundDecoration)]);
-  return React.createElement("div", {
-    className
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className,
+    children
+  });
 }
 function NexusLayoutHeader(props) {
   const { children } = props;
-  return React.createElement("header", {
-    className: styles.header
-  }, children);
+  return jsxRuntime.jsx("header", {
+    className: styles.header,
+    children
+  });
 }
 function NexusLayoutLogo(props) {
-  const { children = React.createElement(EasyPostLogo.EasyPostLogo, null) } = props;
-  return React.createElement("div", {
-    className: styles.logo
-  }, children);
+  const { children = jsxRuntime.jsx(EasyPostLogo.EasyPostLogo, {}) } = props;
+  return jsxRuntime.jsx("div", {
+    className: styles.logo,
+    children
+  });
 }
 function NexusLayoutContent(props) {
   const { children } = props;
-  return React.createElement("main", {
-    className: styles.content
-  }, children);
+  return jsxRuntime.jsx("main", {
+    className: styles.content,
+    children
+  });
 }
 NexusLayout.Header = NexusLayoutHeader;
 NexusLayout.Logo = NexusLayoutLogo;