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

package/__chunks__/{Stepper-CX0Mu37p.js → Stepper-BZ90AIx0.js}

@@ -30,14 +30,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const React = require("react");
-const HorizontalStack = require("./HorizontalStack-CXpjASZi.js");
-const VerticalStack = require("./VerticalStack-Dzpv3O67.js");
+const HorizontalStack = require("./HorizontalStack-DidoI4Ks.js");
+const VerticalStack = require("./VerticalStack-CunLpHRv.js");
 const ArrowForwardIos = require("./ArrowForwardIos-DpRiDPNZ.js");
 const CheckCircle = require("./CheckCircle-lgmtkEe6.js");
-const UnstyledButton = require("./UnstyledButton-BFpQ2Irc.js");
+const UnstyledButton = require("./UnstyledButton-_YQekhlm.js");
 const utilities_css = require("../utilities/css.js");
-const Icon = require("./Icon-W8F9w-jS.js");
+const Icon = require("./Icon-BVa5ddiD.js");
 const useFocusRing = require("./useFocusRing-DbC9E5wC.js");
 const mergeProps = require("./mergeProps-DLPcevok.js");
 const InternalStepperContext = React.createContext(null);
@@ -92,22 +93,26 @@ function StepButton(props) {
   const _a = props, { status, isDisabled, children, onPress } = _a, restProps = __objRest(_a, ["status", "isDisabled", "children", "onPress"]);
   const { color, orientation } = useInternalStepperContext();
   const { isFocusVisible, focusProps } = useFocusRing.$f7dceffc5ad7768b$export$4e328f61c538687f();
-  return React.createElement("div", {
-    className: utilities_css.classNames(styles$1.container, styles$1[utilities_css.variationName("container", orientation)])
-  }, React.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, restProps)), {
-    onPress,
-    isDisabled,
-    className: utilities_css.classNames(styles$1.StepButton, styles$1[utilities_css.variationName("status", status)], styles$1[utilities_css.variationName("color", color)], styles$1[utilities_css.variationName("orientation", orientation)], isFocusVisible && styles$1.focusVisible)
-  }), status === "complete" ? React.createElement(Icon.Icon, {
-    symbol: CheckCircle.CheckCircle,
-    size: orientation === "horizontal" ? "md" : "sm"
-  }) : React.createElement("div", {
-    className: utilities_css.classNames(styles$1.indicatorContainer)
-  }, React.createElement("div", {
-    className: utilities_css.classNames(styles$1.indicator, styles$1[utilities_css.variationName("indicator", orientation)], styles$1[utilities_css.variationName("indicator", status)])
-  })), React.createElement("span", {
-    className: utilities_css.classNames(styles$1[utilities_css.variationName("text", orientation)])
-  }, children)));
+  return jsxRuntime.jsxRuntimeExports.jsx("div", {
+    className: utilities_css.classNames(styles$1.container, styles$1[utilities_css.variationName("container", orientation)]),
+    children: jsxRuntime.jsxRuntimeExports.jsxs(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, restProps)), {
+      onPress,
+      isDisabled,
+      className: utilities_css.classNames(styles$1.StepButton, styles$1[utilities_css.variationName("status", status)], styles$1[utilities_css.variationName("color", color)], styles$1[utilities_css.variationName("orientation", orientation)], isFocusVisible && styles$1.focusVisible),
+      children: [status === "complete" ? jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+        symbol: CheckCircle.CheckCircle,
+        size: orientation === "horizontal" ? "md" : "sm"
+      }) : jsxRuntime.jsxRuntimeExports.jsx("div", {
+        className: utilities_css.classNames(styles$1.indicatorContainer),
+        children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+          className: utilities_css.classNames(styles$1.indicator, styles$1[utilities_css.variationName("indicator", orientation)], styles$1[utilities_css.variationName("indicator", status)])
+        })
+      }), jsxRuntime.jsxRuntimeExports.jsx("span", {
+        className: utilities_css.classNames(styles$1[utilities_css.variationName("text", orientation)]),
+        children
+      })]
+    }))
+  });
 }
 const separatorPrimary = "_separatorPrimary_uihcs_4";
 const separatorInverse = "_separatorInverse_uihcs_8";
