@cleartrip/ct-design-tabs 1.1.0

package/dist/StyledCounter/StyledCounter.d.ts

@@ -0,0 +1,9 @@
+import { StyledCounterProps } from './type';
+declare const StyledCounter: import('styled-components').StyledComponent<
+	'div',
+	import('styled-components').DefaultTheme,
+	StyledCounterProps,
+	never
+>;
+export default StyledCounter;
+//# sourceMappingURL=StyledCounter.d.ts.map

package/dist/StyledCounter/StyledCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledCounter.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/StyledCounter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,QAAA,MAAM,aAAa,yHAElB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/StyledCounter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as StyledCounter } from './StyledCounter';
+//# sourceMappingURL=index.d.ts.map

package/dist/StyledCounter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/StyledCounter/style.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from 'styled-components';
+import { Theme } from '../../../token/theme';
+import { StyledCounterProps } from './type';
+export declare const getStyledCounterStyles: ({
+	backgroundColor,
+	theme,
+}: StyledCounterProps & {
+	theme: Theme;
+}) => CSSObject;
+//# sourceMappingURL=style.d.ts.map

package/dist/StyledCounter/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,eAAO,MAAM,sBAAsB;;MAGQ,SAU1C,CAAC"}

package/dist/StyledCounter/type.d.ts

@@ -0,0 +1,4 @@
+export interface StyledCounterProps {
+	backgroundColor?: string;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/StyledCounter/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/StyledCounter/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB"}

package/dist/TabItem/TabItem.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+import { ForwardRefComponentWithStyle } from '@cleartrip/ct-design-types';
+import { TabItemProps } from './type';
+import { TabProps } from '../type';
+import { Theme } from '@cleartrip/ct-design-tokens';
+import { TypographyVariant } from '@cleartrip/ct-design-typography';
+type PolymorphicTabItem = ForwardRefComponentWithStyle<'button', TabItemProps>;
+export declare const getLabelVariant: ({
+	size,
+}: {
+	size: TabProps['tabSize'];
+}) => TypographyVariant.B1 | TypographyVariant.B2;
+export declare const getTabLabelColor: ({
+	selected,
+	theme,
+	focusColor,
+	color,
+}: {
+	selected: boolean;
+	theme: Theme;
+	focusColor: CSSProperties['color'];
+	color: CSSProperties['color'];
+}) => string;
+declare const TabItem: PolymorphicTabItem;
+export default TabItem;
+//# sourceMappingURL=TabItem.d.ts.map

package/dist/TabItem/TabItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAc,MAAM,iCAAiC,CAAC;AAEhF,KAAK,kBAAkB,GAAG,4BAA4B,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAS/E,eAAO,MAAM,eAAe;UAAsB,QAAQ,CAAC,SAAS,CAAC;iDAepE,CAAC;AAEF,eAAO,MAAM,gBAAgB;cAMlB,OAAO;WACV,KAAK;gBACA,aAAa,CAAC,OAAO,CAAC;WAC3B,aAAa,CAAC,OAAO,CAAC;YAO7B,CAAC;AAEF,QAAA,MAAM,OAAO,oBAyCW,CAAC;AAEzB,eAAe,OAAO,CAAC"}

package/dist/TabItem/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './TabItem';
+export * from './TabItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/TabItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,WAAW,CAAC"}

package/dist/TabItem/type.d.ts

@@ -0,0 +1,23 @@
+import { CSSProperties, ReactNode } from 'react';
+import { HtmlCompositeAttributes, MakeAllPartialExcluding, containerCSS } from '../../../@types';
+import { TabProps } from '../type';
+interface TabItemCSS extends containerCSS {
+	label: CSSProperties;
+}
+export type TabItemType = MakeAllPartialExcluding<OwnTabItemProps, 'tabKey'>;
+export interface OwnTabItemProps {
+	tabKey: string | number;
+	tabIndex?: number;
+	selected?: boolean;
+	onClick: (e: MouseEvent, tabItem: TabItemType) => void;
+	label?: ReactNode;
+	icon?: ReactNode;
+	showLabelOnly?: boolean;
+	disabled?: boolean;
+	size?: TabProps['tabSize'];
+	focusColor?: CSSProperties['color'];
+	tabItemCSS?: TabItemCSS;
+}
+export interface TabItemProps extends HtmlCompositeAttributes<OwnTabItemProps, 'Div'>, OwnTabItemProps {}
+export {};
+//# sourceMappingURL=type.d.ts.map

package/dist/TabItem/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Tabs/src/TabItem/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,UAAU,UAAW,SAAQ,YAAY;IAIxC,KAAK,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,uBAAuB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAC7E,MAAM,WAAW,eAAe;IAI/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,aAAa,CAAC,EAAE,OAAO,CAAC;IAKxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,IAAI,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAI3B,UAAU,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAIpC,UAAU,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,uBAAuB,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,eAAe;CAAG"}

package/dist/Tabs.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefComponentWithStyle } from '@cleartrip/ct-design-types';
+import { TabProps } from './type';
+type PolymorphicTab = ForwardRefComponentWithStyle<'div', TabProps>;
+declare const Tab: PolymorphicTab;
+export default Tab;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../packages/components/Tabs/src/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiBlC,KAAK,cAAc,GAAG,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAqBpE,QAAA,MAAM,GAAG,gBAwFU,CAAC;AAEpB,eAAe,GAAG,CAAC"}

