@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/status/Toast/toast.cva.d.ts

@@ -1,80 +1,61 @@
-import { ButtonVariantProps } from '../../buttons/Button/button.cva';
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const toastContainerDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly position: {
-            readonly "bottom-right": "right-0 bottom-0";
-            readonly "bottom-left": "bottom-0 left-0";
-            readonly "top-right": "top-0 right-0";
-            readonly "top-left": "top-0 left-0";
-            readonly "bottom-center": "bottom-0";
-            readonly "top-center": "top-0";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+import "../../buttons/Button/button.cva.js";
+//#region src/components/status/Toast/toast.cva.d.ts
+declare const toastDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "border bg-elevation-fill-default-1 text-text-default-1";
+      readonly contained: "text-text-inverted-1";
+    };
+    readonly color: {
+      readonly neutral: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+    };
+    readonly position: {
+      readonly "bottom-right": "";
+      readonly "bottom-left": "";
+      readonly "bottom-center": "";
+      readonly "top-right": "";
+      readonly "top-left": "";
+      readonly "top-center": "";
+    };
+  }>;
 };
-export type ToastContainerConfig = NonNullable<typeof toastContainerDefinition.config>;
-export declare const toastWrapper: string;
-export declare const toastDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "border bg-elevation-fill-default-1 text-text-default-1";
-            readonly contained: "text-text-inverted-1";
-        };
-        readonly color: {
-            readonly neutral: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-        };
-        readonly position: {
-            readonly "bottom-right": "";
-            readonly "bottom-left": "";
-            readonly "bottom-center": "";
-            readonly "top-right": "";
-            readonly "top-left": "";
-            readonly "top-center": "";
-        };
-    }>;
+type ToastConfig = NonNullable<typeof toastDefinition.config>;
+interface ToastVariantProps extends UIOverrides.VariantProps<ToastConfig> {}
+declare const statusIconDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "";
+      readonly contained: "text-text-inverted-1";
+    };
+    readonly color: {
+      readonly neutral: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+    };
+  }>;
 };
-export type ToastConfig = NonNullable<typeof toastDefinition.config>;
-export interface ToastVariantProps extends UIOverrides.VariantProps<ToastConfig> {
-}
-export declare const buttonColorVariant: (props: {
-    readonly variant?: "contained" | "outlined" | null | undefined;
-    readonly color?: "error" | "success" | "warning" | "neutral" | null | undefined;
-    readonly position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | "bottom-center" | "top-center" | null | undefined;
-}) => Pick<ButtonVariantProps, "color" | "inverted"> | undefined;
-export declare const statusIconDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "";
-            readonly contained: "text-text-inverted-1";
-        };
-        readonly color: {
-            readonly neutral: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-        };
-    }>;
+declare const statusSeparatorDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "";
+      readonly contained: "hidden";
+    };
+    readonly color: {
+      readonly neutral: "bg-elevation-outline-default-1";
+      readonly success: "bg-elevation-outline-success-1";
+      readonly warning: "bg-elevation-outline-warning-1";
+      readonly error: "bg-elevation-outline-error-1";
+    };
+  }>;
 };
-export type StatusIconConfig = NonNullable<typeof statusIconDefinition.config>;
-export declare const statusSeparatorDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "";
-            readonly contained: "hidden";
-        };
-        readonly color: {
-            readonly neutral: "bg-elevation-outline-default-1";
-            readonly success: "bg-elevation-outline-success-1";
-            readonly warning: "bg-elevation-outline-warning-1";
-            readonly error: "bg-elevation-outline-error-1";
-        };
-    }>;
-};
-export type StatusSeparatorConfig = NonNullable<typeof statusSeparatorDefinition.config>;
+//#endregion
+export { ToastConfig, ToastVariantProps, statusIconDefinition, statusSeparatorDefinition, toastDefinition };

package/dist/components/status/Toast/toast.cva.js

@@ -2,7 +2,7 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { compoundMapper } from "../../../utils/compoundMapper.js";
 import { clsx } from "clsx";
 //#region src/components/status/Toast/toast.cva.ts