@@ -123,17 +128,21 @@ function Step(props) {
   const isActive = stepIndex === activeStepIndex;
   const isLastStep = totalSteps - 1 === stepIndex;
   const isDisabled = !isActive && !isComplete && !isAccessible;
-  return React.createElement(React.Fragment, null, React.createElement(StepButton, __spreadValues({
-    status: mapToStatus(isActive, isComplete),
-    isDisabled,
-    onPress
-  }, restProps), children), !isLastStep && (orientation === "horizontal" ? React.createElement(Icon.Icon, {
-    size: "xs",
-    symbol: ArrowForwardIos.ArrowForwardIos,
-    color
-  }) : React.createElement("span", {
-    className: utilities_css.classNames(styles.separator, styles[utilities_css.variationName("separator", color)])
-  })));
+  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
+    children: [jsxRuntime.jsxRuntimeExports.jsx(StepButton, __spreadProps(__spreadValues({
+      status: mapToStatus(isActive, isComplete),
+      isDisabled,
+      onPress
+    }, restProps), {
+      children
+    })), !isLastStep && (orientation === "horizontal" ? jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, {
+      size: "xs",
+      symbol: ArrowForwardIos.ArrowForwardIos,
+      color
+    }) : jsxRuntime.jsxRuntimeExports.jsx("span", {
+      className: utilities_css.classNames(styles.separator, styles[utilities_css.variationName("separator", color)])
+    }))]
+  });
 }
 function mapToStatus(isActive, isComplete) {
   if (isActive) return "active";
@@ -158,11 +167,13 @@ function Stepper(props) {
       totalSteps
     };
   }, [color, orientation, activeStepIndex, totalSteps]);
-  return React.createElement(InternalStepperContext.Provider, {
-    value: context
-  }, React.createElement(Component, __spreadProps(__spreadValues({}, alignProp), {
-    gap: isVertical ? "0.5" : void 0
-  }), children));
+  return jsxRuntime.jsxRuntimeExports.jsx(InternalStepperContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues({}, alignProp), {
+      gap: isVertical ? "0.5" : void 0,
+      children
+    }))
+  });
 }
 Stepper.Step = Step;
 exports.Stepper = Stepper;

package/__chunks__/{Stepper-BEyDIPNJ.mjs → Stepper-q3YNLglj.mjs}

@@ -29,14 +29,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default, { createContext, useContext, Children, useMemo } from "react";
-import { H as HorizontalStack } from "./HorizontalStack-CxE8tPx_.mjs";
-import { V as VerticalStack } from "./VerticalStack-C2yDQVHD.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
+import { createContext, useContext, Children, useMemo } from "react";
+import { H as HorizontalStack } from "./HorizontalStack-BkE82C73.mjs";
+import { V as VerticalStack } from "./VerticalStack-Cbdpucbh.mjs";
 import { A as ArrowForwardIos } from "./ArrowForwardIos-DSeLeLhY.mjs";
 import { C as CheckCircle } from "./CheckCircle-C9h2PNWU.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-DpQ5Ic9D.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-BCg7eEyP.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { I as Icon } from "./Icon-0SN9dbwU.mjs";
+import { I as Icon } from "./Icon-DzTns8u5.mjs";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BWKhJSvH.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
 const InternalStepperContext = createContext(null);
