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

package/ForgeLayout/index.js

@@ -31,27 +31,27 @@ 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 utilities_css = require("../utilities/css.js");
 const Button = require("../__chunks__/Button-BpQFyL49.js");
-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 Dialog = require("../__chunks__/Dialog-iU9BJB0o.js");
 const ArrowBack = require("../__chunks__/ArrowBack-C_LSatif.js");
 const Search = require("../__chunks__/Search-BY7IgEyX.js");
 const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
-const UnstyledButton = require("../__chunks__/UnstyledButton-_YQekhlm.js");
-const RadioGroup = require("../__chunks__/RadioGroup-BFqH1Csi.js");
-const TextField = require("../__chunks__/TextField-DE1vPtQm.js");
+const UnstyledButton = require("../__chunks__/UnstyledButton-DW8CjaXN.js");
+const RadioGroup = require("../__chunks__/RadioGroup-BiCqtR0F.js");
+const TextField = require("../__chunks__/TextField-DKQVJPP_.js");
 const utilities_react = require("../utilities/react.js");
 const button = "_button_1sch8_4";
 const focused$1 = "_focused_1sch8_25";
@@ -71,7 +71,7 @@ const styles$4 = {
 };
 function ForgeLayoutActions(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     wrap: false,
     gap: "1",
     align: "end",
@@ -87,19 +87,19 @@ function ForgeLayoutMenuAction(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()
         })]
@@ -114,17 +114,17 @@ function ForgeLayoutLinkAction(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()
     })]
@@ -134,17 +134,17 @@ function ForgeLayoutButtonAction(props) {
   const _a = props, { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = _a, buttonProps = __objRest(_a, ["accessibilityLabel", "iconSymbol", "renderBadge", "isSelected"]);
   const ref = React.useRef(null);
   const className = utilities_css.classNames(styles$4.button, isSelected && styles$4.selected);
-  return jsxRuntime.jsxRuntimeExports.jsxs(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
     ref,
     className,
     "aria-current": isSelected ? "true" : void 0
   }, buttonProps), {
-    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()
     })]
@@ -152,14 +152,14 @@ function ForgeLayoutButtonAction(props) {
 }
 function ForgeLayoutActionBadge(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)
   }));
