@1money/component-ui 0.0.49 → 0.0.50

package/lib/components/Table/style/Table.css

@@ -0,0 +1,370 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-table {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  overflow: clip;
+  font-variant: tabular-nums;
+  background: var(--om-bg-default, #fff);
+  border: 1px solid var(--om-border-neutral, #e3e4e4);
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-table table {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.om-component-ui-table-thead > tr > th, .om-component-ui-table-thead > tr > td {
+  position: relative;
+  padding: var(--om-spacing-300, 12px) var(--om-spacing-400, 16px);
+  text-align: start;
+  overflow-wrap: break-word;
+  background: var(--om-bg-default-secondary, #f8f8f8);
+  border-bottom: 1px solid var(--om-border-neutral, #e3e4e4);
+  font-size: var(--om-label-md-font-size);
+  font-family: var(--om-label-md-font-family);
+  line-height: var(--om-label-md-line-height);
+  letter-spacing: var(--om-label-md-letter-spacing);
+  font-weight: var(--om-label-md-font-weight);
+}
+.om-component-ui-table-tbody > tr > td {
+  position: relative;
+  padding: var(--om-spacing-300, 12px) var(--om-spacing-400, 16px);
+  color: var(--om-text-default, #131313);
+  vertical-align: middle;
+  overflow-wrap: break-word;
+  border-bottom: 1px solid var(--om-bg-default-secondary, #f8f8f8);
+  font-size: var(--om-body-md-font-size);
+  font-family: var(--om-body-md-font-family);
+  line-height: var(--om-body-md-line-height);
+  letter-spacing: var(--om-body-md-letter-spacing);
+  font-weight: var(--om-body-md-font-weight);
+}
+.om-component-ui-table-tbody > tr:last-child > td {
+  border-bottom: 0;
+}
+.om-component-ui-table-tbody > tr:has(+ .om-component-ui-table-expanded-row:last-child) > td {
+  border-bottom: 0;
+}
+.om-component-ui-table-tbody > tr:hover > td {
+  background: var(--om-bg-default-secondary, #f8f8f8);
+  cursor: pointer;
+}
+.om-component-ui-table-content {
+  overflow: auto;
+}
+.om-component-ui-table-body {
+  overflow: auto;
+}
+.om-component-ui-table-header {
+  overflow: hidden;
+}
+.om-component-ui-table-sticky-holder {
+  position: sticky;
+  z-index: 3;
+  background: var(--om-bg-default, #fff);
+}
+.om-component-ui-table-fixed-header > .om-component-ui-table-header {
+  overflow: hidden;
+}
+.om-component-ui-table-fixed-header > .om-component-ui-table-body {
+  overflow: auto scroll;
+}
+.om-component-ui-table-cell-fix-start, .om-component-ui-table-cell-fix-end {
+  position: sticky !important;
+  z-index: calc(2 + var(--z-offset, 0));
+  background: var(--om-bg-default, #fff);
+}
+.om-component-ui-table-tbody > tr:hover .om-component-ui-table-cell-fix-start, .om-component-ui-table-tbody > tr:hover .om-component-ui-table-cell-fix-end {
+  background: var(--om-bg-default-secondary, #f8f8f8);
+}
+.om-component-ui-table-thead .om-component-ui-table-cell-fix-start, .om-component-ui-table-thead .om-component-ui-table-cell-fix-end {
+  background: var(--om-bg-default-secondary, #f8f8f8);
+}
+.om-component-ui-table-cell-fix-start-shadow::after, .om-component-ui-table-cell-fix-end-shadow::after {
+  position: absolute;
+  top: 0;
+  bottom: -1px;
+  width: 30px;
+  transition: box-shadow 0.3s;
+  content: "";
+  pointer-events: none;
+}
+.om-component-ui-table-cell-fix-start-shadow::after {
+  right: 0;
+  transform: translateX(100%);
+}
+.om-component-ui-table-cell-fix-start-shadow-show::after {
+  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
+}
+.om-component-ui-table-cell-fix-end-shadow::after {
+  left: 0;
+  transform: translateX(-100%);
+}
+.om-component-ui-table-cell-fix-end-shadow-show::after {
+  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
+}
+.om-component-ui-table-expanded-row .om-component-ui-table-cell {
+  padding: var(--om-spacing-300, 12px);
+  background: var(--om-bg-default-secondary, #f8f8f8);
+}
+.om-component-ui-table-placeholder {
+  text-align: center;
+}
+.om-component-ui-table-tbody-virtual .om-component-ui-table-row {
+  display: flex;
+}
+.om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell {
+  background: var(--om-bg-default-secondary, #f8f8f8);
+  cursor: pointer;
+}
+.om-component-ui-table-tbody-virtual .om-component-ui-table-cell {
+  padding: var(--om-spacing-300, 12px) var(--om-spacing-400, 16px);
+  color: var(--om-text-default, #131313);
+  overflow-wrap: break-word;
+  border-bottom: 1px solid var(--om-bg-default-secondary, #f8f8f8);
+  font-size: var(--om-body-md-font-size);
+  font-family: var(--om-body-md-font-family);
+  line-height: var(--om-body-md-line-height);
+  letter-spacing: var(--om-body-md-letter-spacing);
+  font-weight: var(--om-body-md-font-weight);
+}
+.om-component-ui-table-container, .om-component-ui-table-content, .om-component-ui-table-body, .om-component-ui-table-header {
+  background: inherit;
+}
+.om-component-ui-table-pagination {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: var(--om-spacing-600, 24px);
+}
+.om-component-ui-table-small {
+  --table-row-height: 56px;
+  --table-header-height: 40px;
+}
+.om-component-ui-table-small .om-component-ui-table-thead > tr > th,
+.om-component-ui-table-small .om-component-ui-table-thead > tr > td {
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-300, 12px);
+}
+.om-component-ui-table-small .om-component-ui-table-tbody > tr > td {
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-300, 12px);
+}
+.om-component-ui-table-large {
+  --table-row-height: 66px;
+  --table-header-height: 48px;
+}
+.om-component-ui-table-fill {
+  border: 0;
+  border-radius: 0;
+}
+.om-component-ui-table-fill .om-component-ui-table-thead > tr > th,
+.om-component-ui-table-fill .om-component-ui-table-thead > tr > td {
+  background: transparent;
+}
+.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-start,
+.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-end {
+  background: var(--om-bg-default, #fff);
+}
+.om-component-ui-table-stroke .om-component-ui-table-thead > tr > th,
+.om-component-ui-table-stroke .om-component-ui-table-thead > tr > td {
+  border-bottom: none;
+}
+.om-component-ui-table-stroke .om-component-ui-table-thead > tr > th.om-component-ui-table-cell--spacer,
+.om-component-ui-table-stroke .om-component-ui-table-thead > tr > td.om-component-ui-table-cell--spacer,
+.om-component-ui-table-stroke .om-component-ui-table-tbody > tr > td.om-component-ui-table-cell--spacer {
+  padding: 0;
+  border-bottom: none;
+}
+.om-component-ui-table .om-component-ui-table-header-cell {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+}
+.om-component-ui-table .om-component-ui-table-header-cell__title {
+  color: var(--om-text-default, #131313);
+  white-space: nowrap;
+}
+.om-component-ui-table .om-component-ui-table-header-cell--large .om-component-ui-table-header-cell__title {
+  font-size: var(--om-title-lg-font-size);
+  font-family: var(--om-title-lg-font-family);
+  line-height: var(--om-title-lg-line-height);
+  letter-spacing: var(--om-title-lg-letter-spacing);
+  font-weight: var(--om-title-lg-font-weight);
+}
+.om-component-ui-table .om-component-ui-table-header-cell--small .om-component-ui-table-header-cell__title {
+  font-size: var(--om-title-sm-font-size);
+  font-family: var(--om-title-sm-font-family);
+  line-height: var(--om-title-sm-line-height);
+  letter-spacing: var(--om-title-sm-letter-spacing);
+  font-weight: var(--om-title-sm-strong-font-weight);
+}
+.om-component-ui-table .om-component-ui-table-sort-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--om-icon-default, #131313);
+  line-height: 0;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+.om-component-ui-table .om-component-ui-table-sort-trigger:focus-visible {
+  outline: 2px solid var(--om-border-default, #d1d2d2);
+  outline-offset: 2px;
+}
+.om-component-ui-table .om-component-ui-table-sort-trigger--large {
+  width: 16px;
+  height: 16px;
+}
+.om-component-ui-table .om-component-ui-table-sort-trigger--small {
+  width: 12px;
+  height: 12px;
+}
+.om-component-ui-table .om-component-ui-table-filter-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: var(--om-spacing-100, 4px);
+  padding: 0;
+  color: var(--om-icon-default, #131313);
+  line-height: 0;
+  background: transparent;
+  border: 0;
+  border-radius: var(--om-radius-100, 4px);
+  cursor: pointer;
+}
+.om-component-ui-table .om-component-ui-table-filter-trigger:hover {
+  background: var(--om-bg-default-secondary, #f8f8f8);
+}
+.om-component-ui-table .om-component-ui-table-filter-trigger:focus-visible {
+  outline: 2px solid var(--om-border-default, #d1d2d2);
+  outline-offset: 2px;
+}
+.om-component-ui-table .om-component-ui-table-filter-trigger--active {
+  color: var(--om-icon-brand, #073387);
+}
+.om-component-ui-table .om-component-ui-table-filter-trigger--large {
+  width: 20px;
+  height: 20px;
+}
+.om-component-ui-table .om-component-ui-table-filter-trigger--small {
+  width: 16px;
+  height: 16px;
+}
+
+.om-component-ui-table-filter-dropdown {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+  min-width: 200px;
+  padding: var(--om-spacing-200, 8px);
+  background: var(--om-bg-default, #fff);
+  border-radius: var(--om-radius-200, 8px);
+  box-shadow: 0 8px 24px rgba(19, 19, 19, 0.12);
+}
+.om-component-ui-table-filter-dropdown__item {
+  display: flex;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  padding: var(--om-spacing-100, 4px) var(--om-spacing-200, 8px);
+  cursor: pointer;
+}
+.om-component-ui-table-filter-dropdown__item:hover {
+  background: var(--om-bg-default-secondary, #f8f8f8);
+}
+.om-component-ui-table-filter-dropdown__footer {
+  display: flex;
+  gap: var(--om-spacing-200, 8px);
+  justify-content: flex-end;
+  padding-top: var(--om-spacing-100, 4px);
+  border-top: 1px solid var(--om-border-neutral, #e3e4e4);
+}
+
+.om-component-ui-table .om-component-ui-table-expand-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--om-spacing-400, 16px);
+  height: var(--om-spacing-400, 16px);
+  padding: 0;
+  color: var(--om-icon-default, #131313);
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  transition: color 0.2s ease;
+}
+.om-component-ui-table .om-component-ui-table-expand-trigger:focus-visible {
+  outline: 2px solid var(--om-border-default, #d1d2d2);
+  outline-offset: 2px;
+}
+.om-component-ui-table .om-component-ui-table-expand-trigger:hover {
+  color: var(--om-icon-default-secondary, #404042);
+}
+.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true] {
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]:hover {
+  color: var(--om-icon-default-secondary, #404042);
+}
+.om-component-ui-table .om-component-ui-table-expand-trigger__icon {
+  transition: transform 0.2s ease;
+}
+.om-component-ui-table .om-component-ui-table-cell-content {
+  display: inline-flex;
+  gap: 8px;
+  align-items: center;
+}
+.om-component-ui-table .om-component-ui-table-cell-content__text {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 0;
+}
+.om-component-ui-table .om-component-ui-table-expanded-row {
+  background: var(--om-bg-default, #fff);
+}
+.om-component-ui-table .om-component-ui-table-expanded-row__content {
+  padding: var(--om-spacing-200, 8px) 0 var(--om-spacing-200, 8px);
+}
+
+.om-component-ui-table-wrapper {
+  position: relative;
+}
+
+.om-component-ui-table-wrapper--loading > .om-component-ui-table {
+  opacity: 0.6;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  pointer-events: none;
+}
+
+.om-component-ui-table-loading-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/components/Table/style/css.js

@@ -0,0 +1,12 @@
+"use strict";
+
+require("../../Button/style/css");
+require("../../Checkbox/style/css");
+require("../../Dropdown/style/css");
+require("../../Empty/style/css");
+require("../../Icons/style/css");
+require("../../Pagination/style/css");
+require("../../Radio/style/css");
+require("../../Typography/style/css");
+require("./Table.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvc3JjL2NvbXBvbmVudHMvVGFibGUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Table/style/index.d.ts

@@ -0,0 +1,9 @@
+import "../../Button/style";
+import "../../Checkbox/style";
+import "../../Dropdown/style";
+import "../../Empty/style";
+import "../../Icons/style";
+import "../../Pagination/style";
+import "../../Radio/style";
+import "../../Typography/style";
+import './Table.css';

package/lib/components/Table/style/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+require("../../Button/style");
+require("../../Checkbox/style");
+require("../../Dropdown/style");
+require("../../Empty/style");
+require("../../Icons/style");
+require("../../Pagination/style");
+require("../../Radio/style");
+require("../../Typography/style");
+require("./Table.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvc3JjL2NvbXBvbmVudHMvVGFibGUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Tabs/Tabs.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { TabsProps } from './interface';
+import './style';
+export declare const Tabs: FC<TabsProps>;
+declare const _default: import("react").NamedExoticComponent<TabsProps>;
+export default _default;

package/lib/components/Tabs/Tabs.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Tabs = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+require("./style");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var __rest = void 0 && (void 0).__rest || function (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;
+};
+var Tabs = exports.Tabs = function Tabs(props) {
+  var _a, _b;
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'tabs' : _props$prefixCls,
+    activeKey = props.activeKey,
+    defaultActiveKey = props.defaultActiveKey,
+    items = props.items,
+    _props$animated = props.animated,
+    animated = _props$animated === void 0 ? true : _props$animated,
+    _props$fullWidth = props.fullWidth,
+    fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth,
+    onChange = props.onChange,
+    rest = __rest(props, ["className", "prefixCls", "activeKey", "defaultActiveKey", "items", "animated", "fullWidth", "onChange"]);
+  var classes = (0, _classnames["default"])(prefixCls);
+  var headerRef = (0, _react.useRef)(null);
+  var tabRefs = (0, _react.useRef)(new Map());
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    indicatorStyle = _useState2[0],
+    setIndicatorStyle = _useState2[1];
+  var _useControlledState = (0, _hooks.useControlledState)((_b = defaultActiveKey !== null && defaultActiveKey !== void 0 ? defaultActiveKey : (_a = items[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : '', activeKey),
+    _useControlledState2 = (0, _slicedToArray2["default"])(_useControlledState, 2),
+    currentKey = _useControlledState2[0],
+    setCurrentKey = _useControlledState2[1];
+  var updateIndicator = (0, _react.useCallback)(function () {
+    var header = headerRef.current;
+    var activeTab = tabRefs.current.get(currentKey);
+    if (!header || !activeTab) return;
+    var headerRect = header.getBoundingClientRect();
+    var tabRect = activeTab.getBoundingClientRect();
+    setIndicatorStyle({
+      width: tabRect.width,
+      transform: "translateX(".concat(tabRect.left - headerRect.left + header.scrollLeft, "px)")
+    });
+  }, [currentKey]);
+  (0, _hooks.useLayoutEffect)(function (mount) {
+    updateIndicator();
+  }, [currentKey, items, updateIndicator]);
+  var handleTabClick = (0, _hooks.useEventCallback)(function (item) {
+    if (item.disabled) return;
+    setCurrentKey(item.key);
+    onChange === null || onChange === void 0 ? void 0 : onChange(item.key);
+  });
+  var setTabRef = (0, _react.useCallback)(function (key, el) {
+    if (el) {
+      tabRefs.current.set(key, el);
+    } else {
+      tabRefs.current["delete"](key);
+    }
+  }, []);
+  var activeItem = items.find(function (item) {
+    return item.key === currentKey;
+  });
+  return (0, _jsxRuntime.jsxs)("div", Object.assign({}, rest, {
+    className: classes(undefined, className),
+    children: [(0, _jsxRuntime.jsxs)("div", {
+      className: classes('header', fullWidth ? classes('header-full-width') : undefined),
+      ref: headerRef,
+      role: "tablist",
+      children: [items.map(function (item) {
+        return (0, _jsxRuntime.jsxs)("button", {
+          ref: function ref(el) {
+            return setTabRef(item.key, el);
+          },
+          role: "tab",
+          type: "button",
+          "aria-selected": item.key === currentKey,
+          "aria-disabled": item.disabled,
+          tabIndex: item.key === currentKey ? 0 : -1,
+          className: classes('tab', (0, _classnames.joinCls)(item.key === currentKey && classes('tab-active'), item.disabled && classes('tab-disabled'))),
+          onClick: function onClick() {
+            return handleTabClick(item);
+          },
+          children: [(0, _jsxRuntime.jsx)("span", {
+            className: classes('tab-label'),
+            children: item.label
+          }), item.badge !== undefined && (0, _jsxRuntime.jsx)("span", {
+            className: classes('tab-badge'),
+            children: item.badge
+          })]
+        }, item.key);
+      }), indicatorStyle && (0, _jsxRuntime.jsx)("span", {
+        className: classes('indicator'),
+        style: Object.assign(Object.assign({}, indicatorStyle), !animated && {
+          transition: 'none'
+        })
+      })]
+    }), (activeItem === null || activeItem === void 0 ? void 0 : activeItem.children) !== undefined && (0, _jsxRuntime.jsx)("div", {
+      className: classes('panel'),
+      role: "tabpanel",
+      "aria-labelledby": currentKey,
+      children: activeItem.children
+    })]
+  }));
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Tabs);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFicy9UYWJzLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9ob29rcyIsIl9jbGFzc25hbWVzIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJfX3Jlc3QiLCJzIiwicCIsInByb3RvdHlwZSIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsIlRhYnMiLCJleHBvcnRzIiwicHJvcHMiLCJfYSIsIl9iIiwiX3Byb3BzJGNsYXNzTmFtZSIsImNsYXNzTmFtZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJhY3RpdmVLZXkiLCJkZWZhdWx0QWN0aXZlS2V5IiwiaXRlbXMiLCJfcHJvcHMkYW5pbWF0ZWQiLCJhbmltYXRlZCIsIl9wcm9wcyRmdWxsV2lkdGgiLCJmdWxsV2lkdGgiLCJvbkNoYW5nZSIsInJlc3QiLCJjbGFzc2VzIiwiY2xhc3NuYW1lcyIsImhlYWRlclJlZiIsInVzZVJlZiIsInRhYlJlZnMiLCJNYXAiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJpbmRpY2F0b3JTdHlsZSIsInNldEluZGljYXRvclN0eWxlIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsInVzZUNvbnRyb2xsZWRTdGF0ZSIsImtleSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiY3VycmVudEtleSIsInNldEN1cnJlbnRLZXkiLCJ1cGRhdGVJbmRpY2F0b3IiLCJ1c2VDYWxsYmFjayIsImhlYWRlciIsImN1cnJlbnQiLCJhY3RpdmVUYWIiLCJoZWFkZXJSZWN0IiwiZ2V0Qm91bmRpbmdDbGllbnRSZWN0IiwidGFiUmVjdCIsIndpZHRoIiwidHJhbnNmb3JtIiwiY29uY2F0IiwibGVmdCIsInNjcm9sbExlZnQiLCJ1c2VMYXlvdXRFZmZlY3QiLCJtb3VudCIsImhhbmRsZVRhYkNsaWNrIiwidXNlRXZlbnRDYWxsYmFjayIsIml0ZW0iLCJkaXNhYmxlZCIsInNldFRhYlJlZiIsImVsIiwiYWN0aXZlSXRlbSIsImZpbmQiLCJfanN4cyIsImFzc2lnbiIsInVuZGVmaW5lZCIsImNoaWxkcmVuIiwicmVmIiwicm9sZSIsIm1hcCIsInR5cGUiLCJ0YWJJbmRleCIsImpvaW5DbHMiLCJvbkNsaWNrIiwiX2pzeCIsImxhYmVsIiwiYmFkZ2UiLCJzdHlsZSIsInRyYW5zaXRpb24iLCJfZGVmYXVsdCIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQVdBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ1hBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFdBQUEsR0FBQUMsdUJBQUEsQ0FBQUosT0FBQTtBQUdBQSxPQUFBO0FBQWlCLFNBQUFLLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBRix3QkFBQUUsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFM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QUssRUFBRXpGLE1BQUEsQ0FBQTRFLE1BQUEsQ0FBQTVFLE1BQUEsQ0FBQTRFLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFDRmhDLGNBQWMsQ0FBQSxFQUNiLENBQUNmLFFBQVEsSUFBSTtVQUFFNkQsVUFBVSxFQUFFO1FBQU0sQ0FBRztNQUN4QixDQUFBLENBRXJCO0lBQUEsQ0FBQSxDQUNHLEVBQ0wsQ0FBQWpCLFVBQVUsS0FBQSxJQUFBLElBQVZBLFVBQVUsS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBVkEsVUFBVSxDQUFFSyxRQUFRLE1BQUtELFNBQVMsSUFDakMsSUFBQVMsZUFBQSxFQUFBLEtBQUEsRUFBQTtNQUNFaEUsU0FBUyxFQUFFWSxPQUFPLENBQUMsT0FBTyxDQUFDO01BQzNCOEMsSUFBSSxFQUFDLFVBQVU7TUFBQSxpQkFBQSxFQUNFOUIsVUFBVTtNQUFBNEIsUUFBQSxFQUUxQkwsVUFBVSxDQUFDSztJQUFRLENBQUEsQ0FFdkI7RUFBQSxDQUFBLENBQUEsQ0FDRztBQUVWLENBQUM7QUFBQyxJQUFBYSxRQUFBLEdBQUExRSxPQUFBLDJCQUVhLElBQUEyRSxXQUFJLEVBQUM1RSxJQUFJLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJzL1RhYnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VDb250cm9sbGVkU3RhdGUsIHVzZUV2ZW50Q2FsbGJhY2ssIHVzZUxheW91dEVmZmVjdCB9IGZyb20gJ0AxbW9uZXkvaG9va3MnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBjbGFzc25hbWVzLCBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgJy4vc3R5bGUnO1xuZXhwb3J0IGNvbnN0IFRhYnMgPSBwcm9wcyA9PiB7XG4gICAgdmFyIF9hLCBfYjtcbiAgICBjb25zdCB7IGNsYXNzTmFtZSA9ICcnLCBwcmVmaXhDbHMgPSAndGFicycsIGFjdGl2ZUtleSwgZGVmYXVsdEFjdGl2ZUtleSwgaXRlbXMsIGFuaW1hdGVkID0gdHJ1ZSwgZnVsbFdpZHRoID0gZmFsc2UsIG9uQ2hhbmdlIH0gPSBwcm9wcywgcmVzdCA9IF9fcmVzdChwcm9wcywgW1wiY2xhc3NOYW1lXCIsIFwicHJlZml4Q2xzXCIsIFwiYWN0aXZlS2V5XCIsIFwiZGVmYXVsdEFjdGl2ZUtleVwiLCBcIml0ZW1zXCIsIFwiYW5pbWF0ZWRcIiwgXCJmdWxsV2lkdGhcIiwgXCJvbkNoYW5nZVwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBoZWFkZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgdGFiUmVmcyA9IHVzZVJlZihuZXcgTWFwKCkpO1xuICAgIGNvbnN0IFtpbmRpY2F0b3JTdHlsZSwgc2V0SW5kaWNhdG9yU3R5bGVdID0gdXNlU3RhdGUobnVsbCk7XG4gICAgY29uc3QgW2N1cnJlbnRLZXksIHNldEN1cnJlbnRLZXldID0gdXNlQ29udHJvbGxlZFN0YXRlKChfYiA9IGRlZmF1bHRBY3RpdmVLZXkgIT09IG51bGwgJiYgZGVmYXVsdEFjdGl2ZUtleSAhPT0gdm9pZCAwID8gZGVmYXVsdEFjdGl2ZUtleSA6IChfYSA9IGl0ZW1zWzBdKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Eua2V5KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnJywgYWN0aXZlS2V5KTtcbiAgICBjb25zdCB1cGRhdGVJbmRpY2F0b3IgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGhlYWRlciA9IGhlYWRlclJlZi5jdXJyZW50O1xuICAgICAgICBjb25zdCBhY3RpdmVUYWIgPSB0YWJSZWZzLmN1cnJlbnQuZ2V0KGN1cnJlbnRLZXkpO1xuICAgICAgICBpZiAoIWhlYWRlciB8fCAhYWN0aXZlVGFiKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBoZWFkZXJSZWN0ID0gaGVhZGVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCB0YWJSZWN0ID0gYWN0aXZlVGFiLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBzZXRJbmRpY2F0b3JTdHlsZSh7XG4gICAgICAgICAgICB3aWR0aDogdGFiUmVjdC53aWR0aCxcbiAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHt0YWJSZWN0LmxlZnQgLSBoZWFkZXJSZWN0LmxlZnQgKyBoZWFkZXIuc2Nyb2xsTGVmdH1weClgLFxuICAgICAgICB9KTtcbiAgICB9LCBbY3VycmVudEtleV0pO1xuICAgIHVzZUxheW91dEVmZmVjdChtb3VudCA9PiB7XG4gICAgICAgIHVwZGF0ZUluZGljYXRvcigpO1xuICAgIH0sIFtjdXJyZW50S2V5LCBpdGVtcywgdXBkYXRlSW5kaWNhdG9yXSk7XG4gICAgY29uc3QgaGFuZGxlVGFiQ2xpY2sgPSB1c2VFdmVudENhbGxiYWNrKChpdGVtKSA9PiB7XG4gICAgICAgIGlmIChpdGVtLmRpc2FibGVkKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBzZXRDdXJyZW50S2V5KGl0ZW0ua2V5KTtcbiAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKGl0ZW0ua2V5KTtcbiAgICB9KTtcbiAgICBjb25zdCBzZXRUYWJSZWYgPSB1c2VDYWxsYmFjaygoa2V5LCBlbCkgPT4ge1xuICAgICAgICBpZiAoZWwpIHtcbiAgICAgICAgICAgIHRhYlJlZnMuY3VycmVudC5zZXQoa2V5LCBlbCk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICB0YWJSZWZzLmN1cnJlbnQuZGVsZXRlKGtleSk7XG4gICAgICAgIH1cbiAgICB9LCBbXSk7XG4gICAgY29uc3QgYWN0aXZlSXRlbSA9IGl0ZW1zLmZpbmQoaXRlbSA9PiBpdGVtLmtleSA9PT0gY3VycmVudEtleSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIGNsYXNzTmFtZSksIGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2hlYWRlcicsIGZ1bGxXaWR0aCA/IGNsYXNzZXMoJ2hlYWRlci1mdWxsLXdpZHRoJykgOiB1bmRlZmluZWQpLCByZWY6IGhlYWRlclJlZiwgcm9sZTogXCJ0YWJsaXN0XCIsIGNoaWxkcmVuOiBbaXRlbXMubWFwKGl0ZW0gPT4gKF9qc3hzKFwiYnV0dG9uXCIsIHsgcmVmOiBlbCA9PiBzZXRUYWJSZWYoaXRlbS5rZXksIGVsKSwgcm9sZTogXCJ0YWJcIiwgdHlwZTogXCJidXR0b25cIiwgXCJhcmlhLXNlbGVjdGVkXCI6IGl0ZW0ua2V5ID09PSBjdXJyZW50S2V5LCBcImFyaWEtZGlzYWJsZWRcIjogaXRlbS5kaXNhYmxlZCwgdGFiSW5kZXg6IGl0ZW0ua2V5ID09PSBjdXJyZW50S2V5ID8gMCA6IC0xLCBjbGFzc05hbWU6IGNsYXNzZXMoJ3RhYicsIGpvaW5DbHMoaXRlbS5rZXkgPT09IGN1cnJlbnRLZXkgJiYgY2xhc3NlcygndGFiLWFjdGl2ZScpLCBpdGVtLmRpc2FibGVkICYmIGNsYXNzZXMoJ3RhYi1kaXNhYmxlZCcpKSksIG9uQ2xpY2s6ICgpID0+IGhhbmRsZVRhYkNsaWNrKGl0ZW0pLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0YWItbGFiZWwnKSwgY2hpbGRyZW46IGl0ZW0ubGFiZWwgfSksIGl0ZW0uYmFkZ2UgIT09IHVuZGVmaW5lZCAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RhYi1iYWRnZScpLCBjaGlsZHJlbjogaXRlbS5iYWRnZSB9KSldIH0sIGl0ZW0ua2V5KSkpLCBpbmRpY2F0b3JTdHlsZSAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2luZGljYXRvcicpLCBzdHlsZTogT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBpbmRpY2F0b3JTdHlsZSksICghYW5pbWF0ZWQgJiYgeyB0cmFuc2l0aW9uOiAnbm9uZScgfSkpIH0pKV0gfSksIChhY3RpdmVJdGVtID09PSBudWxsIHx8IGFjdGl2ZUl0ZW0gPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGl2ZUl0ZW0uY2hpbGRyZW4pICE9PSB1bmRlZmluZWQgJiYgKF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3BhbmVsJyksIHJvbGU6IFwidGFicGFuZWxcIiwgXCJhcmlhLWxhYmVsbGVkYnlcIjogY3VycmVudEtleSwgY2hpbGRyZW46IGFjdGl2ZUl0ZW0uY2hpbGRyZW4gfSkpXSB9KSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oVGFicyk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Tabs/index.d.ts

@@ -0,0 +1,4 @@
+import Tabs from './Tabs';
+export { Tabs } from './Tabs';
+export default Tabs;
+export * from './interface';

package/lib/components/Tabs/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Tabs: true
+};
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function get() {
+    return _Tabs.Tabs;
+  }
+});
+exports["default"] = void 0;
+var _Tabs = _interopRequireWildcard(require("./Tabs"));
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _Tabs["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFicy9pbmRleC50cyJdLCJuYW1lcyI6WyJfVGFicyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJuIiwiX19wcm90b19fIiwiYSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJpIiwic2V0IiwiX2RlZmF1bHQiLCJUYWJzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsS0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBTUEsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBNEIsU0FBQVMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFoQix3QkFBQWdCLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUwsR0FBQSxDQUFBRSxDQUFBLE9BQUFPLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUF0QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBdUIsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBWCxDQUFBLG9CQUFBVyxDQUFBLE9BQUFuQixjQUFBLENBQUFDLElBQUEsQ0FBQU8sQ0FBQSxFQUFBVyxDQUFBLFNBQUFDLENBQUEsR0FBQUgsQ0FBQSxHQUFBdEIsTUFBQSxDQUFBdUIsd0JBQUEsQ0FBQVYsQ0FBQSxFQUFBVyxDQUFBLFVBQUFDLENBQUEsS0FBQUEsQ0FBQSxDQUFBZCxHQUFBLElBQUFjLENBQUEsQ0FBQUMsR0FBQSxJQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFXLENBQUEsRUFBQUksQ0FBQSxFQUFBQyxDQUFBLElBQUFMLENBQUEsQ0FBQUksQ0FBQSxJQUFBWCxDQUFBLENBQUFXLENBQUEsWUFBQUosQ0FBQSxjQUFBUCxDQUFBLEVBQUFHLENBQUEsSUFBQUEsQ0FBQSxDQUFBVSxHQUFBLENBQUFiLENBQUEsRUFBQU8sQ0FBQSxHQUFBQSxDQUFBO0FBQUEsSUFBQU8sUUFBQSxHQUFBbkIsT0FBQSxjQUZib0IsZ0JBQUkiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJzL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Tabs/interface.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface TabItem {
+    /** Unique identifier for the tab */
+    key: string;
+    /** Tab header label */
+    label: ReactNode;
+    /** Optional badge number displayed next to the label */
+    badge?: number;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Tab panel content */
+    children?: ReactNode;
+}
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** CSS class prefix for customization */
+    prefixCls?: string;
+    /** Active tab key (controlled mode) */
+    activeKey?: string;
+    /** Default active tab key (uncontrolled mode) */
+    defaultActiveKey?: string;
+    /** Tab items configuration */
+    items: TabItem[];
+    /** Whether to animate the indicator transition (default: true) */
+    animated?: boolean;
+    /** Whether the tab bar extends full width with a bottom border (default: false) */
+    fullWidth?: boolean;
+    /** Callback when active tab changes */
+    onChange?: (key: string) => void;
+}

package/lib/components/Tabs/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9UYWJzL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9UYWJzL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119