@@ -91,22 +92,26 @@ function StepButton(props) {
   const _a = props, { status, isDisabled, children, onPress } = _a, restProps = __objRest(_a, ["status", "isDisabled", "children", "onPress"]);
   const { color, orientation } = useInternalStepperContext();
   const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
-  return React__default.createElement("div", {
-    className: classNames(styles$1.container, styles$1[variationName("container", orientation)])
-  }, React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, restProps)), {
-    onPress,
-    isDisabled,
-    className: classNames(styles$1.StepButton, styles$1[variationName("status", status)], styles$1[variationName("color", color)], styles$1[variationName("orientation", orientation)], isFocusVisible && styles$1.focusVisible)
-  }), status === "complete" ? React__default.createElement(Icon, {
-    symbol: CheckCircle,
-    size: orientation === "horizontal" ? "md" : "sm"
-  }) : React__default.createElement("div", {
-    className: classNames(styles$1.indicatorContainer)
-  }, React__default.createElement("div", {
-    className: classNames(styles$1.indicator, styles$1[variationName("indicator", orientation)], styles$1[variationName("indicator", status)])
-  })), React__default.createElement("span", {
-    className: classNames(styles$1[variationName("text", orientation)])
-  }, children)));
+  return jsxRuntimeExports.jsx("div", {
+    className: classNames(styles$1.container, styles$1[variationName("container", orientation)]),
+    children: jsxRuntimeExports.jsxs(UnstyledButton, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, restProps)), {
+      onPress,
+      isDisabled,
+      className: classNames(styles$1.StepButton, styles$1[variationName("status", status)], styles$1[variationName("color", color)], styles$1[variationName("orientation", orientation)], isFocusVisible && styles$1.focusVisible),
+      children: [status === "complete" ? jsxRuntimeExports.jsx(Icon, {
+        symbol: CheckCircle,
+        size: orientation === "horizontal" ? "md" : "sm"
+      }) : jsxRuntimeExports.jsx("div", {
+        className: classNames(styles$1.indicatorContainer),
+        children: jsxRuntimeExports.jsx("div", {
+          className: classNames(styles$1.indicator, styles$1[variationName("indicator", orientation)], styles$1[variationName("indicator", status)])
+        })
+      }), jsxRuntimeExports.jsx("span", {
+        className: classNames(styles$1[variationName("text", orientation)]),
+        children
+      })]
+    }))
+  });
 }
 const separatorPrimary = "_separatorPrimary_uihcs_4";
 const separatorInverse = "_separatorInverse_uihcs_8";
@@ -122,17 +127,21 @@ function Step(props) {
   const isActive = stepIndex === activeStepIndex;
   const isLastStep = totalSteps - 1 === stepIndex;
   const isDisabled = !isActive && !isComplete && !isAccessible;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StepButton, __spreadValues({
-    status: mapToStatus(isActive, isComplete),
-    isDisabled,
-    onPress
-  }, restProps), children), !isLastStep && (orientation === "horizontal" ? React__default.createElement(Icon, {
-    size: "xs",
-    symbol: ArrowForwardIos,
-    color
-  }) : React__default.createElement("span", {
-    className: classNames(styles.separator, styles[variationName("separator", color)])
-  })));
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [jsxRuntimeExports.jsx(StepButton, __spreadProps(__spreadValues({
+      status: mapToStatus(isActive, isComplete),
+      isDisabled,
+      onPress
+    }, restProps), {
+      children
+    })), !isLastStep && (orientation === "horizontal" ? jsxRuntimeExports.jsx(Icon, {
+      size: "xs",
+      symbol: ArrowForwardIos,
+      color
+    }) : jsxRuntimeExports.jsx("span", {
+      className: classNames(styles.separator, styles[variationName("separator", color)])
+    }))]
+  });
 }
 function mapToStatus(isActive, isComplete) {
   if (isActive) return "active";
@@ -157,11 +166,13 @@ function Stepper(props) {
       totalSteps
     };
   }, [color, orientation, activeStepIndex, totalSteps]);
