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

package/MultipageSection/index.js

@@ -19,11 +19,12 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
 const React = require("react");
-const HorizontalStack = require("../__chunks__/HorizontalStack-CXpjASZi.js");
-const Text = require("../__chunks__/Text-CSESKR_s.js");
-const VerticalStack = require("../__chunks__/VerticalStack-Dzpv3O67.js");
-const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
 const utilities_css = require("../utilities/css.js");
 const useLink = require("../__chunks__/useLink-CChqhQkC.js");
 const useFocusRing = require("../__chunks__/useFocusRing-DbC9E5wC.js");
@@ -54,21 +55,25 @@ function MultipageSectionSidebarNav(props) {
       selectedHref
     };
   }, [selectedHref]);
-  return React.createElement(SidebarNavContext.Provider, {
-    value: context
-  }, React.createElement(VerticalStack.VerticalStack, {
-    as: "nav",
-    gap: "2"
-  }, children));
+  return jsxRuntime.jsx(SidebarNavContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
+      as: "nav",
+      gap: "2",
+      children
+    })
+  });
 }
 function MultipageSectionSidebarNavSection(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 MultipageSectionSidebarNavLink(props) {
   const { href, iconSymbol, children } = props;
@@ -79,17 +84,19 @@ function MultipageSectionSidebarNavLink(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: "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 MultipageSection$1 = "_MultipageSection_1opeu_4";
 const container = "_container_1opeu_14";
@@ -109,86 +116,102 @@ const styles = {
 };
 function MultipageSection(props) {
   const { children } = props;
-  return React.createElement("section", {
-    className: styles.MultipageSection
-  }, children);
+  return jsxRuntime.jsx("section", {
+    className: styles.MultipageSection,
+    children
+  });
 }
 function MultipageSectionContainer(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles.container
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: styles.container,
+    children
+  });
 }
 function MultipageSectionSplitContainer(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles.splitContainer
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: styles.splitContainer,
+    children
+  });
 }
 function MultipageSectionSidebar(props) {
   const { children } = props;
-  return React.createElement("div", {
+  return jsxRuntime.jsx("div", {
     role: "region",
-    className: styles.sidebar
-  }, children);
+    className: styles.sidebar,
+    children
+  });
 }
 function MultipageSectionBrandHeader(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles.brandHeader
-  }, React.createElement(HorizontalStack.HorizontalStack, {
-    gap: "2",
-    blockAlign: "center"
-  }, children));
+  return jsxRuntime.jsx("div", {
+    className: styles.brandHeader,
+    children: jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
+      gap: "2",
+      blockAlign: "center",
+      children
+    })
+  });
 }
 function MultipageSectionBrandHeaderLogo(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles.brandLogo
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: styles.brandLogo,
+    children
+  });
 }
 function MultipageSectionBrandHeaderTitle(props) {
   const { children } = props;
-  return React.createElement(Text.Text, {
+  return jsxRuntime.jsx(Text.Text, {
     as: "h2",
     variant: "heading3",
-    color: "primary.800"
-  }, children);
+    color: "primary.800",
+    children
+  });
 }
 function MultipageSectionContent(props) {
   const { children } = props;
-  return React.createElement("div", {
-    className: styles.content
-  }, React.createElement(VerticalStack.VerticalStack, {
-    gap: "2"
-  }, children));
+  return jsxRuntime.jsx("div", {
+    className: styles.content,
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
+      gap: "2",
+      children
+    })
+  });
 }
 function MultipageSectionContentHeader(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 MultipageSectionContentTitle(props) {
   const { children, titleIcon } = props;
-  return React.createElement(React.Fragment, null, titleIcon ? React.createElement(HorizontalStack.HorizontalStack, {
-    gap: "1",
-    blockAlign: "center"
-  }, React.createElement(Icon.Icon, {
-    symbol: titleIcon,
-    size: "lg",
-    color: "primary.800"
-  }), React.createElement(Text.Text, {
-    as: "h3",
-    variant: "heading5",
-    color: "primary.800"
-  }, children)) : React.createElement(Text.Text, {
-    as: "h3",
-    variant: "heading5",
-    color: "primary.800"
-  }, children));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: titleIcon ? jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
+      gap: "1",
+      blockAlign: "center",
+      children: [jsxRuntime.jsx(Icon.Icon, {
+        symbol: titleIcon,
+        size: "lg",
+        color: "primary.800"
+      }), jsxRuntime.jsx(Text.Text, {
+        as: "h3",
+        variant: "heading5",
+        color: "primary.800",
+        children
+      })]
+    }) : jsxRuntime.jsx(Text.Text, {
+      as: "h3",
+      variant: "heading5",
+      color: "primary.800",
+      children
+    })
+  });
 }
 MultipageSection.Container = MultipageSectionContainer;
 MultipageSection.SplitContainer = MultipageSectionSplitContainer;

package/MultipageSection/index.mjs

@@ -17,11 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 { H as HorizontalStack } from "../__chunks__/HorizontalStack-CxE8tPx_.mjs";
-import { T as Text } from "../__chunks__/Text-YOL3isF4.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-C2yDQVHD.mjs";
-import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.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";
@@ -52,21 +53,25 @@ function MultipageSectionSidebarNav(props) {
       selectedHref
     };
   }, [selectedHref]);
