@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

package/__chunks__/Stepper-lhcjfVFY.js

@@ -0,0 +1,179 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const HorizontalStack = require("./HorizontalStack-CWdKKY8L.js");
+const VerticalStack = require("./VerticalStack-BHkiocKU.js");
+const ArrowForwardIos = require("./ArrowForwardIos-DpRiDPNZ.js");
+const CheckCircle = require("./CheckCircle-lgmtkEe6.js");
+const UnstyledButton = require("./UnstyledButton-DW8CjaXN.js");
+const utilities_css = require("../utilities/css.js");
+const Icon = require("./Icon-BRlbo3RF.js");
+const useFocusRing = require("./useFocusRing-DbC9E5wC.js");
+const mergeProps = require("./mergeProps-DLPcevok.js");
+const InternalStepperContext = React.createContext(null);
+function useInternalStepperContext() {
+  const stepperContext = React.useContext(InternalStepperContext);
+  if (!stepperContext) {
+    throw new Error("InternalStepperContext must be used inside a <Stepper />");
+  }
+  return stepperContext;
+}
+const containerHorizontal = "_containerHorizontal_1ed3t_4";
+const containerVertical = "_containerVertical_1ed3t_14";
+const container = "_container_1ed3t_4";
+const colorPrimary = "_colorPrimary_1ed3t_23";
+const colorInverse = "_colorInverse_1ed3t_31";
+const StepButton$1 = "_StepButton_1ed3t_39";
+const focusVisible = "_focusVisible_1ed3t_54";
+const statusComplete = "_statusComplete_1ed3t_66";
+const statusIncomplete = "_statusIncomplete_1ed3t_70";
+const statusActive = "_statusActive_1ed3t_74";
+const orientationVertical = "_orientationVertical_1ed3t_78";
+const indicatorHorizontal = "_indicatorHorizontal_1ed3t_82";
+const indicatorVertical = "_indicatorVertical_1ed3t_86";
+const indicatorContainer = "_indicatorContainer_1ed3t_90";
+const indicatorActive = "_indicatorActive_1ed3t_94";
+const indicatorIncomplete = "_indicatorIncomplete_1ed3t_102";
+const indicator = "_indicator_1ed3t_82";
+const textHorizontal = "_textHorizontal_1ed3t_112";
+const textVertical = "_textVertical_1ed3t_121";
+const styles$1 = {
+  containerHorizontal,
+  containerVertical,
+  container,
+  colorPrimary,
+  colorInverse,
+  StepButton: StepButton$1,
+  focusVisible,
+  statusComplete,
+  statusIncomplete,
+  statusActive,
+  orientationVertical,
+  indicatorHorizontal,
+  indicatorVertical,
+  indicatorContainer,
+  indicatorActive,
+  indicatorIncomplete,
+  indicator,
+  textHorizontal,
+  textVertical
+};
+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 jsxRuntime.jsx("div", {
+    className: utilities_css.classNames(styles$1.container, styles$1[utilities_css.variationName("container", orientation)]),
+    children: jsxRuntime.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.jsx(Icon.Icon, {
+        symbol: CheckCircle.CheckCircle,
+        size: orientation === "horizontal" ? "md" : "sm"
+      }) : jsxRuntime.jsx("div", {
+        className: utilities_css.classNames(styles$1.indicatorContainer),
+        children: jsxRuntime.jsx("div", {
+          className: utilities_css.classNames(styles$1.indicator, styles$1[utilities_css.variationName("indicator", orientation)], styles$1[utilities_css.variationName("indicator", status)])
+        })
+      }), jsxRuntime.jsx("span", {
+        className: utilities_css.classNames(styles$1[utilities_css.variationName("text", orientation)]),
+        children
+      })]
+    }))
+  });
+}
+const separatorPrimary = "_separatorPrimary_uihcs_4";
+const separatorInverse = "_separatorInverse_uihcs_8";
+const separator = "_separator_uihcs_4";
+const styles = {
+  separatorPrimary,
+  separatorInverse,
+  separator
+};
+function Step(props) {
+  const _a = props, { stepIndex, isComplete, isAccessible, children, onPress } = _a, restProps = __objRest(_a, ["stepIndex", "isComplete", "isAccessible", "children", "onPress"]);
+  const { orientation, color, totalSteps, activeStepIndex } = useInternalStepperContext();
+  const isActive = stepIndex === activeStepIndex;
+  const isLastStep = totalSteps - 1 === stepIndex;
+  const isDisabled = !isActive && !isComplete && !isAccessible;
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(StepButton, __spreadProps(__spreadValues({
+      status: mapToStatus(isActive, isComplete),
+      isDisabled,
+      onPress
+    }, restProps), {
+      children
+    })), !isLastStep && (orientation === "horizontal" ? jsxRuntime.jsx(Icon.Icon, {
+      size: "xs",
+      symbol: ArrowForwardIos.ArrowForwardIos,
+      color
+    }) : jsxRuntime.jsx("span", {
+      className: utilities_css.classNames(styles.separator, styles[utilities_css.variationName("separator", color)])
+    }))]
+  });
+}
+function mapToStatus(isActive, isComplete) {
+  if (isActive) return "active";
+  if (isComplete) return "complete";
+  return "incomplete";
+}
+function Stepper(props) {
+  const { color = "primary", orientation = "horizontal", activeStepIndex, children } = props;
+  const totalSteps = React.Children.toArray(children).filter(Boolean).length;
+  const isVertical = orientation === "vertical";
+  const Component = isVertical ? VerticalStack.VerticalStack : HorizontalStack.HorizontalStack;
+  const alignProp = isVertical ? {
+    inlineAlign: "start"
+  } : {
+    blockAlign: "center"
+  };
+  const context = React.useMemo(() => {
+    return {
+      color,
+      orientation,
+      activeStepIndex,
+      totalSteps
+    };
+  }, [color, orientation, activeStepIndex, totalSteps]);
+  return jsxRuntime.jsx(InternalStepperContext.Provider, {
+    value: context,
+    children: jsxRuntime.jsx(Component, __spreadProps(__spreadValues({}, alignProp), {
+      gap: isVertical ? "0.5" : void 0,
+      children
+    }))
+  });
+}
+Stepper.Step = Step;
+exports.Stepper = Stepper;

