@dss-kit/ui-kit 0.3.0 → 0.3.1

package/dist/components/builders/Ripple/styles.js

@@ -0,0 +1,34 @@
+import { css as i, keyframes as o } from "@emotion/css";
+const e = o`
+  0% {
+    transform: scale(0);
+    opacity: 0.36;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+`, n = {
+  rippleOverlay: i({
+    position: "absolute",
+    inset: 0,
+    pointerEvents: "none",
+    overflow: "visible",
+    borderRadius: "inherit",
+    zIndex: 0
+  }),
+  ripple: i({
+    position: "absolute",
+    borderRadius: "50%",
+    transform: "scale(0)",
+    transformOrigin: "center center",
+    opacity: 0.36,
+    willChange: "transform, opacity",
+    animationName: e,
+    animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+    animationFillMode: "forwards"
+  })
+};
+export {
+  n as styles
+};

package/dist/components/builders/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { createColumnHelper } from '@tanstack/react-table';
 import { TableProps } from './Table.types';
 declare const Table: {
-    <TData>({ ref, data, columns, showBorders, enableSorting, enablePagination, enableRowSelection, enableMultiRowSelection, sorting: controlledSorting, onSortingChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, pagination: controlledPagination, onPaginationChange, rowSelection: controlledRowSelection, onRowSelectionChange, totalCount, loading, emptyLabels, loadingLabels, className, containerClassName, theadClassName, tbodyClassName, emptyStateClassName, emptyStateTitleClassName, emptyStateDescriptionClassName, paginationClassName, tableOptions, onRowClick, getRowId, headCellComponent: HeadCellComponent, bodyCellComponent: BodyCellComponent, headRowComponent: HeadRowComponent, bodyRowComponent: BodyRowComponent, onReset, paginationVariant, paginationLabels, renderPageSizeSelectorDropdownItem, renderPageSizeSelectorInputItem, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+    <TData>({ ref, data, columns, showBorders, enableSorting, enablePagination, enableRowSelection, enableMultiRowSelection, enableColumnPinning, columnPinning: controlledColumnPinning, onColumnPinningChange, sorting: controlledSorting, onSortingChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, pagination: controlledPagination, onPaginationChange, rowSelection: controlledRowSelection, onRowSelectionChange, totalCount, loading, emptyLabels, loadingLabels, className, containerClassName, theadClassName, tbodyClassName, emptyStateClassName, emptyStateTitleClassName, emptyStateDescriptionClassName, paginationClassName, tableOptions, onRowClick, getRowId, headCellComponent: HeadCellComponent, bodyCellComponent: BodyCellComponent, headRowComponent: HeadRowComponent, bodyRowComponent: BodyRowComponent, onReset, paginationVariant, paginationLabels, renderPageSizeSelectorDropdownItem, renderPageSizeSelectorInputItem, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     HeadCellContent: import('react').ForwardRefExoticComponent<Omit<import('../Box').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     BodyCellContent: import('react').ForwardRefExoticComponent<Omit<import('../Box').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -14,4 +14,3 @@ declare const Table: {
     createColumnHelper: typeof createColumnHelper;
 };
 export { Table };
-//# sourceMappingURL=Table.d.ts.map

package/dist/components/builders/Table/Table.hooks.d.ts

@@ -0,0 +1,20 @@
+import { Updater } from '@tanstack/react-table';
+/**
+ * Хук для работы со значением, которое может быть как контролируемым
+ * (значение и `onChange` приходят снаружи), так и неконтролируемым
+ * (состояние хранится внутри). Возвращает актуальное значение и сеттер,
+ * совместимый с `OnChangeFn` из @tanstack/react-table (принимает как само
+ * значение, так и updater-функцию).
+ *
+ * @internal
+ * Специально лежит рядом с `Table`, а не в общем `@/utils/hooks`, потому что
+ * он заточен под API @tanstack/react-table: сеттер принимает `Updater<T>`
+ * (значение или updater-функцию) и предназначен для передачи напрямую в
+ * `onXChange`-опции `useReactTable`. Это делает его табличной деталью
+ * реализации, а не универсальным controlled/uncontrolled-примитивом.
+ *
+ * НЕ используйте его вне `Table`. Для обычного контроля состояния в других
+ * компонентах берите общий хук `useControlled` из `@/utils/hooks` (он не
+ * завязан на типы таблицы и не диктует форму `onChange`).
+ */
+export declare function useControllableState<T>(controlledValue: T | undefined, onChange: ((value: T) => void) | undefined, initialValue: T): [T, (updater: Updater<T>) => void];

package/dist/components/builders/Table/Table.hooks.js

@@ -0,0 +1,11 @@
+import { useState as c } from "react";
+function i(o, t, s) {
+  const [u, a] = c(s), n = o ?? u;
+  return [n, (e) => {
+    const l = typeof e == "function" ? e(n) : e;
+    t ? t(l) : a(l);
+  }];
+}
+export {
+  i as useControllableState
+};

package/dist/components/builders/Table/Table.js

@@ -0,0 +1,229 @@
+import { jsx as o, jsxs as T } from "react/jsx-runtime";
+import { cx as r, css as M } from "@emotion/css";
+import { useReactTable as Re, getPaginationRowModel as xe, getSortedRowModel as Pe, getCoreRowModel as Te, flexRender as H, createColumnHelper as He } from "@tanstack/react-table";
+import { useImperativeHandle as Ne } from "react";
+import ve from "../../../assets/svg/table/loading.svg.js";
+import Me from "../../../assets/svg/table/search.svg.js";
+import { styles as ze } from "./styles.js";
+import { useControllableState as t } from "./Table.hooks.js";
+import { getColumnPinningStyles as N } from "./Table.utils.js";
+import { TablePlaceholder as v } from "./TablePlaceholder/TablePlaceholder.js";
+import { TableWrapper as Be } from "./TableWrapper/TableWrapper.js";
+import { TableHeadRow as Ie } from "./TableHeadRow/TableHeadRow.js";
+import { TablePagination as Ve } from "./TablePagination/TablePagination.js";
+import { TableHeadCell as ke } from "./TableHeadCell/TableHeadCell.js";
+import { TableBodyCell as Fe } from "./TableBodyCell/TableBodyCell.js";
+import { TableBodyRow as We } from "./TableBodyRow/TableBodyRow.js";
+import { TableHeadCellContent as je } from "./TableHeadCellContent/TableHeadCellContent.js";
+import { TableBodyCellContent as Le } from "./TableBodyCellContent/TableBodyCellContent.js";
+import { TableHeadCellContentSortable as De } from "./TableHeadCellContentSortable/TableHeadCellContentSortable.js";
+import { theme as qe } from "../../../utils/theme/index.js";
+import { Box as Ae } from "../Box/Box.js";
+const { spacing: f, color: l } = qe, Ee = M({
+  width: "100%",
+  maxWidth: "100%",
+  minWidth: "max-content",
+  borderCollapse: "collapse",
+  borderSpacing: 0,
+  backgroundColor: l.fill.bgPrimary
+}), Ge = M({
+  backgroundColor: l.fill.bgSecondary,
+  color: l.text.tertiary
+}), m = ({
+  ref: z,
+  data: g,
+  columns: B,
+  showBorders: d = !0,
+  enableSorting: I = !1,
+  enablePagination: b = !1,
+  enableRowSelection: V = !1,
+  enableMultiRowSelection: k = !1,
+  enableColumnPinning: p = !1,
+  columnPinning: F,
+  onColumnPinningChange: W,
+  sorting: j,
+  onSortingChange: L,
+  columnFilters: D,
+  onColumnFiltersChange: q,
+  columnVisibility: A,
+  onColumnVisibilityChange: E,
+  pagination: G,
+  onPaginationChange: J,
+  rowSelection: K,
+  onRowSelectionChange: O,
+  totalCount: s,
+  loading: u = !1,
+  emptyLabels: Q = {
+    title: "Nothing found",
+    description: "No results found for “result”",
+    action: "Reset"
+  },
+  loadingLabels: U = {
+    title: "Loading...",
+    description: "Please wait or reset your promt",
+    action: "Reset"
+  },
+  className: X,
+  containerClassName: C,
+  theadClassName: Y,
+  tbodyClassName: Z,
+  emptyStateClassName: S,
+  emptyStateTitleClassName: y,
+  emptyStateDescriptionClassName: w,
+  paginationClassName: _,
+  tableOptions: $ = {},
+  onRowClick: R,
+  getRowId: ee,
+  headCellComponent: oe = ke,
+  bodyCellComponent: le = Fe,
+  headRowComponent: ne = Ie,
+  bodyRowComponent: te = We,
+  onReset: x,
+  paginationVariant: ie,
+  paginationLabels: ae,
+  renderPageSizeSelectorDropdownItem: re,
+  renderPageSizeSelectorInputItem: me
+}) => {
+  const [se, ce] = t(
+    j,
+    L,
+    []
+  ), [ge, de] = t(
+    D,
+    q,
+    []
+  ), [pe, Ce] = t(
+    A,
+    E,
+    {}
+  ), [n, h] = t(
+    G,
+    J,
+    { pageIndex: 0, pageSize: 10 }
+  ), [he, fe] = t(K, O, {}), [be, ue] = t(
+    F,
+    W,
+    { left: [], right: [] }
+  ), i = Re({
+    data: g,
+    columns: B,
+    state: {
+      sorting: se,
+      columnFilters: ge,
+      columnVisibility: pe,
+      pagination: n,
+      rowSelection: he,
+      columnPinning: be
+    },
+    onSortingChange: ce,
+    onColumnFiltersChange: de,
+    onColumnVisibilityChange: Ce,
+    onPaginationChange: h,
+    onRowSelectionChange: fe,
+    onColumnPinningChange: ue,
+    getCoreRowModel: Te(),
+    getSortedRowModel: I ? Pe() : void 0,
+    getPaginationRowModel: b ? xe() : void 0,
+    enableRowSelection: V,
+    enableMultiRowSelection: k,
+    enableColumnPinning: p,
+    getRowId: ee,
+    manualPagination: !!s,
+    pageCount: s ? Math.ceil(s / n.pageSize) : void 0,
+    ...$
+  });
+  Ne(z, () => i);
+  const { rows: P } = i.getRowModel(), Se = (e, a) => {
+    R && R(e.original, a);
+  }, ye = (e) => /* @__PURE__ */ o(
+    oe,
+    {
+      style: {
+        width: e.getSize(),
+        ...p && N(i, e.column, l.fill.bgSecondary)
+      },
+      onClick: e.column.getToggleSortingHandler(),
+      children: e.isPlaceholder ? null : H(e.column.columnDef.header, e.getContext())
+    },
+    e.id
+  ), we = (e, a) => /* @__PURE__ */ o(
+    te,
+    {
+      showBorders: d,
+      isSelected: e.getIsSelected(),
+      onClick: () => Se(e, a),
+      children: e.getVisibleCells().map((c) => /* @__PURE__ */ o(
+        le,
+        {
+          style: p ? N(i, c.column, l.fill.bgPrimary) : void 0,
+          children: H(c.column.columnDef.cell, c.getContext())
+        },
+        c.id
+      ))
+    },
+    e.id
+  );
+  return u ? /* @__PURE__ */ o(
+    v,
+    {
+      icon: /* @__PURE__ */ o(
+        ve,
+        {
+          width: 32,
+          height: 32,
+          style: { color: l.icon.tertiary, marginBottom: f.sm }
+        }
+      ),
+      labels: U,
+      onReset: x,
+      className: r(C, S),
+      titleClassName: y,
+      descriptionClassName: w
+    }
+  ) : P.length ? /* @__PURE__ */ T(Ae, { w: "full", gap: f.xl, className: r(C), children: [
+    /* @__PURE__ */ o(Be, { data: g, showBorders: d, children: /* @__PURE__ */ T("table", { className: r(Ee, ze.table, X), children: [
+      /* @__PURE__ */ o("thead", { className: r(Ge, Y), children: i.getHeaderGroups().map((e) => /* @__PURE__ */ o(ne, { showBorders: d, children: e.headers.map(ye) }, e.id)) }),
+      /* @__PURE__ */ o("tbody", { className: Z, children: P.map((e, a) => we(e, a)) })
+    ] }) }),
+    b && !u && /* @__PURE__ */ o(
+      Ve,
+      {
+        pageIndex: n.pageIndex,
+        pageSize: n.pageSize,
+        totalCount: s || g.length,
+        variant: ie,
+        labels: ae,
+        renderPageSizeSelectorDropdownItem: re,
+        renderPageSizeSelectorInputItem: me,
+        onPageChange: (e) => h({ ...n, pageIndex: e }),
+        onPageSizeChange: (e) => h({ ...n, pageSize: e, pageIndex: 0 }),
+        className: _
+      }
+    )
+  ] }) : /* @__PURE__ */ o(
+    v,
+    {
+      icon: /* @__PURE__ */ o(
+        Me,
+        {
+          width: 24,
+          height: 24,
+          style: { color: l.icon.tertiary, marginBottom: f.sm }
+        }
+      ),
+      labels: Q,
+      onReset: x,
+      className: r(C, S),
+      titleClassName: y,
+      descriptionClassName: w
+    }
+  );
+};
+m.displayName = "Table";
+m.HeadCellContent = je;
+m.BodyCellContent = Le;
+m.HeadCellContentSortable = De;
+m.createColumnHelper = He;
+export {
+  m as Table
+};

package/dist/components/builders/Table/Table.types.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDef, ColumnFiltersState, PaginationState, SortingState, TableOptions, Table as TanStackTable, VisibilityState } from '@tanstack/react-table';
+import { ColumnDef, ColumnFiltersState, ColumnPinningState, PaginationState, SortingState, TableOptions, Table as TanStackTable, VisibilityState } from '@tanstack/react-table';
 import { ComponentType } from 'react';
 import { TableBodyCellProps } from './TableBodyCell';
 import { TableBodyRowProps } from './TableBodyRow';
@@ -117,5 +117,11 @@ export interface TableProps<TData> {
     bodyRowComponent?: ComponentType<TableBodyRowProps>;
     /** Callback при сбросе фильтров */
     onReset?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /** Включить ли закрепление (pinning) колонок */
+    /** @default false */
+    enableColumnPinning?: boolean;
+    /** Состояние закреплённых колонок (контролируемое) */
+    columnPinning?: ColumnPinningState;
+    /** Callback при изменении закреплённых колонок */
+    onColumnPinningChange?: (state: ColumnPinningState) => void;
 }
-//# sourceMappingURL=Table.types.d.ts.map

package/dist/components/builders/Table/Table.utils.d.ts

@@ -0,0 +1,11 @@
+import { Column, Table } from '@tanstack/react-table';
+import { CSSProperties } from 'react';
+/**
+ * Вычисляет sticky-стили для закреплённой колонки.
+ *
+ * В @tanstack/react-table v8 нет методов `column.getStart()` / `getAfter()`,
+ * поэтому смещение считаем вручную через `getLeftLeafColumns()` /
+ * `getRightLeafColumns()` и `getPinnedIndex()`. Возвращает пустой объект,
+ * если колонка не закреплена.
+ */
+export declare const getColumnPinningStyles: <TData>(table: Table<TData>, column: Column<TData, unknown>, background: string) => CSSProperties;

package/dist/components/builders/Table/Table.utils.js

@@ -0,0 +1,25 @@
+import { theme as d } from "../../../utils/theme/index.js";
+const p = (s, f, g) => {
+  const e = f.getIsPinned();
+  if (!e) return {};
+  const n = e === "left" ? s.getLeftLeafColumns() : s.getRightLeafColumns(), i = f.getPinnedIndex();
+  let o = 0;
+  if (e === "left")
+    for (let t = 0; t < i; t++)
+      o += n[t].getSize();
+  else
+    for (let t = n.length - 1; t > i; t--)
+      o += n[t].getSize();
+  const l = e === "left" && i === n.length - 1;
+  return {
+    position: "sticky",
+    left: e === "left" ? o : void 0,
+    right: e === "right" ? o : void 0,
+    zIndex: 1,
+    background: g,
+    boxShadow: l ? `-4px 0 4px -4px ${d.color.effect.shadowL} inset` : e === "right" && i === 0 ? `4px 0 4px -4px ${d.color.effect.shadowL} inset` : void 0
+  };
+};
+export {
+  p as getColumnPinningStyles
+};

package/dist/components/builders/Table/TableBodyCell/TableBodyCell.d.ts

@@ -12,4 +12,3 @@ export interface TableBodyCellProps extends React.DetailedHTMLProps<React.TdHTML
     style?: CSSProperties;
 }
 export declare const TableBodyCell: import('react').ForwardRefExoticComponent<Omit<TableBodyCellProps, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;
-//# sourceMappingURL=TableBodyCell.d.ts.map

package/dist/components/builders/Table/TableBodyCell/TableBodyCell.js

@@ -0,0 +1,8 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cx as t } from "@emotion/css";
+import { forwardRef as d } from "react";
+const f = d(({ children: o, className: r, style: e, ...l }, m) => /* @__PURE__ */ a("td", { ref: m, className: t(r), style: e, ...l, children: o }));
+f.displayName = "TableBodyCell";
+export {
+  f as TableBodyCell
+};

package/dist/components/builders/Table/TableBodyCell/index.d.ts

@@ -1,2 +1 @@
 export { TableBodyCell, type TableBodyCellProps } from './TableBodyCell';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/builders/Table/TableBodyCellContent/TableBodyCellContent.d.ts

@@ -1,3 +1,2 @@
 import { BoxProps } from '../../Box';
 export declare const TableBodyCellContent: import('react').ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TableBodyCellContent.d.ts.map

package/dist/components/builders/Table/TableBodyCellContent/TableBodyCellContent.js

@@ -0,0 +1,33 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { Box as d } from "../../Box/Box.js";
+import { theme as x } from "../../../../utils/theme/index.js";
+const { spacing: o } = x, c = i(
+  ({
+    children: t,
+    row: e = !0,
+    justifyContent: r = "flex-start",
+    alignItems: m = "center",
+    py: l = o.sm,
+    px: n = o.md,
+    minHeight: p = "56px",
+    ...a
+  }, f) => /* @__PURE__ */ s(
+    d,
+    {
+      row: e,
+      justifyContent: r,
+      alignItems: m,
+      py: l,
+      px: n,
+      minHeight: p,
+      ref: f,
+      ...a,
+      children: t
+    }
+  )
+);
+c.displayName = "TableBodyCellContent";
+export {
+  c as TableBodyCellContent
+};

package/dist/components/builders/Table/TableBodyCellContent/index.d.ts

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

package/dist/components/builders/Table/TableBodyRow/TableBodyRow.d.ts

@@ -11,4 +11,3 @@ export interface TableBodyRowProps extends React.HTMLAttributes<HTMLTableRowElem
     isSelected?: boolean;
 }
 export declare const TableBodyRow: import('react').ForwardRefExoticComponent<TableBodyRowProps & import('react').RefAttributes<HTMLTableRowElement>>;
-//# sourceMappingURL=TableBodyRow.d.ts.map

package/dist/components/builders/Table/TableBodyRow/TableBodyRow.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import { css as a, cx as c } from "@emotion/css";
+import { forwardRef as d } from "react";
+import { theme as f } from "../../../../utils/theme/index.js";
+const { color: n } = f, p = d(
+  ({ children: o, className: r, showBorders: e = !1, isSelected: i = !1, ...t }, s) => {
+    const l = a({
+      borderBottom: e ? `1px solid ${n.border.neutralAlphaLow}` : "none"
+    });
+    return /* @__PURE__ */ m("tr", { ref: s, className: c(l, r), ...t, children: o });
+  }
+);
+p.displayName = "TableBodyRow";
+export {
+  p as TableBodyRow
+};

package/dist/components/builders/Table/TableBodyRow/index.d.ts

@@ -1,2 +1 @@
 export { TableBodyRow, type TableBodyRowProps } from './TableBodyRow';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/builders/Table/TableHeadCell/TableHeadCell.d.ts

@@ -11,4 +11,3 @@ export interface TableHeadCellProps extends React.DetailedHTMLProps<React.ThHTML
     alignItems?: "flex-start" | "center" | "flex-end";
 }
 export declare const TableHeadCell: import('react').ForwardRefExoticComponent<Omit<TableHeadCellProps, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;