-var toastContainerDefinition = UIOverrides.defineConfig({
+const toastContainerDefinition = UIOverrides.defineConfig({
 	base: ["m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-mobile p-0 md:m-toast-gap-margin-desktop md:gap-toast-gap-margin-desktop"],
 	config: { variants: { position: {
 		"bottom-right": "right-0 bottom-0",
@@ -13,8 +13,8 @@ var toastContainerDefinition = UIOverrides.defineConfig({
 		"top-center": "top-0"
 	} } }
 });
-var toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
-var toastDefinition = UIOverrides.defineConfig({
+const toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
+const toastDefinition = UIOverrides.defineConfig({
 	base: ["m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row"],
 	config: {
 		variants: {
@@ -85,7 +85,7 @@ var toastDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var buttonColorVariant = compoundMapper({
+const buttonColorVariant = compoundMapper({
 	compoundVariants: [
 		{
 			variant: "outlined",
@@ -146,7 +146,7 @@ var buttonColorVariant = compoundMapper({
 	},
 	default: { color: "secondary" }
 });
-var statusIconDefinition = UIOverrides.defineConfig({
+const statusIconDefinition = UIOverrides.defineConfig({
 	base: ["size-6 shrink-0"],
 	config: {
 		variants: {
@@ -189,7 +189,7 @@ var statusIconDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var statusSeparatorDefinition = UIOverrides.defineConfig({
+const statusSeparatorDefinition = UIOverrides.defineConfig({
 	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
 	config: {
 		variants: {

package/dist/components/status/Toast/useToast.d.ts

@@ -1,13 +1,16 @@
-import { Id, ToastPosition, ToastOptions as ToastifyToastOptions } from 'react-toastify';
-import { ToastProps } from './Toast';
-export interface ToastParams extends Omit<ToastProps, "color"> {
-    position?: ToastPosition;
+import { ToastProps } from "./Toast.js";
+import { Id, ToastOptions, ToastPosition } from "react-toastify";
+//#region src/components/status/Toast/useToast.d.ts
+interface ToastParams extends Omit<ToastProps, "color"> {
+  position?: ToastPosition;
 }
-export type ToastOptions = Omit<ToastifyToastOptions, "position" | "data">;
-export declare const useToast: () => {
-    successToast: (params: ToastParams, options?: ToastOptions) => Id;
-    errorToast: (params: ToastParams, options?: ToastOptions) => Id;
-    warningToast: (params: ToastParams, options?: ToastOptions) => Id;
-    neutralToast: (params: ToastParams, options?: ToastOptions) => Id;
-    closeToast: (id: Id) => void;
+type ToastOptions$1 = Omit<ToastOptions, "position" | "data">;
+declare const useToast: () => {
+  successToast: (params: ToastParams, options?: ToastOptions$1) => Id;
+  errorToast: (params: ToastParams, options?: ToastOptions$1) => Id;
+  warningToast: (params: ToastParams, options?: ToastOptions$1) => Id;
+  neutralToast: (params: ToastParams, options?: ToastOptions$1) => Id;
+  closeToast: (id: Id) => void;
 };
+//#endregion
+export { ToastOptions$1 as ToastOptions, ToastParams, useToast };

package/dist/components/status/Toast/useToast.js

@@ -3,7 +3,7 @@ import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { toast } from "react-toastify";
 //#region src/components/status/Toast/useToast.tsx
-var useToast = () => {
+const useToast = () => {
 	const $ = c(1);
 	const successToast = _temp;
 	const errorToast = _temp2;

package/dist/components/status/shared/status.cva.d.ts

@@ -1,30 +1,34 @@
-export declare const statusIconDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "";
-            readonly contained: "text-text-inverted-1";
-        };
-        readonly color: {
-            readonly neutral: "";
-            readonly success: "";
-            readonly warning: "";
-            readonly error: "";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+//#region src/components/status/shared/status.cva.d.ts
+declare const statusIconDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "";
+      readonly contained: "text-text-inverted-1";
+    };
+    readonly color: {
+      readonly neutral: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+    };
+  }>;
 };
-export declare const statusSeparatorDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "";
-            readonly contained: "hidden";
-        };
-        readonly color: {
-            readonly neutral: "bg-elevation-outline-default-1";
-            readonly success: "bg-elevation-outline-success-1";
-            readonly warning: "bg-elevation-outline-warning-1";
-            readonly error: "bg-elevation-outline-error-1";
-        };
-    }>;
+declare const statusSeparatorDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "";
+      readonly contained: "hidden";
+    };
+    readonly color: {
+      readonly neutral: "bg-elevation-outline-default-1";
+      readonly success: "bg-elevation-outline-success-1";
+      readonly warning: "bg-elevation-outline-warning-1";
+      readonly error: "bg-elevation-outline-error-1";
+    };
+  }>;
 };
+//#endregion
+export { statusIconDefinition, statusSeparatorDefinition };

package/dist/components/status/shared/status.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/status/shared/status.cva.ts
-var statusIconDefinition = UIOverrides.defineConfig({
+const statusIconDefinition = UIOverrides.defineConfig({
 	base: ["size-6 shrink-0"],
 	config: {
 		variants: {
@@ -43,7 +43,7 @@ var statusIconDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var statusSeparatorDefinition = UIOverrides.defineConfig({
+const statusSeparatorDefinition = UIOverrides.defineConfig({
 	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
 	config: {
 		variants: {

package/dist/components/table/CellText.d.ts

@@ -1,8 +1,11 @@
-import { CSSProperties, FC, ReactNode } from 'react';
-import { TypographyProps } from '../text/Typography/Typography';
-export interface CellTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
-    children: ReactNode;
-    className?: string;
-    style?: CSSProperties;
+import { TypographyProps } from "../text/Typography/Typography.js";
+import { CSSProperties, FC, ReactNode } from "react";
+//#region src/components/table/CellText.d.ts
+interface CellTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
+  children: ReactNode;
+  className?: string;
+  style?: CSSProperties;
 }
-export declare const CellText: FC<CellTextProps>;
+declare const CellText: FC<CellTextProps>;
+//#endregion
+export { CellText, CellTextProps };

package/dist/components/table/CellText.js

@@ -4,11 +4,12 @@ import { UIConfig } from "../../config/uiConfig.context.js";
 import { tableCellTextDefinition } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/table/CellText.tsx
-var CellText = (props) => {
+const CellText = (props) => {
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.tableCellText.variant, size = uiConfig.tableCellText.size, children, style, className } = props;
+	const cellTextCva = UIOverrides.useCva("table.cellTextCva", tableCellTextDefinition);
 	return /* @__PURE__ */ jsx(Typography, {
-		className: UIOverrides.useCva("table.cellTextCva", tableCellTextDefinition)({ className }),
+		className: cellTextCva({ className }),
 		as: "span",
 		variant,
 		size,

package/dist/components/table/ColumnConfig.d.ts

@@ -1,10 +1,13 @@
-import { ColumnDef, ColumnOrderState, VisibilityState } from '@tanstack/react-table';
-export interface ColumnConfigModalProps<TData, TValue> {
-    isOpen: boolean;
-    onClose: () => void;
-    configColumns: ColumnDef<TData, TValue>[];
-    visibleColumns: VisibilityState;
-    onVisibilityChange: (visibleColumns: VisibilityState) => void;
-    onOrderChange: (columnOrder: ColumnOrderState) => void;
+import { ColumnDef, ColumnOrderState, VisibilityState } from "@tanstack/react-table";
+//#region src/components/table/ColumnConfig.d.ts
+interface ColumnConfigModalProps<TData, TValue> {
+  isOpen: boolean;
+  onClose: () => void;
+  configColumns: ColumnDef<TData, TValue>[];
+  visibleColumns: VisibilityState;
+  onVisibilityChange: (visibleColumns: VisibilityState) => void;
+  onOrderChange: (columnOrder: ColumnOrderState) => void;
 }
-export declare function ColumnConfigModal<TData, TValue>({ isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange, }: ColumnConfigModalProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
+declare function ColumnConfigModal<TData, TValue>({ isOpen, onClose, configColumns, visibleColumns, onVisibilityChange, onOrderChange }: ColumnConfigModalProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+export { ColumnConfigModal, ColumnConfigModalProps };

package/dist/components/table/ColumnConfig.js

@@ -4,12 +4,12 @@ import { Checkbox } from "../inputs/Checkbox/Checkbox.js";
 import { Modal } from "../overlays/Modal/Modal.js";
 import { Table } from "./Table.js";
 import { useTranslationMemo } from "../../hooks/useTranslationMemo.js";
-import { useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/table/ColumnConfig.tsx
-var VisibilityCell = (t0) => {
+const VisibilityCell = (t0) => {
 	const $ = c(7);
 	const { original, onToggle } = t0;
 	let t1;
@@ -35,7 +35,7 @@ var VisibilityCell = (t0) => {
 	} else t3 = $[6];
 	return t3;
 };
-var getColumns = (t, handleToggleVisibility) => [{
+const getColumns = (t, handleToggleVisibility) => [{
 	id: "name",
 	header: t(($) => $.ui.table.column, { ns: "ui" }),
 	meta: { width: "flex-1" },
@@ -85,10 +85,11 @@ function ColumnConfigModal(t0) {
 	let t4;
 	if ($[5] !== onVisibilityChange || $[6] !== visibleColumns) {
 		t4 = (columnId_0) => {
-			onVisibilityChange({
+			const newVisible = {
 				...visibleColumns,
 				[columnId_0]: !visibleColumns[columnId_0]
-			});
+			};
+			onVisibilityChange(newVisible);
 		};
 		$[5] = onVisibilityChange;
 		$[6] = visibleColumns;

package/dist/components/table/HeaderText.d.ts

@@ -1,8 +1,11 @@
-import { CSSProperties, FC, ReactNode } from 'react';
-import { TypographyProps } from '../text/Typography/Typography';
-export interface HeaderTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
-    children: ReactNode;
-    className?: string;
-    style?: CSSProperties;
+import { TypographyProps } from "../text/Typography/Typography.js";
+import { CSSProperties, FC, ReactNode } from "react";
+//#region src/components/table/HeaderText.d.ts
+interface HeaderTextProps extends Partial<Pick<TypographyProps, "variant" | "size">> {
+  children: ReactNode;
+  className?: string;
+  style?: CSSProperties;
 }
-export declare const HeaderText: FC<HeaderTextProps>;
+declare const HeaderText: FC<HeaderTextProps>;
+//#endregion
+export { HeaderText, HeaderTextProps };

package/dist/components/table/HeaderText.js

@@ -4,11 +4,12 @@ import { UIConfig } from "../../config/uiConfig.context.js";
 import { tableHeaderTextDefinition } from "./table.cva.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/table/HeaderText.tsx
-var HeaderText = (props) => {
+const HeaderText = (props) => {
 	const uiConfig = UIConfig.useConfig();
 	const { variant = uiConfig.tableHeaderText.variant, size = uiConfig.tableHeaderText.size, children, style, className } = props;
+	const headerTextCva = UIOverrides.useCva("table.headerTextCva", tableHeaderTextDefinition);
 	return /* @__PURE__ */ jsx(Typography, {
-		className: UIOverrides.useCva("table.headerTextCva", tableHeaderTextDefinition)({ className }),
+		className: headerTextCva({ className }),
 		as: "span",
 		variant,
 		size,

package/dist/components/table/InfiniteTable.d.ts

@@ -1,9 +1,11 @@
-import { TableProps } from './Table';
-export interface InfiniteTableWrapperProps<T> extends Omit<InfiniteTableProps<T>, "columns"> {
+import { TableProps } from "./Table.js";
+//#region src/components/table/InfiniteTable.d.ts
+interface InfiniteTableWrapperProps<T> extends Omit<InfiniteTableProps<T>, "columns"> {}
+interface InfiniteTableProps<T> extends TableProps<T> {
+  hasNextPage: boolean;
+  isFetchingNextPage?: boolean;
+  fetchNextPage: () => void;
 }
-export interface InfiniteTableProps<T> extends TableProps<T> {
-    hasNextPage: boolean;
-    isFetchingNextPage?: boolean;
-    fetchNextPage: () => void;
-}
-export declare const InfiniteTable: <T>({ hasNextPage, isFetchingNextPage, fetchNextPage, ...rest }: InfiniteTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const InfiniteTable: <T>({ hasNextPage, isFetchingNextPage, fetchNextPage, ...rest }: InfiniteTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { InfiniteTable, InfiniteTableProps, InfiniteTableWrapperProps };

package/dist/components/table/InfiniteTable.js

@@ -1,28 +1,79 @@
 import { Loader } from "../status/Loader/Loader.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { Table } from "./Table.js";
-import { useCallback } from "react";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/InfiniteTable.tsx
-var InfiniteTable = ({ hasNextPage, isFetchingNextPage = false, fetchNextPage, ...rest }) => {
-	const { ref } = useIntersectionObserver({
-		onIntersection: useCallback(() => {
+const InfiniteTable = (t0) => {
+	const $ = c(20);
+	let fetchNextPage;
+	let hasNextPage;
+	let rest;
+	let t1;
+	if ($[0] !== t0) {
+		({hasNextPage, isFetchingNextPage: t1, fetchNextPage, ...rest} = t0);
+		$[0] = t0;
+		$[1] = fetchNextPage;
+		$[2] = hasNextPage;
+		$[3] = rest;
+		$[4] = t1;
+	} else {
+		fetchNextPage = $[1];
+		hasNextPage = $[2];
+		rest = $[3];
+		t1 = $[4];
+	}
+	const isFetchingNextPage = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[5] !== fetchNextPage || $[6] !== hasNextPage || $[7] !== isFetchingNextPage) {
+		t2 = () => {
 			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
-		}, [
-			isFetchingNextPage,
-			hasNextPage,
-			fetchNextPage
-		]),
-		rootMargin: "100px"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col",
-		children: [/* @__PURE__ */ jsx(Table, { ...rest }), (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
+		};
+		$[5] = fetchNextPage;
+		$[6] = hasNextPage;
+		$[7] = isFetchingNextPage;
+		$[8] = t2;
+	} else t2 = $[8];
+	const handleLoadMore = t2;
+	let t3;
+	if ($[9] !== handleLoadMore) {
+		t3 = {
+			onIntersection: handleLoadMore,
+			rootMargin: "100px"
+		};
+		$[9] = handleLoadMore;
+		$[10] = t3;
+	} else t3 = $[10];
+	const { ref } = useIntersectionObserver(t3);
+	let t4;
+	if ($[11] !== rest) {
+		t4 = /* @__PURE__ */ jsx(Table, { ...rest });
+		$[11] = rest;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== hasNextPage || $[14] !== isFetchingNextPage || $[15] !== ref) {
+		t5 = (hasNextPage || isFetchingNextPage) && /* @__PURE__ */ jsx("div", {
 			ref,
 			className: "flex justify-center py-4",
 			children: /* @__PURE__ */ jsx(Loader, {})
-		})]
-	});
+		});
+		$[13] = hasNextPage;
+		$[14] = isFetchingNextPage;
+		$[15] = ref;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== t4 || $[18] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col",
+			children: [t4, t5]
+		});
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	return t6;
 };
 //#endregion
 export { InfiniteTable };

package/dist/components/table/PaginatedTable.d.ts

@@ -1,11 +1,13 @@
-import { PaginationState } from '@tanstack/react-table';
-import { Dispatch, SetStateAction } from 'react';
-import { TableProps } from './Table';
-export interface PaginatedTableWrapperProps<T> extends Omit<PaginatedTableProps<T>, "columns"> {
+import { TableProps } from "./Table.js";
+import { Dispatch, SetStateAction } from "react";
+import { PaginationState } from "@tanstack/react-table";
+//#region src/components/table/PaginatedTable.d.ts
+interface PaginatedTableWrapperProps<T> extends Omit<PaginatedTableProps<T>, "columns"> {}
+interface PaginatedTableProps<T> extends TableProps<T> {
+  totalItems: number;
+  pagination: PaginationState;
+  setPagination: Dispatch<SetStateAction<PaginationState>>;
 }
-export interface PaginatedTableProps<T> extends TableProps<T> {
-    totalItems: number;
-    pagination: PaginationState;
-    setPagination: Dispatch<SetStateAction<PaginationState>>;
-}
-export declare const PaginatedTable: <T>({ pagination, setPagination, items, totalItems, ...rest }: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const PaginatedTable: <T>({ pagination, setPagination, items, totalItems, ...rest }: PaginatedTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { PaginatedTable, PaginatedTableProps, PaginatedTableWrapperProps };

package/dist/components/table/PaginatedTable.js

@@ -3,7 +3,7 @@ import { Table } from "./Table.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/PaginatedTable.tsx
-var PaginatedTable = (t0) => {
+const PaginatedTable = (t0) => {
 	const $ = c(24);
 	let items;
 	let pagination;