package/__chunks__/TabNav-BNhQF0b0.mjs

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { T as Tabs } from "./Tabs-BaROnbKg.mjs";
+function TabNavItem(props) {
+  const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
+  return jsx(Tabs.Item, __spreadProps(__spreadValues({
+    containerComponent: "li",
+    tabComponent: As,
+    isSelected: isCurrentPage
+  }, linkProps), {
+    "aria-current": isCurrentPage ? "page" : void 0,
+    children
+  }));
+}
+function TabNav(props) {
+  const _a = props, { children } = _a, labelingProps = __objRest(_a, ["children"]);
+  return jsx(Tabs, {
+    containerComponent: "nav",
+    containerProps: labelingProps,
+    listComponent: "ul",
+    listProps: {
+      role: "list"
+    },
+    children
+  });
+}
+TabNav.Item = TabNavItem;
+export {
+  TabNav as T
+};

package/__chunks__/TabNav-bVgyfEV7.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const Tabs = require("./Tabs-DSngzN9A.js");
+function TabNavItem(props) {
+  const _a = props, { as: As = "a", children, isCurrentPage } = _a, linkProps = __objRest(_a, ["as", "children", "isCurrentPage"]);
+  return jsxRuntime.jsx(Tabs.Tabs.Item, __spreadProps(__spreadValues({
+    containerComponent: "li",
+    tabComponent: As,
+    isSelected: isCurrentPage
+  }, linkProps), {
+    "aria-current": isCurrentPage ? "page" : void 0,
+    children
+  }));
+}
+function TabNav(props) {
+  const _a = props, { children } = _a, labelingProps = __objRest(_a, ["children"]);
+  return jsxRuntime.jsx(Tabs.Tabs, {
+    containerComponent: "nav",
+    containerProps: labelingProps,
+    listComponent: "ul",
+    listProps: {
+      role: "list"
+    },
+    children
+  });
+}
+TabNav.Item = TabNavItem;
+exports.TabNav = TabNav;

package/__chunks__/Tabs-BaROnbKg.mjs

