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

package/__chunks__/{Theme-BAFk7BvV.mjs → Theme-M__gFMM3.mjs}

@@ -1,4 +1,5 @@
-import React__default, { useContext, createContext, useState, useMemo } from "react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useContext, createContext, useState, useMemo } from "react";
 import { e as ezuiTokens } from "./tokens-BXztpSjv.mjs";
 import { getTokenAliases } from "../utilities/tokens.mjs";
 import { tokenSafeKebabCase } from "../utilities/css.mjs";
@@ -12,7 +13,9 @@ const invertedColorSchemes = {
   inverted: "system"
 };
 function NoopComponent(props) {
-  return React__default.createElement(React__default.Fragment, null, props.children);
+  return jsx(Fragment, {
+    children: props.children
+  });
 }
 const TrackerContext = createContext(0);
 const ThemeContext = createContext(null);
@@ -29,15 +32,20 @@ function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: them
   const ColorSchemeContextComponent = isRoot || colorSchemeFromUser ? ColorSchemeContextProvider : NoopComponent;
   const theme = themeFromUser ? themeFromUser : defaultTheme;
   const colorScheme = colorSchemeFromUser ? colorSchemeFromUser : "system";
-  return React__default.createElement(TrackerContext.Provider, {
-    value: count
-  }, React__default.createElement(ThemeContextComponent, {
-    theme
-  }, React__default.createElement(ColorSchemeContextComponent, {
-    colorScheme
-  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Style, {
-    isRoot
-  }), children))));
+  return jsx(TrackerContext.Provider, {
+    value: count,
+    children: jsx(ThemeContextComponent, {
+      theme,
+      children: jsx(ColorSchemeContextComponent, {
+        colorScheme,
+        children: jsxs(Fragment, {
+          children: [jsx(Style, {
+            isRoot
+          }), children]
+        })
+      })
+    })
+  });
 }
 function createTheme(themeCreator) {
   return themeCreator;
@@ -93,7 +101,7 @@ function Style({ isRoot }) {
     }))}
       }`;
   }, [resolvedColorScheme, selector, themeCreator]);
-  return React__default.createElement("style", {
+  return jsx("style", {
     id: fingerprint,
     dangerouslySetInnerHTML: {
       __html: css
@@ -101,9 +109,10 @@ function Style({ isRoot }) {
   });
 }
 function ThemeContextProvider({ theme, children }) {
-  return React__default.createElement(ThemeContext.Provider, {
-    value: theme
-  }, children);
+  return jsx(ThemeContext.Provider, {
+    value: theme,
+    children
+  });
 }
 function ColorSchemeContextProvider({ colorScheme, children }) {
   const parentColorSchemeContext = useContext(ColorSchemeContext);
@@ -114,9 +123,10 @@ function ColorSchemeContextProvider({ colorScheme, children }) {
       resolvedColorScheme
     };
   }, [colorScheme, parentColorSchemeContext]);
-  return React__default.createElement(ColorSchemeContext.Provider, {
-    value: colorSchemeContextValue
-  }, children);
+  return jsx(ColorSchemeContext.Provider, {
+    value: colorSchemeContextValue,
+    children
+  });
 }
 function getThemeInstanceVariables(theme) {
   return Object.fromEntries(Object.entries(theme).map(([key, value]) => {

package/__chunks__/{Toggle-D2ucsFxO.js → Toggle-BmJjrdVn.js}

@@ -30,11 +30,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("react/jsx-runtime");
 const mergeProps = require("./mergeProps-DLPcevok.js");
 const mergeRefs = require("./mergeRefs-qNwPManW.js");
 const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
 const React = require("react");
-const Text = require("./Text-CSESKR_s.js");
+const Text = require("./Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
 const useToggleState = require("./useToggleState-BYfp0R5h.js");
 const useToggle = require("./useToggle-m_Bxvur2.js");
@@ -79,25 +80,27 @@ const styles$1 = {
 function Switch(props) {
   const { isDisabled, isFocusVisible, isHovered, isSelected, variant } = props;
   const className = utilities_css.classNames(styles$1.Switch, isDisabled && styles$1.disabled, styles$1[utilities_css.variationName("variant", variant)], isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return React.createElement("span", {
-    className
-  }, React.createElement("svg", {
-    width: 32,
-    height: 16,
-    "aria-hidden": "true"
-  }, React.createElement("rect", {
-    className: styles$1.track,
-    x: 0,
-    y: 0,
-    width: 32,
-    height: 16,
-    rx: 8
-  }), React.createElement("circle", {
-    className: styles$1.thumb,
-    cx: isSelected ? 32 - 8 : 8,
-    cy: 8,
-    r: 6
-  })));
+  return jsxRuntime.jsx("span", {
+    className,
+    children: jsxRuntime.jsxs("svg", {
+      width: 32,
+      height: 16,
+      "aria-hidden": "true",
+      children: [jsxRuntime.jsx("rect", {
+        className: styles$1.track,
+        x: 0,
+        y: 0,
+        width: 32,
+        height: 16,
+        rx: 8
+      }), jsxRuntime.jsx("circle", {
+        className: styles$1.thumb,
+        cx: isSelected ? 32 - 8 : 8,
+        cy: 8,
+        r: 6
+      })]
+    })
+  });
 }
 const Toggle$1 = "_Toggle_yjfby_4";
 const text = "_text_yjfby_29";
@@ -140,23 +143,26 @@ const Toggle = React.forwardRef((props, externalRef) => {
   const RootComponent = children ? "label" : "span";
   const rootProps = children ? hoverProps : {};
   const inputProps = children ? mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromSwitch, focusProps) : mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromSwitch, focusProps, hoverProps);
-  return React.createElement(RootComponent, __spreadProps(__spreadValues({}, rootProps), {
-    className
-  }), React.createElement("input", __spreadProps(__spreadValues({}, inputProps), {
-    className: styles.input,
-    ref: mergedRef
-  })), React.createElement(Switch, {
-    isDisabled,
-    isFocusVisible,
-    isHovered,
-    isSelected,
-    variant
-  }), children && React.createElement("span", {
-    className: styles.text
-  }, React.createElement(Text.Text, {
-    variant: "body1",
-    color: textColor
-  }, children)));
+  return jsxRuntime.jsxs(RootComponent, __spreadProps(__spreadValues({}, rootProps), {
+    className,
+    children: [jsxRuntime.jsx("input", __spreadProps(__spreadValues({}, inputProps), {
+      className: styles.input,
+      ref: mergedRef
+    })), jsxRuntime.jsx(Switch, {
+      isDisabled,
+      isFocusVisible,
+      isHovered,
+      isSelected,
+      variant
+    }), children && jsxRuntime.jsx("span", {
+      className: styles.text,
+      children: jsxRuntime.jsx(Text.Text, {
+        variant: "body1",
+        color: textColor,
+        children
+      })
+    })]
+  }));
 });
 Toggle.displayName = "Toggle";
 exports.Toggle = Toggle;

package/__chunks__/{Toggle-CxjLdmzW.mjs → Toggle-DlDQ7rr2.mjs}

@@ -29,11 +29,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-ClQjEiLh.mjs";
 import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-77h4G8qk.mjs";
 import React__default, { forwardRef } from "react";
-import { T as Text } from "./Text-YOL3isF4.mjs";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
 import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-BLVhvfl9.mjs";
 import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-THIfY8rz.mjs";
@@ -78,25 +79,27 @@ const styles$1 = {
 function Switch(props) {
   const { isDisabled, isFocusVisible, isHovered, isSelected, variant } = props;
   const className = classNames(styles$1.Switch, isDisabled && styles$1.disabled, styles$1[variationName("variant", variant)], isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return React__default.createElement("span", {
-    className
-  }, React__default.createElement("svg", {
-    width: 32,
-    height: 16,
-    "aria-hidden": "true"
-  }, React__default.createElement("rect", {
-    className: styles$1.track,
-    x: 0,
-    y: 0,
-    width: 32,
-    height: 16,
-    rx: 8
-  }), React__default.createElement("circle", {
-    className: styles$1.thumb,
-    cx: isSelected ? 32 - 8 : 8,
-    cy: 8,
-    r: 6
-  })));
+  return jsx("span", {
+    className,
+    children: jsxs("svg", {
+      width: 32,
+      height: 16,
+      "aria-hidden": "true",
+      children: [jsx("rect", {
+        className: styles$1.track,
+        x: 0,
+        y: 0,
+        width: 32,
+        height: 16,
+        rx: 8
+      }), jsx("circle", {
+        className: styles$1.thumb,
+        cx: isSelected ? 32 - 8 : 8,
+        cy: 8,
+        r: 6
+      })]
+    })
+  });
 }
 const Toggle$1 = "_Toggle_yjfby_4";
 const text = "_text_yjfby_29";
@@ -139,23 +142,26 @@ const Toggle = forwardRef((props, externalRef) => {
   const RootComponent = children ? "label" : "span";
   const rootProps = children ? hoverProps : {};
   const inputProps = children ? $3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromSwitch, focusProps) : $3ef42575df84b30b$export$9d1611c77c2fe928(restProps, inputPropsFromSwitch, focusProps, hoverProps);
-  return React__default.createElement(RootComponent, __spreadProps(__spreadValues({}, rootProps), {
-    className
-  }), React__default.createElement("input", __spreadProps(__spreadValues({}, inputProps), {
-    className: styles.input,
-    ref: mergedRef
-  })), React__default.createElement(Switch, {
-    isDisabled,
-    isFocusVisible,
-    isHovered,
-    isSelected,
-    variant
-  }), children && React__default.createElement("span", {
-    className: styles.text
-  }, React__default.createElement(Text, {
-    variant: "body1",
-    color: textColor
-  }, children)));
+  return jsxs(RootComponent, __spreadProps(__spreadValues({}, rootProps), {
+    className,
+    children: [jsx("input", __spreadProps(__spreadValues({}, inputProps), {
+      className: styles.input,
+      ref: mergedRef
+    })), jsx(Switch, {
+      isDisabled,
+      isFocusVisible,
+      isHovered,
+      isSelected,
+      variant
+    }), children && jsx("span", {
+      className: styles.text,
+      children: jsx(Text, {
+        variant: "body1",
+        color: textColor,
+        children
+      })
+    })]
+  }));
 });
 Toggle.displayName = "Toggle";
 export {

package/__chunks__/{Tooltip-DqpxBjpa.js → Tooltip-BSMvNula.js}

@@ -18,8 +18,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const Text = require("./Text-CSESKR_s.js");
+const Text = require("./Text-DkzMEqky.js");
 const utilities_css = require("../utilities/css.js");
 const Overlay = require("./Overlay-BNP_t3v4.js");
 const useFocusVisible = require("./useFocusVisible-BNcpO5Sv.js");
@@ -250,13 +251,17 @@ function Tooltip(props) {
   });
   const tooltipTriggerState = $8796f90736e175cb$export$4d40659c25ecb50b(triggerInputProps);
   const { triggerProps, tooltipProps: tooltipPropsFromTrigger } = $4e1b34546679e357$export$a6da6c504e4bba8b(triggerInputProps, tooltipTriggerState, triggerRef);
-  return React.createElement(React.Fragment, null, React.cloneElement(children, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
-    ref: triggerRef
-  })), tooltipTriggerState.isOpen && React.createElement(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, null, React.createElement(TooltipInner, __spreadProps(__spreadValues({}, props), {
-    triggerRef,
-    tooltipPropsFromTrigger,
-    tooltipTriggerState
-  }))));
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [React.cloneElement(children, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
+      ref: triggerRef
+    })), tooltipTriggerState.isOpen && jsxRuntime.jsx(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
+      children: jsxRuntime.jsx(TooltipInner, __spreadProps(__spreadValues({}, props), {
+        triggerRef,
+        tooltipPropsFromTrigger,
+        tooltipTriggerState
+      }))
+    })]
+  });
 }
 function TooltipInner(props) {
   const { content, placement: targetPlacement = DEFAULT_PLACEMENT, triggerRef, tooltipTriggerState, tooltipPropsFromTrigger } = props;
@@ -276,19 +281,22 @@ function TooltipInner(props) {
   React.useLayoutEffect(() => {
     updatePosition();
   }, [content, updatePosition]);
-  return React.createElement("span", __spreadProps(__spreadValues({
+  return jsxRuntime.jsxs("span", __spreadProps(__spreadValues({
     ref: tooltipRef
   }, tooltipProps), {
     className: utilities_css.classNames(styles.Tooltip, placement && styles[placement]),
     "data-placement": placement,
-    style
-  }), React.createElement("span", {
-    className: styles.text
-  }, React.createElement(Text.Text, {
-    variant: "subtitle2"
-  }, content)), React.createElement("span", __spreadValues({
-    className: styles.arrow
-  }, arrowProps)));
+    style,
+    children: [jsxRuntime.jsx("span", {
+      className: styles.text,
+      children: jsxRuntime.jsx(Text.Text, {
+        variant: "subtitle2",
+        children: content
+      })
+    }), jsxRuntime.jsx("span", __spreadValues({
+      className: styles.arrow
+    }, arrowProps))]
+  }));
 }
 exports.$8796f90736e175cb$export$4d40659c25ecb50b = $8796f90736e175cb$export$4d40659c25ecb50b;
 exports.Tooltip = Tooltip;

package/__chunks__/{Tooltip-DAyUY3na.mjs → Tooltip-BXRi0h4E.mjs}

@@ -17,8 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useMemo, useRef, useEffect, useLayoutEffect } from "react";
-import { T as Text } from "./Text-YOL3isF4.mjs";
+import { T as Text } from "./Text-D6oT5WJQ.mjs";
 import { getComponentToken, pxToRem, classNames } from "../utilities/css.mjs";
 import { a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-Dkjxuk6V.mjs";
 import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9, g as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-DDvp2PwR.mjs";
@@ -249,13 +250,17 @@ function Tooltip(props) {
   });
   const tooltipTriggerState = $8796f90736e175cb$export$4d40659c25ecb50b(triggerInputProps);
   const { triggerProps, tooltipProps: tooltipPropsFromTrigger } = $4e1b34546679e357$export$a6da6c504e4bba8b(triggerInputProps, tooltipTriggerState, triggerRef);
-  return React__default.createElement(React__default.Fragment, null, React__default.cloneElement(children, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
-    ref: triggerRef
-  })), tooltipTriggerState.isOpen && React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, null, React__default.createElement(TooltipInner, __spreadProps(__spreadValues({}, props), {
-    triggerRef,
-    tooltipPropsFromTrigger,
-    tooltipTriggerState
-  }))));
+  return jsxs(Fragment, {
+    children: [React__default.cloneElement(children, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
+      ref: triggerRef
+    })), tooltipTriggerState.isOpen && jsx($337b884510726a0d$export$c6fdb837b070b4ff, {
+      children: jsx(TooltipInner, __spreadProps(__spreadValues({}, props), {
+        triggerRef,
+        tooltipPropsFromTrigger,
+        tooltipTriggerState
+      }))
+    })]
+  });
 }
 function TooltipInner(props) {
   const { content, placement: targetPlacement = DEFAULT_PLACEMENT, triggerRef, tooltipTriggerState, tooltipPropsFromTrigger } = props;
@@ -275,19 +280,22 @@ function TooltipInner(props) {
   useLayoutEffect(() => {
     updatePosition();
   }, [content, updatePosition]);
-  return React__default.createElement("span", __spreadProps(__spreadValues({
+  return jsxs("span", __spreadProps(__spreadValues({
     ref: tooltipRef
   }, tooltipProps), {
     className: classNames(styles.Tooltip, placement && styles[placement]),
     "data-placement": placement,
-    style
-  }), React__default.createElement("span", {
-    className: styles.text
-  }, React__default.createElement(Text, {
-    variant: "subtitle2"
-  }, content)), React__default.createElement("span", __spreadValues({
-    className: styles.arrow
-  }, arrowProps)));
+    style,
+    children: [jsx("span", {
+      className: styles.text,
+      children: jsx(Text, {
+        variant: "subtitle2",
+        children: content
+      })
+    }), jsx("span", __spreadValues({
+      className: styles.arrow
+    }, arrowProps))]
+  }));
 }
 export {
   $8796f90736e175cb$export$4d40659c25ecb50b as $,

package/__chunks__/{UnstyledButton-BFpQ2Irc.js → UnstyledButton-DW8CjaXN.js}

@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("react/jsx-runtime");
 const mergeProps = require("./mergeProps-DLPcevok.js");
 const mergeRefs = require("./mergeRefs-qNwPManW.js");
 const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
@@ -68,11 +69,12 @@ const UnstyledButton = React.forwardRef((props, inRef) => {
   const { buttonProps: elementProps } = useButton.$701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
     elementType: As
   }), ref);
-  return React.createElement(As, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
+  return jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
     disabled: isDisabled,
     ref: mergedRef,
-    className: utilities_css.classNames(styles.UnstyledButton, className)
-  }), children);
+    className: utilities_css.classNames(styles.UnstyledButton, className),
+    children
+  }));
 });
 UnstyledButton.displayName = "UnstyledButton";
 exports.UnstyledButton = UnstyledButton;

package/__chunks__/{UnstyledButton-DpQ5Ic9D.mjs → UnstyledButton-DxJLvL-G.mjs}

@@ -29,10 +29,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-ClQjEiLh.mjs";
 import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-77h4G8qk.mjs";
-import React__default, { forwardRef, useRef } from "react";
+import { forwardRef, useRef } from "react";
 import { classNames } from "../utilities/css.mjs";
 import { o as omit } from "./omit-CYoLXTjq.mjs";
 import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-DLOnoEAf.mjs";
@@ -67,11 +68,12 @@ const UnstyledButton = forwardRef((props, inRef) => {
   const { buttonProps: elementProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
     elementType: As
   }), ref);
-  return React__default.createElement(As, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
+  return jsx(As, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
     disabled: isDisabled,
     ref: mergedRef,
-    className: classNames(styles.UnstyledButton, className)
-  }), children);
+    className: classNames(styles.UnstyledButton, className),
+    children
+  }));
 });
 UnstyledButton.displayName = "UnstyledButton";
 export {

package/__chunks__/{VerticalStack-Dzpv3O67.js → VerticalStack-BHkiocKU.js}

@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
 const VerticalStack$1 = "_VerticalStack_ele7k_4";
@@ -44,11 +45,12 @@ const VerticalStack = React.forwardRef((props, ref) => {
   const _a = props, { as: As = "div", align, children, gap, inline, inlineAlign, reverseOrder = false } = _a, restProps = __objRest(_a, ["as", "align", "children", "gap", "inline", "inlineAlign", "reverseOrder"]);
   const className = utilities_css.classNames(styles.VerticalStack, (As === "ul" || As === "ol") && styles.listReset, As === "fieldset" && styles.fieldsetReset);
   const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveDesignToken("vertical-stack", "gap", "space", gap)), utilities_css.getComponentToken("vertical-stack", "align", align)), utilities_css.getComponentToken("vertical-stack", "inline-align", inlineAlign)), utilities_css.getComponentToken("vertical-stack", "order", reverseOrder ? "column-reverse" : "column")), utilities_css.getComponentToken("vertical-stack", "display", inline ? "inline-flex" : "flex"));
-  return React.createElement(As, __spreadProps(__spreadValues({}, restProps), {
+  return jsxRuntime.jsx(As, __spreadProps(__spreadValues({}, restProps), {
     className,
     style: utilities_css.sanitizeCustomProperties(style),
-    ref
-  }), children);
+    ref,
+    children
+  }));
 });
 VerticalStack.displayName = "VerticalStack";
 exports.VerticalStack = VerticalStack;

package/__chunks__/{VerticalStack-C2yDQVHD.mjs → VerticalStack-DoMqBfYD.mjs}

@@ -29,7 +29,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { classNames, getComponentToken, getResponsiveDesignToken, sanitizeCustomProperties } from "../utilities/css.mjs";
 const VerticalStack$1 = "_VerticalStack_ele7k_4";
 const listReset = "_listReset_ele7k_57";
@@ -43,11 +44,12 @@ const VerticalStack = forwardRef((props, ref) => {
   const _a = props, { as: As = "div", align, children, gap, inline, inlineAlign, reverseOrder = false } = _a, restProps = __objRest(_a, ["as", "align", "children", "gap", "inline", "inlineAlign", "reverseOrder"]);
   const className = classNames(styles.VerticalStack, (As === "ul" || As === "ol") && styles.listReset, As === "fieldset" && styles.fieldsetReset);
   const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveDesignToken("vertical-stack", "gap", "space", gap)), getComponentToken("vertical-stack", "align", align)), getComponentToken("vertical-stack", "inline-align", inlineAlign)), getComponentToken("vertical-stack", "order", reverseOrder ? "column-reverse" : "column")), getComponentToken("vertical-stack", "display", inline ? "inline-flex" : "flex"));
-  return React__default.createElement(As, __spreadProps(__spreadValues({}, restProps), {
+  return jsx(As, __spreadProps(__spreadValues({}, restProps), {
     className,
     style: sanitizeCustomProperties(style),
-    ref
-  }), children);
+    ref,
+    children
+  }));
 });
 VerticalStack.displayName = "VerticalStack";
 export {