-  return React__default.createElement(InternalStepperContext.Provider, {
-    value: context
-  }, React__default.createElement(Component, __spreadProps(__spreadValues({}, alignProp), {
-    gap: isVertical ? "0.5" : void 0
-  }), children));
+  return jsxRuntimeExports.jsx(InternalStepperContext.Provider, {
+    value: context,
+    children: jsxRuntimeExports.jsx(Component, __spreadProps(__spreadValues({}, alignProp), {
+      gap: isVertical ? "0.5" : void 0,
+      children
+    }))
+  });
 }
 Stepper.Step = Step;
 export {

package/__chunks__/{TabNav-vCt_zTvE.mjs → TabNav-BnpNl7tj.mjs}

@@ -29,28 +29,30 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default from "react";
-import { T as Tabs } from "./Tabs-DJ4aKu11.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
+import { T as Tabs } from "./Tabs-CtyYEye0.mjs";
 function TabNavItem(props) {
   const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
-  return React__default.createElement(Tabs.Item, __spreadProps(__spreadValues({
+  return jsxRuntimeExports.jsx(Tabs.Item, __spreadProps(__spreadValues({
     containerComponent: "li",
     tabComponent: As,
     isSelected: isCurrentPage
   }, linkProps), {
-    "aria-current": isCurrentPage ? "page" : void 0
-  }), children);
+    "aria-current": isCurrentPage ? "page" : void 0,
+    children
+  }));
 }
 function TabNav(props) {
   const _a = props, { children } = _a, labelingProps = __objRest(_a, ["children"]);
-  return React__default.createElement(Tabs, {
+  return jsxRuntimeExports.jsx(Tabs, {
     containerComponent: "nav",
     containerProps: labelingProps,
     listComponent: "ul",
     listProps: {
       role: "list"
-    }
-  }, children);
+    },
+    children
+  });
 }
 TabNav.Item = TabNavItem;
 export {

package/__chunks__/{TabNav-B8aEzVyr.js → TabNav-CLVG0bL2.js}

@@ -30,28 +30,30 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const React = require("react");
-const Tabs = require("./Tabs-BL8odO0p.js");
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
+const Tabs = require("./Tabs-5_61DIBw.js");
 function TabNavItem(props) {
   const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
-  return React.createElement(Tabs.Tabs.Item, __spreadProps(__spreadValues({
+  return jsxRuntime.jsxRuntimeExports.jsx(Tabs.Tabs.Item, __spreadProps(__spreadValues({
     containerComponent: "li",
     tabComponent: As,
     isSelected: isCurrentPage
   }, linkProps), {
-    "aria-current": isCurrentPage ? "page" : void 0
-  }), children);
+    "aria-current": isCurrentPage ? "page" : void 0,
+    children
+  }));
 }
 function TabNav(props) {
   const _a = props, { children } = _a, labelingProps = __objRest(_a, ["children"]);
-  return React.createElement(Tabs.Tabs, {
+  return jsxRuntime.jsxRuntimeExports.jsx(Tabs.Tabs, {
     containerComponent: "nav",
     containerProps: labelingProps,
     listComponent: "ul",
     listProps: {
       role: "list"
-    }
-  }, children);
+    },
+    children
+  });
 }
 TabNav.Item = TabNavItem;
 exports.TabNav = TabNav;

package/__chunks__/{Tabs-BL8odO0p.js → Tabs-5_61DIBw.js}

@@ -30,8 +30,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const React = require("react");
-const useEdgeInterceptors = require("./useEdgeInterceptors-Ihk8NfjJ.js");
+const useEdgeInterceptors = require("./useEdgeInterceptors-BLxn3eUi.js");
 const utilities_css = require("../utilities/css.js");
 const useResizeObserver = require("./useResizeObserver-CEeqtqhm.js");
 const useHover = require("./useHover-Ck1otl-j.js");
@@ -50,7 +51,7 @@ const styles$2 = {
 };
 function Edge({ side, isUnderScroll }) {
   const className = utilities_css.classNames(styles$2.Edge, styles$2[utilities_css.variationName("side", side)], isUnderScroll && styles$2.activated);
-  return React.createElement("div", {
+  return jsxRuntime.jsxRuntimeExports.jsx("div", {
     className
   });
 }
@@ -162,16 +163,19 @@ function TabsItem(props) {
     isSelected
   });
   const className = utilities_css.classNames(styles$1.TabsItem, isSelected && styles$1.selected, isHovered && !isDisabled && styles$1.hovered, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible);
-  return React.createElement(ContainerComponent, {
-    className
-  }, React.createElement(TabComponent, __spreadProps(__spreadValues({
-    ref: tabRef
-  }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
-    className: styles$1.tab
-  }), React.createElement("span", {
-    ref,
-    className: styles$1.text
-  }, children)));
+  return jsxRuntime.jsxRuntimeExports.jsx(ContainerComponent, {
+    className,
+    children: jsxRuntime.jsxRuntimeExports.jsx(TabComponent, __spreadProps(__spreadValues({
+      ref: tabRef
+    }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
+      className: styles$1.tab,
+      children: jsxRuntime.jsxRuntimeExports.jsx("span", {
+        ref,
+        className: styles$1.text,
+        children
+      })
+    }))
+  });
 }
 function useScrollbar({ navRef, containerRef }) {
   const [initialize] = overlayscrollbarsReact.F({
@@ -223,31 +227,36 @@ function Tabs(props) {
     containerRef
   });
   const style = __spreadValues(__spreadValues({}, utilities_css.getComponentToken("tab-nav", "indicator-width", String(indicatorWidth))), utilities_css.getComponentToken("tab-nav", "indicator-position", `${indicatorPosition}px`));
-  return React.createElement(TabsContext.Provider, {
-    value: context
-  }, React.createElement("div", {
-    className: styles.Tabs,
-    ref: containerRef
-  }, React.createElement(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
-    ref: navRef,
-    className: styles.nav,
-    style,
-    "data-ezui-tabs-indicator-parent": "true"
-  }), React.createElement("div", {
-    className: styles.listContainer
-  }, React.createElement(ListComponent, __spreadProps(__spreadValues({
-    ref: listRef
-  }, listProps), {
-    className: styles.list
-  }), children), renderInterceptors()), indicatorWidth !== 0 ? React.createElement("div", {
-    className: styles.indicator
-  }) : null), React.createElement(Edge, {
-    side: "left",
-    isUnderScroll: isLeftEdgeUnderScroll
-  }), React.createElement(Edge, {
-    side: "right",
-    isUnderScroll: isRightEdgeUnderScroll
-  })));
+  return jsxRuntime.jsxRuntimeExports.jsx(TabsContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsxRuntimeExports.jsxs("div", {
+      className: styles.Tabs,
+      ref: containerRef,
+      children: [jsxRuntime.jsxRuntimeExports.jsxs(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
+        ref: navRef,
+        className: styles.nav,
+        style,
+        "data-ezui-tabs-indicator-parent": "true",
+        children: [jsxRuntime.jsxRuntimeExports.jsxs("div", {
+          className: styles.listContainer,
+          children: [jsxRuntime.jsxRuntimeExports.jsx(ListComponent, __spreadProps(__spreadValues({
+            ref: listRef
+          }, listProps), {
+            className: styles.list,
+            children
+          })), renderInterceptors()]
+        }), indicatorWidth !== 0 ? jsxRuntime.jsxRuntimeExports.jsx("div", {
+          className: styles.indicator
+        }) : null]
+      })), jsxRuntime.jsxRuntimeExports.jsx(Edge, {
+        side: "left",
+        isUnderScroll: isLeftEdgeUnderScroll
+      }), jsxRuntime.jsxRuntimeExports.jsx(Edge, {
+        side: "right",
+        isUnderScroll: isRightEdgeUnderScroll
+      })]
+    })
+  });
 }
 Tabs.Item = TabsItem;
 exports.Tabs = Tabs;