@@ -0,0 +1,263 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useCallback, useEffect, useRef, useLayoutEffect, useState, useMemo } from "react";
+import { u as useEdgeInterceptors } from "./useEdgeInterceptors-OZmGXvtF.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";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BWKhJSvH.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-COnPag8r.mjs";
+import { F } from "./overlayscrollbars-react-BiRJpzDY.mjs";
+const Edge$1 = "_Edge_dlpnw_4";
+const sideLeft = "_sideLeft_dlpnw_20";
+const sideRight = "_sideRight_dlpnw_27";
+const activated = "_activated_dlpnw_34";
+const styles$2 = {
+  Edge: Edge$1,
+  sideLeft,
+  sideRight,
+  activated
+};
+function Edge({ side, isUnderScroll }) {
+  const className = classNames(styles$2.Edge, styles$2[variationName("side", side)], isUnderScroll && styles$2.activated);
+  return jsx("div", {
+    className
+  });
+}
+const TabsContext = createContext(null);
+const useTabs = () => {
+  const tabsContext = useContext(TabsContext);
+  if (!tabsContext) {
+    throw new Error("useTabs must be used within a Tabs");
+  }
+  return tabsContext;
+};
+function getSharedMeasurementsForTabNavItem($item) {
+  const $nav = $item.closest('[data-ezui-tabs-indicator-parent="true"]');
+  if (!$nav) {
+    throw new Error("Unable to find parent nav element from tab item");
+  }
+  const itemRect = $item.getBoundingClientRect();
+  const navRect = $nav.getBoundingClientRect();
+  const navScrollLeft = $nav.scrollLeft;
+  const itemWidth = itemRect.width;
+  const itemPosition = navScrollLeft + (itemRect.x - navRect.x);
+  return {
+    $nav,
+    itemRect,
+    navRect,
+    navScrollLeft,
+    itemWidth,
+    itemPosition
+  };
+}
+function useIndicatorSizing({ isSelected, itemRef, setIndicatorPosition, setIndicatorWidth }) {
+  const handleSizing = useCallback(() => {
+    if (isSelected && itemRef.current) {
+      const $item = itemRef.current;
+      const { itemWidth, itemPosition } = getSharedMeasurementsForTabNavItem($item);
+      setIndicatorWidth(itemWidth);
+      setIndicatorPosition(itemPosition);
+    }
+  }, [isSelected, itemRef, setIndicatorPosition, setIndicatorWidth]);
+  useEffect(() => {
+    handleSizing();
+  }, [handleSizing]);
+  $9daab02d461809db$export$683480f191c0e3ea({
+    ref: itemRef,
+    onResize: handleSizing
+  });
+}
+const SCROLL_PADDING = 24;
+function useScrollIntoViewIfNeeded({ isSelected, itemRef }) {
+  const handleScroll = useCallback(() => {
+    if (isSelected && itemRef.current) {
+      const $item = itemRef.current;
+      const { $nav, navRect, itemPosition, itemWidth, navScrollLeft } = getSharedMeasurementsForTabNavItem($item);
+      const navWidth = navRect.width;
+      const itemEndEdge = itemPosition + itemWidth + SCROLL_PADDING;
+      const navEndEdge = navScrollLeft + navWidth;
+      const itemStartEdge = itemPosition - SCROLL_PADDING;
+      const navStartEdge = navScrollLeft;
+      if (itemEndEdge > navEndEdge) {
+        $nav.scrollTo({
+          left: itemPosition - (navWidth - itemWidth) + SCROLL_PADDING
+        });
+      }
+      if (itemStartEdge < navStartEdge) {
+        $nav.scrollTo({
+          left: itemPosition - SCROLL_PADDING
+        });
+      }
+    }
+  }, [isSelected, itemRef]);
+  useEffect(() => {
+    handleScroll();
+  }, [handleScroll]);
+  $9daab02d461809db$export$683480f191c0e3ea({
+    ref: itemRef,
+    onResize: handleScroll
+  });
+}
+const TabsItem$1 = "_TabsItem_1ge9s_4";
+const tab = "_tab_1ge9s_8";
+const focusVisible = "_focusVisible_1ge9s_30";
+const text = "_text_1ge9s_42";
+const disabled = "_disabled_1ge9s_46";
+const hovered = "_hovered_1ge9s_51";
+const selected = "_selected_1ge9s_55";
+const styles$1 = {
+  TabsItem: TabsItem$1,
+  tab,
+  focusVisible,
+  text,
+  disabled,
+  hovered,
+  selected
+};
+function TabsItem(props) {
+  const _a = props, { containerComponent: ContainerComponent = "div", tabComponent: TabComponent = "span", tabRef, children, isSelected, isDisabled } = _a, elementProps = __objRest(_a, ["containerComponent", "tabComponent", "tabRef", "children", "isSelected", "isDisabled"]);
+  const { setIndicatorWidth, setIndicatorPosition } = useTabs();
+  const ref = useRef(null);
+  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({});
+  const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+  useIndicatorSizing({
+    itemRef: ref,
+    isSelected,
+    setIndicatorPosition,
+    setIndicatorWidth
+  });
+  useScrollIntoViewIfNeeded({
+    itemRef: ref,
+    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 jsx(ContainerComponent, {
+    className,
+    children: jsx(TabComponent, __spreadProps(__spreadValues({
+      ref: tabRef
+    }, $3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusProps, elementProps)), {
+      className: styles$1.tab,
+      children: jsx("span", {
+        ref,
+        className: styles$1.text,
+        children
+      })
+    }))
+  });
+}
+function useScrollbar({ navRef, containerRef }) {
+  const [initialize] = F({
+    options: {
+      scrollbars: {
+        visibility: "hidden"
+      }
+    },
+    defer: false
+  });
+  useLayoutEffect(() => {
+    if (navRef.current && containerRef.current) {
+      initialize({
+        target: containerRef.current,
+        elements: {
+          viewport: navRef.current
+        }
+      });
+    }
+  }, [initialize, navRef, containerRef]);
+}
+const Tabs$1 = "_Tabs_t5j5v_4";
+const nav = "_nav_t5j5v_18";
+const listContainer = "_listContainer_t5j5v_24";
+const list = "_list_t5j5v_24";
+const indicator = "_indicator_t5j5v_43";
+const styles = {
+  Tabs: Tabs$1,
+  nav,
+  listContainer,
+  list,
+  indicator
+};
+function Tabs(props) {
+  const { children, containerComponent: ContainerComponent, containerProps, listComponent: ListComponent, listRef, listProps } = props;
+  const navRef = useRef(null);
+  const containerRef = useRef(null);
+  const [indicatorWidth, setIndicatorWidth] = useState(0);
+  const [indicatorPosition, setIndicatorPosition] = useState(0);
+  const [renderInterceptors, { isLeftEdgeUnderScroll, isRightEdgeUnderScroll }] = useEdgeInterceptors(navRef);
+  const context = useMemo(() => {
+    return {
+      setIndicatorWidth,
+      setIndicatorPosition
+    };
+  }, []);
+  useScrollbar({
+    navRef,
+    containerRef
+  });
+  const style = __spreadValues(__spreadValues({}, getComponentToken("tab-nav", "indicator-width", String(indicatorWidth))), getComponentToken("tab-nav", "indicator-position", `${indicatorPosition}px`));
+  return jsx(TabsContext.Provider, {
+    value: context,
+    children: jsxs("div", {
+      className: styles.Tabs,
+      ref: containerRef,
+      children: [jsxs(ContainerComponent, __spreadProps(__spreadValues({}, containerProps), {
+        ref: navRef,
+        className: styles.nav,
+        style,
+        "data-ezui-tabs-indicator-parent": "true",
+        children: [jsxs("div", {
+          className: styles.listContainer,
+          children: [jsx(ListComponent, __spreadProps(__spreadValues({
+            ref: listRef
+          }, listProps), {
+            className: styles.list,
+            children
+          })), renderInterceptors()]
+        }), indicatorWidth !== 0 ? jsx("div", {
+          className: styles.indicator
+        }) : null]
+      })), jsx(Edge, {
+        side: "left",
+        isUnderScroll: isLeftEdgeUnderScroll
+      }), jsx(Edge, {
+        side: "right",
+        isUnderScroll: isRightEdgeUnderScroll
+      })]
+    })
+  });
+}
+Tabs.Item = TabsItem;
+export {
+  Tabs as T
+};