@tesouro/embedded-components-react 0.2.241 → 0.2.243

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index232.js

@@ -1,62 +1,81 @@
-import { Button as e } from "./index56.js";
-import { CenteredContentBox as t } from "./index203.js";
-import "./index204.js";
-import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "./index55.js";
-import { Typography as o } from "./index62.js";
-import { ChevronDown as s, RefreshCw as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useCounterpartById as e } from "./index48.js";
+import { getCounterpartName as t } from "./index53.js";
+import "./index138.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { Avatar as i, Skeleton as a, Stack as o, Typography as s } from "@mui/material";
+import { useLingui as c } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index232.js
-var d = ({ title: e, descriptionLine1: n, onAction: r, actionButtonLabel: i, actionOptions: a = [], type: s }) => /* @__PURE__ */ l(t, {
-	className: "ttw:min-h-48",
-	children: /* @__PURE__ */ u("div", {
-		className: "ttw:flex ttw:flex-col ttw:flex-1 ttw:items-center ttw:gap-3",
-		children: [
-			/* @__PURE__ */ l(o, {
-				variant: "h2",
-				className: "ttw:font-medium",
-				children: e
-			}),
-			/* @__PURE__ */ l(o, {
-				variant: "body1",
-				color: "muted",
-				className: "ttw:font-normal",
-				children: n
-			}),
-			/* @__PURE__ */ l(f, {
-				onAction: r,
-				actionButtonLabel: i,
-				actionOptions: a,
-				type: s
-			})
-		]
-	})
-}), f = ({ onAction: t, actionButtonLabel: o, actionOptions: d = [], type: f }) => {
-	if (!o) return null;
-	let p = (e) => {
-		t && t(e);
-	};
-	return d.length > 1 ? /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
-		asChild: !0,
-		children: /* @__PURE__ */ u(e, {
-			type: "button",
-			children: [
-				f === "error" ? /* @__PURE__ */ l(c, {}) : void 0,
-				o,
-				/* @__PURE__ */ l(s, {})
-			]
-		})
-	}), /* @__PURE__ */ l(r, {
-		align: "end",
-		children: d.map((e) => /* @__PURE__ */ l(i, {
-			onClick: () => p(e),
-			children: e
-		}, e))
-	})] }) : /* @__PURE__ */ u(e, {
-		onClick: (e) => {
-			e.preventDefault(), p(d?.[0]);
+var l = (e) => {
+	let t = 0;
+	for (let n = e.length - 1; n >= 0; n--) t += e.charCodeAt(n);
+	return t % 5;
+}, u = ({ name: e, country: t, city: u, isLoading: d }) => {
+	let { i18n: f } = c();
+	!e && !d && (e = f._("Unspecified"));
+	let p = e.split(" "), m = (p.length >= 2 ? p[0][0] + p[p.length - 1][0] : e[0] || "").toUpperCase();
+	return /* @__PURE__ */ r(o, {
+		className: "Monite-CounterpartCell",
+		direction: "row",
+		alignItems: "center",
+		spacing: 1.5,
+		justifyContent: "stretch",
+		sx: {
+			maxWidth: "100%",
+			overflow: "hidden"
 		},
-		children: [f === "error" ? /* @__PURE__ */ l(c, {}) : void 0, o]
+		children: [d ? /* @__PURE__ */ n(a, {
+			animation: "wave",
+			variant: "circular",
+			width: 40,
+			height: 40,
+			sx: { flexShrink: 0 }
+		}) : /* @__PURE__ */ n(i, {
+			className: "MuiAvatar-colored MuiAvatar-" + l(m),
+			children: m
+		}), d || !e ? /* @__PURE__ */ n(a, {
+			animation: "wave",
+			height: 10,
+			width: "100%",
+			sx: {
+				flexShrink: 0,
+				minWidth: "4em"
+			}
+		}) : /* @__PURE__ */ r(o, {
+			direction: "column",
+			alignItems: "stretch",
+			gap: 0,
+			sx: {
+				maxWidth: "100%",
+				flexBasis: 0,
+				flexShrink: 2,
+				flexGrow: 2,
+				overflow: "hidden"
+			},
+			children: [/* @__PURE__ */ n(s, {
+				variant: "body1",
+				className: "Monite-TextOverflowContainer",
+				children: e
+			}), t && u && /* @__PURE__ */ r(s, {
+				variant: "body2",
+				className: "Monite-TextOverflowContainer",
+				children: [
+					t,
+					" • ",
+					u
+				]
+			})]
+		})]
+	});
+}, d = ({ counterpartId: r }) => {
+	let { data: i, isLoading: o } = e(r), s = i ? t(i) : "";
+	return o ? /* @__PURE__ */ n(a, {
+		animation: "wave",
+		height: 26,
+		width: "100%"
+	}) : s ? /* @__PURE__ */ n("span", { children: s }) : /* @__PURE__ */ n("span", {
+		style: { opacity: .4 },
+		children: "-"
 	});
 };
 //#endregion
-export { d as DataGridEmptyState };
+export { u as CounterPartCellByData, d as CounterpartNameCellById, l as calculateAvatarColorIndex };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index233.js

@@ -1 +1,62 @@
-import "./index232.js";
+import { Button as e } from "./index56.js";
+import { CenteredContentBox as t } from "./index203.js";
+import "./index204.js";
+import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "./index55.js";
+import { Typography as o } from "./index62.js";
+import { ChevronDown as s, RefreshCw as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index233.js
+var d = ({ title: e, descriptionLine1: n, onAction: r, actionButtonLabel: i, actionOptions: a = [], type: s }) => /* @__PURE__ */ l(t, {
+	className: "ttw:min-h-48",
+	children: /* @__PURE__ */ u("div", {
+		className: "ttw:flex ttw:flex-col ttw:flex-1 ttw:items-center ttw:gap-3",
+		children: [
+			/* @__PURE__ */ l(o, {
+				variant: "h2",
+				className: "ttw:font-medium",
+				children: e
+			}),
+			/* @__PURE__ */ l(o, {
+				variant: "body1",
+				color: "muted",
+				className: "ttw:font-normal",
+				children: n
+			}),
+			/* @__PURE__ */ l(f, {
+				onAction: r,
+				actionButtonLabel: i,
+				actionOptions: a,
+				type: s
+			})
+		]
+	})
+}), f = ({ onAction: t, actionButtonLabel: o, actionOptions: d = [], type: f }) => {
+	if (!o) return null;
+	let p = (e) => {
+		t && t(e);
+	};
+	return d.length > 1 ? /* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(a, {
+		asChild: !0,
+		children: /* @__PURE__ */ u(e, {
+			type: "button",
+			children: [
+				f === "error" ? /* @__PURE__ */ l(c, {}) : void 0,
+				o,
+				/* @__PURE__ */ l(s, {})
+			]
+		})
+	}), /* @__PURE__ */ l(r, {
+		align: "end",
+		children: d.map((e) => /* @__PURE__ */ l(i, {
+			onClick: () => p(e),
+			children: e
+		}, e))
+	})] }) : /* @__PURE__ */ u(e, {
+		onClick: (e) => {
+			e.preventDefault(), p(d?.[0]);
+		},
+		children: [f === "error" ? /* @__PURE__ */ l(c, {}) : void 0, o]
+	});
+};
+//#endregion
+export { d as DataGridEmptyState };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index234.js