package/dist/ct-design-tabs.browser.cjs.js

@@ -0,0 +1,232 @@
+'use strict';
+var e = require('tslib'),
+	t = require('react/jsx-runtime'),
+	r = require('styled-components'),
+	i = require('react'),
+	o = require('@cleartrip/ct-design-button'),
+	n = require('@cleartrip/ct-design-use-theme'),
+	l = require('@cleartrip/ct-design-typography'),
+	s = require('@cleartrip/ct-design-use-merge-refs'),
+	a = require('@cleartrip/ct-design-use-props-state');
+function c(e) {
+	return e && e.__esModule ? e : { default: e };
+}
+var d = c(r),
+	u = c(n),
+	f = c(s),
+	h = c(a),
+	b = function (e) {
+		switch (e.size) {
+			case 'small':
+			default:
+				return l.TypographyVariant.B2;
+			case 'medium':
+			case 'large':
+				return l.TypographyVariant.B1;
+		}
+	},
+	g = function (e) {
+		var t = e.selected,
+			r = e.theme,
+			i = e.focusColor,
+			o = e.color;
+		return t ? i || o || r.color.tab.selectedPrimaryLabel : o || r.color.tab.nonSelectedPrimaryLabel;
+	},
+	_ = i.forwardRef(function (r) {
+		var n = r.tabKey,
+			s = r.onClick,
+			a = r.tabIndex,
+			c = r.selected,
+			d = void 0 !== c && c,
+			f = r.label,
+			h = r.disabled,
+			_ = r.size,
+			m = r.tabItemCSS,
+			v = void 0 === m ? { label: {}, Root: {} } : m,
+			p = r.css,
+			C = r.focusColor,
+			w = r.children,
+			x = u.default(),
+			y = (function (t) {
+				t.theme;
+				var r = e.__rest(t, ['theme']);
+				return e.__assign({ backgroundColor: 'transparent', outline: 0, border: 0 }, r);
+			})(e.__assign(e.__assign({ theme: x }, p), null == v ? void 0 : v.Root)),
+			S = i.useCallback(
+				function (e) {
+					h || s(e, r);
+				},
+				[n, s]
+			),
+			I = v.label,
+			z = I.color;
+		return (
+			e.__rest(I, ['color']),
+			t.jsx(
+				o.Button,
+				e.__assign(
+					{ disabled: h, css: y, onClick: S, tabIndex: a },
+					{
+						children: f
+							? t.jsx(
+									l.Typography,
+									e.__assign(
+										{
+											variant: b({ size: _ }),
+											colorCode: g({ selected: d, theme: x, focusColor: C, color: z }),
+										},
+										{ children: f }
+									)
+							  )
+							: w,
+					}
+				)
+			)
+		);
+	}),
+	m = d.default.div(function (t) {
+		var r = t.css,
+			i = t.theme,
+			o = t.isHorizontal,
+			n = void 0 === o || o,
+			l = t.width,
+			s = t.height;
+		return (function (t) {
+			var r = t.theme,
+				i = t.isHorizontal,
+				o = t.width,
+				n = t.height,
+				l = e.__rest(t, ['theme', 'isHorizontal', 'width', 'height']);
+			return e.__assign(
+				{
+					display: 'flex',
+					flexDirection: i ? 'row' : 'column',
+					width: o || i ? '100%' : '',
+					height: n || !i ? '100%' : '',
+					justifyContent: 'space-between',
+					borderBottomWidth: r.border.width.sm,
+					borderColor: r.color.border.default,
+					borderBottomStyle: r.border.style.solid,
+					cursor: 'pointer',
+					position: 'relative',
+				},
+				l
+			);
+		})(e.__assign({ theme: i, isHorizontal: n, width: l, height: s }, r));
+	}),
+	v = d.default.div(function (e) {
+		return e.theme, { display: 'flex', flexDirection: 'row' };
+	}),
+	p = d.default.div(function (e) {
+		var t = e.theme,
+			r = e.width,
+			i = e.left;
+		return {
+			position: 'absolute',
+			height: '2px',
+			bottom: 0,
+			transition: 'all ease-in 0.3s',
+			backgroundColor: e.color || t.color.background.primary,
+			width: r,
+			left: i,
+		};
+	}),
+	C = i.forwardRef(function (o, n) {
+		o.children;
+		var l = o.tabList,
+			s = o.selectedTabIndex,
+			a = void 0 === s ? 0 : s,
+			c = o.onClick,
+			d = o.isHorizontal,
+			u = void 0 === d || d,
+			b = o.css,
+			g = o.tabCSS,
+			C = o.focusColor,
+			w = e.__rest(o, [
+				'children',
+				'tabList',
+				'selectedTabIndex',
+				'onClick',
+				'isHorizontal',
+				'css',
+				'tabCSS',
+				'focusColor',
+			]),
+			x = r.useTheme(),
+			y = (function () {
+				var e = i.useState(!1),
+					t = e[0],
+					r = e[1];
+				return (
+					i.useEffect(function () {
+						r(!0);
+					}, []),
+					t
+				);
+			})(),
+			S = h.default(a),
+			I = S[0],
+			z = S[1],
+			R = i.useState({ width: 0, left: 0 }),
+			k = R[0],
+			q = R[1],
+			T = i.useRef(null),
+			j = i.useRef(null),
+			B = f.default(i.forwardRef, j);
+		i.useEffect(
+			function () {
+				!(function () {
+					var e, t;
+					if (T.current && void 0 !== I) {
+						var r = T.current.children[I],
+							i = r ? r.getBoundingClientRect() : { left: 0, width: 0 },
+							o = null === (e = j.current) || void 0 === e ? void 0 : e.getBoundingClientRect(),
+							n = {
+								scrollLeft: (null === (t = j.current) || void 0 === t ? void 0 : t.scrollLeft) || 0,
+								left: (null == o ? void 0 : o.left) || 0,
+							},
+							l = n.scrollLeft,
+							s = { left: i.left - n.left + l, width: i.width },
+							a = Math.abs(k.left - s.left),
+							c = Math.abs(k.width - s.width);
+						(a >= 1 || c >= 1) && q(s);
+					}
+				})();
+			},
+			[I]
+		);
+		var H = function (e, t) {
+				z(t.tabIndex || 0), c && c(e, t);
+			},
+			L = l.map(function (e, r) {
+				return t.jsx(
+					_,
+					{
+						selected: r === I,
+						tabIndex: r,
+						tabKey: r,
+						onClick: H,
+						label: e.label,
+						tabItemCSS: null == g ? void 0 : g.TabItemCSS,
+						focusColor: C,
+					},
+					r
+				);
+			}),
+			M = e.__assign(e.__assign({}, k), null == g ? void 0 : g.IndicatorCSS);
+		return t.jsxs(
+			m,
+			e.__assign(
+				{ ref: B, theme: x, isHorizontal: u, css: e.__assign(e.__assign({}, b), null == g ? void 0 : g.Root) },
+				w,
+				{
+					children: [
+						t.jsx(v, e.__assign({ ref: T }, { children: L })),
+						y && t.jsx(p, e.__assign({ color: C }, M)),
+					],
+				}
+			)
+		);
+	});
+(exports.TabItem = _), (exports.Tabs = C);
+//# sourceMappingURL=ct-design-tabs.browser.cjs.js.map

