@1money/component-ui 0.0.1

package/es/components/Table/renderers/HeaderCell.d.ts

@@ -0,0 +1,7 @@
+import type { TableColumn, TableSize, TableSortOrder } from '../interface';
+export declare const HeaderCell: ({ column, size, sortOrder, onSortClick, }: {
+    column: TableColumn<Record<string, unknown>>;
+    size: TableSize;
+    sortOrder?: TableSortOrder;
+    onSortClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/es/components/Table/renderers/HeaderCell.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SortTrigger } from '../features/SortTrigger';
+import { TABLE_DEFAULT_PREFIX } from '../constants';
+export var HeaderCell = function HeaderCell(_ref) {
+  var column = _ref.column,
+    size = _ref.size,
+    sortOrder = _ref.sortOrder,
+    onSortClick = _ref.onSortClick;
+  return _jsxs("div", {
+    className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell ").concat(TABLE_DEFAULT_PREFIX, "-header-cell--").concat(size),
+    children: [_jsx("span", {
+      className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell__title"),
+      children: column.title
+    }), column.sorter ? _jsx(SortTrigger, {
+      label: String(column.title),
+      order: sortOrder,
+      size: size,
+      onClick: onSortClick
+    }) : null]
+  });
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiU29ydFRyaWdnZXIiLCJUQUJMRV9ERUZBVUxUX1BSRUZJWCIsIkhlYWRlckNlbGwiLCJfcmVmIiwiY29sdW1uIiwic2l6ZSIsInNvcnRPcmRlciIsIm9uU29ydENsaWNrIiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiY2hpbGRyZW4iLCJ0aXRsZSIsInNvcnRlciIsImxhYmVsIiwiU3RyaW5nIiwib3JkZXIiLCJvbkNsaWNrIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELFNBQVNDLFdBQVcsUUFBUSx5QkFBeUI7QUFDckQsU0FBU0Msb0JBQW9CLFFBQVEsY0FBYztBQUduRCxPQUFPLElBQU1DLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFBQyxJQUFBO0VBQUEsSUFDckJDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQ05DLElBQUksR0FBQUYsSUFBQSxDQUFKRSxJQUFJO0lBQ0pDLFNBQVMsR0FBQUgsSUFBQSxDQUFURyxTQUFTO0lBQ1RDLFdBQVcsR0FBQUosSUFBQSxDQUFYSSxXQUFXO0VBQUEsT0FPWFIsS0FBQSxDQUFBLEtBQUEsRUFBQTtJQUFLUyxTQUFTLEtBQUFDLE1BQUEsQ0FBS1Isb0JBQW9CLG1CQUFBUSxNQUFBLENBQWdCUixvQkFBb0Isb0JBQUFRLE1BQUEsQ0FBaUJKLElBQUksQ0FBRTtJQUFBSyxRQUFBLEVBQUEsQ0FDaEdiLElBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBTVcsU0FBUyxLQUFBQyxNQUFBLENBQUtSLG9CQUFvQix3QkFBcUI7TUFBQVMsUUFBQSxFQUFHTixNQUFNLENBQUNPO0lBQUssQ0FBQSxDQUFRLEVBQ25GUCxNQUFNLENBQUNRLE1BQU0sR0FBR2YsSUFBQSxDQUFDRyxXQUFXLEVBQUE7TUFBQ2EsS0FBSyxFQUFFQyxNQUFNLENBQUNWLE1BQU0sQ0FBQ08sS0FBSyxDQUFDO01BQUVJLEtBQUssRUFBRVQsU0FBUztNQUFFRCxJQUFJLEVBQUVBLElBQUk7TUFBRVcsT0FBTyxFQUFFVDtJQUFXLENBQUEsQ0FBSSxHQUFHLElBQUk7RUFBQSxDQUFBLENBQ3BIO0FBQUEsQ0FDUCIsImZpbGUiOiJjb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IFNvcnRUcmlnZ2VyIH0gZnJvbSAnLi4vZmVhdHVyZXMvU29ydFRyaWdnZXInO1xuaW1wb3J0IHsgVEFCTEVfREVGQVVMVF9QUkVGSVggfSBmcm9tICcuLi9jb25zdGFudHMnO1xuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoeyBjb2x1bW4sIHNpemUsIHNvcnRPcmRlciwgb25Tb3J0Q2xpY2ssIH0pID0+IChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsICR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsLS0ke3NpemV9YCwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsX190aXRsZWAsIGNoaWxkcmVuOiBjb2x1bW4udGl0bGUgfSksIGNvbHVtbi5zb3J0ZXIgPyBfanN4KFNvcnRUcmlnZ2VyLCB7IGxhYmVsOiBTdHJpbmcoY29sdW1uLnRpdGxlKSwgb3JkZXI6IHNvcnRPcmRlciwgc2l6ZTogc2l6ZSwgb25DbGljazogb25Tb3J0Q2xpY2sgfSkgOiBudWxsXSB9KSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Table/style/Table.css

@@ -0,0 +1 @@
+.om-react-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-react-ui-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.om-react-ui-table-thead>tr>td,.om-react-ui-table-thead>tr>th{text-align:start;background:var(--om-bg-default-secondary,#f8f8f8);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-react-ui-table-tbody>tr>td,.om-react-ui-table-thead>tr>td,.om-react-ui-table-thead>tr>th{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4)}.om-react-ui-table-tbody>tr>td{vertical-align:middle;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-react-ui-table-tbody>tr:last-child>td{border-bottom:0}.om-react-ui-table-tbody>tr:has(+.om-react-ui-table-expanded-row:last-child)>td{border-bottom:0}.om-react-ui-table-tbody>tr:hover>td{background:var(--om-bg-default-secondary,#f8f8f8)}.om-react-ui-table-body,.om-react-ui-table-content{overflow:auto}.om-react-ui-table-header{overflow:hidden}.om-react-ui-table-sticky-holder{position:sticky;z-index:3;background:var(--om-bg-default,#fff)}.om-react-ui-table-fixed-header>.om-react-ui-table-header{overflow:hidden}.om-react-ui-table-fixed-header>.om-react-ui-table-body{overflow:auto scroll}.om-react-ui-table-cell-fix-end,.om-react-ui-table-cell-fix-start{position:sticky!important;z-index:calc(2 + var(--z-offset, 0));background:var(--om-bg-default,#fff)}.om-react-ui-table-tbody>tr:hover .om-react-ui-table-cell-fix-end,.om-react-ui-table-tbody>tr:hover .om-react-ui-table-cell-fix-start,.om-react-ui-table-thead .om-react-ui-table-cell-fix-end,.om-react-ui-table-thead .om-react-ui-table-cell-fix-start{background:var(--om-bg-default-secondary,#f8f8f8)}.om-react-ui-table-cell-fix-end-shadow:after,.om-react-ui-table-cell-fix-start-shadow:after{position:absolute;top:0;bottom:-1px;width:30px;transition:box-shadow .3s;content:"";pointer-events:none}.om-react-ui-table-cell-fix-start-shadow:after{right:0;transform:translateX(100%)}.om-react-ui-table-cell-fix-start-shadow-show:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.om-react-ui-table-cell-fix-end-shadow:after{left:0;transform:translateX(-100%)}.om-react-ui-table-cell-fix-end-shadow-show:after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.om-react-ui-table-expanded-row .om-react-ui-table-cell{padding:var(--om-spacing-300,12px);background:var(--om-bg-default-secondary,#f8f8f8)}.om-react-ui-table-placeholder{text-align:center}.om-react-ui-table-tbody-virtual .om-react-ui-table-row{display:flex}.om-react-ui-table-tbody-virtual .om-react-ui-table-row:hover .om-react-ui-table-cell{background:var(--om-bg-default-secondary,#f8f8f8)}.om-react-ui-table-tbody-virtual .om-react-ui-table-cell{padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4);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-react-ui-table-body,.om-react-ui-table-container,.om-react-ui-table-content,.om-react-ui-table-header{background:inherit}.om-react-ui-table-pagination{display:flex;justify-content:flex-end;margin-top:var(--om-spacing-600,24px)}.om-react-ui-table-small{--table-row-height:56px;--table-header-height:40px}.om-react-ui-table-small .om-react-ui-table-tbody>tr>td,.om-react-ui-table-small .om-react-ui-table-thead>tr>td,.om-react-ui-table-small .om-react-ui-table-thead>tr>th{padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px)}.om-react-ui-table-large{--table-row-height:66px;--table-header-height:48px}.om-react-ui-table-fill{border:0;border-radius:0}.om-react-ui-table-fill .om-react-ui-table-thead>tr>td,.om-react-ui-table-fill .om-react-ui-table-thead>tr>th{background:transparent}.om-react-ui-table-fill .om-react-ui-table-thead .om-react-ui-table-cell-fix-end,.om-react-ui-table-fill .om-react-ui-table-thead .om-react-ui-table-cell-fix-start{background:var(--om-bg-default,#fff)}.om-react-ui-table-stroke .om-react-ui-table-thead>tr>td,.om-react-ui-table-stroke .om-react-ui-table-thead>tr>th{border-bottom:none}.om-react-ui-table-stroke .om-react-ui-table-tbody>tr>td.om-react-ui-table-cell--spacer,.om-react-ui-table-stroke .om-react-ui-table-thead>tr>td.om-react-ui-table-cell--spacer,.om-react-ui-table-stroke .om-react-ui-table-thead>tr>th.om-react-ui-table-cell--spacer{padding:0;border-bottom:none}.om-react-ui-table .om-react-ui-table-header-cell{display:inline-flex;gap:4px;align-items:center}.om-react-ui-table .om-react-ui-table-header-cell__title{color:var(--om-text-default,#131313);white-space:nowrap}.om-react-ui-table .om-react-ui-table-header-cell--large .om-react-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-react-ui-table .om-react-ui-table-header-cell--small .om-react-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-react-ui-table .om-react-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-react-ui-table .om-react-ui-table-sort-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-react-ui-table .om-react-ui-table-sort-trigger--large{width:16px;height:16px}.om-react-ui-table .om-react-ui-table-sort-trigger--small{width:12px;height:12px}.om-react-ui-table .om-react-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 .2s ease}.om-react-ui-table .om-react-ui-table-expand-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-react-ui-table .om-react-ui-table-expand-trigger:hover{color:var(--om-icon-default-secondary,#404042)}.om-react-ui-table .om-react-ui-table-expand-trigger[aria-expanded=true]{color:var(--om-icon-default,#131313)}.om-react-ui-table .om-react-ui-table-expand-trigger[aria-expanded=true]:hover{color:var(--om-icon-default-secondary,#404042)}.om-react-ui-table .om-react-ui-table-expand-trigger__icon{transition:transform .2s ease}.om-react-ui-table .om-react-ui-table-cell-content{display:inline-flex;gap:8px;align-items:center}.om-react-ui-table .om-react-ui-table-cell-content__text{display:inline-flex;flex-direction:column;gap:0}.om-react-ui-table .om-react-ui-table-expanded-row{background:var(--om-bg-default,#fff)}.om-react-ui-table .om-react-ui-table-expanded-row__content{padding:var(--om-spacing-200,8px) 0}.om-react-ui-table-wrapper{position:relative}.om-react-ui-table-wrapper--loading>.om-react-ui-table{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.om-react-ui-table-loading-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}

package/es/components/Table/style/Table.scss

@@ -0,0 +1,376 @@
+@use '@/styles/api' as theme;
+
+$component: 'om-react-ui-table';
+
+// ========================= Base kernel layout =========================
+.#{$component} {
+  position: relative;
+  box-sizing: border-box;
+
+  // ========================= Wrapper (border, radius) =========================
+  width: 100%;
+  overflow: clip;
+  font-variant: tabular-nums;
+  background: theme.palette(bg, 'default');
+  border: 1px solid theme.palette(border, 'neutral');
+  border-radius: theme.shape(300);
+
+  // Inner table element
+  table {
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: separate;
+    border-spacing: 0;
+  }
+
+  // Header
+  &-thead > tr > th,
+  &-thead > tr > td {
+    position: relative;
+    padding: theme.spacing(component-padding, 300) theme.spacing(component-padding, 400);
+    text-align: start;
+    overflow-wrap: break-word;
+    background: theme.palette(bg, 'default-secondary');
+    border-bottom: 1px solid theme.palette(border, 'neutral');
+
+    @include theme.typography(label, md);
+  }
+
+  // Body cells
+  &-tbody > tr > td {
+    position: relative;
+    padding: theme.spacing(component-padding, 300) theme.spacing(component-padding, 400);
+    vertical-align: middle;
+    overflow-wrap: break-word;
+    border-bottom: 1px solid theme.palette(border, 'neutral');
+
+    @include theme.typography(body, md);
+  }
+
+  // Body row
+  &-tbody > tr {
+    &:last-child > td {
+      border-bottom: 0;
+    }
+
+    // When the last data row is expanded, the expanded <tr> becomes :last-child
+    // and the data row above still shows its border-bottom — remove it to avoid
+    // a double border with the table wrapper's border.
+    &:has(+ .#{$component}-expanded-row:last-child) > td {
+      border-bottom: 0;
+    }
+
+    &:hover > td {
+      background: theme.palette(bg, 'default-secondary');
+    }
+  }
+
+  // ========================= Content wrapper =========================
+  &-content {
+    overflow: auto;
+  }
+
+  &-body {
+    overflow: auto;
+  }
+
+  // ========================= Header holder =========================
+  &-header {
+    overflow: hidden;
+  }
+
+  // ========================= Sticky header =========================
+  &-sticky-holder {
+    position: sticky;
+    z-index: 3;
+    background: theme.palette(bg, 'default');
+  }
+
+  // ========================= Fixed header (scroll.y) =========================
+  &-fixed-header > &-header {
+    overflow: hidden;
+  }
+
+  &-fixed-header > &-body {
+    overflow: auto scroll;
+  }
+
+  // ========================= Fixed columns =========================
+  &-cell-fix-start,
+  &-cell-fix-end {
+    position: sticky !important;
+    z-index: calc(2 + var(--z-offset, 0));
+    background: theme.palette(bg, 'default');
+  }
+
+  &-tbody > tr:hover &-cell-fix-start,
+  &-tbody > tr:hover &-cell-fix-end {
+    background: theme.palette(bg, 'default-secondary');
+  }
+
+  // Header fixed cells need header background
+  &-thead &-cell-fix-start,
+  &-thead &-cell-fix-end {
+    background: theme.palette(bg, 'default-secondary');
+  }
+
+  // ========================= Scroll shadow =========================
+  &-cell-fix-start-shadow::after,
+  &-cell-fix-end-shadow::after {
+    position: absolute;
+    top: 0;
+    bottom: -1px;
+    width: 30px;
+    transition: box-shadow 0.3s;
+    content: '';
+    pointer-events: none;
+  }
+
+  &-cell-fix-start-shadow::after {
+    right: 0;
+    transform: translateX(100%);
+  }
+
+  &-cell-fix-start-shadow-show::after {
+    box-shadow: inset 10px 0 8px -8px rgb(0 0 0 / 8%);
+  }
+
+  &-cell-fix-end-shadow::after {
+    left: 0;
+    transform: translateX(-100%);
+  }
+
+  &-cell-fix-end-shadow-show::after {
+    box-shadow: inset -10px 0 8px -8px rgb(0 0 0 / 8%);
+  }
+
+  // ========================= Expanded row =========================
+  &-expanded-row &-cell {
+    padding: theme.spacing(component-padding, 300);
+    background: theme.palette(bg, 'default-secondary');
+  }
+
+  // ========================= Empty =========================
+  &-placeholder {
+    text-align: center;
+  }
+
+  // ========================= Virtual table body =========================
+  &-tbody-virtual {
+    .#{$component}-row {
+      display: flex;
+
+      &:hover .#{$component}-cell {
+        background: theme.palette(bg, 'default-secondary');
+      }
+    }
+
+    .#{$component}-cell {
+      padding: theme.spacing(component-padding, 300) theme.spacing(component-padding, 400);
+      overflow-wrap: break-word;
+      border-bottom: 1px solid theme.palette(border, 'neutral');
+
+      @include theme.typography(body, md);
+    }
+  }
+
+  &-container,
+  &-content,
+  &-body,
+  &-header {
+    background: inherit;
+  }
+
+  // ========================= Pagination =========================
+  &-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: theme.spacing(scale, 600);
+  }
+
+  // ========================= Sizes =========================
+  &-small {
+    --table-row-height: 56px;
+    --table-header-height: 40px;
+
+    .#{$component}-thead > tr > th,
+    .#{$component}-thead > tr > td {
+      padding: theme.spacing(component-padding, 200) theme.spacing(component-padding, 300);
+    }
+
+    .#{$component}-tbody > tr > td {
+      padding: theme.spacing(component-padding, 200) theme.spacing(component-padding, 300);
+    }
+  }
+
+  &-large {
+    --table-row-height: 66px;
+    --table-header-height: 48px;
+  }
+
+  // ========================= Variants =========================
+  &-fill {
+    border: 0;
+    border-radius: 0;
+
+    .#{$component}-thead > tr > th,
+    .#{$component}-thead > tr > td {
+      background: transparent;
+    }
+
+    // Fixed cells must retain opaque background to cover scrolling content
+    .#{$component}-thead .#{$component}-cell-fix-start,
+    .#{$component}-thead .#{$component}-cell-fix-end {
+      background: theme.palette(bg, 'default');
+    }
+  }
+
+  &-stroke {
+    .#{$component}-thead > tr > th,
+    .#{$component}-thead > tr > td {
+      border-bottom: none;
+    }
+
+
+    // Spacer columns: no border, no padding
+    .#{$component}-thead > tr > th.#{$component}-cell--spacer,
+    .#{$component}-thead > tr > td.#{$component}-cell--spacer,
+    .#{$component}-tbody > tr > td.#{$component}-cell--spacer {
+      padding: 0;
+      border-bottom: none;
+    }
+  }
+
+  // ========================= Header cell =========================
+  .#{$component}-header-cell {
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+  }
+
+  .#{$component}-header-cell__title {
+    color: theme.palette(text, 'default');
+    white-space: nowrap;
+  }
+
+  .#{$component}-header-cell--large {
+    .#{$component}-header-cell__title {
+      @include theme.typography(title, lg);
+    }
+  }
+
+  .#{$component}-header-cell--small {
+    .#{$component}-header-cell__title {
+      @include theme.typography(title, sm, $strong: true);
+    }
+  }
+
+  // ========================= Sort trigger =========================
+  .#{$component}-sort-trigger {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    color: theme.palette(icon, 'default');
+    line-height: 0;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+
+    &:focus-visible {
+      outline: 2px solid theme.palette(border, 'default');
+      outline-offset: 2px;
+    }
+  }
+
+  .#{$component}-sort-trigger--large {
+    width: 16px;
+    height: 16px;
+  }
+
+  .#{$component}-sort-trigger--small {
+    width: 12px;
+    height: 12px;
+  }
+
+  // ========================= Expand trigger =========================
+  .#{$component}-expand-trigger {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: theme.spacing(scale, 400);
+    height: theme.spacing(scale, 400);
+    padding: 0;
+    color: theme.palette(icon, 'default');
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    transition: color 0.2s ease;
+
+    &:focus-visible {
+      outline: 2px solid theme.palette(border, 'default');
+      outline-offset: 2px;
+    }
+  }
+
+  .#{$component}-expand-trigger:hover {
+    color: theme.palette(icon, 'default-secondary');
+  }
+
+  .#{$component}-expand-trigger[aria-expanded='true'] {
+    color: theme.palette(icon, 'default');
+
+    &:hover {
+      color: theme.palette(icon, 'default-secondary');
+    }
+  }
+
+  .#{$component}-expand-trigger__icon {
+    transition: transform 0.2s ease;
+  }
+
+  // ========================= Cell content =========================
+  .#{$component}-cell-content {
+    display: inline-flex;
+    gap: 8px;
+    align-items: center;
+  }
+
+  .#{$component}-cell-content__text {
+    display: inline-flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  // ========================= Expanded row content =========================
+  .#{$component}-expanded-row {
+    background: theme.palette(bg, 'default');
+  }
+
+  .#{$component}-expanded-row__content {
+    padding: theme.spacing(component-padding, 200) 0 theme.spacing(component-padding, 200);
+  }
+
+}
+
+// ========================= Loading wrapper =========================
+.#{$component}-wrapper {
+  position: relative;
+}
+
+.#{$component}-wrapper--loading {
+  > .#{$component} {
+    opacity: 0.6;
+    user-select: none;
+    pointer-events: none;
+  }
+}
+
+.#{$component}-loading-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 4;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

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

