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

package/MultipageSection/index.mjs

@@ -17,12 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-Cbdpucbh.mjs";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-DoMqBfYD.mjs";
 import React__default, { useMemo, useRef, useContext } from "react";
-import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
 import { classNames } from "../utilities/css.mjs";
 import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-y6WGv96n.mjs";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-BWKhJSvH.mjs";
@@ -53,9 +53,9 @@ function MultipageSectionSidebarNav(props) {
       selectedHref
     };
   }, [selectedHref]);
-  return jsxRuntimeExports.jsx(SidebarNavContext.Provider, {
+  return jsx(SidebarNavContext.Provider, {
     value: context,
-    children: jsxRuntimeExports.jsx(VerticalStack, {
+    children: jsx(VerticalStack, {
       as: "nav",
       gap: "2",
       children
@@ -64,10 +64,10 @@ function MultipageSectionSidebarNav(props) {
 }
 function MultipageSectionSidebarNavSection(props) {
   const { title, children } = props;
-  return jsxRuntimeExports.jsxs(VerticalStack, {
+  return jsxs(VerticalStack, {
     gap: "2",
     inlineAlign: "start",
-    children: [jsxRuntimeExports.jsx(Text, {
+    children: [jsx(Text, {
       variant: "overline",
       children: title
     }), children]
@@ -82,14 +82,14 @@ function MultipageSectionSidebarNavLink(props) {
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const isSelected = href === selectedHref;
   const className = classNames(styles$1.link, isFocusVisible && styles$1.focused, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return jsxRuntimeExports.jsxs("a", __spreadProps(__spreadValues({
+  return jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
     "aria-current": isSelected ? "page" : void 0,
-    children: [jsxRuntimeExports.jsx(Icon, {
+    children: [jsx(Icon, {
       symbol: iconSymbol
-    }), jsxRuntimeExports.jsx(Text, {
+    }), jsx(Text, {
       variant: "body2",
       weight: isSelected ? "semibold" : void 0,
       children
@@ -114,28 +114,28 @@ const styles = {
 };
 function MultipageSection(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("section", {
+  return jsx("section", {
     className: styles.MultipageSection,
     children
   });
 }
 function MultipageSectionContainer(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.container,
     children
   });
 }
 function MultipageSectionSplitContainer(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.splitContainer,
     children
   });
 }
 function MultipageSectionSidebar(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     role: "region",
     className: styles.sidebar,
     children
@@ -143,9 +143,9 @@ function MultipageSectionSidebar(props) {
 }
 function MultipageSectionBrandHeader(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.brandHeader,
-    children: jsxRuntimeExports.jsx(HorizontalStack, {
+    children: jsx(HorizontalStack, {
       gap: "2",
       blockAlign: "center",
       children
@@ -154,14 +154,14 @@ function MultipageSectionBrandHeader(props) {
 }
 function MultipageSectionBrandHeaderLogo(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.brandLogo,
     children
   });
 }
 function MultipageSectionBrandHeaderTitle(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx(Text, {
+  return jsx(Text, {
     as: "h2",
     variant: "heading3",
     color: "primary.800",
@@ -170,9 +170,9 @@ function MultipageSectionBrandHeaderTitle(props) {
 }
 function MultipageSectionContent(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.content,
-    children: jsxRuntimeExports.jsx(VerticalStack, {
+    children: jsx(VerticalStack, {
       gap: "2",
       children
     })
@@ -180,7 +180,7 @@ function MultipageSectionContent(props) {
 }
 function MultipageSectionContentHeader(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx(HorizontalStack, {
+  return jsx(HorizontalStack, {
     as: "header",
     blockAlign: "center",
     align: "space-between",
@@ -189,21 +189,21 @@ function MultipageSectionContentHeader(props) {
 }
 function MultipageSectionContentTitle(props) {
   const { children, titleIcon } = props;
-  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-    children: titleIcon ? jsxRuntimeExports.jsxs(HorizontalStack, {
+  return jsx(Fragment, {
+    children: titleIcon ? jsxs(HorizontalStack, {
       gap: "1",
       blockAlign: "center",
-      children: [jsxRuntimeExports.jsx(Icon, {
+      children: [jsx(Icon, {
         symbol: titleIcon,
         size: "lg",
         color: "primary.800"
-      }), jsxRuntimeExports.jsx(Text, {
+      }), jsx(Text, {
         as: "h3",
         variant: "heading5",
         color: "primary.800",
         children
       })]
-    }) : jsxRuntimeExports.jsx(Text, {
+    }) : jsx(Text, {
       as: "h3",
       variant: "heading5",
       color: "primary.800",

package/NexusLayout/index.js

@@ -19,20 +19,20 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const utilities_css = require("../utilities/css.js");
-const EasyPostLogo = require("../__chunks__/EasyPostLogo-D3WNdZ29.js");
+const EasyPostLogo = require("../__chunks__/EasyPostLogo-C9-Q0lSn.js");
 const React = require("react");
-const HorizontalStack = require("../__chunks__/HorizontalStack-DidoI4Ks.js");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
-const Menu = require("../__chunks__/Menu-Du8SsMeJ.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
+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-CunLpHRv.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";
@@ -51,7 +51,7 @@ const styles$4 = {
 };
 function NexusLayoutActions(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     wrap: false,
     gap: "0.5",
     align: "end",
@@ -67,19 +67,19 @@ 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 jsxRuntime.jsxRuntimeExports.jsxs(Menu.Menu, {
+  return jsxRuntime.jsxs(Menu.Menu, {
     isOpen,
     onOpenChange: handleOpenChange,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Trigger, {
-      children: jsxRuntime.jsxRuntimeExports.jsxs(PressableButton, __spreadProps(__spreadValues({
+    children: [jsxRuntime.jsx(Menu.Menu.Trigger, {
+      children: jsxRuntime.jsxs(PressableButton, __spreadProps(__spreadValues({
         className
       }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), {
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+        children: [jsxRuntime.jsx(Text.Text, {
           visuallyHidden: true,
           children: accessibilityLabel
-        }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+        }), jsxRuntime.jsx(Icon.Icon, {
           symbol: iconSymbol
-        }), renderBadge && jsxRuntime.jsxRuntimeExports.jsx("div", {
+        }), renderBadge && jsxRuntime.jsx("div", {
           className: styles$4.badgeContainer,
           children: renderBadge()
         })]
@@ -94,17 +94,17 @@ 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 jsxRuntime.jsxRuntimeExports.jsxs("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
     "aria-current": isSelected ? "true" : void 0,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    }), jsxRuntime.jsx(Icon.Icon, {
       symbol: iconSymbol
-    }), renderBadge && jsxRuntime.jsxRuntimeExports.jsx("div", {
+    }), renderBadge && jsxRuntime.jsx("div", {
       className: styles$4.badgeContainer,
       children: renderBadge()
     })]
@@ -112,14 +112,14 @@ function NexusLayoutLinkAction(props) {
 }
 function NexusLayoutActionBadge(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles$4.badge,
     children
   });
 }
 const PressableButton = React.forwardRef((props, ref) => {
   const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return jsxRuntime.jsxRuntimeExports.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsxRuntime.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: utilities_css.classNames(pressProps.className)
   }));
@@ -135,14 +135,14 @@ const styles$3 = {
 };
 function NexusLayoutMultipageContainer(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles$3.container,
     children
   });
 }
 function NexusLayoutMultipageSidebar(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     role: "region",
     className: styles$3.sidebar,
     children
@@ -150,9 +150,9 @@ function NexusLayoutMultipageSidebar(props) {
 }
 function NexusLayoutMultipageContent(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles$3.content,
-    children: jsxRuntime.jsxRuntimeExports.jsx(VerticalStack.VerticalStack, {
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
       gap: "2",
       children
     })
@@ -160,7 +160,7 @@ function NexusLayoutMultipageContent(props) {
 }
 function NexusLayoutMultipageHeader(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     as: "header",
     blockAlign: "center",
     align: "space-between",
@@ -169,7 +169,7 @@ function NexusLayoutMultipageHeader(props) {
 }
 function NexusLayoutMultipageTitle(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+  return jsxRuntime.jsx(Text.Text, {
     as: "h3",
     variant: "heading5",
     children
@@ -201,13 +201,13 @@ function NexusLayoutMultipageSidebarNav(props) {
       selectedHref
     };
   }, [selectedHref]);
-  return jsxRuntime.jsxRuntimeExports.jsx(SidebarNavContext.Provider, {
+  return jsxRuntime.jsx(SidebarNavContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+    children: jsxRuntime.jsxs(VerticalStack.VerticalStack, {
       as: "nav",
       gap: "2",
       "aria-labelledby": titleId,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      children: [jsxRuntime.jsx(Text.Text, {
         as: "h2",
         variant: "heading4",
         id: titleId,
@@ -218,10 +218,10 @@ function NexusLayoutMultipageSidebarNav(props) {
 }
 function NexusLayoutMultipageSidebarNavSection(props) {
   const { title, children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+  return jsxRuntime.jsxs(VerticalStack.VerticalStack, {
     gap: "2",
     inlineAlign: "start",
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       variant: "overline",
       children: title
     }), children]
@@ -236,14 +236,14 @@ 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 jsxRuntime.jsxRuntimeExports.jsxs("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
     "aria-current": isSelected ? "page" : void 0,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    children: [jsxRuntime.jsx(Icon.Icon, {
       symbol: iconSymbol
-    }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    }), jsxRuntime.jsx(Text.Text, {
       variant: "body2",
       weight: isSelected ? "semibold" : void 0,
       children
@@ -275,9 +275,9 @@ function NexusLayoutNav(props) {
       selectedHref
     };
   }, [selectedHref]);
-  return jsxRuntime.jsxRuntimeExports.jsx(NexusLayoutNavContext.Provider, {
+  return jsxRuntime.jsx(NexusLayoutNavContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+    children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
       as: "nav",
       "aria-label": ariaLabel,
       children
@@ -293,14 +293,14 @@ 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 jsxRuntime.jsxRuntimeExports.jsxs("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
     "aria-current": isSelected ? "page" : void 0,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    children: [jsxRuntime.jsx(Icon.Icon, {
       symbol: iconSymbol
-    }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    }), jsxRuntime.jsx(Text.Text, {
       variant: "subtitle2",
       weight: "semibold",
       children
@@ -322,28 +322,28 @@ const styles = {
 function NexusLayout(props) {
   const { backgroundDecoration = "01", children } = props;
   const className = utilities_css.classNames(styles.NexusLayout, styles[utilities_css.variationName("backgroundDecoration", backgroundDecoration)]);
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className,
     children
   });
 }
 function NexusLayoutHeader(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("header", {
+  return jsxRuntime.jsx("header", {
     className: styles.header,
     children
   });
 }
 function NexusLayoutLogo(props) {
-  const { children = jsxRuntime.jsxRuntimeExports.jsx(EasyPostLogo.EasyPostLogo, {}) } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  const { children = jsxRuntime.jsx(EasyPostLogo.EasyPostLogo, {}) } = props;
+  return jsxRuntime.jsx("div", {
     className: styles.logo,
     children
   });
 }
 function NexusLayoutContent(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("main", {
+  return jsxRuntime.jsx("main", {
     className: styles.content,
     children
   });