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

package/ForgeLayout/index.mjs

@@ -29,27 +29,27 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
-import React__default, { useState, useCallback, forwardRef, useRef, useMemo, useContext, createContext, Fragment } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { useState, useCallback, forwardRef, useRef, useMemo, useContext, createContext, Fragment as Fragment$1 } from "react";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../__chunks__/Button-B4DxcTvZ.mjs";
-import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
-import { I as Icon } from "../__chunks__/Icon-DzTns8u5.mjs";
-import { M as Menu } from "../__chunks__/Menu-C2F4fvhd.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
+import { I as Icon } from "../__chunks__/Icon-BIpaQJ_I.mjs";
+import { M as Menu } from "../__chunks__/Menu-Ci1FGh8B.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-BWKhJSvH.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/mergeProps-COnPag8r.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-FWU5y5-k.mjs";
 import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-Cw67P1FM.mjs";
 import { $ as $298d61e98472621b$export$dcf14c9974fe2767 } from "../__chunks__/useLink-y6WGv96n.mjs";
-import { V as VerticalStack } from "../__chunks__/VerticalStack-Cbdpucbh.mjs";
+import { V as VerticalStack } from "../__chunks__/VerticalStack-DoMqBfYD.mjs";
 import { $ as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $07b14b47974efb58$export$5b6b19405a83ff9d, b as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../__chunks__/Dialog-DIhV589X.mjs";
 import { A as ArrowBack } from "../__chunks__/ArrowBack-BFS-tCpV.mjs";
 import { S as Search } from "../__chunks__/Search-Cyblmqo5.mjs";
 import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
-import { U as UnstyledButton } from "../__chunks__/UnstyledButton-BCg7eEyP.mjs";
-import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-DBgIqOkZ.mjs";
-import { T as TextField } from "../__chunks__/TextField-D1JGaTQv.mjs";
+import { U as UnstyledButton } from "../__chunks__/UnstyledButton-DxJLvL-G.mjs";
+import { R as RadioGroup, u as useRadioGroupContext } from "../__chunks__/RadioGroup-BfKaJnSo.mjs";
+import { T as TextField } from "../__chunks__/TextField-818kTElu.mjs";
 import { flattenChildren } from "../utilities/react.mjs";
 const button = "_button_1sch8_4";
 const focused$1 = "_focused_1sch8_25";
@@ -69,7 +69,7 @@ const styles$4 = {
 };
 function ForgeLayoutActions(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx(HorizontalStack, {
+  return jsx(HorizontalStack, {
     wrap: false,
     gap: "1",
     align: "end",
@@ -85,19 +85,19 @@ function ForgeLayoutMenuAction(props) {
   const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({});
   const className = classNames(styles$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isOpen && styles$4.open);
-  return jsxRuntimeExports.jsxs(Menu, {
+  return jsxs(Menu, {
     isOpen,
     onOpenChange: handleOpenChange,
-    children: [jsxRuntimeExports.jsx(Menu.Trigger, {
-      children: jsxRuntimeExports.jsxs(PressableButton, __spreadProps(__spreadValues({
+    children: [jsx(Menu.Trigger, {
+      children: jsxs(PressableButton, __spreadProps(__spreadValues({
         className
       }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, hoverProps)), {
-        children: [jsxRuntimeExports.jsx(Text, {
+        children: [jsx(Text, {
           visuallyHidden: true,
           children: accessibilityLabel
-        }), jsxRuntimeExports.jsx(Icon, {
+        }), jsx(Icon, {
           symbol: iconSymbol
-        }), renderBadge && jsxRuntimeExports.jsx("div", {
+        }), renderBadge && jsx("div", {
           className: styles$4.badgeContainer,
           children: renderBadge()
         })]
@@ -112,17 +112,17 @@ function ForgeLayoutLinkAction(props) {
   const { focusProps, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const className = classNames(styles$4.button, isFocusVisible && styles$4.focused, isHovered && styles$4.hovered, isSelected && styles$4.selected);
-  return jsxRuntimeExports.jsxs("a", __spreadProps(__spreadValues({
+  return jsxs("a", __spreadProps(__spreadValues({
     ref,
     className
   }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, linkProps)), {
     "aria-current": isSelected ? "true" : void 0,
-    children: [jsxRuntimeExports.jsx(Text, {
+    children: [jsx(Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntimeExports.jsx(Icon, {
+    }), jsx(Icon, {
       symbol: iconSymbol
-    }), renderBadge && jsxRuntimeExports.jsx("div", {
+    }), renderBadge && jsx("div", {
       className: styles$4.badgeContainer,
       children: renderBadge()
     })]
@@ -132,17 +132,17 @@ function ForgeLayoutButtonAction(props) {
   const _a = props, { accessibilityLabel = "Actions", iconSymbol, renderBadge, isSelected } = _a, buttonProps = __objRest(_a, ["accessibilityLabel", "iconSymbol", "renderBadge", "isSelected"]);
   const ref = useRef(null);
   const className = classNames(styles$4.button, isSelected && styles$4.selected);
-  return jsxRuntimeExports.jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
+  return jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, __spreadProps(__spreadValues({
     ref,
     className,
     "aria-current": isSelected ? "true" : void 0
   }, buttonProps), {
-    children: [jsxRuntimeExports.jsx(Text, {
+    children: [jsx(Text, {
       visuallyHidden: true,
       children: accessibilityLabel
-    }), jsxRuntimeExports.jsx(Icon, {
+    }), jsx(Icon, {
       symbol: iconSymbol
-    }), renderBadge && jsxRuntimeExports.jsx("div", {
+    }), renderBadge && jsx("div", {
       className: styles$4.badgeContainer,
       children: renderBadge()
     })]
@@ -150,14 +150,14 @@ function ForgeLayoutButtonAction(props) {
 }
 function ForgeLayoutActionBadge(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles$4.badge,
     children
   });
 }
 const PressableButton = forwardRef((props, ref) => {
   const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return jsxRuntimeExports.jsx("button", __spreadProps(__spreadValues({}, pressProps), {
+  return jsx("button", __spreadProps(__spreadValues({}, pressProps), {
     ref,
     className: classNames(pressProps.className)
   }));
@@ -194,26 +194,26 @@ function ForgeLayoutNav(props) {
   if (navState === "collapsed") {
     return null;
   }
-  return jsxRuntimeExports.jsx(ForgeLayoutNavContext.Provider, {
+  return jsx(ForgeLayoutNavContext.Provider, {
     value: context,
-    children: jsxRuntimeExports.jsx("div", {
+    children: jsx("div", {
       className: styles$3.nav,
-      children: jsxRuntimeExports.jsxs(VerticalStack, {
+      children: jsxs(VerticalStack, {
         as: "nav",
         "aria-label": title,
         gap: "1",
         inlineAlign: "start",
-        children: [jsxRuntimeExports.jsx(Logo, {}), children]
+        children: [jsx(Logo, {}), children]
       })
     })
   });
 }
 function ForgeLayoutNavSection(props) {
   const { title, children } = props;
-  return jsxRuntimeExports.jsxs(VerticalStack, {
+  return jsxs(VerticalStack, {
     gap: "1",
     inlineAlign: "start",
-    children: [jsxRuntimeExports.jsx(Text, {
+    children: [jsx(Text, {
       variant: "overline",
       color: "primary.600",
       children: title
@@ -229,69 +229,69 @@ function ForgeLayoutNavLink(props) {
   const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
   const isSelected = href === selectedHref;
   const className = classNames(styles$3.link, isFocusVisible && styles$3.focused, isHovered && styles$3.hovered, isSelected && styles$3.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: "subtitle2",
       children
     })]
   }));
 }
 function Logo() {
-  return jsxRuntimeExports.jsxs("svg", {
+  return jsxs("svg", {
     width: "95",
     height: "24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: [jsxRuntimeExports.jsxs("g", {
+    children: [jsxs("g", {
       clipPath: "url(#clip0_1141_3360)",
-      children: [jsxRuntimeExports.jsx("path", {
+      children: [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)"
-      }), jsxRuntimeExports.jsx("path", {
+      }), 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"
       })]
-    }), jsxRuntimeExports.jsxs("defs", {
-      children: [jsxRuntimeExports.jsxs("linearGradient", {
+    }), jsxs("defs", {
+      children: [jsxs("linearGradient", {
         id: "paint0_linear_1141_3360",
         x1: "2.381",
         y1: "20.234",
         x2: "18.847",
         y2: "3.923",
         gradientUnits: "userSpaceOnUse",
-        children: [jsxRuntimeExports.jsx("stop", {
+        children: [jsx("stop", {
           stopColor: "#BC4543"
-        }), jsxRuntimeExports.jsx("stop", {
+        }), jsx("stop", {
           offset: ".5",
           stopColor: "#F95C59"
-        }), jsxRuntimeExports.jsx("stop", {
+        }), jsx("stop", {
           offset: ".59",
           stopColor: "#F86059"
-        }), jsxRuntimeExports.jsx("stop", {
+        }), jsx("stop", {
           offset: ".68",
           stopColor: "#F86C59"
-        }), jsxRuntimeExports.jsx("stop", {
+        }), jsx("stop", {
           offset: ".78",
           stopColor: "#F7815A"
-        }), jsxRuntimeExports.jsx("stop", {
+        }), jsx("stop", {
           offset: ".87",
           stopColor: "#F69E5B"
-        }), jsxRuntimeExports.jsx("stop", {
+        }), jsx("stop", {
           offset: ".97",
           stopColor: "#F4C35D"
-        }), jsxRuntimeExports.jsx("stop", {
+        }), jsx("stop", {
           offset: "1",
           stopColor: "#F4D35E"
         })]
-      }), jsxRuntimeExports.jsx("clipPath", {
+      }), jsx("clipPath", {
         id: "clip0_1141_3360",
-        children: jsxRuntimeExports.jsx("path", {
+        children: jsx("path", {
           fill: "#fff",
           d: "M0 0H95V24H0z"
         })
@@ -315,13 +315,13 @@ const useForgeLayoutHeader = () => {
 };
 function ForgeLayoutHeader(props) {
   const { areControlsGrouped = true, children } = props;
-  return jsxRuntimeExports.jsx(ForgeLayoutHeaderContext.Provider, {
+  return jsx(ForgeLayoutHeaderContext.Provider, {
     value: {
       areControlsGrouped
     },
-    children: jsxRuntimeExports.jsxs("header", {
+    children: jsxs("header", {
       className: styles$2.header,
-      children: [jsxRuntimeExports.jsx("div", {
+      children: [jsx("div", {
         className: styles$2.headerBg
       }), children]
     })
@@ -358,11 +358,11 @@ function ForgeLayoutControls(props) {
   if (navState !== visibleWhenNavStateIs) {
     return null;
   }
-  return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
-    children: areControlsGrouped ? jsxRuntimeExports.jsx("div", {
+  return jsx(Fragment, {
+    children: areControlsGrouped ? jsx("div", {
       className: styles$1.controls,
       children
-    }) : jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {
+    }) : jsx(Fragment, {
       children
     })
   });
@@ -381,12 +381,12 @@ function ForgeLayoutBreadcrumbsNavigation(props) {
       breadcrumbs: breadcrumbs2
     };
   }, [children]);
-  return jsxRuntimeExports.jsxs("div", {
+  return jsxs("div", {
     className: styles$1.breadcrumbNavigationContainer,
-    children: [jsxRuntimeExports.jsx("div", {
+    children: [jsx("div", {
       className: styles$1.backButtonContainer,
       children: backButton2
-    }), jsxRuntimeExports.jsx("div", {
+    }), jsx("div", {
       className: styles$1.breadcrumbsContainer,
       children: breadcrumbs
     })]
@@ -394,12 +394,12 @@ function ForgeLayoutBreadcrumbsNavigation(props) {
 }
 function ForgeLayoutBackButton(props) {
   const _a = props, { children } = _a, restButtonProps = __objRest(_a, ["children"]);
-  return jsxRuntimeExports.jsxs(UnstyledButton, __spreadProps(__spreadValues({}, restButtonProps), {
+  return jsxs(UnstyledButton, __spreadProps(__spreadValues({}, restButtonProps), {
     className: styles$1.backButton,
-    children: [jsxRuntimeExports.jsx(Icon, {
+    children: [jsx(Icon, {
       symbol: ArrowBack,
       size: "sm"
-    }), jsxRuntimeExports.jsx(Text, {
+    }), jsx(Text, {
       variant: "subtitle1",
       children
     })]
@@ -408,17 +408,17 @@ function ForgeLayoutBackButton(props) {
 function ForgeLayoutBreadcrumbs(props) {
   const { children } = props;
   const breadcrumbs = useMemo(() => flattenChildren(children), [children]);
-  return jsxRuntimeExports.jsx(HorizontalStack, {
+  return jsx(HorizontalStack, {
     blockAlign: "center",
     gap: "0.5",
     children: breadcrumbs.map((breadcrumb, idx) => {
       if (idx === 0) {
-        return jsxRuntimeExports.jsx(Fragment, {
+        return jsx(Fragment$1, {
           children: breadcrumb
         }, idx);
       } else {
-        return jsxRuntimeExports.jsxs(Fragment, {
-          children: [jsxRuntimeExports.jsx(ForgeLayoutBreadcrumb, {
+        return jsxs(Fragment$1, {
+          children: [jsx(ForgeLayoutBreadcrumb, {
             children: ">"
           }, idx), breadcrumb]
         }, idx);
@@ -428,7 +428,7 @@ function ForgeLayoutBreadcrumbs(props) {
 }
 function ForgeLayoutBreadcrumb(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx(Text, {
+  return jsx(Text, {
     variant: "body1",
     color: "neutral.700",
     children
@@ -438,40 +438,40 @@ function ForgeLayoutModeSwitcher(props) {
   const { onModeChange } = props;
   const { mode } = useForgeLayout();
   const [isOpen, setIsOpen] = useState(false);
-  return jsxRuntimeExports.jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, {
-    children: [jsxRuntimeExports.jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+  return jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, {
+    children: [jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
       className: classNames(styles$1.trigger, isOpen && styles$1.triggerPopoverOpen),
       onPress: () => setIsOpen(true),
-      children: [jsxRuntimeExports.jsx(Text, {
+      children: [jsx(Text, {
         variant: "subtitle1",
         color: mode === "test" ? "warning.600" : "positive.600",
         truncate: true,
         children: mode === "test" ? TEST_MODE : PRODUCTION_MODE
-      }), jsxRuntimeExports.jsx(Icon, {
+      }), jsx(Icon, {
         symbol: ExpandMore400,
         size: "md",
         color: "neutral.500"
       })]
-    }), jsxRuntimeExports.jsx($07b14b47974efb58$export$5b6b19405a83ff9d, {
+    }), jsx($07b14b47974efb58$export$5b6b19405a83ff9d, {
       className: styles$1.popover,
       offset: POPOVER_OFFSET,
       crossOffset: POPOVER_CROSS_OFFSET,
       isOpen,
       onOpenChange: setIsOpen,
-      children: jsxRuntimeExports.jsx($de32f1b87079253c$export$3ddf2d174ce01153, {
-        children: jsxRuntimeExports.jsxs(VerticalStack, {
+      children: jsx($de32f1b87079253c$export$3ddf2d174ce01153, {
+        children: jsxs(VerticalStack, {
           gap: "1",
-          children: [jsxRuntimeExports.jsx(Text, {
+          children: [jsx(Text, {
             variant: "subtitle1",
             color: "neutral.800",
             children: "Instance Switcher"
-          }), jsxRuntimeExports.jsxs(RadioGroup, {
+          }), jsxs(RadioGroup, {
             "aria-label": "Select a mode",
             onChange: onModeChange,
             value: mode,
-            children: [jsxRuntimeExports.jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
+            children: [jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
               value: "test"
-            }), jsxRuntimeExports.jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
+            }), jsx(ForgeLayoutModeSwitcherRadioGroupItem, {
               value: "production"
             })]
           })]
@@ -484,17 +484,17 @@ function ForgeLayoutModeSwitcherRadioGroupItem(props) {
   const _a = props, { value } = _a, restProps = __objRest(_a, ["value"]);
   const state = useRadioGroupContext();
   const isSelected = value === state.selectedValue;
-  return jsxRuntimeExports.jsx(RadioGroup.Item, __spreadProps(__spreadValues({
+  return jsx(RadioGroup.Item, __spreadProps(__spreadValues({
     value
   }, restProps), {
-    children: jsxRuntimeExports.jsxs(VerticalStack, {
-      children: [jsxRuntimeExports.jsx(Text, {
+    children: jsxs(VerticalStack, {
+      children: [jsx(Text, {
         variant: "subtitle2",
         color: isSelected ? "primary.800" : "primary.700",
         children: value === "test" ? TEST_MODE : PRODUCTION_MODE
-      }), jsxRuntimeExports.jsxs(Text, {
+      }), jsxs(Text, {
         variant: "overline",
-        children: ["View data using the", " ", jsxRuntimeExports.jsxs(Text, {
+        children: ["View data using the", " ", jsxs(Text, {
           color: value === "test" ? "warning.600" : "positive.600",
           children: [value === "test" ? TEST_MODE.toUpperCase() : PRODUCTION_MODE.toUpperCase(), " ", "API", " "]
         }), "keys"]
@@ -504,9 +504,9 @@ function ForgeLayoutModeSwitcherRadioGroupItem(props) {
 }
 function ForgeLayoutSearch(props) {
   const _a = props, { "aria-label": ariaLabel = "Search for content" } = _a, textFieldProps = __objRest(_a, ["aria-label"]);
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles$1.searchContainer,
-    children: jsxRuntimeExports.jsx(TextField, __spreadValues({
+    children: jsx(TextField, __spreadValues({
       size: "sm",
       type: "search",
       "aria-label": ariaLabel,
@@ -547,11 +547,11 @@ function ForgeLayout(props) {
       navState
     };
   }, [mode, navState]);
-  return jsxRuntimeExports.jsxs(ForgeLayoutContext.Provider, {
+  return jsxs(ForgeLayoutContext.Provider, {
     value: context,
-    children: [jsxRuntimeExports.jsx("div", {
+    children: [jsx("div", {
       className: bgClassName
-    }), jsxRuntimeExports.jsx("div", {
+    }), jsx("div", {
       className,
       children
     })]
@@ -559,14 +559,14 @@ function ForgeLayout(props) {
 }
 function ForgeLayoutBody(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles.body,
     children
   });
 }
 function ForgeLayoutContent(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("main", {
+  return jsx("main", {
     className: styles.content,
     children
   });

package/FormLayout/index.js

@@ -31,15 +31,15 @@ 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 utilities_css = require("../utilities/css.js");
-const HorizontalGrid = require("../__chunks__/HorizontalGrid-BAvSeg39.js");
-const Text = require("../__chunks__/Text-C4CEsglh.js");
+const HorizontalGrid = require("../__chunks__/HorizontalGrid-CAoDcmPW.js");
+const Text = require("../__chunks__/Text-DkzMEqky.js");
 const React = require("react");
 const utilities_react = require("../utilities/react.js");
 function Grid(props) {
   const { children, columns } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(HorizontalGrid.HorizontalGrid, {
+  return jsxRuntime.jsx(HorizontalGrid.HorizontalGrid, {
     columns,
     gap: "2",
     children
@@ -51,14 +51,14 @@ const styles$2 = {
 };
 function Header(props) {
   const { children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+  return jsxRuntime.jsx("div", {
     className: styles$2.Header,
     children
   });
 }
 function HelperText(props) {
   const { id, children } = props;
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+  return jsxRuntime.jsx(Text.Text, {
     id,
     variant: "body1",
     children
@@ -75,11 +75,11 @@ function Section(props) {
   const sectionTitle = React.useMemo(() => {
     return findSectionTitleInChildren(children);
   }, [children]);
-  return jsxRuntime.jsxRuntimeExports.jsx(WithinSectionContext.Provider, {
+  return jsxRuntime.jsx(WithinSectionContext.Provider, {
     value: true,
-    children: jsxRuntime.jsxRuntimeExports.jsxs("fieldset", {
+    children: jsxRuntime.jsxs("fieldset", {
       className,
-      children: [sectionTitle && jsxRuntime.jsxRuntimeExports.jsx(Text.Text, {
+      children: [sectionTitle && jsxRuntime.jsx(Text.Text, {
         as: "legend",
         visuallyHidden: true,
         children: sectionTitle
@@ -112,7 +112,7 @@ function Title(props) {
   } : {
     variant: "heading3"
   };
-  return jsxRuntime.jsxRuntimeExports.jsx(Text.Text, __spreadProps(__spreadValues(__spreadValues({
+  return jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues(__spreadValues({
     as
   }, restProps), textProps), {
     children
@@ -126,7 +126,7 @@ const styles = {
 function FormLayout(props) {
   const _a = props, { as: As = "div", children } = _a, restProps = __objRest(_a, ["as", "children"]);
   const className = utilities_css.classNames(styles.FormLayout);
-  return jsxRuntime.jsxRuntimeExports.jsx(As, __spreadProps(__spreadValues({
+  return jsxRuntime.jsx(As, __spreadProps(__spreadValues({
     className
   }, restProps), {
     children

package/FormLayout/index.mjs

@@ -29,15 +29,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { j as jsxRuntimeExports } from "../__chunks__/jsx-runtime-DTpFD6nx.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { classNames } from "../utilities/css.mjs";
-import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-C4MBFEH-.mjs";
-import { T as Text } from "../__chunks__/Text-u9mYLeWj.mjs";
+import { H as HorizontalGrid } from "../__chunks__/HorizontalGrid-DbLeJBt8.mjs";
+import { T as Text } from "../__chunks__/Text-D6oT5WJQ.mjs";
 import { createContext, useMemo, isValidElement, useContext } from "react";
 import { deepFind } from "../utilities/react.mjs";
 function Grid(props) {
   const { children, columns } = props;
-  return jsxRuntimeExports.jsx(HorizontalGrid, {
+  return jsx(HorizontalGrid, {
     columns,
     gap: "2",
     children
@@ -49,14 +49,14 @@ const styles$2 = {
 };
 function Header(props) {
   const { children } = props;
-  return jsxRuntimeExports.jsx("div", {
+  return jsx("div", {
     className: styles$2.Header,
     children
   });
 }
 function HelperText(props) {
   const { id, children } = props;
-  return jsxRuntimeExports.jsx(Text, {
+  return jsx(Text, {
     id,
     variant: "body1",
     children
@@ -73,11 +73,11 @@ function Section(props) {
   const sectionTitle = useMemo(() => {
     return findSectionTitleInChildren(children);
   }, [children]);
-  return jsxRuntimeExports.jsx(WithinSectionContext.Provider, {
+  return jsx(WithinSectionContext.Provider, {
     value: true,
-    children: jsxRuntimeExports.jsxs("fieldset", {
+    children: jsxs("fieldset", {
       className,
-      children: [sectionTitle && jsxRuntimeExports.jsx(Text, {
+      children: [sectionTitle && jsx(Text, {
         as: "legend",
         visuallyHidden: true,
         children: sectionTitle
@@ -110,7 +110,7 @@ function Title(props) {
   } : {
     variant: "heading3"
   };
-  return jsxRuntimeExports.jsx(Text, __spreadProps(__spreadValues(__spreadValues({
+  return jsx(Text, __spreadProps(__spreadValues(__spreadValues({
     as
   }, restProps), textProps), {
     children
@@ -124,7 +124,7 @@ const styles = {
 function FormLayout(props) {
   const _a = props, { as: As = "div", children } = _a, restProps = __objRest(_a, ["as", "children"]);
   const className = classNames(styles.FormLayout);
-  return jsxRuntimeExports.jsx(As, __spreadProps(__spreadValues({
+  return jsx(As, __spreadProps(__spreadValues({
     className
   }, restProps), {
     children

package/HorizontalGrid/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const HorizontalGrid = require("../__chunks__/HorizontalGrid-BAvSeg39.js");
+const HorizontalGrid = require("../__chunks__/HorizontalGrid-CAoDcmPW.js");
 exports.HorizontalGrid = HorizontalGrid.HorizontalGrid;

package/HorizontalGrid/index.mjs

@@ -1,4 +1,4 @@
-import { H } from "../__chunks__/HorizontalGrid-C4MBFEH-.mjs";
+import { H } from "../__chunks__/HorizontalGrid-DbLeJBt8.mjs";
 export {
   H as HorizontalGrid
 };

package/HorizontalStack/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const HorizontalStack = require("../__chunks__/HorizontalStack-DidoI4Ks.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-CWdKKY8L.js");
 exports.HorizontalStack = HorizontalStack.HorizontalStack;

package/HorizontalStack/index.mjs

@@ -1,4 +1,4 @@
-import { H } from "../__chunks__/HorizontalStack-BkE82C73.mjs";
+import { H } from "../__chunks__/HorizontalStack-CJavrBHm.mjs";
 export {
   H as HorizontalStack
 };

package/Icon/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Icon = require("../__chunks__/Icon-BVa5ddiD.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
 exports.Icon = Icon.Icon;

package/Icon/index.mjs

@@ -1,4 +1,4 @@
-import { I } from "../__chunks__/Icon-DzTns8u5.mjs";
+import { I } from "../__chunks__/Icon-BIpaQJ_I.mjs";
 export {
   I as Icon
 };