@@ -1,31 +1 @@
-import { DataGridEmptyState as e } from "./index232.js";
 import "./index233.js";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index234.js
-var r = ({ isLoading: r, dataLength: i, isFiltering: a, isSearching: o, isError: s, onCreate: c, refetch: l, entityName: u, noDataTitle: d, noDataDescription1: f, filterTitle: p, filterDescription1: m, actionButtonLabel: h, actionOptions: g, onAction: _, type: v }) => {
-	let { i18n: y } = n();
-	return !r && i === 0 && (a || o) ? /* @__PURE__ */ t(e, {
-		title: p || d || y._("No {entityName} Found", { entityName: u }),
-		descriptionLine1: m || "",
-		type: "no-filter",
-		onAction: _
-	}) : !r && i === 0 && !a && !o ? /* @__PURE__ */ t(e, {
-		title: d || y._("No {entityName}", { entityName: u }),
-		descriptionLine1: f || y._("You don’t have any {entityName} yet.", { entityName: u.toLowerCase() }),
-		actionOptions: g,
-		actionButtonLabel: h,
-		onAction: (e) => {
-			c && c(e ?? "");
-		},
-		type: v || "no-data"
-	}) : s ? /* @__PURE__ */ t(e, {
-		title: y._("Failed to load {entityName}", { entityName: u }),
-		descriptionLine1: y._("There was an error loading {entityName}.", { entityName: u.toLowerCase() }),
-		actionButtonLabel: y._("Reload"),
-		onAction: l,
-		type: "error"
-	}) : null;
-};
-//#endregion
-export { r as GetNoRowsOverlay };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index235.js

