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

package/PlanCard/index.js

@@ -31,12 +31,12 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const Card = require("../__chunks__/Card-DIZFYg6E.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
-const VerticalStack = require("../__chunks__/VerticalStack-CunLpHRv.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-_YQekhlm.js");
+const Card = require("../__chunks__/Card-LPIW5drP.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const VerticalStack = require("../__chunks__/VerticalStack-BHkiocKU.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
 const useHover = require("../__chunks__/useHover-Ck1otl-j.js");
 const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
 const useLink = require("../__chunks__/useLink-CChqhQkC.js");
@@ -52,7 +52,7 @@ const styles = {
 };
 function PlanCard(props) {
   const _a = props, { children } = _a, cardProps = __objRest(_a, ["children"]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Card.Card, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(Card.Card, __spreadProps(__spreadValues({
     variant: "outlined",
     background: "neutral.000",
     borderColor: "neutral.200",
@@ -60,7 +60,7 @@ function PlanCard(props) {
     paddingY: "2",
     paddingX: "4"
   }, cardProps), {
-    children: jsxRuntime.jsxRuntimeExports.jsx(VerticalStack.VerticalStack, {
+    children: jsxRuntime.jsx(VerticalStack.VerticalStack, {
       gap: "3",
       children
     })
@@ -71,7 +71,7 @@ function PlanCardLink(_a) {
   const ref = React.useRef(null);
   const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
   const { linkProps } = useLink.$298d61e98472621b$export$dcf14c9974fe2767(props, ref);
-  return jsxRuntime.jsxRuntimeExports.jsx("a", __spreadProps(__spreadValues({
+  return jsxRuntime.jsx("a", __spreadProps(__spreadValues({
     ref,
     className: styles.link
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), {
@@ -83,7 +83,7 @@ function PlanCardLink(_a) {
 function PlanCardButton(_c) {
   var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
   const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({});
-  return jsxRuntime.jsxRuntimeExports.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
     className: styles.button
   }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, props)), {
     children: typeof children === "function" ? children({
@@ -92,21 +92,21 @@ function PlanCardButton(_c) {
   }));
 }
 function PlanCardHeader({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsx(VerticalStack.VerticalStack, {
+  return jsxRuntime.jsx(VerticalStack.VerticalStack, {
     gap: "0.5",
     inlineAlign: "center",
     children
   });
 }
 function PlanCardCallout({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles.callout,
     children
   });
 }
 function PlanCardTitle(_e) {
   var _f = _e, { children } = _f, textProps = __objRest(_f, ["children"]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
     as: "h3",
     variant: "heading5",
     color: "neutral.600"
@@ -116,7 +116,7 @@ function PlanCardTitle(_e) {
 }
 function PlanCardPrice(_g) {
   var _h = _g, { children } = _h, textProps = __objRest(_h, ["children"]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
     variant: "heading2",
     weight: "normal",
     color: "neutral.800",
@@ -127,7 +127,7 @@ function PlanCardPrice(_g) {
 }
 function PlanCardCaption(_i) {
   var _j = _i, { children } = _j, textProps = __objRest(_j, ["children"]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
     variant: "caption",
     color: "primary.800"
   }, textProps), {
@@ -135,7 +135,7 @@ function PlanCardCaption(_i) {
   }));
 }
 function PlanCardFeatures({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsx(VerticalStack.VerticalStack, {
+  return jsxRuntime.jsx(VerticalStack.VerticalStack, {
     gap: "1",
     inlineAlign: "center",
     children
@@ -143,7 +143,7 @@ function PlanCardFeatures({ children }) {
 }
 function PlanCardFeature(_k) {
   var _l = _k, { children } = _l, textProps = __objRest(_l, ["children"]);
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
     variant: "body2",
     color: "primary.800"
   }, textProps), {
@@ -151,7 +151,7 @@ function PlanCardFeature(_k) {
   }));
 }
 function PlanCardIllustration({ children }) {
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles.illustration,
     children
   });

package/PlanCard/index.mjs

@@ -29,12 +29,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
+import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { C as Card } from "../__chunks__/Card-8778avMv.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-Cbdpucbh.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-BCg7eEyP.mjs";
+import { C as Card } from "../__chunks__/Card-BgjWYPVY.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-DoMqBfYD.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-FWU5y5-k.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
 import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-y6WGv96n.mjs";
@@ -50,7 +50,7 @@ const styles = {
 };
 function PlanCard(props) {
   const _a = props, { children } = _a, cardProps = __objRest(_a, ["children"]);
-  return jsxRuntimeExports.jsx(Card, __spreadProps(__spreadValues({
+  return jsx(Card, __spreadProps(__spreadValues({
     variant: "outlined",
     background: "neutral.000",
     borderColor: "neutral.200",
@@ -58,7 +58,7 @@ function PlanCard(props) {
     paddingY: "2",
     paddingX: "4"
   }, cardProps), {
-    children: jsxRuntimeExports.jsx(VerticalStack, {
+    children: jsx(VerticalStack, {
       gap: "3",
       children
     })
@@ -69,7 +69,7 @@ function PlanCardLink(_a) {
   const ref = useRef(null);
   const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const { linkProps } = $298d61e98472621b$export$dcf14c9974fe2767(props, ref);
-  return jsxRuntimeExports.jsx("a", __spreadProps(__spreadValues({
+  return jsx("a", __spreadProps(__spreadValues({
     ref,
     className: styles.link
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, linkProps)), {
@@ -81,7 +81,7 @@ function PlanCardLink(_a) {
 function PlanCardButton(_c) {
   var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
   const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({});
-  return jsxRuntimeExports.jsx(UnstyledButton, __spreadProps(__spreadValues({
+  return jsx(UnstyledButton, __spreadProps(__spreadValues({
     className: styles.button
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, props)), {
     children: typeof children === "function" ? children({
@@ -90,21 +90,21 @@ function PlanCardButton(_c) {
   }));
 }
 function PlanCardHeader({ children }) {
-  return jsxRuntimeExports.jsx(VerticalStack, {
+  return jsx(VerticalStack, {
     gap: "0.5",
     inlineAlign: "center",
     children
   });
 }
 function PlanCardCallout({ children }) {
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.callout,
     children
   });
 }
 function PlanCardTitle(_e) {
   var _f = _e, { children } = _f, textProps = __objRest(_f, ["children"]);
-  return jsxRuntimeExports.jsx(Text, __spreadProps(__spreadValues({
+  return jsx(Text, __spreadProps(__spreadValues({
     as: "h3",
     variant: "heading5",
     color: "neutral.600"
@@ -114,7 +114,7 @@ function PlanCardTitle(_e) {
 }
 function PlanCardPrice(_g) {
   var _h = _g, { children } = _h, textProps = __objRest(_h, ["children"]);
-  return jsxRuntimeExports.jsx(Text, __spreadProps(__spreadValues({
+  return jsx(Text, __spreadProps(__spreadValues({
     variant: "heading2",
     weight: "normal",
     color: "neutral.800",
@@ -125,7 +125,7 @@ function PlanCardPrice(_g) {
 }
 function PlanCardCaption(_i) {
   var _j = _i, { children } = _j, textProps = __objRest(_j, ["children"]);
-  return jsxRuntimeExports.jsx(Text, __spreadProps(__spreadValues({
+  return jsx(Text, __spreadProps(__spreadValues({
     variant: "caption",
     color: "primary.800"
   }, textProps), {
@@ -133,7 +133,7 @@ function PlanCardCaption(_i) {
   }));
 }
 function PlanCardFeatures({ children }) {
-  return jsxRuntimeExports.jsx(VerticalStack, {
+  return jsx(VerticalStack, {
     gap: "1",
     inlineAlign: "center",
     children
@@ -141,7 +141,7 @@ function PlanCardFeatures({ children }) {
 }
 function PlanCardFeature(_k) {
   var _l = _k, { children } = _l, textProps = __objRest(_l, ["children"]);
-  return jsxRuntimeExports.jsx(Text, __spreadProps(__spreadValues({
+  return jsx(Text, __spreadProps(__spreadValues({
     variant: "body2",
     color: "primary.800"
   }, textProps), {
@@ -149,7 +149,7 @@ function PlanCardFeature(_k) {
   }));
 }
 function PlanCardIllustration({ children }) {
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.illustration,
     children
   });

package/ProductLayout/index.js

@@ -31,20 +31,20 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../__chunks__/jsx-runtime-CH1d66I3.js");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Menu = require("../__chunks__/Menu-OacI_98l.js");
-const Button = require("../__chunks__/Button-C3vDXJsJ.js");
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-_YQekhlm.js");
+const Button = require("../__chunks__/Button-CQdi4TMV.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
 const utilities_css = require("../utilities/css.js");
-const HelpMenu = require("../__chunks__/HelpMenu-DBo_fklD.js");
+const HelpMenu = require("../__chunks__/HelpMenu-C2t8KQuU.js");
 const tokens = require("../__chunks__/tokens-CJGKzS0r.js");
 const useModalOverlay = require("../__chunks__/useModalOverlay-C4Gci3MA.js");
 const Overlay = require("../__chunks__/Overlay-BNP_t3v4.js");
 const useDialog = require("../__chunks__/useDialog-uxNR0maK.js");
-const TabNav = require("../__chunks__/TabNav-CLVG0bL2.js");
+const TabNav = require("../__chunks__/TabNav-bVgyfEV7.js");
 const useOverlayTrigger = require("../__chunks__/useOverlayTrigger-DP9RbCAF.js");
 const ProductLayout$1 = "_ProductLayout_1orpb_4";
 const body = "_body_1orpb_10";
@@ -54,7 +54,7 @@ const styles$4 = {
 };
 function ProductLayoutContent(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("main", {
+  return jsxRuntime.jsx("main", {
     className: styles$4.content,
     children
   });
@@ -79,11 +79,11 @@ function LayoutScreenSizeRenderer(props) {
       mediaQueries.removeEventListener("change", handleChange);
     };
   }, [onChange]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx("div", {
       className: styles$3.largeScreen,
       children: renderOnLargeScreen()
-    }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+    }), jsxRuntime.jsx("div", {
       className: styles$3.smallScreen,
       children: renderOnSmallScreen()
     })]
@@ -116,45 +116,45 @@ const styles$2 = {
   actions
 };
 function ProductLayoutHeader(props) {
-  return jsxRuntime.jsxRuntimeExports.jsx("header", {
-    children: jsxRuntime.jsxRuntimeExports.jsx(LayoutScreenSizeRenderer, {
-      renderOnLargeScreen: () => jsxRuntime.jsxRuntimeExports.jsx(LargeScreenHeader, __spreadValues({}, props)),
-      renderOnSmallScreen: () => jsxRuntime.jsxRuntimeExports.jsx(SmallScreenHeader, __spreadValues({}, props))
+  return jsxRuntime.jsx("header", {
+    children: jsxRuntime.jsx(LayoutScreenSizeRenderer, {
+      renderOnLargeScreen: () => jsxRuntime.jsx(LargeScreenHeader, __spreadValues({}, props)),
+      renderOnSmallScreen: () => jsxRuntime.jsx(SmallScreenHeader, __spreadValues({}, props))
     })
   });
 }
 function SmallScreenHeader(props) {
   const { helpMenuItems, onHelpMenuAction, primaryAction, renderSmallScreenLogo, title } = props;
   const { sidebarTriggerProps } = useProductLayout();
-  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+  return jsxRuntime.jsxs("div", {
     className: utilities_css.classNames(styles$2.ProductLayoutHeader, styles$2.smallScreen),
-    children: [jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    children: [jsxRuntime.jsxs("div", {
       className: styles$2.smallScreenTopBar,
-      children: [jsxRuntime.jsxRuntimeExports.jsxs("div", {
+      children: [jsxRuntime.jsxs("div", {
         className: styles$2.logoMenu,
-        children: [jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
+        children: [jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({
           className: styles$2.logoMenuBtn
         }, sidebarTriggerProps), {
-          children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+          children: [jsxRuntime.jsx(Icon.Icon, {
             symbol: Menu.Menu
-          }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+          }), jsxRuntime.jsx(Text.Text, {
             visuallyHidden: true,
             children: "Menu"
           })]
         })), renderSmallScreenLogo()]
-      }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+      }), jsxRuntime.jsx("div", {
         className: styles$2.actions,
-        children: primaryAction ? jsxRuntime.jsxRuntimeExports.jsx(Button.Button, {
+        children: primaryAction ? jsxRuntime.jsx(Button.Button, {
           size: "sm",
           onPress: primaryAction.onAction,
           isDisabled: primaryAction.isDisabled,
           children: primaryAction.content
-        }) : jsxRuntime.jsxRuntimeExports.jsx(HelpMenu.HelpMenu, {
+        }) : jsxRuntime.jsx(HelpMenu.HelpMenu, {
           items: helpMenuItems,
           onAction: onHelpMenuAction
         })
       })]
-    }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    }), jsxRuntime.jsx(Text.Text, {
       as: "h2",
       variant: "heading4",
       children: title
@@ -163,24 +163,24 @@ function SmallScreenHeader(props) {
 }
 function LargeScreenHeader(props) {
   const { helpMenuItems, onHelpMenuAction, primaryAction, secondaryAction, title } = props;
-  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+  return jsxRuntime.jsxs("div", {
     className: utilities_css.classNames(styles$2.ProductLayoutHeader, styles$2.largeScreen),
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       as: "h2",
       variant: "heading4",
       children: title
-    }), jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    }), jsxRuntime.jsxs("div", {
       className: styles$2.actions,
-      children: [jsxRuntime.jsxRuntimeExports.jsx(HelpMenu.HelpMenu, {
+      children: [jsxRuntime.jsx(HelpMenu.HelpMenu, {
         items: helpMenuItems,
         onAction: onHelpMenuAction
-      }), (primaryAction || secondaryAction) && jsxRuntime.jsxRuntimeExports.jsx(ActionDivider, {}), secondaryAction && jsxRuntime.jsxRuntimeExports.jsx(Button.Button, {
+      }), (primaryAction || secondaryAction) && jsxRuntime.jsx(ActionDivider, {}), secondaryAction && jsxRuntime.jsx(Button.Button, {
         variant: "outlined",
         color: "support",
         onPress: secondaryAction.onAction,
         isDisabled: secondaryAction.isDisabled,
         children: secondaryAction.content
-      }), primaryAction && jsxRuntime.jsxRuntimeExports.jsx(Button.Button, {
+      }), primaryAction && jsxRuntime.jsx(Button.Button, {
         onPress: primaryAction.onAction,
         isDisabled: primaryAction.isDisabled,
         children: primaryAction.content
@@ -189,7 +189,7 @@ function LargeScreenHeader(props) {
   });
 }
 function ActionDivider() {
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles$2.divider
   });
 }
@@ -208,17 +208,17 @@ function ProductLayoutSidebar(props) {
       sidebarTriggerState.close();
     }
   }, [sidebarTriggerState]);
-  return jsxRuntime.jsxRuntimeExports.jsx(LayoutScreenSizeRenderer, {
+  return jsxRuntime.jsx(LayoutScreenSizeRenderer, {
     onChange: handleScreenSizeChange,
-    renderOnLargeScreen: () => jsxRuntime.jsxRuntimeExports.jsx(LargeScreenSidebar, __spreadValues({}, props)),
-    renderOnSmallScreen: () => jsxRuntime.jsxRuntimeExports.jsx(SmallScreenSidebar, __spreadValues({}, props))
+    renderOnLargeScreen: () => jsxRuntime.jsx(LargeScreenSidebar, __spreadValues({}, props)),
+    renderOnSmallScreen: () => jsxRuntime.jsx(SmallScreenSidebar, __spreadValues({}, props))
   });
 }
 function LargeScreenSidebar(props) {
   const { children } = props;
   const { sidebarTriggerState } = useProductLayout();
   const className = utilities_css.classNames(styles$1.ProductLayoutSidebar, sidebarTriggerState.isOpen && styles$1.open);
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     role: "region",
     "aria-label": "Sidebar",
     className,
@@ -228,8 +228,8 @@ function LargeScreenSidebar(props) {
 function SmallScreenSidebar(props) {
   const { children } = props;
   const { sidebarTriggerState } = useProductLayout();
-  return sidebarTriggerState.isOpen ? jsxRuntime.jsxRuntimeExports.jsx(DialogSidebarOverlay, {
-    children: jsxRuntime.jsxRuntimeExports.jsx(DialogSidebar, {
+  return sidebarTriggerState.isOpen ? jsxRuntime.jsx(DialogSidebarOverlay, {
+    children: jsxRuntime.jsx(DialogSidebar, {
       children
     })
   }) : null;
@@ -242,7 +242,7 @@ function DialogSidebar(props) {
     "aria-label": "Sidebar"
   }, ref);
   const className = utilities_css.classNames(styles$1.ProductLayoutSidebar, styles$1.open);
-  return jsxRuntime.jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
+  return jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, dialogProps), {
     ref,
     className,
     children
@@ -257,12 +257,12 @@ function DialogSidebarOverlay(props) {
     isDismissable: true,
     isKeyboardDismissDisabled: false
   }, sidebarTriggerState, ref);
-  return jsxRuntime.jsxRuntimeExports.jsx(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
+  return jsxRuntime.jsx(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
     portalContainer: (_a = layoutContainerRef.current) != null ? _a : void 0,
-    children: jsxRuntime.jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({
+    children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({
       className: styles$1.overlay
     }, underlayProps), {
-      children: jsxRuntime.jsxRuntimeExports.jsx("div", __spreadProps(__spreadValues({
+      children: jsxRuntime.jsx("div", __spreadProps(__spreadValues({
         ref
       }, modalProps), {
         children
@@ -276,11 +276,11 @@ const styles = {
 };
 function ProductLayoutTabbedContent(props) {
   const _a = props, { children, tabs } = _a, tabNavProps = __objRest(_a, ["children", "tabs"]);
-  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+  return jsxRuntime.jsxs("div", {
     className: styles.ProductLayoutTabbedContent,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(TabNav.TabNav, __spreadProps(__spreadValues({}, tabNavProps), {
+    children: [jsxRuntime.jsx(TabNav.TabNav, __spreadProps(__spreadValues({}, tabNavProps), {
       children: tabs
-    })), jsxRuntime.jsxRuntimeExports.jsx("main", {
+    })), jsxRuntime.jsx("main", {
       children
     })]
   });
@@ -300,12 +300,12 @@ function ProductLayout(props) {
       sidebarOverlayProps: overlayProps
     };
   }, [state, triggerProps, overlayProps]);
-  return jsxRuntime.jsxRuntimeExports.jsx(ProductLayoutContext.Provider, {
+  return jsxRuntime.jsx(ProductLayoutContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+    children: jsxRuntime.jsxs("div", {
       className: styles$4.ProductLayout,
       ref: layoutContainerRef,
-      children: [sidebar, jsxRuntime.jsxRuntimeExports.jsxs("div", {
+      children: [sidebar, jsxRuntime.jsxs("div", {
         className: styles$4.body,
         children: [header, content]
       })]