-//# sourceMappingURL=TableHeadCell.d.ts.map

package/dist/components/builders/Table/TableHeadCell/TableHeadCell.js

@@ -0,0 +1,32 @@
+import { jsx as m } from "react/jsx-runtime";
+import { css as i, cx as c } from "@emotion/css";
+import { forwardRef as n } from "react";
+const d = n(
+  ({
+    children: t,
+    className: e,
+    style: r,
+    justifyContent: o = "flex-start",
+    alignItems: s = "flex-start",
+    ...l
+  }, a) => {
+    const f = i({
+      justifyContent: o,
+      alignItems: s,
+      fontWeight: "inherit"
+    });
+    return /* @__PURE__ */ m(
+      "th",
+      {
+        ref: a,
+        className: c(f, e),
+        style: r,
+        ...l,
+        children: t
+      }
+    );
+  }
+);
+export {
+  d as TableHeadCell
+};

package/dist/components/builders/Table/TableHeadCell/index.d.ts

@@ -1,2 +1 @@
 export { TableHeadCell, type TableHeadCellProps } from './TableHeadCell';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/builders/Table/TableHeadCellContent/TableHeadCellContent.d.ts

@@ -1,3 +1,2 @@
 import { BoxProps } from '../../Box';
 export declare const TableHeadCellContent: import('react').ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TableHeadCellContent.d.ts.map