@@ -1,43 +1,31 @@
-import { useDialog as e } from "./index201.js";
-import "./index202.js";
-import { CenteredContentBox as t } from "./index203.js";
-import "./index204.js";
-import { IconWrapper as n } from "./index205.js";
-import "./index206.js";
-import { LockKeyhole as r, X as i } from "lucide-react";
-import { Fragment as a, jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useLingui as c } from "@lingui/react";
+import { DataGridEmptyState as e } from "./index233.js";
+import "./index234.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index235.js
-var l = (l) => {
-	let u = e(), { i18n: d } = c(), f = l.title ?? d._("Access Restricted"), p = l.description ?? /* @__PURE__ */ s("span", { children: [
-		d._("You don’t have permissions to view this page."),
-		/* @__PURE__ */ o("br", {}),
-		d._("Contact your system administrator for details.")
-	] });
-	return /* @__PURE__ */ s(a, { children: [u && /* @__PURE__ */ o("div", {
-		className: "ttw:flex ttw:justify-end ttw:p-4 Monite-AccessRestriction-InDialog-Header",
-		children: /* @__PURE__ */ o(n, {
-			onClick: u.onClose,
-			color: "inherit",
-			"aria-label": "close",
-			children: /* @__PURE__ */ o(i, {})
-		})
-	}), /* @__PURE__ */ o(t, {
-		className: "Monite-AccessRestriction-Content",
-		children: /* @__PURE__ */ s("div", {
-			className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-4",
-			children: [/* @__PURE__ */ o(r, { className: "ttw:w-8 ttw:h-8 ttw:text-primary" }), /* @__PURE__ */ s("div", {
-				className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-2",
-				children: [/* @__PURE__ */ o("h3", {
-					className: "ttw:text-2xl ttw:font-semibold",
-					children: f
-				}), /* @__PURE__ */ o("p", {
-					className: "ttw:text-center",
-					children: p
-				})]
-			})]
-		})
-	})] });
+var r = ({ isLoading: r, dataLength: i, isFiltering: a, isSearching: o, isError: s, onCreate: c, refetch: l, entityName: u, noDataTitle: d, noDataDescription1: f, filterTitle: p, filterDescription1: m, actionButtonLabel: h, actionOptions: g, onAction: _, type: v }) => {
+	let { i18n: y } = n();
+	return !r && i === 0 && (a || o) ? /* @__PURE__ */ t(e, {
+		title: p || d || y._("No {entityName} Found", { entityName: u }),
+		descriptionLine1: m || "",
+		type: "no-filter",
+		onAction: _
+	}) : !r && i === 0 && !a && !o ? /* @__PURE__ */ t(e, {
+		title: d || y._("No {entityName}", { entityName: u }),
+		descriptionLine1: f || y._("You don’t have any {entityName} yet.", { entityName: u.toLowerCase() }),
+		actionOptions: g,
+		actionButtonLabel: h,
+		onAction: (e) => {
+			c && c(e ?? "");
+		},
+		type: v || "no-data"
+	}) : s ? /* @__PURE__ */ t(e, {
+		title: y._("Failed to load {entityName}", { entityName: u }),
+		descriptionLine1: y._("There was an error loading {entityName}.", { entityName: u.toLowerCase() }),
+		actionButtonLabel: y._("Reload"),
+		onAction: l,
+		type: "error"
+	}) : null;
 };
 //#endregion
-export { l as AccessRestriction };
+export { r as GetNoRowsOverlay };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index236.js

@@ -1,4 +1,43 @@
-import "./index56.js";
-import "./index58.js";
-import "@emotion/react/jsx-runtime";
-import "@lingui/react";
+import { useDialog as e } from "./index201.js";
+import "./index202.js";
+import { CenteredContentBox as t } from "./index203.js";
+import "./index204.js";
+import { IconWrapper as n } from "./index205.js";
+import "./index206.js";
+import { LockKeyhole as r, X as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useLingui as c } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index236.js
+var l = (l) => {
+	let u = e(), { i18n: d } = c(), f = l.title ?? d._("Access Restricted"), p = l.description ?? /* @__PURE__ */ s("span", { children: [
+		d._("You don’t have permissions to view this page."),
+		/* @__PURE__ */ o("br", {}),
+		d._("Contact your system administrator for details.")
+	] });
+	return /* @__PURE__ */ s(a, { children: [u && /* @__PURE__ */ o("div", {
+		className: "ttw:flex ttw:justify-end ttw:p-4 Monite-AccessRestriction-InDialog-Header",
+		children: /* @__PURE__ */ o(n, {
+			onClick: u.onClose,
+			color: "inherit",
+			"aria-label": "close",
+			children: /* @__PURE__ */ o(i, {})
+		})
+	}), /* @__PURE__ */ o(t, {
+		className: "Monite-AccessRestriction-Content",
+		children: /* @__PURE__ */ s("div", {
+			className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-4",
+			children: [/* @__PURE__ */ o(r, { className: "ttw:w-8 ttw:h-8 ttw:text-primary" }), /* @__PURE__ */ s("div", {
+				className: "ttw:flex ttw:flex-col ttw:items-center ttw:space-y-2",
+				children: [/* @__PURE__ */ o("h3", {
+					className: "ttw:text-2xl ttw:font-semibold",
+					children: f
+				}), /* @__PURE__ */ o("p", {
+					className: "ttw:text-center",
+					children: p
+				})]
+			})]
+		})
+	})] });
+};
+//#endregion
+export { l as AccessRestriction };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index237.js

@@ -1,2 +1,4 @@
-import "./index235.js";
-import "./index236.js";
+import "./index56.js";
+import "./index58.js";
+import "@emotion/react/jsx-runtime";
+import "@lingui/react";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index238.js

@@ -1,52 +1,2 @@
-import { cn as e } from "./index49.js";
-import "react";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index238.js
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "table-container",
-		className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto",
-		children: /* @__PURE__ */ t("table", {
-			"data-slot": "table",
-			className: e("ttw:w-full ttw:caption-bottom ttw:text-sm", n),
-			...r
-		})
-	});
-}
-function r({ className: n, ...r }) {
-	return /* @__PURE__ */ t("thead", {
-		"data-slot": "table-header",
-		className: e("ttw:[&_tr]:border-b", n),
-		...r
-	});
-}
-function i({ className: n, ...r }) {
-	return /* @__PURE__ */ t("tbody", {
-		"data-slot": "table-body",
-		className: e("ttw:[&_tr:last-child]:border-0", n),
-		...r
-	});
-}
-function a({ className: n, ...r }) {
-	return /* @__PURE__ */ t("tr", {
-		"data-slot": "table-row",
-		className: e("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", n),
-		...r
-	});
-}
-function o({ className: n, ...r }) {
-	return /* @__PURE__ */ t("th", {
-		"data-slot": "table-head",
-		className: e("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", n),
-		...r
-	});
-}
-function s({ className: n, ...r }) {
-	return /* @__PURE__ */ t("td", {
-		"data-slot": "table-cell",
-		className: e("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", n),
-		...r
-	});
-}
-//#endregion
-export { n as Table, i as TableBody, s as TableCell, o as TableHead, r as TableHeader, a as TableRow };
+import "./index236.js";
+import "./index237.js";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index239.js