package/dist/ct-design-tabs.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-tabs.browser.cjs.js","sources":["../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx","../packages/components/Tabs/src/style.ts"],"sourcesContent":[null,null,null],"names":["getLabelVariant","_a","size","TypographyVariant","B2","B1","getTabLabelColor","selected","theme","focusColor","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","TabItem","forwardRef","props","tabKey","onClick","tabIndex","label","disabled","_b","tabItemCSS","Root","css","children","useTheme","tabItemStyles","rest","__rest","__assign","backgroundColor","outline","border","getTabItemStyles","handleClick","useCallback","event","_c","_jsx","jsx","Button","Typography","variant","colorCode","StyledTab","styled","default","div","isHorizontal","width","height","display","flexDirection","justifyContent","borderBottomWidth","sm","borderColor","borderBottomStyle","style","solid","cursor","position","getTabStyles","StyledFlexContainer","Indicator","left","bottom","transition","background","primary","Tab","forwardedRef","tabList","selectedTabIndex","tabCSS","isMounted","useState","setIsMounted","useEffect","useMounted","_d","usePropState","selectedIndex","setSelectedIndex","_e","indicatorStyle","setIndicatorStyle","listRef","useRef","tabsRef","handleRef","useMergeRefs","current","undefined","tabMeta","getBoundingClientRect","rect","tabsMeta","scrollLeft","correction","newIndicatorStyle","dStart","Math","abs","dSize","updateIndicatorState","e","tabItem","tabItemList","map","item","index","TabItemCSS","indicatorStyles","IndicatorCSS","_jsxs","ref"],"mappings":"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"}