@@ -0,0 +1,10 @@
+import '@/components/Button/style/css';
+import '@/components/Checkbox/style/css';
+import '@/components/Dropdown/style/css';
+import '@/components/Empty/style/css';
+import '@/components/Icons/style/css';
+import '@/components/Pagination/style/css';
+import '@/components/Radio/style/css';
+import '@/components/Typography/style/css';
+import './Table.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvc3JjL2NvbXBvbmVudHMvVGFibGUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTywyQkFBMkI7QUFDbEMsT0FBTyw2QkFBNkI7QUFDcEMsT0FBTyw2QkFBNkI7QUFDcEMsT0FBTywwQkFBMEI7QUFDakMsT0FBTywwQkFBMEI7QUFDakMsT0FBTywrQkFBK0I7QUFDdEMsT0FBTywwQkFBMEI7QUFDakMsT0FBTywrQkFBK0I7QUFDdEMsT0FBTyxjQUFjIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/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.scss';

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

@@ -0,0 +1,10 @@
+import '@/components/Button/style';
+import '@/components/Checkbox/style';
+import '@/components/Dropdown/style';
+import '@/components/Empty/style';
+import '@/components/Icons/style';
+import '@/components/Pagination/style';
+import '@/components/Radio/style';
+import '@/components/Typography/style';
+import './Table.scss';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvc3JjL2NvbXBvbmVudHMvVGFibGUvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTywyQkFBMkI7QUFDbEMsT0FBTyw2QkFBNkI7QUFDcEMsT0FBTyw2QkFBNkI7QUFDcEMsT0FBTywwQkFBMEI7QUFDakMsT0FBTywwQkFBMEI7QUFDakMsT0FBTywrQkFBK0I7QUFDdEMsT0FBTywwQkFBMEI7QUFDakMsT0FBTywrQkFBK0I7QUFDdEMsT0FBTyxjQUFjIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/Tabs/Tabs.js

