@tesouro/embedded-components-react 0.3.0 → 0.3.1

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

@@ -1,216 +1,2 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { useMoniteContext as t } from "./index47.js";
-import { getCounterpartName as n } from "./index53.js";
-import { useCurrencies as ee } from "./index63.js";
-import { Button as te } from "./index56.js";
-import { useGetPayablesAnalytics as r } from "./index113.js";
-import { useCounterpartList as i } from "./index125.js";
-import { MoniteScopedProviders as a } from "./index209.js";
-import { LoadingSpinner as o } from "./index51.js";
-import { useUserPermissions as ne } from "./index112.js";
-import { FILTER_TYPE_SEARCH as s } from "./index236.js";
-import { CounterpartTableFilters as c } from "./index237.js";
-import { CounterPartCellByData as l } from "./index238.js";
-import { GetNoRowsOverlay as u } from "./index241.js";
-import { AccessRestriction as d } from "./index242.js";
-import "./index244.js";
-import { DataTable as f } from "./index246.js";
-import { hasSelectedText as p } from "./index247.js";
-import { useMemo as m, useState as h } from "react";
-import { ArrowDown as re, ArrowUp as g, ArrowUpDown as _ } from "lucide-react";
-import { jsx as v, jsxs as ie } from "@emotion/react/jsx-runtime";
-import { useLingui as y } from "@lingui/react";
-import { twMerge as b } from "tailwind-merge";
-//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index249.js
-var x = (e) => /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(S, { ...e }) }), S = ({ onRowClick: a, onChangeSort: x, onChangeFilter: S, openModal: C }) => {
-	let { i18n: w } = y(), { componentSettings: T, api: ae } = t(), { formatCurrencyToDisplay: E } = ee(), [oe, D] = h(void 0), [O, se] = h(T.counterparts.pageSizeOptions[0] ?? 10), [k, A] = h({}), [j, M] = h(void 0), N = ne(), P = N.has(e.CounterpartReadOrg);
-	N.has(e.CounterpartWriteOrg), N.has(e.CounterpartWriteOrg);
-	let { data: F, isLoading: I, refetch: L, isError: R } = i({ query: {
-		sort: j?.field,
-		order: j?.sort,
-		limit: O || void 0,
-		pagination_token: oe,
-		type: k.type || void 0,
-		counterpart_name__icontains: k.search || void 0,
-		is_vendor: !0
-	} }), z = m(() => F?.data.map((e) => e.id) ?? [], [F]), B = ae.finops.getCounterpartsIdAddresses.useQueries({ queries: z.map((e) => ({ parameters: { path: { counterpart_id: e } } })) }), V = m(() => new Map(z.map((e, t) => [e, B[t]?.data])), [z, B]), { data: H, isLoading: U } = r({
-		dimension: "counterpart_id",
-		metric: "total_amount",
-		aggregation_function: "summary",
-		status__in: [
-			"new",
-			"approve_in_progress",
-			"waiting_to_be_paid",
-			"partially_paid",
-			"paid"
-		],
-		counterpart_id__in: z
-	}), W = m(() => new Map(H?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [H]), { data: G, isLoading: K } = r({
-		dimension: "counterpart_id",
-		metric: "amount_due",
-		aggregation_function: "summary",
-		status__in: [
-			"new",
-			"approve_in_progress",
-			"waiting_to_be_paid",
-			"partially_paid"
-		],
-		counterpart_id__in: z
-	}), q = m(() => new Map(G?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [G]), { data: J, isLoading: Y } = r({
-		dimension: "counterpart_id",
-		metric: "total_amount",
-		aggregation_function: "summary",
-		status__in: ["rejected"],
-		counterpart_id__in: z
-	}), X = m(() => new Map(J?.data.map(({ dimension_value: e, metric_value: t }) => [e, t]) ?? []), [J]), Z = j ? [{
-		id: j.field,
-		desc: j.sort === "desc"
-	}] : [], ce = (e) => {
-		let t = typeof e == "function" ? e(Z) : e;
-		if (t.length > 0) {
-			let e = {
-				field: t[0].id,
-				sort: t[0].desc ? "desc" : "asc"
-			};
-			M(e), x?.(e);
-		} else M(void 0);
-		D(void 0);
-	}, le = (e, t) => {
-		D(void 0), A((n) => ({
-			...n,
-			[e]: t === "all" ? null : t
-		})), S?.({
-			field: e,
-			value: t
-		});
-	}, ue = m(() => [
-		{
-			accessorKey: "counterpart_name",
-			header: ({ column: e }) => {
-				let t = e.getIsSorted();
-				return /* @__PURE__ */ ie("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-					children: [w._("Name"), /* @__PURE__ */ v(te, {
-						variant: "ghost",
-						onClick: () => e.toggleSorting(t === "asc"),
-						children: v(t === "asc" ? g : t === "desc" ? re : _, { className: "ttw:size-4" })
-					})]
-				});
-			},
-			cell: ({ row: e }) => {
-				let t = V.get(e.original.id);
-				return /* @__PURE__ */ v(l, {
-					name: n(e.original),
-					country: t?.data[0]?.country,
-					city: t?.data[0]?.city
-				});
-			}
-		},
-		{
-			accessorKey: "total_billed",
-			header: () => /* @__PURE__ */ v("div", {
-				className: "ttw:text-right",
-				children: w._("Billed amount")
-			}),
-			cell: ({ row: e }) => {
-				let t = W.get(e.original.id) ?? 0;
-				return /* @__PURE__ */ v("div", {
-					className: "ttw:text-right",
-					children: U ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
-				});
-			}
-		},
-		{
-			id: "total_paid",
-			header: () => /* @__PURE__ */ v("div", {
-				className: "ttw:text-right",
-				children: w._("Total paid to date")
-			}),
-			cell: ({ row: e }) => {
-				let t = (W.get(e.original.id) ?? 0) - (q.get(e.original.id) ?? 0);
-				return /* @__PURE__ */ v("div", {
-					className: b("ttw:text-right", t > 0 && "ttw:text-green-700"),
-					children: U || K ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
-				});
-			}
-		},
-		{
-			id: "total_rejected",
-			header: () => /* @__PURE__ */ v("div", {
-				className: "ttw:text-right",
-				children: w._("Rejected amount")
-			}),
-			cell: ({ row: e }) => {
-				let t = X.get(e.original.id) ?? 0;
-				return /* @__PURE__ */ v("div", {
-					className: b("ttw:text-right", t > 0 && "ttw:text-orange-700"),
-					children: Y ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
-				});
-			}
-		},
-		{
-			id: "total_owed",
-			header: () => /* @__PURE__ */ v("div", {
-				className: "ttw:text-right",
-				children: w._("Balance due")
-			}),
-			cell: ({ row: e }) => {
-				let t = q.get(e.original.id) ?? 0;
-				return /* @__PURE__ */ v("div", {
-					className: "ttw:text-right",
-					children: K ? /* @__PURE__ */ v(o, { className: "ttw:ml-auto ttw:w-4 ttw:h-4" }) : E(t, "USD")
-				});
-			}
-		}
-	], [
-		w,
-		V,
-		U,
-		K,
-		Y,
-		W,
-		q,
-		X,
-		E
-	]);
-	if (!P) return /* @__PURE__ */ v(d, {});
-	let Q = Object.keys(k).some((e) => k[e] !== null && k[e] !== void 0), $ = !!k[s];
-	return /* @__PURE__ */ v("div", {
-		className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
-		children: /* @__PURE__ */ v(f, {
-			columns: ue,
-			data: F?.data ?? [],
-			sorting: Z,
-			onSortingChange: ce,
-			pageSize: O,
-			onPageSizeChange: se,
-			nextPaginationToken: F?.next_pagination_token ?? void 0,
-			prevPaginationToken: F?.prev_pagination_token ?? void 0,
-			onPaginationTokenChange: D,
-			onRowClick: (e) => {
-				p() || a?.(e.id);
-			},
-			filterComponent: /* @__PURE__ */ v(c, {
-				isDisabled: !Q && !$ && !F?.data?.length,
-				onChangeFilter: le
-			}),
-			children: /* @__PURE__ */ v(u, {
-				noDataTitle: w._("Build your vendors list."),
-				noDataDescription1: w._("Save the people and businesses you pay so you can send payments when bills come in."),
-				filterTitle: w._("No vendors found"),
-				isLoading: I,
-				dataLength: F?.data.length || 0,
-				isFiltering: Q,
-				isSearching: $,
-				isError: R,
-				onCreate: () => C?.(!0),
-				refetch: L,
-				entityName: w._("Vendor"),
-				actionButtonLabel: w._("Add your first vendor")
-			})
-		})
-	});
-};
-//#endregion
-export { x as VendorsTable };
+import "./index247.js";
+import "./index248.js";

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