-  return React__default.createElement(SidebarNavContext.Provider, {
-    value: context
-  }, React__default.createElement(VerticalStack, {
-    as: "nav",
-    gap: "2"
-  }, children));
+  return jsx(SidebarNavContext.Provider, {
+    value: context,
+    children: jsx(VerticalStack, {
+      as: "nav",
+      gap: "2",
+      children
+    })
+  });
 }
 function MultipageSectionSidebarNavSection(props) {
   const { title, children } = props;
-  return React__default.createElement(VerticalStack, {
+  return jsxs(VerticalStack, {
     gap: "2",
-    inlineAlign: "start"
-  }, React__default.createElement(Text, {
-    variant: "overline"
-  }, title), children);
+    inlineAlign: "start",
+    children: [jsx(Text, {
+      variant: "overline",
+      children: title
+    }), children]
+  });
 }
 function MultipageSectionSidebarNavLink(props) {
   const { href, iconSymbol, children } = props;
@@ -77,17 +82,19 @@ 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 React__default.createElement("a", __spreadProps(__spreadValues({
+  return jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
-    "aria-current": isSelected ? "page" : void 0
-  }), React__default.createElement(Icon, {
-    symbol: iconSymbol
-  }), React__default.createElement(Text, {
-    variant: "body2",
-    weight: isSelected ? "semibold" : void 0
-  }, children));
+    "aria-current": isSelected ? "page" : void 0,
+    children: [jsx(Icon, {
+      symbol: iconSymbol
+    }), jsx(Text, {
+      variant: "body2",
+      weight: isSelected ? "semibold" : void 0,
+      children
+    })]
+  }));
 }
 const MultipageSection$1 = "_MultipageSection_1opeu_4";
 const container = "_container_1opeu_14";
@@ -107,86 +114,102 @@ const styles = {
 };
 function MultipageSection(props) {
   const { children } = props;
-  return React__default.createElement("section", {
-    className: styles.MultipageSection
-  }, children);
+  return jsx("section", {
+    className: styles.MultipageSection,
+    children
+  });
 }
 function MultipageSectionContainer(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles.container
-  }, children);
+  return jsx("div", {
+    className: styles.container,
+    children
+  });
 }
 function MultipageSectionSplitContainer(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles.splitContainer
-  }, children);
+  return jsx("div", {
+    className: styles.splitContainer,
+    children
+  });
 }
 function MultipageSectionSidebar(props) {
   const { children } = props;
-  return React__default.createElement("div", {
+  return jsx("div", {
     role: "region",
-    className: styles.sidebar
-  }, children);
+    className: styles.sidebar,
+    children
+  });
 }
 function MultipageSectionBrandHeader(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles.brandHeader
-  }, React__default.createElement(HorizontalStack, {
-    gap: "2",
-    blockAlign: "center"
-  }, children));
+  return jsx("div", {
+    className: styles.brandHeader,
+    children: jsx(HorizontalStack, {
+      gap: "2",
+      blockAlign: "center",
+      children
+    })
+  });
 }
 function MultipageSectionBrandHeaderLogo(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles.brandLogo
-  }, children);
+  return jsx("div", {
+    className: styles.brandLogo,
+    children
+  });
 }
 function MultipageSectionBrandHeaderTitle(props) {
   const { children } = props;
-  return React__default.createElement(Text, {
+  return jsx(Text, {
     as: "h2",
     variant: "heading3",
-    color: "primary.800"
-  }, children);
+    color: "primary.800",
+    children
+  });
 }
 function MultipageSectionContent(props) {
   const { children } = props;
-  return React__default.createElement("div", {
-    className: styles.content
-  }, React__default.createElement(VerticalStack, {
-    gap: "2"
-  }, children));
+  return jsx("div", {
+    className: styles.content,
+    children: jsx(VerticalStack, {
+      gap: "2",
+      children
+    })
+  });
 }
 function MultipageSectionContentHeader(props) {
   const { children } = props;
-  return React__default.createElement(HorizontalStack, {
+  return jsx(HorizontalStack, {
     as: "header",
     blockAlign: "center",
-    align: "space-between"
-  }, children);
+    align: "space-between",
+    children
+  });
 }
 function MultipageSectionContentTitle(props) {
   const { children, titleIcon } = props;
-  return React__default.createElement(React__default.Fragment, null, titleIcon ? React__default.createElement(HorizontalStack, {
-    gap: "1",
-    blockAlign: "center"
-  }, React__default.createElement(Icon, {
-    symbol: titleIcon,
-    size: "lg",
-    color: "primary.800"
-  }), React__default.createElement(Text, {
-    as: "h3",
-    variant: "heading5",
-    color: "primary.800"
-  }, children)) : React__default.createElement(Text, {
-    as: "h3",
-    variant: "heading5",
-    color: "primary.800"
-  }, children));
+  return jsx(Fragment, {
+    children: titleIcon ? jsxs(HorizontalStack, {
+      gap: "1",
+      blockAlign: "center",
+      children: [jsx(Icon, {
+        symbol: titleIcon,
+        size: "lg",
+        color: "primary.800"
+      }), jsx(Text, {
+        as: "h3",
+        variant: "heading5",
+        color: "primary.800",
+        children
+      })]
+    }) : jsx(Text, {
+      as: "h3",
+      variant: "heading5",
+      color: "primary.800",
+      children
+    })
+  });
 }
 MultipageSection.Container = MultipageSectionContainer;
 MultipageSection.SplitContainer = MultipageSectionSplitContainer;