package/dist/ct-design-tabs.browser.esm.js

@@ -0,0 +1,217 @@
+import { __rest as e, __assign as t } from 'tslib';
+import { jsx as o, jsxs as r } from 'react/jsx-runtime';
+import i, { useTheme as l } from 'styled-components';
+import { forwardRef as n, useCallback as c, useState as a, useRef as d, useEffect as s } from 'react';
+import { Button as u } from '@cleartrip/ct-design-button';
+import f from '@cleartrip/ct-design-use-theme';
+import { Typography as h, TypographyVariant as m } from '@cleartrip/ct-design-typography';
+import b from '@cleartrip/ct-design-use-merge-refs';
+import v from '@cleartrip/ct-design-use-props-state';
+var p = function (e) {
+		switch (e.size) {
+			case 'small':
+			default:
+				return m.B2;
+			case 'medium':
+			case 'large':
+				return m.B1;
+		}
+	},
+	C = function (e) {
+		var t = e.selected,
+			o = e.theme,
+			r = e.focusColor,
+			i = e.color;
+		return t ? r || i || o.color.tab.selectedPrimaryLabel : i || o.color.tab.nonSelectedPrimaryLabel;
+	},
+	g = n(function (r) {
+		var i = r.tabKey,
+			l = r.onClick,
+			n = r.tabIndex,
+			a = r.selected,
+			d = void 0 !== a && a,
+			s = r.label,
+			m = r.disabled,
+			b = r.size,
+			v = r.tabItemCSS,
+			g = void 0 === v ? { label: {}, Root: {} } : v,
+			w = r.css,
+			S = r.focusColor,
+			x = r.children,
+			y = f(),
+			z = (function (o) {
+				o.theme;
+				var r = e(o, ['theme']);
+				return t({ backgroundColor: 'transparent', outline: 0, border: 0 }, r);
+			})(t(t({ theme: y }, w), null == g ? void 0 : g.Root)),
+			I = c(
+				function (e) {
+					m || l(e, r);
+				},
+				[i, l]
+			),
+			k = g.label,
+			H = k.color;
+		return (
+			e(k, ['color']),
+			o(
+				u,
+				t(
+					{ disabled: m, css: z, onClick: I, tabIndex: n },
+					{
+						children: s
+							? o(
+									h,
+									t(
+										{
+											variant: p({ size: b }),
+											colorCode: C({ selected: d, theme: y, focusColor: S, color: H }),
+										},
+										{ children: s }
+									)
+							  )
+							: x,
+					}
+				)
+			)
+		);
+	}),
+	w = i.div(function (o) {
+		var r = o.css,
+			i = o.theme,
+			l = o.isHorizontal,
+			n = void 0 === l || l,
+			c = o.width,
+			a = o.height;
+		return (function (o) {
+			var r = o.theme,
+				i = o.isHorizontal,
+				l = o.width,
+				n = o.height,
+				c = e(o, ['theme', 'isHorizontal', 'width', 'height']);
+			return t(
+				{
+					display: 'flex',
+					flexDirection: i ? 'row' : 'column',
+					width: l || i ? '100%' : '',
+					height: n || !i ? '100%' : '',
+					justifyContent: 'space-between',
+					borderBottomWidth: r.border.width.sm,
+					borderColor: r.color.border.default,
+					borderBottomStyle: r.border.style.solid,
+					cursor: 'pointer',
+					position: 'relative',
+				},
+				c
+			);
+		})(t({ theme: i, isHorizontal: n, width: c, height: a }, r));
+	}),
+	S = i.div(function (e) {
+		return e.theme, { display: 'flex', flexDirection: 'row' };
+	}),
+	x = i.div(function (e) {
+		var t = e.theme,
+			o = e.width,
+			r = e.left;
+		return {
+			position: 'absolute',
+			height: '2px',
+			bottom: 0,
+			transition: 'all ease-in 0.3s',
+			backgroundColor: e.color || t.color.background.primary,
+			width: o,
+			left: r,
+		};
+	}),
+	y = n(function (i, c) {
+		i.children;
+		var u = i.tabList,
+			f = i.selectedTabIndex,
+			h = void 0 === f ? 0 : f,
+			m = i.onClick,
+			p = i.isHorizontal,
+			C = void 0 === p || p,
+			y = i.css,
+			z = i.tabCSS,
+			I = i.focusColor,
+			k = e(i, [
+				'children',
+				'tabList',
+				'selectedTabIndex',
+				'onClick',
+				'isHorizontal',
+				'css',
+				'tabCSS',
+				'focusColor',
+			]),
+			H = l(),
+			L = (function () {
+				var e = a(!1),
+					t = e[0],
+					o = e[1];
+				return (
+					s(function () {
+						o(!0);
+					}, []),
+					t
+				);
+			})(),
+			B = v(h),
+			R = B[0],
+			T = B[1],
+			j = a({ width: 0, left: 0 }),
+			D = j[0],
+			K = j[1],
+			M = d(null),
+			P = d(null),
+			W = b(n, P);
+		s(
+			function () {
+				!(function () {
+					var e, t;
+					if (M.current && void 0 !== R) {
+						var o = M.current.children[R],
+							r = o ? o.getBoundingClientRect() : { left: 0, width: 0 },
+							i = null === (e = P.current) || void 0 === e ? void 0 : e.getBoundingClientRect(),
+							l = {
+								scrollLeft: (null === (t = P.current) || void 0 === t ? void 0 : t.scrollLeft) || 0,
+								left: (null == i ? void 0 : i.left) || 0,
+							},
+							n = l.scrollLeft,
+							c = { left: r.left - l.left + n, width: r.width },
+							a = Math.abs(D.left - c.left),
+							d = Math.abs(D.width - c.width);
+						(a >= 1 || d >= 1) && K(c);
+					}
+				})();
+			},
+			[R]
+		);
+		var q = function (e, t) {
+				T(t.tabIndex || 0), m && m(e, t);
+			},
+			A = u.map(function (e, t) {
+				return o(
+					g,
+					{
+						selected: t === R,
+						tabIndex: t,
+						tabKey: t,
+						onClick: q,
+						label: e.label,
+						tabItemCSS: null == z ? void 0 : z.TabItemCSS,
+						focusColor: I,
+					},
+					t
+				);
+			}),
+			E = t(t({}, D), null == z ? void 0 : z.IndicatorCSS);
+		return r(
+			w,
+			t({ ref: W, theme: H, isHorizontal: C, css: t(t({}, y), null == z ? void 0 : z.Root) }, k, {
+				children: [o(S, t({ ref: M }, { children: A })), L && o(x, t({ color: I }, E))],
+			})
+		);
+	});
+export { g as TabItem, y as Tabs };
+//# sourceMappingURL=ct-design-tabs.browser.esm.js.map