package/dist/components/builders/Table/TableHeadCellContent/TableHeadCellContent.js

@@ -0,0 +1,38 @@
+import { jsx as c } from "react/jsx-runtime";
+import { cx as x, css as d } from "@emotion/css";
+import { forwardRef as C } from "react";
+import { Box as b } from "../../Box/Box.js";
+import { theme as g } from "../../../../utils/theme/index.js";
+const { spacing: t } = g, H = C(
+  ({
+    children: o,
+    row: r = !0,
+    justifyContent: m = "flex-start",
+    alignItems: a = "center",
+    py: l = t.sm,
+    px: s = t.md,
+    minHeight: f = "56px",
+    className: n,
+    center: e,
+    ...p
+  }, i) => /* @__PURE__ */ c(
+    b,
+    {
+      ref: i,
+      row: r,
+      justifyContent: m,
+      alignItems: a,
+      py: l,
+      px: s,
+      minHeight: f,
+      center: e,
+      className: x(n, d({ textAlign: e ? "center" : "left" })),
+      ...p,
+      children: o
+    }
+  )
+);
+H.displayName = "TableHeadCellContent";
+export {
+  H as TableHeadCellContent
+};

package/dist/components/builders/Table/TableHeadCellContent/index.d.ts

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

package/dist/components/builders/Table/TableHeadCellContentSortable/TableHeadCellContentSortable.d.ts