@@ -0,0 +1,111 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var __rest = this && this.__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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useRef, useState } from 'react';
+import { useControlledState, useEventCallback, useLayoutEffect } from '@1money/hooks';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import './style';
+export var 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,
+    onChange = props.onChange,
+    rest = __rest(props, ["className", "prefixCls", "activeKey", "defaultActiveKey", "items", "animated", "onChange"]);
+  var classes = classnames(prefixCls);
+  var headerRef = useRef(null);
+  var tabRefs = useRef(new Map());
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    indicatorStyle = _useState2[0],
+    setIndicatorStyle = _useState2[1];
+  var _useControlledState = 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 = _slicedToArray(_useControlledState, 2),
+    currentKey = _useControlledState2[0],
+    setCurrentKey = _useControlledState2[1];
+  var updateIndicator = 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]);
+  useLayoutEffect(function (mount) {
+    updateIndicator();
+  }, [currentKey, items, updateIndicator]);
+  var handleTabClick = useEventCallback(function (item) {
+    if (item.disabled) return;
+    setCurrentKey(item.key);
+    onChange === null || onChange === void 0 ? void 0 : onChange(item.key);
+  });
+  var setTabRef = 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 _jsxs("div", Object.assign({}, rest, {
+    className: classes(undefined, className),
+    children: [_jsxs("div", {
+      className: classes('header'),
+      ref: headerRef,
+      role: "tablist",
+      children: [items.map(function (item) {
+        return _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', joinCls(item.key === currentKey && classes('tab-active'), item.disabled && classes('tab-disabled'))),
+          onClick: function onClick() {
+            return handleTabClick(item);
+          },
+          children: [_jsx("span", {
+            className: classes('tab-label'),
+            children: item.label
+          }), item.badge !== undefined && _jsx("span", {
+            className: classes('tab-badge'),
+            children: item.badge
+          })]
+        }, item.key);
+      }), indicatorStyle && _jsx("span", {
+        className: classes('indicator'),
+        style: Object.assign(Object.assign({}, indicatorStyle), !animated && {
+          transition: 'none'
+        })
+      })]
+    }), (activeItem === null || activeItem === void 0 ? void 0 : activeItem.children) !== undefined && _jsx("div", {
+      className: classes('panel'),
+      role: "tabpanel",
+      "aria-labelledby": currentKey,
+      children: activeItem.children
+    })]
+  }));
+};
+export default /*#__PURE__*/memo(Tabs);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFicy9UYWJzLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Il0sIm5hbWVzIjpbIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJ1c2VDYWxsYmFjayIsInVzZVJlZiIsInVzZVN0YXRlIiwidXNlQ29udHJvbGxlZFN0YXRlIiwidXNlRXZlbnRDYWxsYmFjayIsInVzZUxheW91dEVmZmVjdCIsImRlZmF1bHQiLCJjbGFzc25hbWVzIiwiam9pbkNscyIsIlRhYnMiLCJwcm9wcyIsIl9hIiwiX2IiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImFjdGl2ZUtleSIsImRlZmF1bHRBY3RpdmVLZXkiLCJpdGVtcyIsIl9wcm9wcyRhbmltYXRlZCIsImFuaW1hdGVkIiwib25DaGFuZ2UiLCJyZXN0IiwiY2xhc3NlcyIsImhlYWRlclJlZiIsInRhYlJlZnMiLCJNYXAiLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJpbmRpY2F0b3JTdHlsZSIsInNldEluZGljYXRvclN0eWxlIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsImtleSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiY3VycmVudEtleSIsInNldEN1cnJlbnRLZXkiLCJ1cGRhdGVJbmRpY2F0b3IiLCJoZWFkZXIiLCJjdXJyZW50IiwiYWN0aXZlVGFiIiwiZ2V0IiwiaGVhZGVyUmVjdCIsImdldEJvdW5kaW5nQ2xpZW50UmVjdCIsInRhYlJlY3QiLCJ3aWR0aCIsInRyYW5zZm9ybSIsImNvbmNhdCIsImxlZnQiLCJzY3JvbGxMZWZ0IiwibW91bnQiLCJoYW5kbGVUYWJDbGljayIsIml0ZW0iLCJkaXNhYmxlZCIsInNldFRhYlJlZiIsImVsIiwic2V0IiwiYWN0aXZlSXRlbSIsImZpbmQiLCJhc3NpZ24iLCJ1bmRlZmluZWQiLCJjaGlsZHJlbiIsInJlZiIsInJvbGUiLCJtYXAiLCJ0eXBlIiwidGFiSW5kZXgiLCJvbkNsaWNrIiwibGFiZWwiLCJiYWRnZSIsInN0eWxlIiwidHJhbnNpdGlvbiJdLCJtYXBwaW5ncyI6IjtBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElBQUksSUFBSSxDQUFDQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FBR0MsTUFBTSxDQUFDSyxxQkFBcUIsQ0FBQ1QsQ0FBQyxDQUFDLEVBQUVVLENBQUMsR0FBR1AsQ0FBQyxDQUFDUSxNQUFNLEVBQUVELENBQUMsRUFBRSxFQUFFO0lBQ3BFLElBQUlULENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJTixNQUFNLENBQUNDLFNBQVMsQ0FBQ08sb0JBQW9CLENBQUNMLElBQUksQ0FBQ1AsQ0FBQyxFQUFFRyxDQUFD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QUNFNUIsVUFBVTtNQUFBMEIsUUFBQSxFQUUxQkosVUFBVSxDQUFDSTtJQUFRLENBQUEsQ0FFdkI7RUFBQSxDQUFBLENBQUEsQ0FDRztBQUVWLENBQUM7QUFFRCw0QkFBZS9ELElBQUksQ0FBQ1UsSUFBSSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFicy9UYWJzLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ29udHJvbGxlZFN0YXRlLCB1c2VFdmVudENhbGxiYWNrLCB1c2VMYXlvdXRFZmZlY3QgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0ICcuL3N0eWxlJztcbmV4cG9ydCBjb25zdCBUYWJzID0gcHJvcHMgPT4ge1xuICAgIHZhciBfYSwgX2I7XG4gICAgY29uc3QgeyBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gJ3RhYnMnLCBhY3RpdmVLZXksIGRlZmF1bHRBY3RpdmVLZXksIGl0ZW1zLCBhbmltYXRlZCA9IHRydWUsIG9uQ2hhbmdlIH0gPSBwcm9wcywgcmVzdCA9IF9fcmVzdChwcm9wcywgW1wiY2xhc3NOYW1lXCIsIFwicHJlZml4Q2xzXCIsIFwiYWN0aXZlS2V5XCIsIFwiZGVmYXVsdEFjdGl2ZUtleVwiLCBcIml0ZW1zXCIsIFwiYW5pbWF0ZWRcIiwgXCJvbkNoYW5nZVwiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBoZWFkZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgdGFiUmVmcyA9IHVzZVJlZihuZXcgTWFwKCkpO1xuICAgIGNvbnN0IFtpbmRpY2F0b3JTdHlsZSwgc2V0SW5kaWNhdG9yU3R5bGVdID0gdXNlU3RhdGUobnVsbCk7XG4gICAgY29uc3QgW2N1cnJlbnRLZXksIHNldEN1cnJlbnRLZXldID0gdXNlQ29udHJvbGxlZFN0YXRlKChfYiA9IGRlZmF1bHRBY3RpdmVLZXkgIT09IG51bGwgJiYgZGVmYXVsdEFjdGl2ZUtleSAhPT0gdm9pZCAwID8gZGVmYXVsdEFjdGl2ZUtleSA6IChfYSA9IGl0ZW1zWzBdKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Eua2V5KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnJywgYWN0aXZlS2V5KTtcbiAgICBjb25zdCB1cGRhdGVJbmRpY2F0b3IgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGhlYWRlciA9IGhlYWRlclJlZi5jdXJyZW50O1xuICAgICAgICBjb25zdCBhY3RpdmVUYWIgPSB0YWJSZWZzLmN1cnJlbnQuZ2V0KGN1cnJlbnRLZXkpO1xuICAgICAgICBpZiAoIWhlYWRlciB8fCAhYWN0aXZlVGFiKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBoZWFkZXJSZWN0ID0gaGVhZGVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCB0YWJSZWN0ID0gYWN0aXZlVGFiLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBzZXRJbmRpY2F0b3JTdHlsZSh7XG4gICAgICAgICAgICB3aWR0aDogdGFiUmVjdC53aWR0aCxcbiAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHt0YWJSZWN0LmxlZnQgLSBoZWFkZXJSZWN0LmxlZnQgKyBoZWFkZXIuc2Nyb2xsTGVmdH1weClgLFxuICAgICAgICB9KTtcbiAgICB9LCBbY3VycmVudEtleV0pO1xuICAgIHVzZUxheW91dEVmZmVjdChtb3VudCA9PiB7XG4gICAgICAgIHVwZGF0ZUluZGljYXRvcigpO1xuICAgIH0sIFtjdXJyZW50S2V5LCBpdGVtcywgdXBkYXRlSW5kaWNhdG9yXSk7XG4gICAgY29uc3QgaGFuZGxlVGFiQ2xpY2sgPSB1c2VFdmVudENhbGxiYWNrKChpdGVtKSA9PiB7XG4gICAgICAgIGlmIChpdGVtLmRpc2FibGVkKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBzZXRDdXJyZW50S2V5KGl0ZW0ua2V5KTtcbiAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKGl0ZW0ua2V5KTtcbiAgICB9KTtcbiAgICBjb25zdCBzZXRUYWJSZWYgPSB1c2VDYWxsYmFjaygoa2V5LCBlbCkgPT4ge1xuICAgICAgICBpZiAoZWwpIHtcbiAgICAgICAgICAgIHRhYlJlZnMuY3VycmVudC5zZXQoa2V5LCBlbCk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICB0YWJSZWZzLmN1cnJlbnQuZGVsZXRlKGtleSk7XG4gICAgICAgIH1cbiAgICB9LCBbXSk7XG4gICAgY29uc3QgYWN0aXZlSXRlbSA9IGl0ZW1zLmZpbmQoaXRlbSA9PiBpdGVtLmtleSA9PT0gY3VycmVudEtleSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIGNsYXNzTmFtZSksIGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2hlYWRlcicpLCByZWY6IGhlYWRlclJlZiwgcm9sZTogXCJ0YWJsaXN0XCIsIGNoaWxkcmVuOiBbaXRlbXMubWFwKGl0ZW0gPT4gKF9qc3hzKFwiYnV0dG9uXCIsIHsgcmVmOiBlbCA9PiBzZXRUYWJSZWYoaXRlbS5rZXksIGVsKSwgcm9sZTogXCJ0YWJcIiwgdHlwZTogXCJidXR0b25cIiwgXCJhcmlhLXNlbGVjdGVkXCI6IGl0ZW0ua2V5ID09PSBjdXJyZW50S2V5LCBcImFyaWEtZGlzYWJsZWRcIjogaXRlbS5kaXNhYmxlZCwgdGFiSW5kZXg6IGl0ZW0ua2V5ID09PSBjdXJyZW50S2V5ID8gMCA6IC0xLCBjbGFzc05hbWU6IGNsYXNzZXMoJ3RhYicsIGpvaW5DbHMoaXRlbS5rZXkgPT09IGN1cnJlbnRLZXkgJiYgY2xhc3NlcygndGFiLWFjdGl2ZScpLCBpdGVtLmRpc2FibGVkICYmIGNsYXNzZXMoJ3RhYi1kaXNhYmxlZCcpKSksIG9uQ2xpY2s6ICgpID0+IGhhbmRsZVRhYkNsaWNrKGl0ZW0pLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0YWItbGFiZWwnKSwgY2hpbGRyZW46IGl0ZW0ubGFiZWwgfSksIGl0ZW0uYmFkZ2UgIT09IHVuZGVmaW5lZCAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RhYi1iYWRnZScpLCBjaGlsZHJlbjogaXRlbS5iYWRnZSB9KSldIH0sIGl0ZW0ua2V5KSkpLCBpbmRpY2F0b3JTdHlsZSAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2luZGljYXRvcicpLCBzdHlsZTogT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBpbmRpY2F0b3JTdHlsZSksICghYW5pbWF0ZWQgJiYgeyB0cmFuc2l0aW9uOiAnbm9uZScgfSkpIH0pKV0gfSksIChhY3RpdmVJdGVtID09PSBudWxsIHx8IGFjdGl2ZUl0ZW0gPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGl2ZUl0ZW0uY2hpbGRyZW4pICE9PSB1bmRlZmluZWQgJiYgKF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3BhbmVsJyksIHJvbGU6IFwidGFicGFuZWxcIiwgXCJhcmlhLWxhYmVsbGVkYnlcIjogY3VycmVudEtleSwgY2hpbGRyZW46IGFjdGl2ZUl0ZW0uY2hpbGRyZW4gfSkpXSB9KSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oVGFicyk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

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