package/dist/ct-design-tabs.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-tabs.browser.esm.js","sources":["../packages/components/Tabs/src/style.ts","../packages/components/Tabs/src/TabItem/TabItem.tsx","../packages/components/Tabs/src/Tabs.tsx"],"sourcesContent":[null,null,null],"names":["getLabelVariant","_a","size","TypographyVariant","B2","B1","getTabLabelColor","selected","theme","focusColor","color","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","TabItem","forwardRef","props","tabKey","onClick","tabIndex","label","disabled","_b","tabItemCSS","Root","css","children","useTheme","tabItemStyles","rest","__rest","__assign","backgroundColor","outline","border","getTabItemStyles","handleClick","useCallback","event","_c","_jsx","Button","Typography","variant","colorCode","StyledTab","styled","div","isHorizontal","width","height","display","flexDirection","justifyContent","borderBottomWidth","sm","borderColor","default","borderBottomStyle","style","solid","cursor","position","getTabStyles","StyledFlexContainer","Indicator","left","bottom","transition","background","primary","Tab","forwardedRef","tabList","selectedTabIndex","tabCSS","isMounted","useState","setIsMounted","useEffect","useMounted","_d","usePropState","selectedIndex","setSelectedIndex","_e","indicatorStyle","setIndicatorStyle","listRef","useRef","tabsRef","handleRef","useMergeRefs","current","undefined","tabMeta","getBoundingClientRect","rect","tabsMeta","scrollLeft","correction","newIndicatorStyle","dStart","Math","abs","dSize","updateIndicatorState","e","tabItem","tabItemList","map","item","index","TabItemCSS","indicatorStyles","IndicatorCSS","_jsxs","ref"],"mappings":"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"}