@cleartrip/ct-design-tabs 1.1.0 → 1.1.2

package/dist/ct-design-tabs.umd.js

@@ -1,374 +1,181 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined'
-		? factory(
-				exports,
-				require('react/jsx-runtime'),
-				require('styled-components'),
-				require('react'),
-				require('@cleartrip/ct-design-button'),
-				require('@cleartrip/ct-design-use-theme'),
-				require('@cleartrip/ct-design-typography'),
-				require('@cleartrip/ct-design-use-merge-refs'),
-				require('@cleartrip/ct-design-use-props-state')
-		  )
-		: typeof define === 'function' && define.amd
-		? define(
-				[
-					'exports',
-					'react/jsx-runtime',
-					'styled-components',
-					'react',
-					'@cleartrip/ct-design-button',
-					'@cleartrip/ct-design-use-theme',
-					'@cleartrip/ct-design-typography',
-					'@cleartrip/ct-design-use-merge-refs',
-					'@cleartrip/ct-design-use-props-state',
-				],
-				factory
-		  )
-		: ((global = typeof globalThis !== 'undefined' ? globalThis : global || self),
-		  factory(
-				(global.CTDesignSystemTabs = {}),
-				global.jsxRuntime,
-				global.styled,
-				global.React,
-				global.ctDesignButton,
-				global.useTheme,
-				global.ctDesignTypography,
-				global.useMergeRefs,
-				global.usePropState
-		  ));
-})(
-	this,
-	function (
-		exports,
-		jsxRuntime,
-		styled,
-		react,
-		ctDesignButton,
-		useTheme,
-		ctDesignTypography,
-		useMergeRefs,
-		usePropState
-	) {
-		'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('styled-components'), require('react'), require('@cleartrip/ct-design-button'), require('@cleartrip/ct-design-use-theme'), require('@cleartrip/ct-design-typography'), require('@cleartrip/ct-design-use-merge-refs'), require('@cleartrip/ct-design-use-prop-state')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'styled-components', 'react', '@cleartrip/ct-design-button', '@cleartrip/ct-design-use-theme', '@cleartrip/ct-design-typography', '@cleartrip/ct-design-use-merge-refs', '@cleartrip/ct-design-use-prop-state'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTabs = {}, global.jsxRuntime, global.styled, global.React, global.ctDesignButton, global.useTheme, global.ctDesignTypography, global.useMergeRefs, global.usePropState));
+})(this, (function (exports, jsxRuntime, styled, react, ctDesignButton, useTheme, ctDesignTypography, useMergeRefs, usePropState) { 'use strict';
 
-		function _interopDefault(e) {
-			return e && e.__esModule ? e : { default: e };
-		}
+    function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-		var styled__default = /*#__PURE__*/ _interopDefault(styled);
-		var useTheme__default = /*#__PURE__*/ _interopDefault(useTheme);
-		var useMergeRefs__default = /*#__PURE__*/ _interopDefault(useMergeRefs);
-		var usePropState__default = /*#__PURE__*/ _interopDefault(usePropState);
+    var styled__default = /*#__PURE__*/_interopDefault(styled);
+    var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+    var useMergeRefs__default = /*#__PURE__*/_interopDefault(useMergeRefs);
+    var usePropState__default = /*#__PURE__*/_interopDefault(usePropState);
 
-		/******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-		/* global Reflect, Promise, SuppressedError, Symbol */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+      var t = {};
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+      if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+      }
+      return t;
+    }
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
-		var __assign = function () {
-			__assign =
-				Object.assign ||
-				function __assign(t) {
-					for (var s, i = 1, n = arguments.length; i < n; i++) {
-						s = arguments[i];
-						for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-					}
-					return t;
-				};
-			return __assign.apply(this, arguments);
-		};
-		function __rest(s, e) {
-			var t = {};
-			for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-			if (s != null && typeof Object.getOwnPropertySymbols === 'function')
-				for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-					if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-				}
-			return t;
-		}
-		typeof SuppressedError === 'function'
-			? SuppressedError
-			: function (error, suppressed, message) {
-					var e = new Error(message);
-					return (e.name = 'SuppressedError'), (e.error = error), (e.suppressed = suppressed), e;
-			  };
+    var getTabStyles = function (_a) {
+        var theme = _a.theme, isHorizontal = _a.isHorizontal, width = _a.width, height = _a.height, rest = __rest(_a, ["theme", "isHorizontal", "width", "height"]);
+        return (__assign({ display: 'flex', flexDirection: isHorizontal ? 'row' : 'column', width: width || isHorizontal ? '100%' : '', height: height || !isHorizontal ? '100%' : '', justifyContent: 'space-between', borderBottomWidth: theme.border.width.sm, borderColor: theme.color.border.default, borderBottomStyle: theme.border.style.solid, cursor: 'pointer', position: 'relative' }, rest));
+    };
 