package/es/components/Tabs/index.js

@@ -0,0 +1,5 @@
+import Tabs from './Tabs';
+export { Tabs } from './Tabs';
+export default Tabs;
+export * from './interface';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvVGFicy9pbmRleC50cyJdLCJuYW1lcyI6WyJUYWJzIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxJQUFJLE1BQU0sUUFBUTtBQUV6QixTQUFTQSxJQUFJLFFBQVEsUUFBUTtBQUU3QixlQUFlQSxJQUFJO0FBRW5CLGNBQWMsYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL1RhYnMvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -0,0 +1,27 @@
+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;
+    /** Callback when active tab changes */
+    onChange?: (key: string) => void;
+}

package/es/components/Tabs/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9UYWJzL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9UYWJzL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiQUFBQSIsImlnbm9yZUxpc3QiOltdfQ==

package/es/components/Tabs/style/Tabs.css

@@ -0,0 +1 @@
+.om-react-ui-tabs{display:flex;flex-direction:column;width:100%}.om-react-ui-tabs-header{position:relative;display:flex;gap:var(--om-spacing-0,0);align-items:center;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.om-react-ui-tabs-header::-webkit-scrollbar{display:none}.om-react-ui-tabs-tab{display:inline-flex;flex-shrink:0;gap:var(--om-spacing-100,4px);align-items:center;justify-content:center;height:var(--om-component-height-2xl,52px);padding:var(--om-spacing-100,4px) var(--om-spacing-400,16px);color:var(--om-text-default-tertiary,#646465);background:none;border:none;border-bottom:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-100,4px) var(--om-radius-100,4px) 0 0;outline:none;cursor:pointer;transition:color .2s ease;font-size:var(--om-title-md-font-size);font-family:var(--om-title-md-font-family);line-height:var(--om-title-md-line-height);letter-spacing:var(--om-title-md-letter-spacing);font-weight:var(--om-title-md-strong-font-weight)}.om-react-ui-tabs-tab-active,.om-react-ui-tabs-tab:hover:not(.om-react-ui-tabs-tab-disabled):not(.om-react-ui-tabs-tab-active){color:var(--om-text-default,#131313)}.om-react-ui-tabs-tab-disabled{color:var(--om-text-disabled,#bbbdc1);cursor:not-allowed}.om-react-ui-tabs-indicator{position:absolute;bottom:0;left:0;height:2px;background-color:#000;transition:transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1)}.om-react-ui-tabs-tab-label{white-space:nowrap}.om-react-ui-tabs-tab-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--om-spacing-100,4px) var(--om-spacing-200,8px);color:var(--om-text-default-tertiary,#646465);background-color:var(--om-bg-neutral-tertiary,#f0f0f0);border-radius:var(--om-radius-full,9999px);font-size:var(--om-body-sm-font-size);font-family:var(--om-body-sm-font-family);line-height:var(--om-body-sm-line-height);letter-spacing:var(--om-body-sm-letter-spacing);font-weight:var(--om-body-sm-strong-font-weight)}.om-react-ui-tabs-panel{padding:var(--om-spacing-400,16px) 0}