package/__chunks__/{Tabs-DJ4aKu11.mjs → Tabs-CtyYEye0.mjs}

@@ -29,8 +29,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default, { createContext, useContext, useCallback, useEffect, useRef, useLayoutEffect, useState, useMemo } from "react";
-import { u as useEdgeInterceptors } from "./useEdgeInterceptors-D_DARZZd.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
+import { createContext, useContext, useCallback, useEffect, useRef, useLayoutEffect, useState, useMemo } from "react";
+import { u as useEdgeInterceptors } from "./useEdgeInterceptors-BBmo6MI4.mjs";
 import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-NbpgP2Md.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
@@ -49,7 +50,7 @@ const styles$2 = {
 };
 function Edge({ side, isUnderScroll }) {
   const className = classNames(styles$2.Edge, styles$2[variationName("side", side)], isUnderScroll && styles$2.activated);
-  return React__default.createElement("div", {
+  return jsxRuntimeExports.jsx("div", {
     className
   });
 }
@@ -161,16 +162,19 @@ function TabsItem(props) {
     isSelected
   });
   const className = classNames(styles$1.TabsItem, isSelected && styles$1.selected, isHovered && !isDisabled && styles$1.hovered, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible);
-  return React__default.createElement(ContainerComponent, {
-    className
-  }, React__default.createElement(TabComponent, __spreadProps(__spreadValues({
-    ref: tabRef
-  }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
-    className: styles$1.tab
-  }), React__default.createElement("span", {
-    ref,
-    className: styles$1.text
-  }, children)));
+  return jsxRuntimeExports.jsx(ContainerComponent, {
+    className,
+    children: jsxRuntimeExports.jsx(TabComponent, __spreadProps(__spreadValues({
+      ref: tabRef
+    }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
+      className: styles$1.tab,
+      children: jsxRuntimeExports.jsx("span", {
+        ref,
+        className: styles$1.text,
+        children
+      })
+    }))
+  });
 }
 function useScrollbar({ navRef, containerRef }) {
   const [initialize] = F({
@@ -222,31 +226,36 @@ function Tabs(props) {
     containerRef
   });
   const style = __spreadValues(__spreadValues({}, getComponentToken("tab-nav", "indicator-width", String(indicatorWidth))), getComponentToken("tab-nav", "indicator-position", `${indicatorPosition}px`));
-  return React__default.createElement(TabsContext.Provider, {
-    value: context
-  }, React__default.createElement("div", {
-    className: styles.Tabs,
-    ref: containerRef
-  }, React__default.createElement(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
-    ref: navRef,
-    className: styles.nav,
-    style,
-    "data-ezui-tabs-indicator-parent": "true"
-  }), React__default.createElement("div", {
-    className: styles.listContainer
-  }, React__default.createElement(ListComponent, __spreadProps(__spreadValues({
-    ref: listRef
-  }, listProps), {
-    className: styles.list
-  }), children), renderInterceptors()), indicatorWidth !== 0 ? React__default.createElement("div", {
-    className: styles.indicator
-  }) : null), React__default.createElement(Edge, {
-    side: "left",
-    isUnderScroll: isLeftEdgeUnderScroll
-  }), React__default.createElement(Edge, {
-    side: "right",
-    isUnderScroll: isRightEdgeUnderScroll
-  })));
+  return jsxRuntimeExports.jsx(TabsContext.Provider, {
+    value: context,
+    children: jsxRuntimeExports.jsxs("div", {
+      className: styles.Tabs,
+      ref: containerRef,
+      children: [jsxRuntimeExports.jsxs(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
+        ref: navRef,
+        className: styles.nav,
+        style,
+        "data-ezui-tabs-indicator-parent": "true",
+        children: [jsxRuntimeExports.jsxs("div", {
+          className: styles.listContainer,
+          children: [jsxRuntimeExports.jsx(ListComponent, __spreadProps(__spreadValues({
+            ref: listRef
+          }, listProps), {
+            className: styles.list,
+            children
+          })), renderInterceptors()]
+        }), indicatorWidth !== 0 ? jsxRuntimeExports.jsx("div", {
+          className: styles.indicator
+        }) : null]
+      })), jsxRuntimeExports.jsx(Edge, {
+        side: "left",
+        isUnderScroll: isLeftEdgeUnderScroll
+      }), jsxRuntimeExports.jsx(Edge, {
+        side: "right",
+        isUnderScroll: isRightEdgeUnderScroll
+      })]
+    })
+  });
 }
 Tabs.Item = TabsItem;
 export {

package/__chunks__/{Text-CSESKR_s.js → Text-C4CEsglh.js}

@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const React = require("react");
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
 const utilities_css = require("../utilities/css.js");
 const Text$1 = "_Text_4eopp_4";
 const heading1 = "_heading1_4eopp_12";
@@ -110,11 +110,12 @@ const styles = {
 function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, textWrap, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
   const className = utilities_css.classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden, textWrap && styles[utilities_css.variationName("textWrap", textWrap)], transform && styles[utilities_css.variationName("transform", transform)], whiteSpace && styles[utilities_css.variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[utilities_css.variationName("fontVariantNumeric", fontVariantNumeric)]);
   const style = __spreadValues({}, utilities_css.getComponentThemeToken("text", "color", "color", utilities_css.backwardsCompatibleColorToken(color)));
-  return React.createElement(Component, {
+  return jsxRuntime.jsxRuntimeExports.jsx(Component, {
     className,
     style,
-    id: id ? id : void 0
-  }, children);
+    id: id ? id : void 0,
+    children
+  });
 }
 function cleanVariant(variant) {
   return variant.replace(/_/, "-");

package/__chunks__/{Text-YOL3isF4.mjs → Text-u9mYLeWj.mjs}

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import React__default from "react";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
 import { classNames, variationName, getComponentThemeToken, backwardsCompatibleColorToken } from "../utilities/css.mjs";
 const Text$1 = "_Text_4eopp_4";
 const heading1 = "_heading1_4eopp_12";
@@ -109,11 +109,12 @@ const styles = {
 function Text({ alignment, as: Component = "span", breakWord = false, children, color, fontVariantNumeric, id, textWrap, transform = "none", truncate: truncate2 = false, variant, visuallyHidden: visuallyHidden2 = false, weight, whiteSpace }) {
   const className = classNames(styles.Text, variant && styles[cleanVariant(variant)], weight && styles[weight], (alignment || truncate2) && styles.block, alignment && styles[alignment], breakWord && styles.break, truncate2 && styles.truncate, visuallyHidden2 && styles.visuallyHidden, textWrap && styles[variationName("textWrap", textWrap)], transform && styles[variationName("transform", transform)], whiteSpace && styles[variationName("whiteSpace", whiteSpace)], fontVariantNumeric && styles[variationName("fontVariantNumeric", fontVariantNumeric)]);
   const style = __spreadValues({}, getComponentThemeToken("text", "color", "color", backwardsCompatibleColorToken(color)));
-  return React__default.createElement(Component, {
+  return jsxRuntimeExports.jsx(Component, {
     className,
     style,
-    id: id ? id : void 0
-  }, children);
+    id: id ? id : void 0,
+    children
+  });
 }
 function cleanVariant(variant) {
   return variant.replace(/_/, "-");

package/__chunks__/{TextField-D2QhDAdD.mjs → TextField-D1JGaTQv.mjs}

@@ -26,11 +26,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React__default from "react";
-import { I as InputField } from "./InputField-dq5XIhr1.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DTpFD6nx.mjs";
+import { I as InputField } from "./InputField-BTrYBVAD.mjs";
 function TextField(props) {
   const _a = props, { type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false } = _a, restProps = __objRest(_a, ["type", "size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus"]);
-  return React__default.createElement(InputField, __spreadValues({
+  return jsxRuntimeExports.jsx(InputField, __spreadValues({
     type,
     size,
     isDisabled,

package/__chunks__/{TextField-94cCP805.js → TextField-DE1vPtQm.js}

@@ -27,11 +27,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const React = require("react");
-const InputField = require("./InputField-CDHznUZd.js");
+const jsxRuntime = require("./jsx-runtime-CH1d66I3.js");
+const InputField = require("./InputField-Dvkk5R1K.js");
 function TextField(props) {
   const _a = props, { type = "text", size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false } = _a, restProps = __objRest(_a, ["type", "size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus"]);
-  return React.createElement(InputField.InputField, __spreadValues({
+  return jsxRuntime.jsxRuntimeExports.jsx(InputField.InputField, __spreadValues({
     type,
     size,
     isDisabled,