@@ -196,26 +196,26 @@ function ForgeLayoutNav(props) {
   if (navState === "collapsed") {
     return null;
   }
-  return jsxRuntime.jsxRuntimeExports.jsx(ForgeLayoutNavContext.Provider, {
+  return jsxRuntime.jsx(ForgeLayoutNavContext.Provider, {
     value: context,
-    children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: jsxRuntime.jsx("div", {
       className: styles$3.nav,
-      children: jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+      children: jsxRuntime.jsxs(VerticalStack.VerticalStack, {
         as: "nav",
         "aria-label": title,
         gap: "1",
         inlineAlign: "start",
-        children: [jsxRuntime.jsxRuntimeExports.jsx(Logo, {}), children]
+        children: [jsxRuntime.jsx(Logo, {}), children]
       })
     })
   });
 }
 function ForgeLayoutNavSection(props) {
   const { title, children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+  return jsxRuntime.jsxs(VerticalStack.VerticalStack, {
     gap: "1",
     inlineAlign: "start",
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: [jsxRuntime.jsx(Text.Text, {
       variant: "overline",
       color: "primary.600",
       children: title
@@ -231,69 +231,69 @@ function ForgeLayoutNavLink(props) {
   const { hoverProps, isHovered } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
   const isSelected = href === selectedHref;
   const className = utilities_css.classNames(styles$3.link, isFocusVisible && styles$3.focused, isHovered && styles$3.hovered, isSelected && styles$3.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",
       children
     })]
   }));
 }
 function Logo() {
-  return jsxRuntime.jsxRuntimeExports.jsxs("svg", {
+  return jsxRuntime.jsxs("svg", {
     width: "95",
     height: "24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: [jsxRuntime.jsxRuntimeExports.jsxs("g", {
+    children: [jsxRuntime.jsxs("g", {
       clipPath: "url(#clip0_1141_3360)",
-      children: [jsxRuntime.jsxRuntimeExports.jsx("path", {
+      children: [jsxRuntime.jsx("path", {
         d: "M21.036 17.22v-1.548l-10.037 5.851a.919.919 0 0 1-.927 0l-4.786-2.79v-2.448l4.786 2.79c.287.167.64.167.927 0l10.037-5.85v-2.448l-10.037 5.85a.919.919 0 0 1-.927 0l-4.786-2.79V11.39l4.786 2.79c.287.167.64.167.927 0l10.037-5.851V6.78a1.56 1.56 0 0 0-.772-1.35L11.308.209a1.528 1.528 0 0 0-1.543 0L.808 5.43a1.56 1.56 0 0 0-.772 1.35v10.44c0 .557.294 1.072.772 1.35l8.956 5.22a1.528 1.528 0 0 0 1.543 0l8.956-5.22a1.56 1.56 0 0 0 .772-1.35h.001z",
         fill: "url(#paint0_linear_1141_3360)"
-      }), jsxRuntime.jsxRuntimeExports.jsx("path", {
+      }), jsxRuntime.jsx("path", {
         d: "M33.126 8.058v2.762h3.907v1.788h-3.907v4.725H31V6.16h6.868v1.9h-4.742zm20.575 3.689c0 3.384-2.678 5.746-5.703 5.746-3.024 0-5.702-2.362-5.702-5.746C42.296 8.363 44.974 6 47.998 6c3.025 0 5.703 2.363 5.703 5.747zm-2.158 0c0-2.203-1.622-3.784-3.545-3.784-1.922 0-3.56 1.58-3.56 3.784 0 2.204 1.622 3.784 3.56 3.784 1.939 0 3.545-1.58 3.545-3.784zm13.642 5.586l-2.457-3.8h-1.827v3.8h-2.064V6.16h3.797c2.473 0 4.033 1.532 4.033 3.752 0 1.548-.757 2.698-2.048 3.257l2.757 4.167h-2.19l-.001-.002zm-4.286-5.604h1.622c1.245 0 2.08-.543 2.08-1.82 0-1.276-.835-1.82-2.08-1.82H60.9v3.64zm16.134 5.764c-3.089 0-5.702-2.362-5.702-5.746C71.33 8.363 74.008 6 77.033 6c1.434 0 2.725.48 3.685 1.324l-1.244 1.437c-.63-.48-1.465-.798-2.316-.798-2.064 0-3.687 1.58-3.687 3.784 0 2.204 1.544 3.784 3.592 3.784 1.528 0 2.71-.67 3.008-2.427h-2.756v-1.74h4.648c.457 3.816-1.986 6.13-4.932 6.13h.002zM94 15.402v1.932h-6.868V6.16h6.727v1.931h-4.664v2.682h3.545v1.883h-3.545v2.746H94z",
         fill: "#061340"
       })]
-    }), jsxRuntime.jsxRuntimeExports.jsxs("defs", {
-      children: [jsxRuntime.jsxRuntimeExports.jsxs("linearGradient", {
+    }), jsxRuntime.jsxs("defs", {
+      children: [jsxRuntime.jsxs("linearGradient", {
         id: "paint0_linear_1141_3360",
         x1: "2.381",
         y1: "20.234",
         x2: "18.847",
         y2: "3.923",
         gradientUnits: "userSpaceOnUse",
-        children: [jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        children: [jsxRuntime.jsx("stop", {
           stopColor: "#BC4543"
-        }), jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        }), jsxRuntime.jsx("stop", {
           offset: ".5",
           stopColor: "#F95C59"
-        }), jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        }), jsxRuntime.jsx("stop", {
           offset: ".59",
           stopColor: "#F86059"
-        }), jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        }), jsxRuntime.jsx("stop", {
           offset: ".68",
           stopColor: "#F86C59"
-        }), jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        }), jsxRuntime.jsx("stop", {
           offset: ".78",
           stopColor: "#F7815A"
-        }), jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        }), jsxRuntime.jsx("stop", {
           offset: ".87",
           stopColor: "#F69E5B"
-        }), jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        }), jsxRuntime.jsx("stop", {
           offset: ".97",
           stopColor: "#F4C35D"
-        }), jsxRuntime.jsxRuntimeExports.jsx("stop", {
+        }), jsxRuntime.jsx("stop", {
           offset: "1",
           stopColor: "#F4D35E"
         })]
-      }), jsxRuntime.jsxRuntimeExports.jsx("clipPath", {
+      }), jsxRuntime.jsx("clipPath", {
         id: "clip0_1141_3360",
-        children: jsxRuntime.jsxRuntimeExports.jsx("path", {
+        children: jsxRuntime.jsx("path", {
           fill: "#fff",
           d: "M0 0H95V24H0z"
         })
@@ -317,13 +317,13 @@ const useForgeLayoutHeader = () => {
 };
 function ForgeLayoutHeader(props) {
   const { areControlsGrouped = true, children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(ForgeLayoutHeaderContext.Provider, {
+  return jsxRuntime.jsx(ForgeLayoutHeaderContext.Provider, {
     value: {
       areControlsGrouped
     },
-    children: jsxRuntime.jsxRuntimeExports.jsxs("header", {
+    children: jsxRuntime.jsxs("header", {
       className: styles$2.header,
-      children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+      children: [jsxRuntime.jsx("div", {
         className: styles$2.headerBg
       }), children]
     })
@@ -360,11 +360,11 @@ function ForgeLayoutControls(props) {
   if (navState !== visibleWhenNavStateIs) {
     return null;
   }
-  return jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
-    children: areControlsGrouped ? jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: areControlsGrouped ? jsxRuntime.jsx("div", {
       className: styles$1.controls,
       children
-    }) : jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {
+    }) : jsxRuntime.jsx(jsxRuntime.Fragment, {
       children
     })
   });
@@ -383,12 +383,12 @@ function ForgeLayoutBreadcrumbsNavigation(props) {
       breadcrumbs: breadcrumbs2
     };
   }, [children]);
-  return jsxRuntime.jsxRuntimeExports.jsxs("div", {
+  return jsxRuntime.jsxs("div", {
     className: styles$1.breadcrumbNavigationContainer,
-    children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: [jsxRuntime.jsx("div", {
       className: styles$1.backButtonContainer,
       children: backButton2
-    }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+    }), jsxRuntime.jsx("div", {
       className: styles$1.breadcrumbsContainer,
       children: breadcrumbs
     })]
@@ -396,12 +396,12 @@ function ForgeLayoutBreadcrumbsNavigation(props) {
 }
 function ForgeLayoutBackButton(props) {
   const _a = props, { children } = _a, restButtonProps = __objRest(_a, ["children"]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, restButtonProps), {
+  return jsxRuntime.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, restButtonProps), {
     className: styles$1.backButton,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+    children: [jsxRuntime.jsx(Icon.Icon, {
       symbol: ArrowBack.ArrowBack,
       size: "sm"
-    }), jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    }), jsxRuntime.jsx(Text.Text, {
       variant: "subtitle1",
       children
     })]
@@ -410,17 +410,17 @@ function ForgeLayoutBackButton(props) {
 function ForgeLayoutBreadcrumbs(props) {
   const { children } = props;
   const breadcrumbs = React.useMemo(() => utilities_react.flattenChildren(children), [children]);
-  return jsxRuntime.jsxRuntimeExports.jsx(HorizontalStack.HorizontalStack, {
+  return jsxRuntime.jsx(HorizontalStack.HorizontalStack, {
     blockAlign: "center",
     gap: "0.5",
     children: breadcrumbs.map((breadcrumb, idx) => {
       if (idx === 0) {
-        return jsxRuntime.jsxRuntimeExports.jsx(React.Fragment, {
+        return jsxRuntime.jsx(React.Fragment, {
           children: breadcrumb
         }, idx);
       } else {
-        return jsxRuntime.jsxRuntimeExports.jsxs(React.Fragment, {
-          children: [jsxRuntime.jsxRuntimeExports.jsx(ForgeLayoutBreadcrumb, {
+        return jsxRuntime.jsxs(React.Fragment, {
+          children: [jsxRuntime.jsx(ForgeLayoutBreadcrumb, {
             children: ">"
           }, idx), breadcrumb]
         }, idx);
@@ -430,7 +430,7 @@ function ForgeLayoutBreadcrumbs(props) {
 }
 function ForgeLayoutBreadcrumb(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+  return jsxRuntime.jsx(Text.Text, {
     variant: "body1",
     color: "neutral.700",
     children
@@ -440,40 +440,40 @@ function ForgeLayoutModeSwitcher(props) {
   const { onModeChange } = props;
   const { mode } = useForgeLayout();
   const [isOpen, setIsOpen] = React.useState(false);
-  return jsxRuntime.jsxRuntimeExports.jsxs(Dialog.$de32f1b87079253c$export$2e1e1122cf0cba88, {
-    children: [jsxRuntime.jsxRuntimeExports.jsxs(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+  return jsxRuntime.jsxs(Dialog.$de32f1b87079253c$export$2e1e1122cf0cba88, {
+    children: [jsxRuntime.jsxs(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
       className: utilities_css.classNames(styles$1.trigger, isOpen && styles$1.triggerPopoverOpen),
       onPress: () => setIsOpen(true),
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      children: [jsxRuntime.jsx(Text.Text, {
         variant: "subtitle1",
         color: mode === "test" ? "warning.600" : "positive.600",
         truncate: true,
         children: mode === "test" ? TEST_MODE : PRODUCTION_MODE
-      }), jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      }), jsxRuntime.jsx(Icon.Icon, {
         symbol: ExpandMore400.ExpandMore400,
         size: "md",
         color: "neutral.500"
       })]
-    }), jsxRuntime.jsxRuntimeExports.jsx(Dialog.$07b14b47974efb58$export$5b6b19405a83ff9d, {
+    }), jsxRuntime.jsx(Dialog.$07b14b47974efb58$export$5b6b19405a83ff9d, {
       className: styles$1.popover,
       offset: POPOVER_OFFSET,
       crossOffset: POPOVER_CROSS_OFFSET,
       isOpen,
       onOpenChange: setIsOpen,
-      children: jsxRuntime.jsxRuntimeExports.jsx(Dialog.$de32f1b87079253c$export$3ddf2d174ce01153, {
-        children: jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
+      children: jsxRuntime.jsx(Dialog.$de32f1b87079253c$export$3ddf2d174ce01153, {
+        children: jsxRuntime.jsxs(VerticalStack.VerticalStack, {
           gap: "1",
-          children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+          children: [jsxRuntime.jsx(Text.Text, {
             variant: "subtitle1",
             color: "neutral.800",
             children: "Instance Switcher"
-          }), jsxRuntime.jsxRuntimeExports.jsxs(RadioGroup.RadioGroup, {
+          }), jsxRuntime.jsxs(RadioGroup.RadioGroup, {
             "aria-label": "Select a mode",
             onChange: onModeChange,
             value: mode,
-            children: [jsxRuntime.jsxRuntimeExports.jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
+            children: [jsxRuntime.jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
               value: "test"
-            }), jsxRuntime.jsxRuntimeExports.jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
+            }), jsxRuntime.jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
               value: "production"
             })]
           })]
@@ -486,17 +486,17 @@ function ForgeLayoutModeSwitcherRadioGroupItem(props) {
   const _a = props, { value } = _a, restProps = __objRest(_a, ["value"]);
   const state = RadioGroup.useRadioGroupContext();
   const isSelected = value === state.selectedValue;
-  return jsxRuntime.jsxRuntimeExports.jsx(RadioGroup.RadioGroup.Item, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(RadioGroup.RadioGroup.Item, __spreadProps(__spreadValues({
     value
   }, restProps), {
-    children: jsxRuntime.jsxRuntimeExports.jsxs(VerticalStack.VerticalStack, {
-      children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+    children: jsxRuntime.jsxs(VerticalStack.VerticalStack, {
+      children: [jsxRuntime.jsx(Text.Text, {
         variant: "subtitle2",
         color: isSelected ? "primary.800" : "primary.700",
         children: value === "test" ? TEST_MODE : PRODUCTION_MODE
-      }), jsxRuntime.jsxRuntimeExports.jsxs(Text.Text, {
+      }), jsxRuntime.jsxs(Text.Text, {
         variant: "overline",
-        children: ["View data using the", " ", jsxRuntime.jsxRuntimeExports.jsxs(Text.Text, {
+        children: ["View data using the", " ", jsxRuntime.jsxs(Text.Text, {
           color: value === "test" ? "warning.600" : "positive.600",
           children: [value === "test" ? TEST_MODE.toUpperCase() : PRODUCTION_MODE.toUpperCase(), " ", "API", " "]
         }), "keys"]
@@ -506,9 +506,9 @@ function ForgeLayoutModeSwitcherRadioGroupItem(props) {
 }
 function ForgeLayoutSearch(props) {
   const _a = props, { "aria-label": ariaLabel = "Search for content" } = _a, textFieldProps = __objRest(_a, ["aria-label"]);
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles$1.searchContainer,
-    children: jsxRuntime.jsxRuntimeExports.jsx(TextField.TextField, __spreadValues({
+    children: jsxRuntime.jsx(TextField.TextField, __spreadValues({
       size: "sm",
       type: "search",
       "aria-label": ariaLabel,
@@ -549,11 +549,11 @@ function ForgeLayout(props) {
       navState
     };
   }, [mode, navState]);
-  return jsxRuntime.jsxRuntimeExports.jsxs(ForgeLayoutContext.Provider, {
+  return jsxRuntime.jsxs(ForgeLayoutContext.Provider, {
     value: context,
-    children: [jsxRuntime.jsxRuntimeExports.jsx("div", {
+    children: [jsxRuntime.jsx("div", {
       className: bgClassName
-    }), jsxRuntime.jsxRuntimeExports.jsx("div", {
+    }), jsxRuntime.jsx("div", {
       className,
       children
     })]
@@ -561,14 +561,14 @@ function ForgeLayout(props) {
 }
 function ForgeLayoutBody(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles.body,
     children
   });
 }
 function ForgeLayoutContent(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("main", {
+  return jsxRuntime.jsx("main", {
     className: styles.content,
     children
   });