@@ -1,162 +1,52 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { Button as t } from "./index56.js";
-import { Sheet as n, SheetClose as r, SheetContent as i, SheetDescription as a, SheetFooter as o, SheetHeader as s, SheetTitle as c } from "./index50.js";
-import { LoadingSpinner as l } from "./index51.js";
-import { useCreateCounterpartBank as u } from "./index66.js";
-import { useCreateCounterpart as d } from "./index71.js";
-import "./index86.js";
-import { getCreateCounterpartValidationSchema as f } from "./index96.js";
-import { CounterpartFormContent as p } from "./index109.js";
-import { LanguageCodeEnum as m } from "./index110.js";
-import { useUserPermissions as h } from "./index112.js";
-import { AccessRestriction as g } from "./index242.js";
-import { useCallback as _, useId as v, useMemo as y, useState as b } from "react";
-import { jsx as x, jsxs as S } from "@emotion/react/jsx-runtime";
-import { useLingui as C } from "@lingui/react";
-import { FormProvider as w, useForm as T } from "react-hook-form";
-import { zodResolver as E } from "@hookform/resolvers/zod";
+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/index250.js
-var D = ({ open: D, onClose: O, onCreate: k, getCounterpartDefaultValues: A, customerType: j }) => {
-	let { i18n: M } = C(), [N, P] = b(() => "organization"), F = `counterpart-form-${v()}`, { mutateAsync: I, isPending: L } = d(), { mutate: R, isPending: z } = u(), B = L || z, V = h().has(e.CounterpartWriteOrg), H = A?.(N), U = y(() => ({
-		remindersEnabled: j === "customer",
-		isCustomer: j === "customer",
-		isVendor: j === "vendor",
-		accountHolderName: "",
-		routingNumber: "",
-		accountNumber: "",
-		tax_id: H?.tax_id ?? "",
-		email: H?.counterpart?.email ?? "",
-		phone: H?.counterpart?.phone ?? "",
-		line1: H?.counterpart?.line1 ?? "",
-		line2: H?.counterpart?.line2 ?? "",
-		city: H?.counterpart?.city ?? "",
-		state: H?.counterpart.state ?? "",
-		country: H?.counterpart?.country ?? "US",
-		postalCode: H?.counterpart?.postalCode ?? "",
-		firstName: H && "firstName" in H.counterpart ? H.counterpart.firstName : "",
-		lastName: H && "lastName" in H.counterpart ? H.counterpart.lastName : "",
-		companyName: H && "companyName" in H.counterpart ? H.counterpart.companyName : ""
-	}), [j, H]), { watch: W, ...G } = T({
-		resolver: E(f(M, N ?? "organization", j)),
-		defaultValues: U
-	}), K = !!(W("companyName") || W("firstName") && W("lastName")) && !!W("email") && (j === "vendor" && !!W("line1") && !!W("city") && !!W("state") && !!W("postalCode") && !!W("country") || j === "customer"), q = _((e) => {
-		e.preventDefault(), e.stopPropagation(), G.handleSubmit(async (e) => {
-			let t = e.line1?.trim() && e.city?.trim() ? {
-				city: e.city ?? "",
-				country: e.country ?? "US",
-				line1: e.line1 ?? "",
-				line2: e.line2,
-				postal_code: e.postalCode ?? "",
-				state: e.state ?? ""
-			} : void 0, n = {
-				account_holder_name: e.accountHolderName,
-				routing_number: e.routingNumber,
-				account_number: e.accountNumber,
-				is_default_for_currency: !0,
-				country: "US",
-				currency: "USD"
-			}, r = !!e.accountHolderName || !!e.accountNumber || !!e.routingNumber, i = {
-				tax_id: e.tax_id,
-				is_customer: e.isCustomer,
-				is_vendor: e.isVendor,
-				language: m.find((e) => e === M.locale.split("-")[0]) ?? "en",
-				reminders_enabled: e.remindersEnabled
-			}, a = N === "individual" ? {
-				...i,
-				type: "individual",
-				individual: {
-					first_name: e.firstName ?? "",
-					last_name: e.lastName ?? "",
-					phone: e.phone ?? "",
-					email: e.email ?? "",
-					...t ? { address: t } : {}
-				}
-			} : {
-				...i,
-				type: "organization",
-				organization: {
-					legal_name: e.companyName ?? "",
-					phone: e.phone ?? "",
-					email: e.email ?? "",
-					...t ? { address: t } : {}
-				}
-			};
-			if (r) {
-				let e = await I(a);
-				return R({
-					path: { counterpart_id: e.id },
-					body: n
-				}, { onSuccess: () => {
-					k && k(e.id);
-				} });
-			}
-			return I(a, { onSuccess: ({ id: e }) => {
-				k && k(e);
-			} });
-		})(e);
-	}, [
-		I,
-		N,
-		R,
-		G.handleSubmit,
-		M
-	]);
-	return /* @__PURE__ */ x(n, {
-		open: D,
-		onOpenChange: O,
-		children: /* @__PURE__ */ S(i, {
-			className: "ttw:gap-0",
-			children: [
-				/* @__PURE__ */ S(s, {
-					className: "ttw:border-b ttw:border-border",
-					children: [/* @__PURE__ */ x(c, {
-						className: "ttw:text-2xl",
-						children: M._("Add {customerType}", { customerType: j })
-					}), /* @__PURE__ */ x(a, {
-						className: "ttw:max-w-130",
-						children: j === "vendor" ? M._("Save the people and businesses you pay so you can send payments when bills come in.") : M._("Save the people and businesses you sell to.")
-					})]
-				}),
-				/* @__PURE__ */ x("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto",
-					children: V ? /* @__PURE__ */ x(w, {
-						...G,
-						watch: W,
-						children: /* @__PURE__ */ x("form", {
-							id: F,
-							onSubmit: q,
-							children: /* @__PURE__ */ x(p, {
-								counterpartType: N ?? "organization",
-								handleChangeCounterpartType: (e) => P(e),
-								isLoading: B,
-								customerType: j
-							})
-						})
-					}) : /* @__PURE__ */ x(g, {})
-				}),
-				/* @__PURE__ */ S(o, {
-					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
-					children: [/* @__PURE__ */ x(r, {
-						asChild: !0,
-						children: /* @__PURE__ */ x(t, {
-							variant: "outline",
-							disabled: B,
-							className: "ttw:flex-1 ttw:border-border",
-							children: M._("Cancel")
-						})
-					}), /* @__PURE__ */ S(t, {
-						type: "submit",
-						form: F,
-						className: "ttw:flex-1",
-						title: M._("Complete the form to continue"),
-						disabled: !V || B || !K,
-						children: [B && /* @__PURE__ */ x(l, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), M._("Save {customerType}", { customerType: j })]
-					})]
-				})
-			]
+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 { D as CreateCounterpartDialog };
+export { n as Table, i as TableBody, s as TableCell, o as TableHead, r as TableHeader, a as TableRow };

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

@@ -1,60 +1,125 @@
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import "../../shared/data-access/dist/index.js";
-import { Button as t } from "./index56.js";
-import { MoniteScopedProviders as n } from "./index209.js";
-import { useUserPermissions as r } from "./index112.js";
-import { CounterpartDetails as i } from "./index235.js";
-import { AccessRestriction as a } from "./index242.js";
-import "./index244.js";
-import { CustomersTable as o } from "./index248.js";
-import { VendorsTable as s } from "./index249.js";
-import { CreateCounterpartDialog as c } from "./index250.js";
-import { useCallback as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
-import { useLingui as m } from "@lingui/react";
+import { Button as e } from "./index56.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "./index105.js";
+import { Table as o, TableBody as s, TableCell as c, TableHead as l, TableHeader as u, TableRow as d } from "./index250.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 { ArrowDown as _, ArrowUp as v, ArrowUpDown as y, ChevronLeft as b, ChevronRight as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "@emotion/react/jsx-runtime";
+import { useLingui as T } from "@lingui/react";
+import { twMerge as E } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index251.js
-var h = (e) => /* @__PURE__ */ f(n, { children: /* @__PURE__ */ f(g, { ...e }) }), g = ({ type: n, pageTitleComponent: h, onPayVendor: g, onCreateInvoiceForCustomer: _, onViewVendorBills: v, onViewCustomerInvoices: y }) => {
-	let { i18n: b } = m(), [x, S] = u(void 0), [C, w] = u(!1), T = l((e) => {
-		S(e);
-	}, []), E = l(() => {
-		S(void 0);
-	}, []), D = r(), O = D.has(e.CounterpartWriteOrg), k = D.has(e.CounterpartReadOrg);
-	return /* @__PURE__ */ p(d, { children: [
-		h(/* @__PURE__ */ f(t, {
-			size: "lg",
-			onClick: () => w(!0),
-			className: "Monite-Counterparts-Actions-CreateNew",
-			disabled: !O,
-			children: b._("Create new")
-		})),
-		!k && /* @__PURE__ */ f(a, {}),
-		k && n === "customer" && /* @__PURE__ */ f(o, {
-			onRowClick: T,
-			openModal: w
-		}),
-		k && n === "vendor" && /* @__PURE__ */ f(s, {
-			onRowClick: T,
-			openModal: w
-		}),
-		x && /* @__PURE__ */ f(i, {
-			counterpartId: x,
-			open: !!x,
-			onClose: E,
-			customerType: n,
-			onPayVendor: g,
-			onCreateInvoiceForCustomer: _,
-			onViewVendorBills: v,
-			onViewCustomerInvoices: y
-		}),
-		C && /* @__PURE__ */ f(c, {
-			open: C,
-			onClose: () => w(!1),
-			onCreate: (e) => {
-				w(!1), S(e);
-			},
-			customerType: n
-		})
-	] });
-};
+function D({ columns: _, data: v, sorting: y, onSortingChange: D, pageSize: O, onPageSizeChange: k, nextPaginationToken: A, prevPaginationToken: j, onPaginationTokenChange: M, onRowClick: N, filterComponent: P, children: F, rowLabel: I }) {
+	let { i18n: L } = T(), [R, z] = p(0);
+	f(() => {
+		!j && R !== 0 && z(0);
+	}, [j, R]);
+	let B = v.length === 0 ? 0 : R + 1, V = R + v.length, H = I ? `${B}-${V} ${I}` : `${B}-${V}`, U = g({
+		data: v,
+		columns: _,
+		getCoreRowModel: h(),
+		manualPagination: !0,
+		manualSorting: !0,
+		enableMultiSort: !1,
+		onSortingChange: D,
+		state: {
+			sorting: y,
+			pagination: {
+				pageIndex: 0,
+				pageSize: O
+			}
+		}
+	});
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
+		className: E("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__ */ w(o, {
+			className: "ttw:border-none",
+			children: [/* @__PURE__ */ C(u, { children: U.getHeaderGroups().map((e) => /* @__PURE__ */ C(d, { children: e.headers.map((e) => /* @__PURE__ */ C(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__ */ C(s, { children: U.getRowModel().rows?.length ? U.getRowModel().rows.map((e) => /* @__PURE__ */ C(d, {
+				onClick: () => N(e.original),
+				"data-state": e.getIsSelected() && "selected",
+				children: e.getVisibleCells().map((e) => /* @__PURE__ */ C(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__ */ C(d, { children: /* @__PURE__ */ C(c, {
+				colSpan: _.length,
+				className: "ttw:min-h-24 ttw:text-center",
+				children: F || L._("No results.")
+			}) }) })]
+		})]
+	}), /* @__PURE__ */ w("div", {
+		className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent",
+		children: [
+			/* @__PURE__ */ w("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__ */ w(t, {
+					value: String(O),
+					onValueChange: (e) => {
+						k(Number(e)), M(void 0), z(0);
+					},
+					children: [/* @__PURE__ */ C(i, {
+						size: "sm",
+						children: /* @__PURE__ */ C(a, {})
+					}), /* @__PURE__ */ w(n, { children: [
+						/* @__PURE__ */ C(r, {
+							value: "10",
+							children: "10"
+						}),
+						/* @__PURE__ */ C(r, {
+							value: "25",
+							children: "25"
+						}),
+						/* @__PURE__ */ C(r, {
+							value: "50",
+							children: "50"
+						}),
+						/* @__PURE__ */ C(r, {
+							value: "100",
+							children: "100"
+						})
+					] })]
+				})]
+			}),
+			/* @__PURE__ */ C("span", {
+				className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
+				children: H
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "ttw:flex ttw:items-center ttw:space-x-3",
+				children: [/* @__PURE__ */ C(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__ */ C(b, {})
+				}), /* @__PURE__ */ C(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__ */ C(x, {})
+				})]
+			})
+		]
+	})] });
+}
+function O({ column: t, title: n, ariaLabel: r }) {
+	let i = t.getIsSorted();
+	return /* @__PURE__ */ w("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+		children: [n, /* @__PURE__ */ C(e, {
+			variant: "ghost",
+			"aria-label": r,
+			onClick: () => t.toggleSorting(i === "asc"),
+			children: C(i === "asc" ? v : i === "desc" ? _ : y, { className: "ttw:size-4" })
+		})]
+	});
+}
 //#endregion
-export { h as Counterparts };
+export { D as DataTable, O as SortableHeader };