@@ -8,4 +8,3 @@ export declare const TableHeadCellContentSortable: {
     displayName: string;
 };
 export {};
-//# sourceMappingURL=TableHeadCellContentSortable.d.ts.map

package/dist/components/builders/Table/TableHeadCellContentSortable/TableHeadCellContentSortable.js

@@ -0,0 +1,27 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { TableHeadCellContent as s } from "../TableHeadCellContent/TableHeadCellContent.js";
+import { TableSortIcon as c } from "../TableSortIcon/TableSortIcon.js";
+const i = ({
+  children: e,
+  tableProps: o,
+  gap: t = "10px",
+  ...r
+}) => {
+  const l = o.column.getIsSorted();
+  return /* @__PURE__ */ n(
+    s,
+    {
+      style: { cursor: "pointer", userSelect: "none" },
+      gap: t,
+      ...r,
+      children: [
+        e,
+        /* @__PURE__ */ a(c, { sortDirection: l })
+      ]
+    }
+  );
+};
+i.displayName = "TableHeadCellContentSortable";
+export {
+  i as TableHeadCellContentSortable
+};

package/dist/components/builders/Table/TableHeadCellContentSortable/index.d.ts

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

package/dist/components/builders/Table/TableHeadRow/TableHeadRow.d.ts