-		var getTabStyles = function (_a) {
-			var theme = _a.theme,
-				isHorizontal = _a.isHorizontal,
-				width = _a.width,
-				height = _a.height,
-				rest = __rest(_a, ['theme', 'isHorizontal', 'width', 'height']);
-			return __assign(
-				{
-					display: 'flex',
-					flexDirection: isHorizontal ? 'row' : 'column',
-					width: width || isHorizontal ? '100%' : '',
-					height: height || !isHorizontal ? '100%' : '',
-					justifyContent: 'space-between',
-					borderBottomWidth: theme.border.width.sm,
-					borderColor: theme.color.border.default,
-					borderBottomStyle: theme.border.style.solid,
-					cursor: 'pointer',
-					position: 'relative',
-				},
-				rest
-			);
-		};
+    var getTabItemStyles = function (_a) {
+        _a.theme; var rest = __rest(_a, ["theme"]);
+        return (__assign({ backgroundColor: 'transparent', outline: 0, border: 0 }, rest));
+    };
+    var getLabelVariant = function (_a) {
+        var size = _a.size;
+        switch (size) {
+            case 'small': {
+                return ctDesignTypography.TypographyVariant.B2;
+            }
+            case 'medium': {
+                return ctDesignTypography.TypographyVariant.B1;
+            }
+            case 'large': {
+                return ctDesignTypography.TypographyVariant.B1;
+            }
+            default: {
+                return ctDesignTypography.TypographyVariant.B2;
+            }
+        }
+    };
+    var getTabLabelColor = function (_a) {
+        var selected = _a.selected, theme = _a.theme, focusColor = _a.focusColor, color = _a.color;
+        if (selected) {
+            return focusColor || color || theme.color.tab.selectedPrimaryLabel;
+        }
+        else {
+            return color || theme.color.tab.nonSelectedPrimaryLabel;
+        }
+    };
+    var TabItem = react.forwardRef(function (props) {
+        var tabKey = props.tabKey, onClick = props.onClick, tabIndex = props.tabIndex, _a = props.selected, selected = _a === void 0 ? false : _a, label = props.label, disabled = props.disabled, size = props.size, _b = props.tabItemCSS, tabItemCSS = _b === void 0 ? { label: {}, Root: {} } : _b, css = props.css, focusColor = props.focusColor, children = props.children;
+        var theme = useTheme__default.default();
+        var tabItemStyles = getTabItemStyles(__assign(__assign({ theme: theme }, css), tabItemCSS === null || tabItemCSS === void 0 ? void 0 : tabItemCSS.Root));
+        var handleClick = react.useCallback(function (event) {
+            if (!disabled) {
+                onClick(event, props);
+            }
+        }, [tabKey, onClick]);
+        var _c = tabItemCSS.label, color = _c.color; __rest(_c, ["color"]);
+        return (jsxRuntime.jsx(ctDesignButton.Button, __assign({ disabled: disabled, css: tabItemStyles, onClick: handleClick, tabIndex: tabIndex }, { children: label ? (jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: getLabelVariant({ size: size }), colorCode: getTabLabelColor({ selected: selected, theme: theme, focusColor: focusColor, color: color }) }, { children: label }))) : (children) })));
+    });
 