@@ -1,113 +1,52 @@
-import { Button as e } from "./index56.js";
-import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "./index101.js";
-import { Table as o, TableBody as s, TableCell as c, TableHead as l, TableHeader as u, TableRow as d } from "./index238.js";
-import { useEffect as f, useState as p } from "react";
-import { flexRender as m, getCoreRowModel as h, useReactTable as g } from "@tanstack/react-table";
-import { ChevronLeft as _, ChevronRight as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "@emotion/react/jsx-runtime";
-import { useLingui as S } from "@lingui/react";
-import { twMerge as C } from "tailwind-merge";
+import { cn as e } from "./index49.js";
+import "react";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index239.js
-function w({ columns: w, data: T, sorting: E, onSortingChange: D, pageSize: O, onPageSizeChange: k, nextPaginationToken: A, prevPaginationToken: j, onPaginationTokenChange: M, onRowClick: N, filterComponent: P, children: F, rowLabel: I }) {
-	let { i18n: L } = S(), [R, z] = p(0);
-	f(() => {
-		!j && R !== 0 && z(0);
-	}, [j, R]);
-	let B = T.length === 0 ? 0 : R + 1, V = R + T.length, H = I ? `${B}-${V} ${I}` : `${B}-${V}`, U = g({
-		data: T,
-		columns: w,
-		getCoreRowModel: h(),
-		manualPagination: !0,
-		manualSorting: !0,
-		enableMultiSort: !1,
-		onSortingChange: D,
-		state: {
-			sorting: E,
-			pagination: {
-				pageIndex: 0,
-				pageSize: O
-			}
-		}
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "table-container",
+		className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto",
+		children: /* @__PURE__ */ t("table", {
+			"data-slot": "table",
+			className: e("ttw:w-full ttw:caption-bottom ttw:text-sm", n),
+			...r
+		})
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("thead", {
+		"data-slot": "table-header",
+		className: e("ttw:[&_tr]:border-b", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tbody", {
+		"data-slot": "table-body",
+		className: e("ttw:[&_tr:last-child]:border-0", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tr", {
+		"data-slot": "table-row",
+		className: e("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("th", {
+		"data-slot": "table-head",
+		className: e("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("td", {
+		"data-slot": "table-cell",
+		className: e("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
 	});
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("div", {
-		className: C("ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125 ttw:gap-4 ttw:border ttw:border-zinc-100 ttw:rounded-xl ttw:bg-white", P && "ttw:pt-4"),
-		children: [P, /* @__PURE__ */ x(o, {
-			className: "ttw:border-none",
-			children: [/* @__PURE__ */ b(u, { children: U.getHeaderGroups().map((e) => /* @__PURE__ */ b(d, { children: e.headers.map((e) => /* @__PURE__ */ b(l, {
-				className: "ttw:p-3 ttw:text-xs ttw:text-zinc-950 ttw:border-b ttw:border-zinc-100 ttw:w-44.5",
-				children: e.isPlaceholder ? null : m(e.column.columnDef.header, e.getContext())
-			}, e.id)) }, e.id)) }), /* @__PURE__ */ b(s, { children: U.getRowModel().rows?.length ? U.getRowModel().rows.map((e) => /* @__PURE__ */ b(d, {
-				onClick: () => N(e.original),
-				"data-state": e.getIsSelected() && "selected",
-				children: e.getVisibleCells().map((e) => /* @__PURE__ */ b(c, {
-					className: "ttw:px-3 ttw:h-13 ttw:font-medium ttw:border-zinc-100 ttw:border-b",
-					children: m(e.column.columnDef.cell, e.getContext())
-				}, e.id))
-			}, e.id)) : /* @__PURE__ */ b(d, { children: /* @__PURE__ */ b(c, {
-				colSpan: w.length,
-				className: "ttw:min-h-24 ttw:text-center",
-				children: F || L._("No results.")
-			}) }) })]
-		})]
-	}), /* @__PURE__ */ x("div", {
-		className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent",
-		children: [
-			/* @__PURE__ */ x("span", {
-				className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
-				children: [L._("Rows per page:"), /* @__PURE__ */ x(t, {
-					value: String(O),
-					onValueChange: (e) => {
-						k(Number(e)), M(void 0), z(0);
-					},
-					children: [/* @__PURE__ */ b(i, {
-						size: "sm",
-						children: /* @__PURE__ */ b(a, {})
-					}), /* @__PURE__ */ x(n, { children: [
-						/* @__PURE__ */ b(r, {
-							value: "10",
-							children: "10"
-						}),
-						/* @__PURE__ */ b(r, {
-							value: "25",
-							children: "25"
-						}),
-						/* @__PURE__ */ b(r, {
-							value: "50",
-							children: "50"
-						}),
-						/* @__PURE__ */ b(r, {
-							value: "100",
-							children: "100"
-						})
-					] })]
-				})]
-			}),
-			/* @__PURE__ */ b("span", {
-				className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
-				children: H
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "ttw:flex ttw:items-center ttw:space-x-3",
-				children: [/* @__PURE__ */ b(e, {
-					variant: "ghost",
-					className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg",
-					onClick: () => {
-						M(j), z((e) => e - O);
-					},
-					disabled: !j,
-					children: /* @__PURE__ */ b(_, {})
-				}), /* @__PURE__ */ b(e, {
-					variant: "ghost",
-					className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg",
-					onClick: () => {
-						M(A), z((e) => e + O);
-					},
-					disabled: !A,
-					children: /* @__PURE__ */ b(v, {})
-				})]
-			})
-		]
-	})] });
 }
 //#endregion
-export { w as DataTable };
+export { n as Table, i as TableBody, s as TableCell, o as TableHead, r as TableHeader, a as TableRow };