@@ -11,4 +11,3 @@ export interface TableHeadRowProps extends React.DetailedHTMLProps<React.HTMLAtt
     showBorders?: boolean;
 }
 export declare const TableHeadRow: import('react').ForwardRefExoticComponent<Omit<TableHeadRowProps, "ref"> & import('react').RefAttributes<HTMLTableRowElement>>;
-//# sourceMappingURL=TableHeadRow.d.ts.map

package/dist/components/builders/Table/TableHeadRow/TableHeadRow.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { css as c, cx as d } from "@emotion/css";
+import { forwardRef as n } from "react";
+import { theme as f } from "../../../../utils/theme/index.js";
+const { color: o } = f, p = n(
+  ({ children: r, className: e, showBorders: a = !1, ...t }, l) => {
+    const s = c({
+      backgroundColor: o.fill.bgSecondary,
+      borderBottom: a ? `1px solid ${o.border.neutralAlphaLow}` : "none"
+    });
+    return /* @__PURE__ */ m("tr", { ref: l, className: d(s, e), ...t, children: r });
+  }
+);
+p.displayName = "TableHeadRow";
+export {
+  p as TableHeadRow
+};

package/dist/components/builders/Table/TableHeadRow/index.d.ts

@@ -1,2 +1 @@
 export { TableHeadRow, type TableHeadRowProps } from './TableHeadRow';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/builders/Table/TablePagination/TablePagination.d.ts

@@ -58,4 +58,3 @@ export interface TablePaginationProps {
     pageSizeSelectorClassName?: string;
 }
 export declare const TablePagination: React.FC<TablePaginationProps>;
-//# sourceMappingURL=TablePagination.d.ts.map