-		var getTabItemStyles = function (_a) {
-			_a.theme;
-			var rest = __rest(_a, ['theme']);
-			return __assign({ backgroundColor: 'transparent', outline: 0, border: 0 }, rest);
-		};
-		var getLabelVariant = function (_a) {
-			var size = _a.size;
-			switch (size) {
-				case 'small': {
-					return ctDesignTypography.TypographyVariant.B2;
-				}
-				case 'medium': {
-					return ctDesignTypography.TypographyVariant.B1;
-				}
-				case 'large': {
-					return ctDesignTypography.TypographyVariant.B1;
-				}
-				default: {
-					return ctDesignTypography.TypographyVariant.B2;
-				}
-			}
-		};
-		var getTabLabelColor = function (_a) {
-			var selected = _a.selected,
-				theme = _a.theme,
-				focusColor = _a.focusColor,
-				color = _a.color;
-			if (selected) {
-				return focusColor || color || theme.color.tab.selectedPrimaryLabel;
-			} else {
-				return color || theme.color.tab.nonSelectedPrimaryLabel;
-			}
-		};
-		var TabItem = react.forwardRef(function (props) {
-			var tabKey = props.tabKey,
-				onClick = props.onClick,
-				tabIndex = props.tabIndex,
-				_a = props.selected,
-				selected = _a === void 0 ? false : _a,
-				label = props.label,
-				disabled = props.disabled,
-				size = props.size,
-				_b = props.tabItemCSS,
-				tabItemCSS = _b === void 0 ? { label: {}, Root: {} } : _b,
-				css = props.css,
-				focusColor = props.focusColor,
-				children = props.children;
-			var theme = useTheme__default.default();
-			var tabItemStyles = getTabItemStyles(
-				__assign(
-					__assign({ theme: theme }, css),
-					tabItemCSS === null || tabItemCSS === void 0 ? void 0 : tabItemCSS.Root
-				)
-			);
-			var handleClick = react.useCallback(
-				function (event) {
-					if (!disabled) {
-						onClick(event, props);
-					}
-				},
-				[tabKey, onClick]
-			);
-			var _c = tabItemCSS.label,
-				color = _c.color;
-			__rest(_c, ['color']);
-			return jsxRuntime.jsx(
-				ctDesignButton.Button,
-				__assign(
-					{ disabled: disabled, css: tabItemStyles, onClick: handleClick, tabIndex: tabIndex },
-					{
-						children: label
-							? jsxRuntime.jsx(
-									ctDesignTypography.Typography,
-									__assign(
-										{
-											variant: getLabelVariant({ size: size }),
-											colorCode: getTabLabelColor({
-												selected: selected,
-												theme: theme,
-												focusColor: focusColor,
-												color: color,
-											}),
-										},
-										{ children: label }
-									)
-							  )
-							: children,
-					}
-				)
-			);
-		});
+    var useMounted = function () {
+        var _a = react.useState(false), isMounted = _a[0], setIsMounted = _a[1];
+        react.useEffect(function () {
+            setIsMounted(true);
+        }, []);
+        return isMounted;
+    };
+    var StyledTab = styled__default.default.div(function (_a) {
+        var css = _a.css, theme = _a.theme, _b = _a.isHorizontal, isHorizontal = _b === void 0 ? true : _b, width = _a.width, height = _a.height;
+        return getTabStyles(__assign({ theme: theme, isHorizontal: isHorizontal, width: width, height: height }, css));
+    });
+    var StyledFlexContainer = styled__default.default.div(function (_a) {
+        _a.theme;
+        return ({
+            display: 'flex',
+            flexDirection: 'row',
+        });
+    });
+    var Indicator = styled__default.default.div(function (_a) {
+        var theme = _a.theme, width = _a.width, left = _a.left, color = _a.color;
+        return ({
+            position: 'absolute',
+            height: '2px',
+            bottom: 0,
+            transition: 'all ease-in 0.3s',
+            backgroundColor: color || theme.color.background.primary,
+            width: width,
+            left: left,
+        });
+    });
+    var Tab = react.forwardRef(function (_a, forwardedRef) {
+        _a.children; var tabList = _a.tabList, _b = _a.selectedTabIndex, selectedTabIndex = _b === void 0 ? 0 : _b, onClick = _a.onClick, _c = _a.isHorizontal, isHorizontal = _c === void 0 ? true : _c, css = _a.css, tabCSS = _a.tabCSS, focusColor = _a.focusColor, props = __rest(_a, ["children", "tabList", "selectedTabIndex", "onClick", "isHorizontal", "css", "tabCSS", "focusColor"]);
+        var theme = styled.useTheme();
+        var isMounted = useMounted();
+        var _d = usePropState__default.default(selectedTabIndex), selectedIndex = _d[0], setSelectedIndex = _d[1];
+        var _e = react.useState({ width: 0, left: 0 }), indicatorStyle = _e[0], setIndicatorStyle = _e[1];
+        var listRef = react.useRef(null);
+        var tabsRef = react.useRef(null);
+        var handleRef = useMergeRefs__default.default(react.forwardRef, tabsRef);
+        var updateIndicatorState = function () {
+            var _a, _b;
+            if (listRef.current && selectedIndex !== undefined) {
+                var children = listRef.current.children;
+                var tab = children[selectedIndex];
+                var tabMeta = tab ? tab.getBoundingClientRect() : { left: 0, width: 0 };
+                var rect = (_a = tabsRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+                var tabsMeta = {
+                    scrollLeft: ((_b = tabsRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft) || 0,
+                    left: (rect === null || rect === void 0 ? void 0 : rect.left) || 0,
+                };
+                var correction = tabsMeta.scrollLeft;
+                var startValue = tabMeta.left - tabsMeta.left + correction;
+                var newIndicatorStyle = { left: startValue, width: tabMeta.width };
+                var dStart = Math.abs(indicatorStyle.left - newIndicatorStyle.left);
+                var dSize = Math.abs(indicatorStyle.width - newIndicatorStyle.width);
+                if (dStart >= 1 || dSize >= 1) {
+                    setIndicatorStyle(newIndicatorStyle);
+                }
+            }
+        };
+        react.useEffect(function () {
+            updateIndicatorState();
+        }, [selectedIndex]);
+        var handleClick = function (e, tabItem) {
+            setSelectedIndex(tabItem.tabIndex || 0);
+            if (onClick) {
+                onClick(e, tabItem);
+            }
+        };
+        var tabItemList = tabList.map(function (item, index) {
+            return (jsxRuntime.jsx(TabItem, { selected: index === selectedIndex, tabIndex: index, tabKey: index, onClick: handleClick, label: item.label, tabItemCSS: tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.TabItemCSS, focusColor: focusColor }, index));
+        });
+        var indicatorStyles = __assign(__assign({}, indicatorStyle), tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.IndicatorCSS);
+        return (jsxRuntime.jsxs(StyledTab, __assign({ ref: handleRef, theme: theme, isHorizontal: isHorizontal, css: __assign(__assign({}, css), tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.Root) }, props, { children: [jsxRuntime.jsx(StyledFlexContainer, __assign({ ref: listRef }, { children: tabItemList })), isMounted && jsxRuntime.jsx(Indicator, __assign({ color: focusColor }, indicatorStyles))] })));
+    });
 
-		var useMounted = function () {
-			var _a = react.useState(false),
-				isMounted = _a[0],
-				setIsMounted = _a[1];
-			react.useEffect(function () {
-				setIsMounted(true);
-			}, []);
-			return isMounted;
-		};
-		var StyledTab = styled__default.default.div(function (_a) {
-			var css = _a.css,
-				theme = _a.theme,
-				_b = _a.isHorizontal,
-				isHorizontal = _b === void 0 ? true : _b,
-				width = _a.width,
-				height = _a.height;
-			return getTabStyles(
-				__assign({ theme: theme, isHorizontal: isHorizontal, width: width, height: height }, css)
-			);
-		});
-		var StyledFlexContainer = styled__default.default.div(function (_a) {
-			_a.theme;
-			return {
-				display: 'flex',
-				flexDirection: 'row',
-			};
-		});
-		var Indicator = styled__default.default.div(function (_a) {
-			var theme = _a.theme,
-				width = _a.width,
-				left = _a.left,
-				color = _a.color;
-			return {
-				position: 'absolute',
-				height: '2px',
-				bottom: 0,
-				transition: 'all ease-in 0.3s',
-				backgroundColor: color || theme.color.background.primary,
-				width: width,
-				left: left,
-			};
-		});
-		var Tab = react.forwardRef(function (_a, forwardedRef) {
-			_a.children;
-			var tabList = _a.tabList,
-				_b = _a.selectedTabIndex,
-				selectedTabIndex = _b === void 0 ? 0 : _b,
-				onClick = _a.onClick,
-				_c = _a.isHorizontal,
-				isHorizontal = _c === void 0 ? true : _c,
-				css = _a.css,
-				tabCSS = _a.tabCSS,
-				focusColor = _a.focusColor,
-				props = __rest(_a, [
-					'children',
-					'tabList',
-					'selectedTabIndex',
-					'onClick',
-					'isHorizontal',
-					'css',
-					'tabCSS',
-					'focusColor',
-				]);
-			var theme = styled.useTheme();
-			var isMounted = useMounted();
-			var _d = usePropState__default.default(selectedTabIndex),
-				selectedIndex = _d[0],
-				setSelectedIndex = _d[1];
-			var _e = react.useState({ width: 0, left: 0 }),
-				indicatorStyle = _e[0],
-				setIndicatorStyle = _e[1];
-			var listRef = react.useRef(null);
-			var tabsRef = react.useRef(null);
-			var handleRef = useMergeRefs__default.default(react.forwardRef, tabsRef);
-			var updateIndicatorState = function () {
-				var _a, _b;
-				if (listRef.current && selectedIndex !== undefined) {
-					var children = listRef.current.children;
-					var tab = children[selectedIndex];
-					var tabMeta = tab ? tab.getBoundingClientRect() : { left: 0, width: 0 };
-					var rect = (_a = tabsRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-					var tabsMeta = {
-						scrollLeft: ((_b = tabsRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft) || 0,
-						left: (rect === null || rect === void 0 ? void 0 : rect.left) || 0,
-					};
-					var correction = tabsMeta.scrollLeft;
-					var startValue = tabMeta.left - tabsMeta.left + correction;
-					var newIndicatorStyle = { left: startValue, width: tabMeta.width };
-					var dStart = Math.abs(indicatorStyle.left - newIndicatorStyle.left);
-					var dSize = Math.abs(indicatorStyle.width - newIndicatorStyle.width);
-					if (dStart >= 1 || dSize >= 1) {
-						setIndicatorStyle(newIndicatorStyle);
-					}
-				}
-			};
-			react.useEffect(
-				function () {
-					updateIndicatorState();
-				},
-				[selectedIndex]
-			);
-			var handleClick = function (e, tabItem) {
-				setSelectedIndex(tabItem.tabIndex || 0);
-				if (onClick) {
-					onClick(e, tabItem);
-				}
-			};
-			var tabItemList = tabList.map(function (item, index) {
-				return jsxRuntime.jsx(
-					TabItem,
-					{
-						selected: index === selectedIndex,
-						tabIndex: index,
-						tabKey: index,
-						onClick: handleClick,
-						label: item.label,
-						tabItemCSS: tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.TabItemCSS,
-						focusColor: focusColor,
-					},
-					index
-				);
-			});
-			var indicatorStyles = __assign(
-				__assign({}, indicatorStyle),
-				tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.IndicatorCSS
-			);
-			return jsxRuntime.jsxs(
-				StyledTab,
-				__assign(
-					{
-						ref: handleRef,
-						theme: theme,
-						isHorizontal: isHorizontal,
-						css: __assign(__assign({}, css), tabCSS === null || tabCSS === void 0 ? void 0 : tabCSS.Root),
-					},
-					props,
-					{
-						children: [
-							jsxRuntime.jsx(StyledFlexContainer, __assign({ ref: listRef }, { children: tabItemList })),
-							isMounted && jsxRuntime.jsx(Indicator, __assign({ color: focusColor }, indicatorStyles)),
-						],
-					}
-				)
-			);
-		});
+    exports.TabItem = TabItem;
+    exports.Tabs = Tab;
 
-		exports.TabItem = TabItem;
-		exports.Tabs = Tab;
-	}
-);
+}));
 //# sourceMappingURL=ct-design-tabs.umd.js.map