@dss-kit/ui-kit 0.3.4 → 0.3.6

package/dist/components/builders/Modal/Modal.js

@@ -2,12 +2,12 @@ import { jsx as t, jsxs as M } from "react/jsx-runtime";
 import { cx as i } from "@emotion/css";
 import { forwardRef as B, useEffect as c, useCallback as f, useRef as D } from "react";
 import N from "../../../assets/svg/modal/close.svg.js";
-import { ModalContext as E } from "./context.js";
+import { ModalContext as z } from "./context.js";
 import { styles as n } from "./styles.js";
-import { Portal as P } from "../Portal/Portal.js";
+import { Portal as E } from "../Portal/Portal.js";
 import { Box as s } from "../Box/Box.js";
-import { IconButton as j } from "../../controls/IconButton/IconButton.js";
-import { theme as z } from "../../../utils/theme/index.js";
+import { IconButton as P } from "../../controls/IconButton/IconButton.js";
+import { theme as j } from "../../../utils/theme/index.js";
 const C = B(
   ({
     isOpen: o,
@@ -21,7 +21,7 @@ const C = B(
     disableBodyScroll: l = !0,
     showAbsoluteCloseButton: g,
     children: v
-  }, k) => {
+  }, x) => {
     c(() => {
       if (l && o && typeof window < "u" && typeof document < "u") {
         const e = window.getComputedStyle(document.body).overflow;
@@ -40,7 +40,7 @@ const C = B(
       if (typeof window < "u" && typeof document < "u" && u && o)
         return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
     }, [o, u, d]);
-    const a = D(!1), x = f((e) => {
+    const a = D(!1), k = f((e) => {
       a.current = e.target === e.currentTarget;
     }, []), b = f(
       (e) => {
@@ -48,7 +48,7 @@ const C = B(
       },
       [m, r]
     );
-    return o ? /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(E.Provider, { value: { isOpen: o, onClose: r }, children: /* @__PURE__ */ t(
+    return o ? /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(z.Provider, { value: { isOpen: o, onClose: r }, children: /* @__PURE__ */ t(
       s,
       {
         position: "fixed",
@@ -59,15 +59,15 @@ const C = B(
         row: !0,
         center: !0,
         flex: 1,
-        onMouseDown: x,
+        onMouseDown: k,
         onClick: b,
-        backgroundColor: z.color.fill.bgOverlayPrimary,
+        backgroundColor: j.color.fill.bgOverlayPrimary,
         className: i(n.overlay, y),
         zIndex: 1,
         children: /* @__PURE__ */ M(
           s,
           {
-            ref: k,
+            ref: x,
             className: i(
               n.modal,
               n[`size_${h}`],
@@ -76,7 +76,7 @@ const C = B(
             relative: !0,
             children: [
               g && /* @__PURE__ */ t(
-                j,
+                P,
                 {
                   className: i(
                     n.closeButton,
@@ -84,6 +84,7 @@ const C = B(
                   ),
                   onClick: r,
                   color: "neutral",
+                  size: "xs",
                   children: /* @__PURE__ */ t(N, {})
                 }
               ),

package/dist/components/builders/Modal/ModalFooter/ModalFooter.d.ts

@@ -1,4 +1,36 @@
 import { BoxProps } from '../../Box';
+/**
+ * Пропсы компонента `ModalFooter`.
+ *
+ * Наследует все пропсы `Box` (см. {@link BoxProps}); ниже переопределены
+ * футер-специфичные пропсы с их значениями по умолчанию.
+ */
+export interface ModalFooterProps extends BoxProps {
+    /**
+     * Дочерние элементы футера (обычно кнопки действий).
+     * @default undefined */
+    children?: React.ReactNode;
+    /**
+     * Горизонтальное расположение элементов (flex-direction: row).
+     * @default true */
+    row?: BoxProps["row"];
+    /**
+     * Включение flexbox layout.
+     * @default true */
+    flex?: BoxProps["flex"];
+    /**
+     * Расстояние между дочерними элементами.
+     * @default theme.spacing.lg */
+    gap?: BoxProps["gap"];
+    /**
+     * Внутренние отступы футера.
+     * @default theme.spacing["2xl"] */
+    p?: BoxProps["p"];
+    /**
+     * Дополнительный CSS-класс для корневого `Box` футера.
+     * @default undefined */
+    className?: string;
+}
 /**
  * Компонент футера модального окна.
  *
@@ -27,7 +59,7 @@ import { BoxProps } from '../../Box';
  * </ModalFooter>
  * ```
  */
-declare const ModalFooter: import('react').ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const ModalFooter: import('react').ForwardRefExoticComponent<Omit<ModalFooterProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * Экспорт компонента ModalFooter.
  *

package/dist/components/builders/Modal/ModalFooter/ModalFooter.js

@@ -7,19 +7,13 @@ const x = f({
   borderTop: `1px solid ${o.color.border.neutralAlphaBasic}`
 }), u = d(
   ({
-    /** Дочерние элементы футера (обычно кнопки) */
     children: r,
-    /** Горизонтальное расположение элементов. @default true */
     row: t = !0,
-    /** Включение flexbox layout. @default true */
     flex: e = !0,
-    /** Расстояние между дочерними элементами. @default spacing.lg */
     gap: m = o.spacing.lg,
-    /** Внутренние отступы футера. @default spacing['2xl'] */
     p: s = o.spacing["2xl"],
-    /** Дополнительные CSS классы */
     className: a,
-    /** Остальные пропсы передаются в компонент Box */
+    // Остальные пропсы передаются в компонент Box
     ...p
   }, l) => /* @__PURE__ */ i(
     n,

package/dist/components/builders/Modal/ModalFooter/index.d.ts

@@ -1 +1,2 @@
+export type { ModalFooterProps } from './ModalFooter';
 export { ModalFooter } from './ModalFooter';

package/dist/components/builders/Modal/ModalHeader/ModalHeader.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps } from '../../Box';
-interface ModalHeaderProps extends Pick<BoxProps, "p" | "px" | "py" | "pt" | "pb" | "row" | "justifyContent" | "w"> {
+export interface ModalHeaderProps extends Pick<BoxProps, "p" | "px" | "py" | "pt" | "pb" | "row" | "justifyContent" | "w"> {
     /**
      * Основной заголовок, отображаемый в шапке модального окна.
      * Стилизуется как title-3 с полужирным начертанием.

package/dist/components/builders/Modal/ModalHeader/ModalHeader.js

@@ -1,79 +1,80 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { forwardRef as B } from "react";
 import W from "../../../../assets/svg/modal/close.svg.js";
 import { useModalContext as v } from "../context.js";
-import { Box as e } from "../../Box/Box.js";
-import { theme as r } from "../../../../utils/theme/index.js";
-import { Text as l } from "../../Text/Text.js";
+import { Box as t } from "../../Box/Box.js";
+import { theme as o } from "../../../../utils/theme/index.js";
+import { Text as a } from "../../Text/Text.js";
 import { IconButton as M } from "../../../controls/IconButton/IconButton.js";
 const j = B(
   ({
-    title: a,
-    subtitle: i,
+    title: i,
+    subtitle: l,
     w: m = "full",
-    p: n,
-    py: s,
-    px: d = r.spacing["2xl"],
-    pt: c = r.spacing["2xl"],
-    pb: p = r.spacing.lg,
+    p: s,
+    py: n,
+    px: d = o.spacing["2xl"],
+    pt: c = o.spacing["2xl"],
+    pb: p = o.spacing.lg,
     row: f = !0,
     justifyContent: h = "space-between",
     showCloseButton: g = !1,
-    className: b,
-    titleClassName: u,
-    subtitleClassName: x,
+    className: x,
+    titleClassName: b,
+    subtitleClassName: u,
     closeButtonClassName: N
   }, y) => {
     const { onClose: C } = v();
-    return /* @__PURE__ */ t(
-      e,
+    return /* @__PURE__ */ e(
+      t,
       {
         w: m,
-        p: n,
-        py: s,
+        p: s,
+        py: n,
         px: d,
         pt: c,
         pb: p,
         row: f,
         justifyContent: h,
         ref: y,
-        borderColor: r.color.border.neutralAlphaBasic,
+        borderColor: o.color.border.neutralAlphaBasic,
         borderWidth: 0,
         borderBottomWidth: 1,
         borderStyle: "solid",
-        className: b,
+        className: x,
         children: [
-          /* @__PURE__ */ t(e, { gap: r.spacing.sm, children: [
-            /* @__PURE__ */ o(
-              l,
+          /* @__PURE__ */ e(t, { gap: o.spacing.sm, children: [
+            /* @__PURE__ */ r(
+              a,
               {
                 variant: "title-3",
                 colorName: "primary",
                 fontWeight: "semibold",
-                className: u,
-                children: a
+                className: b,
+                children: i
               }
             ),
-            /* @__PURE__ */ o(
-              l,
+            /* @__PURE__ */ r(
+              a,
               {
                 variant: "body-1",
                 colorName: "tertiary",
                 fontWeight: "medium",
-                className: x,
-                children: i
+                className: u,
+                children: l
               }
             )
           ] }),
-          g && /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(
+          g && /* @__PURE__ */ r(
             M,
             {
               onClick: C,
               color: "neutral",
               className: N,
-              children: /* @__PURE__ */ o(W, {})
+              size: "xs",
+              children: /* @__PURE__ */ r(W, {})
             }
-          ) })
+          )
         ]
       }
     );

package/dist/components/builders/Modal/ModalHeader/index.d.ts

@@ -1 +1,2 @@
+export type { ModalHeaderProps } from './ModalHeader';
 export { ModalHeader } from './ModalHeader';

package/dist/components/builders/Modal/ModalMain/ModalMain.d.ts

@@ -24,7 +24,7 @@ interface ModalMainRef {
  * @interface ModalMainProps
  * @extends {PropsWithChildren}
  */
-interface ModalMainProps extends PropsWithChildren {
+export interface ModalMainProps extends PropsWithChildren {
     /**
      * Направление расположения элементов
      * Если true, flex-direction будет row, иначе column

package/dist/components/builders/Modal/ModalMain/index.d.ts

@@ -1,2 +1,2 @@
-export type { ModalMainRef } from './ModalMain';
+export type { ModalMainProps, ModalMainRef } from './ModalMain';
 export { ModalMain } from './ModalMain';

package/dist/components/builders/Modal/index.d.ts

@@ -1,12 +1,28 @@
+import { ReactNode, RefAttributes } from 'react';
 import { ModalProps } from './Modal';
 import { ModalFooter } from './ModalFooter';
 import { ModalHeader } from './ModalHeader';
 import { ModalMain } from './ModalMain';
-interface ModalWithSubComponentsProps extends React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> {
+/**
+ * Тип составного компонента `Modal`.
+ *
+ * Намеренно НЕ наследует `ForwardRefExoticComponent`: это убирает из
+ * автодополнения `<Modal.` служебные React-поля ($$typeof, displayName,
+ * propTypes, defaultProps), оставляя `Header` / `Main` / `Footer`.
+ * Компонент по-прежнему вызывается как `<Modal>` и принимает `ref`.
+ *
+ * NB: члены `Function` (apply/bind/call/…) TypeScript всё равно подмешивает
+ * к любому вызываемому значению — полностью убрать их без отказа от `<Modal>`
+ * нельзя.
+ */
+type ModalComponent = ((props: ModalProps & RefAttributes<HTMLDivElement>) => ReactNode) & {
     Header: typeof ModalHeader;
     Main: typeof ModalMain;
     Footer: typeof ModalFooter;
-}
-declare const ModalWithSubComponents: ModalWithSubComponentsProps;
+};
+declare const ModalWithSubComponents: ModalComponent;
 export { ModalWithSubComponents as Modal };
 export type { ModalProps };
+export type { ModalFooterProps } from './ModalFooter';
+export type { ModalHeaderProps } from './ModalHeader';
+export type { ModalMainProps } from './ModalMain';

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

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