wg-design 0.7.2 → 0.7.3

package/dist/index.mjs

@@ -20661,39 +20661,75 @@ function ow(e) {
 	})), n.current;
 }
 //#endregion
+//#region src/components/WgDesignProvider/WgDesignProvider.tsx
+var sw = { table: {
+	noResults: "No results found",
+	filters: "Filters",
+	filter: "Filter",
+	dateRange: "Date range",
+	selected: "selected",
+	clear: "Clear",
+	apply: "Apply",
+	clearSearch: "Clear search",
+	previous: "Previous",
+	next: "Next",
+	itemsPerPage: "per page",
+	showingResults: ({ from: e, to: t, total: n }) => `Showing ${e}-${t} of ${n}`,
+	sort: "Sort",
+	sortBy: "Sort by",
+	selectField: "Select field",
+	sortDirection: "Sort direction",
+	ascending: "Ascending",
+	descending: "Descending",
+	filterModalDescription: "Filter and sorting options"
+} }, cw = p.createContext(sw);
+function lw({ labels: e, children: t }) {
+	let n = p.useMemo(() => ({ table: {
+		...sw.table,
+		...e?.table
+	} }), [e]);
+	return /* @__PURE__ */ D(cw.Provider, {
+		value: n,
+		children: t
+	});
+}
+function uw() {
+	return p.useContext(cw);
+}
+//#endregion
 //#region src/components/Table/DataTableMobile.tsx
-var sw = ({ table: e, noResultsLabel: t = "No results found" }) => {
-	let n = (e) => e.columnDef.meta || {}, r = (e) => n(e).mobile || {}, i = e.getAllLeafColumns().find((e) => r(e).cardTitle), a = i ? r(i).cardIcon : void 0, o = (e) => {
-		if (!i) return;
-		let t = r(i).cardTitle;
+var dw = ({ table: e, noResultsLabel: t }) => {
+	let n = uw().table, r = (e) => e.columnDef.meta || {}, i = (e) => r(e).mobile || {}, a = e.getAllLeafColumns().find((e) => i(e).cardTitle), o = a ? i(a).cardIcon : void 0, s = (e) => {
+		if (!a) return;
+		let t = i(a).cardTitle;
 		if (typeof t == "string") return t;
-		let n = e.getVisibleCells().find((e) => e.column.id === i.id);
+		let n = e.getVisibleCells().find((e) => e.column.id === a.id);
 		if (n) return nw(n.column.columnDef.cell, n.getContext());
-	}, s = (e) => {
-		let t = e.getVisibleCells().find((e) => r(e.column).primary);
-		return t ? nw(t.column.columnDef.cell, t.getContext()) : null;
 	}, c = (e) => {
-		let t = e.getVisibleCells().find((e) => r(e.column).action);
+		let t = e.getVisibleCells().find((e) => i(e.column).primary);
+		return t ? nw(t.column.columnDef.cell, t.getContext()) : null;
+	}, l = (e) => {
+		let t = e.getVisibleCells().find((e) => i(e.column).action);
 		return t ? nw(t.column.columnDef.cell, t.getContext()) : null;
-	}, l = (e, t) => {
+	}, u = (e, t) => {
 		let n = t.getVisibleCells().find((t) => t.column.id === e)?.column;
 		if (!n) return !1;
-		let i = r(n);
-		return !!(i.primary || i.action || i.cardTitle || i.hideFromBody);
-	}, u = (e) => {
+		let r = i(n);
+		return !!(r.primary || r.action || r.cardTitle || r.hideFromBody);
+	}, d = (e) => {
 		let t = {};
 		return e.forEach((e) => {
-			let n = r(e.column).group, i = typeof n == "number" && !isNaN(n) ? n : 99;
-			t[i] || (t[i] = []), t[i].push(e);
+			let n = i(e.column).group, r = typeof n == "number" && !isNaN(n) ? n : 99;
+			t[r] || (t[r] = []), t[r].push(e);
 		}), Object.entries(t).sort(([e], [t]) => Number(e) - Number(t)).map(([e, t], n, r) => /* @__PURE__ */ D("div", {
 			className: W(t.length > 1 ? "flex flex-wrap gap-4 border-b py-2" : "space-y-2 border-b py-2", n === r.length - 1 && "border-b-0"),
 			children: t.map((e) => /* @__PURE__ */ D("div", {
 				className: t.length > 1 ? "min-w-0 flex-1" : "",
-				children: d(e)
+				children: f(e)
 			}, e.id))
 		}, e));
-	}, d = (e) => {
-		let t = e.column, n = r(t).label || (typeof t.columnDef.header == "function" ? void 0 : t.columnDef.header);
+	}, f = (e) => {
+		let t = e.column, n = i(t).label || (typeof t.columnDef.header == "function" ? void 0 : t.columnDef.header);
 		return /* @__PURE__ */ O("dl", {
 			className: "space-y-1",
 			children: [n && /* @__PURE__ */ D("dt", {
@@ -20704,17 +20740,17 @@ var sw = ({ table: e, noResultsLabel: t = "No results found" }) => {
 				children: nw(t.columnDef.cell, e.getContext())
 			})]
 		});
-	}, f = e.getRowModel().rows;
+	}, p = e.getRowModel().rows;
 	return /* @__PURE__ */ D("div", {
 		className: "space-y-4",
-		children: f.length === 0 ? /* @__PURE__ */ D("div", {
+		children: p.length === 0 ? /* @__PURE__ */ D("div", {
 			className: "bg-card text-card-foreground rounded-xl border shadow-sm",
 			children: /* @__PURE__ */ D("div", {
 				className: "text-muted-foreground px-6 py-12 text-center text-base font-medium",
-				children: t
+				children: t ?? n.noResults
 			})
-		}) : f.map((e) => {
-			let t = s(e), n = c(e), i = e.getVisibleCells(), d = i.filter((t) => !l(t.column.id, e)), f = o(e), p = i.find((e) => r(e.column).primary)?.column.columnDef.meta?.mobile || {};
+		}) : p.map((e) => {
+			let t = c(e), n = l(e), r = e.getVisibleCells(), a = r.filter((t) => !u(t.column.id, e)), f = s(e), p = r.find((e) => i(e.column).primary)?.column.columnDef.meta?.mobile || {};
 			return /* @__PURE__ */ O("div", {
 				className: "bg-card text-card-foreground overflow-hidden rounded-xl border shadow-sm",
 				"data-testid": `row-${e.id}`,
@@ -20724,11 +20760,11 @@ var sw = ({ table: e, noResultsLabel: t = "No results found" }) => {
 						className: "flex items-center justify-between gap-3",
 						children: [/* @__PURE__ */ O("div", {
 							className: "flex min-w-0 flex-1 items-center gap-3",
-							children: [a && /* @__PURE__ */ D("div", {
+							children: [o && /* @__PURE__ */ D("div", {
 								className: "flex-shrink-0",
-								children: /* @__PURE__ */ D(a, { className: "text-muted-foreground size-5" })
+								children: /* @__PURE__ */ D(o, { className: "text-muted-foreground size-5" })
 							}), /* @__PURE__ */ O("div", {
-								className: W("min-w-0 flex-1", !a && "ml-2"),
+								className: W("min-w-0 flex-1", !o && "ml-2"),
 								children: [f && /* @__PURE__ */ D("h3", {
 									className: "text-foreground text-base leading-tight font-semibold break-words",
 									children: f
@@ -20743,7 +20779,7 @@ var sw = ({ table: e, noResultsLabel: t = "No results found" }) => {
 						})]
 					})
 				}), /* @__PURE__ */ O("div", {
-					className: W("px-6 pb-6", { "pt-2": !(a || f || t || n) }),
+					className: W("px-6 pb-6", { "pt-2": !(o || f || t || n) }),
 					children: [
 						p.primaryPosition === "body-highlight" && t && /* @__PURE__ */ D("div", {
 							className: W("mb-3 border-b pb-3", p.primaryClass),
@@ -20752,7 +20788,7 @@ var sw = ({ table: e, noResultsLabel: t = "No results found" }) => {
 								children: t
 							})
 						}),
-						u(d),
+						d(a),
 						n && /* @__PURE__ */ D("div", {
 							className: "pt-4",
 							children: /* @__PURE__ */ D("div", {
@@ -20768,7 +20804,7 @@ var sw = ({ table: e, noResultsLabel: t = "No results found" }) => {
 };
 //#endregion
 //#region src/components/Table/hooks.ts
-function cw(e) {
+function fw(e) {
 	return T(v((t) => {
 		let n = window.matchMedia(e);
 		return n.addEventListener("change", t), () => {
@@ -20776,10 +20812,10 @@ function cw(e) {
 		};
 	}, [e]), () => window.matchMedia(e).matches, () => !1);
 }
-function lw() {
-	return cw("only screen and (max-width: 767px)");
+function pw() {
+	return fw("only screen and (max-width: 767px)");
 }
-function uw(e, t) {
+function mw(e, t) {
 	let [n, r] = w(e);
 	return b(() => {
 		let n = setTimeout(() => r(e), t);
@@ -20788,7 +20824,7 @@ function uw(e, t) {
 }
 //#endregion
 //#region src/components/Table/Table.tsx
-function dw({ className: e, ...t }) {
+function hw({ className: e, ...t }) {
 	return /* @__PURE__ */ D("div", {
 		"data-slot": "table-container",
 		className: "relative w-full overflow-x-auto",
@@ -20799,49 +20835,49 @@ function dw({ className: e, ...t }) {
 		})
 	});
 }
-function fw({ className: e, ...t }) {
+function gw({ className: e, ...t }) {
 	return /* @__PURE__ */ D("thead", {
 		"data-slot": "table-header",
 		className: W("[&_tr]:border-b", e),
 		...t
 	});
 }
-function pw({ className: e, ...t }) {
+function _w({ className: e, ...t }) {
 	return /* @__PURE__ */ D("tbody", {
 		"data-slot": "table-body",
 		className: W("[&_tr:last-child]:border-0", e),
 		...t
 	});
 }
-function mw({ className: e, ...t }) {
+function vw({ className: e, ...t }) {
 	return /* @__PURE__ */ D("tfoot", {
 		"data-slot": "table-footer",
 		className: W("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", e),
 		...t
 	});
 }
-function hw({ className: e, ...t }) {
+function yw({ className: e, ...t }) {
 	return /* @__PURE__ */ D("tr", {
 		"data-slot": "table-row",
 		className: W("data-[state=selected]:bg-muted border-b transition-colors", e),
 		...t
 	});
 }
-function gw({ className: e, ...t }) {
+function bw({ className: e, ...t }) {
 	return /* @__PURE__ */ D("th", {
 		"data-slot": "table-head",
 		className: W("text-foreground h-10 px-3 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", e),
 		...t
 	});
 }
-function _w({ className: e, ...t }) {
+function xw({ className: e, ...t }) {
 	return /* @__PURE__ */ D("td", {
 		"data-slot": "table-cell",
 		className: W("px-3 py-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", e),
 		...t
 	});
 }
-function vw({ className: e, ...t }) {
+function Sw({ className: e, ...t }) {
 	return /* @__PURE__ */ D("caption", {
 		"data-slot": "table-caption",
 		className: W("text-muted-foreground mt-4 text-sm", e),
@@ -20850,30 +20886,30 @@ function vw({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/Table/DataTable.tsx
-function yw({ columns: e, data: r, onRowClick: a, isLoading: o = !1, className: s, disableMobileList: c = !1, sorting: l, onSortingChange: u, skeletonRows: d = 4, noResultsLabel: f = "No results found" }) {
-	let p = lw(), m = !c && p, [h, g] = w([]), _ = !!u, v = _ ? l : h, y = _ ? u : g, b = ow({
+function Cw({ columns: e, data: r, onRowClick: a, isLoading: o = !1, className: s, disableMobileList: c = !1, sorting: l, onSortingChange: u, skeletonRows: d = 4, noResultsLabel: f }) {
+	let p = uw().table, m = f ?? p.noResults, h = pw(), g = !c && h, [_, v] = w([]), y = !!u, b = y ? l : _, x = y ? u : v, S = ow({
 		data: r,
 		columns: e,
 		getCoreRowModel: ew(),
-		..._ ? {
+		...y ? {
 			manualSorting: !0,
-			onSortingChange: y,
-			state: { sorting: v }
+			onSortingChange: x,
+			state: { sorting: b }
 		} : {
 			getSortedRowModel: tw(),
-			onSortingChange: y,
-			state: { sorting: v }
+			onSortingChange: x,
+			state: { sorting: b }
 		}
 	});
-	return m ? /* @__PURE__ */ D(sw, {
-		table: b,
-		noResultsLabel: f
+	return g ? /* @__PURE__ */ D(dw, {
+		table: S,
+		noResultsLabel: m
 	}) : /* @__PURE__ */ D("div", {
 		className: W("w-full", s),
 		children: /* @__PURE__ */ D("div", {
 			"data-slot": "data-table",
 			className: "bg-card rounded-md border",
-			children: /* @__PURE__ */ O(dw, { children: [/* @__PURE__ */ D(fw, { children: b.getHeaderGroups().map((e) => /* @__PURE__ */ D(hw, { children: e.headers.filter((e) => !e.column.columnDef.meta?.desktopHidden).map((e) => /* @__PURE__ */ D(gw, { children: e.isPlaceholder ? null : /* @__PURE__ */ O("div", {
+			children: /* @__PURE__ */ O(hw, { children: [/* @__PURE__ */ D(gw, { children: S.getHeaderGroups().map((e) => /* @__PURE__ */ D(yw, { children: e.headers.filter((e) => !e.column.columnDef.meta?.desktopHidden).map((e) => /* @__PURE__ */ D(bw, { children: e.isPlaceholder ? null : /* @__PURE__ */ O("div", {
 				className: W(e.column.getCanSort() ? "cursor-pointer select-none" : "", "flex items-center space-x-2"),
 				onClick: e.column.getToggleSortingHandler(),
 				children: [/* @__PURE__ */ D("div", { children: nw(e.column.columnDef.header, e.getContext()) }), e.column.getCanSort() && /* @__PURE__ */ D("div", {
@@ -20883,55 +20919,55 @@ function yw({ columns: e, data: r, onRowClick: a, isLoading: o = !1, className:
 						desc: /* @__PURE__ */ D(i, { className: "size-4" })
 					}[e.column.getIsSorted()] ?? /* @__PURE__ */ D(n, { className: "text-muted-foreground size-4" })
 				})]
-			}) }, e.id)) }, e.id)) }), /* @__PURE__ */ D(pw, { children: o ? /* @__PURE__ */ D(E, { children: Array.from(Array(d)).map((e, t) => /* @__PURE__ */ D(hw, { children: b.getVisibleLeafColumns().filter((e) => !e.columnDef.meta?.desktopHidden).map((e) => /* @__PURE__ */ D(_w, { children: /* @__PURE__ */ D(AS, {
+			}) }, e.id)) }, e.id)) }), /* @__PURE__ */ D(_w, { children: o ? /* @__PURE__ */ D(E, { children: Array.from(Array(d)).map((e, t) => /* @__PURE__ */ D(yw, { children: S.getVisibleLeafColumns().filter((e) => !e.columnDef.meta?.desktopHidden).map((e) => /* @__PURE__ */ D(xw, { children: /* @__PURE__ */ D(AS, {
 				className: "rounded-full",
 				style: { maxWidth: `${Math.floor(Math.random() * 51) + 150}px` }
-			}) }, e.id)) }, t)) }) : b.getRowModel().rows?.length ? b.getRowModel().rows.map((e) => /* @__PURE__ */ D(hw, {
+			}) }, e.id)) }, t)) }) : S.getRowModel().rows?.length ? S.getRowModel().rows.map((e) => /* @__PURE__ */ D(yw, {
 				"data-testid": `row-${e.id}`,
 				"data-state": e.getIsSelected() && "selected",
 				onClick: () => a?.(e.original),
 				className: W(a && "hover:bg-muted/50 cursor-pointer"),
-				children: e.getVisibleCells().filter((e) => !e.column.columnDef.meta?.desktopHidden).map((e) => /* @__PURE__ */ D(_w, { children: nw(e.column.columnDef.cell, e.getContext()) }, e.id))
-			}, e.id)) : /* @__PURE__ */ D(hw, { children: /* @__PURE__ */ D(_w, {
+				children: e.getVisibleCells().filter((e) => !e.column.columnDef.meta?.desktopHidden).map((e) => /* @__PURE__ */ D(xw, { children: nw(e.column.columnDef.cell, e.getContext()) }, e.id))
+			}, e.id)) : /* @__PURE__ */ D(yw, { children: /* @__PURE__ */ D(xw, {
 				colSpan: e.filter((e) => !e.meta?.desktopHidden).length,
 				className: "text-muted-foreground pointer-events-none h-24 text-center",
-				children: f
+				children: m
 			}) }) })] })
 		})
 	});
 }
 //#endregion
 //#region src/components/Table/DataTableFilterHeaderMobileSorting.tsx
-var bw = ({ sorting: e, onSortingChange: t, sortableColumns: n = [], sortLabel: r = "Sort", sortByLabel: i = "Sort by", selectFieldLabel: a = "Select field", sortDirectionLabel: o = "Sort direction", ascendingLabel: s = "Ascending", descendingLabel: c = "Descending" }) => {
-	let l = e?.[0], u = l && n.find((e) => e.id === l.id), d = l?.desc ? "desc" : "asc", [f, p] = w(u?.id), [m, h] = w(d), g = (e) => {
-		p(e), t && t([{
+var ww = ({ sorting: e, onSortingChange: t, sortableColumns: n = [], sortLabel: r, sortByLabel: i, selectFieldLabel: a, sortDirectionLabel: o, ascendingLabel: s, descendingLabel: c }) => {
+	let l = uw().table, u = r ?? l.sort, d = i ?? l.sortBy, f = a ?? l.selectField, p = o ?? l.sortDirection, m = s ?? l.ascending, h = c ?? l.descending, g = e?.[0], _ = g && n.find((e) => e.id === g.id), v = g?.desc ? "desc" : "asc", [y, b] = w(_?.id), [x, S] = w(v), C = (e) => {
+		b(e), t && t([{
 			id: e,
-			desc: m === "desc"
+			desc: x === "desc"
 		}]);
-	}, _ = (e) => {
-		h(e), f && t && t([{
-			id: f,
+	}, T = (e) => {
+		S(e), y && t && t([{
+			id: y,
 			desc: e === "desc"
 		}]);
 	};
 	return n.length === 0 ? null : /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
 		className: "mb-4 text-lg font-semibold",
-		children: r
+		children: u
 	}), /* @__PURE__ */ O("div", {
 		className: "space-y-4",
 		children: [/* @__PURE__ */ O("div", {
 			className: "flex flex-col space-y-2",
 			children: [/* @__PURE__ */ D("label", {
 				className: "text-sm font-medium",
-				children: i
+				children: d
 			}), /* @__PURE__ */ O(Ox, {
 				fullWidth: !0,
-				value: f ?? "",
-				onChange: (e) => g(e.target.value),
+				value: y ?? "",
+				onChange: (e) => C(e.target.value),
 				children: [/* @__PURE__ */ D(kx, {
 					value: "",
 					disabled: !0,
-					children: a
+					children: f
 				}), n.map((e) => /* @__PURE__ */ D(kx, {
 					value: e.id,
 					children: typeof e.header == "string" ? e.header : e.id
@@ -20941,18 +20977,18 @@ var bw = ({ sorting: e, onSortingChange: t, sortableColumns: n = [], sortLabel:
 			className: "flex flex-col space-y-2",
 			children: [/* @__PURE__ */ D("label", {
 				className: "text-sm font-medium",
-				children: o
+				children: p
 			}), /* @__PURE__ */ O(Ox, {
 				fullWidth: !0,
-				value: m,
-				onChange: (e) => _(e.target.value),
-				disabled: !f,
+				value: x,
+				onChange: (e) => T(e.target.value),
+				disabled: !y,
 				children: [/* @__PURE__ */ D(kx, {
 					value: "asc",
-					children: s
+					children: m
 				}), /* @__PURE__ */ D(kx, {
 					value: "desc",
-					children: c
+					children: h
 				})]
 			})]
 		})]
@@ -20960,7 +20996,8 @@ var bw = ({ sorting: e, onSortingChange: t, sortableColumns: n = [], sortLabel:
 };
 //#endregion
 //#region src/components/Table/FilterModal.tsx
-function xw({ open: e, onClose: t, title: n, children: r, footer: i, className: a, descriptionLabel: o = "Filter and sorting options" }) {
+function Tw({ open: e, onClose: t, title: n, children: r, footer: i, className: a, descriptionLabel: o }) {
+	let s = uw().table;
 	return /* @__PURE__ */ D(mm, {
 		open: e,
 		onOpenChange: (e) => {
@@ -20973,7 +21010,7 @@ function xw({ open: e, onClose: t, title: n, children: r, footer: i, className:
 					className: "flex-shrink-0",
 					children: [/* @__PURE__ */ D(bm, { children: n }), /* @__PURE__ */ D(xm, {
 						className: "sr-only",
-						children: o
+						children: o ?? s.filterModalDescription
 					})]
 				}),
 				/* @__PURE__ */ D("div", {
@@ -20990,28 +21027,28 @@ function xw({ open: e, onClose: t, title: n, children: r, footer: i, className:
 }
 //#endregion
 //#region src/components/Table/DateRangeFilter.tsx
-var Sw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-5 w-px align-middle" }), Cw = ({ from: e, to: t, label: n, onChange: i, filterLabel: a = "Date range", clearLabel: o = "Clear", applyLabel: s = "Apply", formatDate: c = (e) => e.toLocaleDateString() }) => {
-	let [l, d] = w(!1), f = lw(), [p, m] = w({
+var Ew = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-5 w-px align-middle" }), Dw = ({ from: e, to: t, label: n, onChange: i, filterLabel: a, clearLabel: o, applyLabel: s, formatDate: c = (e) => e.toLocaleDateString() }) => {
+	let l = uw().table, d = a ?? l.dateRange, f = o ?? l.clear, p = s ?? l.apply, [m, h] = w(!1), g = pw(), [_, v] = w({
 		from: e,
 		to: t
-	}), h = () => {
+	}), y = () => {
 		i({
-			from: p?.from,
-			to: p?.to
-		}), d(!1);
-	}, g = () => {
-		m({
+			from: _?.from,
+			to: _?.to
+		}), h(!1);
+	}, b = () => {
+		v({
 			from: void 0,
 			to: void 0
 		}), i({
 			from: void 0,
 			to: void 0
-		}), d(!1);
-	}, _ = /* @__PURE__ */ O(E, { children: [
+		}), h(!1);
+	}, x = /* @__PURE__ */ O(E, { children: [
 		/* @__PURE__ */ D(u, { className: "size-4" }),
-		n || a,
+		n || d,
 		e && t ? /* @__PURE__ */ O(E, { children: [
-			/* @__PURE__ */ D(Sw, {}),
+			/* @__PURE__ */ D(Ew, {}),
 			/* @__PURE__ */ O("span", { children: [c(e), " "] }),
 			/* @__PURE__ */ D(r, { className: "size-4" }),
 			/* @__PURE__ */ O("span", { children: [
@@ -21020,66 +21057,66 @@ var Sw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-
 				" "
 			] })
 		] }) : null
-	] }), v = /* @__PURE__ */ O("div", {
+	] }), S = /* @__PURE__ */ O("div", {
 		className: "flex justify-end gap-2",
 		children: [/* @__PURE__ */ D(ar, {
 			variant: "outline",
 			size: "sm",
-			onClick: g,
-			children: o
+			onClick: b,
+			children: f
 		}), /* @__PURE__ */ D(ar, {
 			size: "sm",
-			onClick: h,
-			children: s
+			onClick: y,
+			children: p
 		})]
 	});
-	return f ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(ar, {
+	return g ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(ar, {
 		className: "justify-start",
 		variant: "outline",
-		onClick: () => d(!0),
-		children: _
-	}), /* @__PURE__ */ D(xw, {
-		open: l,
-		onClose: () => d(!1),
-		title: n || a,
-		footer: v,
+		onClick: () => h(!0),
+		children: x
+	}), /* @__PURE__ */ D(Tw, {
+		open: m,
+		onClose: () => h(!1),
+		title: n || d,
+		footer: S,
 		children: /* @__PURE__ */ D(ys, {
 			mode: "range",
-			defaultMonth: p?.from,
+			defaultMonth: _?.from,
 			numberOfMonths: 1,
-			selected: p,
-			onSelect: m,
+			selected: _,
+			onSelect: v,
 			className: "bg-transparent p-0",
 			fullScreen: !0,
 			buttonVariant: "outline"
 		})
 	})] }) : /* @__PURE__ */ O(CS, {
-		open: l,
-		onOpenChange: d,
+		open: m,
+		onOpenChange: h,
 		children: [/* @__PURE__ */ D(wS, {
 			render: /* @__PURE__ */ D(ar, { variant: "outline" }),
-			children: _
+			children: x
 		}), /* @__PURE__ */ O(TS, {
 			className: "w-auto p-4",
 			align: "start",
 			children: [/* @__PURE__ */ D(ys, {
 				mode: "range",
-				defaultMonth: p?.from,
+				defaultMonth: _?.from,
 				numberOfMonths: 2,
-				selected: p,
-				onSelect: m,
+				selected: _,
+				onSelect: v,
 				className: "bg-transparent p-0"
 			}), /* @__PURE__ */ D("div", {
 				className: "mt-4",
-				children: v
+				children: S
 			})]
 		})]
 	});
-}, ww = ({ value: e, onChange: t, className: n, clearLabel: r = "Clear search", ...i }) => {
-	let [a, o] = w(e || ""), s = uw(a, 300);
+}, Ow = ({ value: e, onChange: t, className: n, clearLabel: r, ...i }) => {
+	let a = uw().table, [o, s] = w(e || ""), c = mw(o, 300);
 	return b(() => {
-		t(s || void 0);
-	}, [s]), /* @__PURE__ */ O("div", {
+		t(c || void 0);
+	}, [c]), /* @__PURE__ */ O("div", {
 		className: W("relative", n),
 		children: [
 			/* @__PURE__ */ D(d, {
@@ -21087,57 +21124,57 @@ var Sw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-
 				className: "text-muted-foreground absolute top-1/2 left-2 -translate-y-1/2"
 			}),
 			/* @__PURE__ */ D(Dx, {
-				value: a,
-				onChange: (e) => o(e.target.value || ""),
+				value: o,
+				onChange: (e) => s(e.target.value || ""),
 				...i,
 				className: W("px-8", n)
 			}),
-			a && /* @__PURE__ */ D("button", {
+			o && /* @__PURE__ */ D("button", {
 				type: "button",
-				"aria-label": r,
+				"aria-label": r ?? a.clearSearch,
 				className: "text-muted-foreground hover:text-foreground absolute top-1/2 right-2 -translate-y-1/2 focus:outline-none",
-				onClick: () => o(""),
+				onClick: () => s(""),
 				children: /* @__PURE__ */ D(f, { size: 16 })
 			})
 		]
 	});
-}, Tw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-5 w-px align-middle" }), Ew = ({ value: e = [], options: t, onChange: n, label: r, multiple: i = !0, filterLabel: a = "Filter", selectedLabel: o = "selected", clearLabel: s = "Clear", applyLabel: c = "Apply" }) => {
-	let [l, d] = w(!1), [f, p] = w(e), m = lw(), h = () => {
-		n(f), d(!1);
-	}, g = () => {
-		p([]), n([]), d(!1);
-	}, _ = (e) => {
-		p([e]), n([e]), d(!1);
-	}, v = (e) => {
-		p((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, y = m && t.length > 1, b = /* @__PURE__ */ O(E, { children: [
+}, kw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-5 w-px align-middle" }), Aw = ({ value: e = [], options: t, onChange: n, label: r, multiple: i = !0, filterLabel: a, selectedLabel: o, clearLabel: s, applyLabel: c }) => {
+	let l = uw().table, [d, f] = w(!1), [p, m] = w(e), h = pw(), g = a ?? l.filter, _ = o ?? l.selected, v = s ?? l.clear, y = c ?? l.apply, b = () => {
+		n(p), f(!1);
+	}, x = () => {
+		m([]), n([]), f(!1);
+	}, S = (e) => {
+		m([e]), n([e]), f(!1);
+	}, C = (e) => {
+		m((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, T = h && t.length > 1, k = /* @__PURE__ */ O(E, { children: [
 		/* @__PURE__ */ D(u, { className: "size-4" }),
-		r || a,
-		f.length > 0 && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(Tw, {}), /* @__PURE__ */ D("span", {
+		r || g,
+		p.length > 0 && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(kw, {}), /* @__PURE__ */ D("span", {
 			className: "inline-flex align-middle",
-			children: f.length === 1 ? (() => {
-				let e = t.find((e) => e.value === f[0]);
+			children: p.length === 1 ? (() => {
+				let e = t.find((e) => e.value === p[0]);
 				return e ? /* @__PURE__ */ D("span", {
 					className: "inline-flex items-center",
 					children: e.label
 				}) : null;
 			})() : /* @__PURE__ */ O("span", { children: [
-				f.length,
+				p.length,
 				"+ ",
-				o
+				_
 			] })
 		})] })
-	] }), x = t.map((e) => /* @__PURE__ */ O("label", {
-		className: W("flex cursor-pointer items-center gap-2", y && "py-2 !text-2xl"),
+	] }), A = t.map((e) => /* @__PURE__ */ O("label", {
+		className: W("flex cursor-pointer items-center gap-2", T && "py-2 !text-2xl"),
 		children: [i ? /* @__PURE__ */ D("input", {
 			type: "checkbox",
-			checked: f.includes(e.value),
-			onChange: () => v(e.value),
+			checked: p.includes(e.value),
+			onChange: () => C(e.value),
 			className: "accent-primary"
 		}) : /* @__PURE__ */ D("input", {
 			type: "radio",
-			checked: f[0] === e.value,
-			onChange: () => _(e.value),
+			checked: p[0] === e.value,
+			onChange: () => S(e.value),
 			className: "accent-primary",
 			name: r || "select-filter"
 		}), /* @__PURE__ */ D("div", {
@@ -21145,65 +21182,65 @@ var Sw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-
 			children: e.label
 		})]
 	}, e.value));
-	return y ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(ar, {
+	return T ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(ar, {
 		variant: "outline",
 		className: "justify-start",
-		onClick: () => d(!0),
-		children: b
-	}), /* @__PURE__ */ D(xw, {
-		open: l,
-		onClose: () => d(!1),
-		title: r || a,
+		onClick: () => f(!0),
+		children: k
+	}), /* @__PURE__ */ D(Tw, {
+		open: d,
+		onClose: () => f(!1),
+		title: r || g,
 		footer: i ? /* @__PURE__ */ O("div", {
 			className: "flex justify-end gap-2",
 			children: [/* @__PURE__ */ D(ar, {
 				variant: "outline",
 				size: "sm",
-				onClick: g,
-				children: s
+				onClick: x,
+				children: v
 			}), /* @__PURE__ */ D(ar, {
 				size: "sm",
-				onClick: h,
-				children: c
+				onClick: b,
+				children: y
 			})]
 		}) : void 0,
-		children: x
+		children: A
 	})] }) : /* @__PURE__ */ O(CS, {
-		open: l,
-		onOpenChange: d,
+		open: d,
+		onOpenChange: f,
 		children: [/* @__PURE__ */ D(wS, {
 			render: /* @__PURE__ */ D(ar, { variant: "outline" }),
-			children: b
+			children: k
 		}), /* @__PURE__ */ O(TS, {
 			className: "w-56 p-4",
 			align: "start",
 			children: [/* @__PURE__ */ D("div", {
 				className: "flex max-h-96 flex-col gap-2 overflow-y-auto",
-				children: x
+				children: A
 			}), i && /* @__PURE__ */ O("div", {
 				className: "mt-4 flex justify-end gap-2",
 				children: [/* @__PURE__ */ D(ar, {
 					variant: "outline",
 					size: "sm",
-					onClick: g,
-					children: s
+					onClick: x,
+					children: v
 				}), /* @__PURE__ */ D(ar, {
 					size: "sm",
-					onClick: h,
-					children: c
+					onClick: b,
+					children: y
 				})]
 			})]
 		})]
 	});
-}, Dw = _(({ query: e, placeholder: t, handleFilterChange: n, handleResetFilters: r, hasActiveFilters: i, filters: a = [], sorting: o, onSortingChange: s, sortableColumns: c = [], modalTitle: l, filtersLabel: d = "Filters", clearLabel: f = "Clear", applyLabel: p = "Apply" }, m) => {
-	let h = lw(), [g, _] = w(!1), v = (e, t) => e.type === "select" ? /* @__PURE__ */ D(Ew, {
+}, jw = _(({ query: e, placeholder: t, handleFilterChange: n, handleResetFilters: r, hasActiveFilters: i, filters: a = [], sorting: o, onSortingChange: s, sortableColumns: c = [], modalTitle: l, filtersLabel: d, clearLabel: f, applyLabel: p }, m) => {
+	let h = uw().table, g = d ?? h.filters, _ = f ?? h.clear, v = p ?? h.apply, y = pw(), [b, x] = w(!1), S = (e, t) => e.type === "select" ? /* @__PURE__ */ D(Aw, {
 		label: e.label,
 		value: e.value,
 		options: e.options,
 		onChange: e.onChange,
 		clearLabel: f,
 		applyLabel: p
-	}, t) : e.type === "dateRange" ? /* @__PURE__ */ D(Cw, {
+	}, t) : e.type === "dateRange" ? /* @__PURE__ */ D(Dw, {
 		label: e.label,
 		from: e.from,
 		to: e.to,
@@ -21222,54 +21259,54 @@ var Sw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-
 			className: "flex w-full flex-row flex-wrap items-stretch justify-end gap-2 md:items-center md:justify-between",
 			children: [/* @__PURE__ */ D("div", {
 				className: "flex-grow",
-				children: /* @__PURE__ */ D(ww, {
+				children: /* @__PURE__ */ D(Ow, {
 					value: e,
 					placeholder: t,
 					onChange: (e) => n("q", e),
 					className: "w-full max-w-sm"
 				})
-			}), h ? /* @__PURE__ */ D("div", {
+			}), y ? /* @__PURE__ */ D("div", {
 				className: "flex items-center justify-end gap-2",
 				children: (a.length > 0 || c.length > 0) && /* @__PURE__ */ O(ar, {
-					onClick: () => _(!0),
+					onClick: () => x(!0),
 					variant: "outline",
 					size: "sm",
 					className: "relative flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ D(u, { className: "size-4" }),
 						i && /* @__PURE__ */ D("span", { className: "bg-primary absolute top-2.5 left-6.5 size-2 rounded-full" }),
-						d
+						g
 					]
 				})
 			}) : a.length > 0 && /* @__PURE__ */ D("div", {
 				className: "flex flex-0 items-center justify-end gap-2",
-				children: a.map((e, t) => v(e, t))
+				children: a.map((e, t) => S(e, t))
 			})]
-		}), h && (a.length > 0 || c.length > 0) && /* @__PURE__ */ D(xw, {
-			open: g,
-			onClose: () => _(!1),
-			title: l || d,
+		}), y && (a.length > 0 || c.length > 0) && /* @__PURE__ */ D(Tw, {
+			open: b,
+			onClose: () => x(!1),
+			title: l || g,
 			footer: /* @__PURE__ */ O("div", {
 				className: "flex justify-end gap-2",
 				children: [/* @__PURE__ */ D(ar, {
 					onClick: () => {
-						r?.(), s?.([]), _(!1);
+						r?.(), s?.([]), x(!1);
 					},
 					variant: "outline",
 					size: "sm",
-					children: f
+					children: _
 				}), /* @__PURE__ */ D(ar, {
-					onClick: () => _(!1),
+					onClick: () => x(!1),
 					size: "sm",
-					children: p
+					children: v
 				})]
 			}),
 			children: /* @__PURE__ */ O("div", {
 				className: "space-y-8",
 				children: [a.length > 0 && /* @__PURE__ */ D("div", {
 					className: "flex flex-col space-y-4",
-					children: a.map((e, t) => v(e, t))
-				}), /* @__PURE__ */ D(bw, {
+					children: a.map((e, t) => S(e, t))
+				}), /* @__PURE__ */ D(ww, {
 					sorting: o,
 					onSortingChange: s,
 					sortableColumns: c
@@ -21278,22 +21315,22 @@ var Sw = () => /* @__PURE__ */ D("span", { className: "bg-border inline-block h-
 		})]
 	});
 });
-Dw.displayName = "DataTableFilterHeader";
+jw.displayName = "DataTableFilterHeader";
 //#endregion
 //#region src/components/Table/DataTableMobileSorting.tsx
-var Ow = ({ table: e, sortLabel: r = "Sort", sortByLabel: a = "Sort by", selectFieldLabel: o = "Select field", sortDirectionLabel: s = "Sort direction", ascendingLabel: c = "Ascending", descendingLabel: l = "Descending", clearLabel: u = "Clear", applyLabel: d = "Apply" }) => {
-	let [f, p] = w(!1), m = e.getState().sorting, h = e.options.onSortingChange, g = S(() => e.getAllLeafColumns().filter((e) => e.getCanSort()), [e]), _ = m?.[0], v = _ && g.find((e) => e.id === _.id), y = _?.desc ? "desc" : "asc", [b, x] = w(v?.id), [C, T] = w(y);
-	return g.length === 0 || !h ? null : /* @__PURE__ */ O(CS, {
-		open: f,
+var Mw = ({ table: e, sortLabel: r, sortByLabel: a, selectFieldLabel: o, sortDirectionLabel: s, ascendingLabel: c, descendingLabel: l, clearLabel: u, applyLabel: d }) => {
+	let f = uw().table, p = r ?? f.sort, m = a ?? f.sortBy, h = o ?? f.selectField, g = s ?? f.sortDirection, _ = c ?? f.ascending, v = l ?? f.descending, y = u ?? f.clear, b = d ?? f.apply, [x, C] = w(!1), T = e.getState().sorting, E = e.options.onSortingChange, k = S(() => e.getAllLeafColumns().filter((e) => e.getCanSort()), [e]), A = T?.[0], j = A && k.find((e) => e.id === A.id), M = A?.desc ? "desc" : "asc", [N, P] = w(j?.id), [F, I] = w(M);
+	return k.length === 0 || !E ? null : /* @__PURE__ */ O(CS, {
+		open: x,
 		onOpenChange: (e) => {
-			e && (x(v?.id), T(y)), p(e);
+			e && (P(j?.id), I(M)), C(e);
 		},
 		children: [/* @__PURE__ */ O(wS, {
 			render: /* @__PURE__ */ D(ar, {
 				variant: "outline",
 				className: "flex items-center gap-2"
 			}),
-			children: [D(v ? y === "asc" ? t : i : n, { className: "size-4" }), /* @__PURE__ */ D("span", { children: v ? typeof v.columnDef.header == "function" ? v.id : v.columnDef.header : r })]
+			children: [D(j ? M === "asc" ? t : i : n, { className: "size-4" }), /* @__PURE__ */ D("span", { children: j ? typeof j.columnDef.header == "function" ? j.id : j.columnDef.header : p })]
 		}), /* @__PURE__ */ D(TS, {
 			className: "min-w-64 p-4",
 			align: "start",
@@ -21304,16 +21341,16 @@ var Ow = ({ table: e, sortLabel: r = "Sort", sortByLabel: a = "Sort by", selectF
 						className: "flex flex-col space-y-2",
 						children: [/* @__PURE__ */ D("label", {
 							className: "text-sm font-medium",
-							children: a
+							children: m
 						}), /* @__PURE__ */ O(Ox, {
 							fullWidth: !0,
-							value: b ?? "",
-							onChange: (e) => x(e.target.value),
+							value: N ?? "",
+							onChange: (e) => P(e.target.value),
 							children: [/* @__PURE__ */ D(kx, {
 								value: "",
 								disabled: !0,
-								children: o
-							}), g.map((e) => /* @__PURE__ */ D(kx, {
+								children: h
+							}), k.map((e) => /* @__PURE__ */ D(kx, {
 								value: e.id,
 								children: typeof e.columnDef.header == "function" ? e.id : e.columnDef.header
 							}, e.id))]
@@ -21323,18 +21360,18 @@ var Ow = ({ table: e, sortLabel: r = "Sort", sortByLabel: a = "Sort by", selectF
 						className: "flex flex-col space-y-2",
 						children: [/* @__PURE__ */ D("label", {
 							className: "text-sm font-medium",
-							children: s
+							children: g
 						}), /* @__PURE__ */ O(Ox, {
 							fullWidth: !0,
-							value: C,
-							onChange: (e) => T(e.target.value),
-							disabled: !b,
+							value: F,
+							onChange: (e) => I(e.target.value),
+							disabled: !N,
 							children: [/* @__PURE__ */ D(kx, {
 								value: "asc",
-								children: c
+								children: _
 							}), /* @__PURE__ */ D(kx, {
 								value: "desc",
-								children: l
+								children: v
 							})]
 						})]
 					}),
@@ -21344,64 +21381,68 @@ var Ow = ({ table: e, sortLabel: r = "Sort", sortByLabel: a = "Sort by", selectF
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
-								x(void 0), T("asc"), h([]), p(!1);
+								P(void 0), I("asc"), E([]), C(!1);
 							},
-							children: u
+							children: y
 						}), /* @__PURE__ */ D(ar, {
 							size: "sm",
 							onClick: () => {
-								h(b ? [{
-									id: b,
-									desc: C === "desc"
-								}] : []), p(!1);
+								E(N ? [{
+									id: N,
+									desc: F === "desc"
+								}] : []), C(!1);
 							},
-							children: d
+							children: b
 						})]
 					})
 				]
 			})
 		})]
 	});
-}, kw = [
+}, Nw = [
 	10,
 	25,
 	50,
 	100
-], Aw = ({ value: e, onValueChange: t, className: n, options: r = kw, itemsPerPageLabel: i = "per page" }) => /* @__PURE__ */ D(Ox, {
-	size: "sm",
-	className: n,
-	value: e.toString(),
-	onChange: (e) => t(parseInt(e.target.value, 10)),
-	children: r.map((e) => /* @__PURE__ */ O(kx, {
+], Pw = ({ value: e, onValueChange: t, className: n, options: r = Nw, itemsPerPageLabel: i }) => {
+	let a = uw().table, o = i ?? a.itemsPerPage;
+	return /* @__PURE__ */ D(Ox, {
+		size: "sm",
+		className: n,
 		value: e.toString(),
-		children: [
-			e,
-			" ",
-			i
-		]
-	}, e))
-}), jw = ({ pagination: e, pageSize: t, className: n, formatLabel: r }) => {
+		onChange: (e) => t(parseInt(e.target.value, 10)),
+		children: r.map((e) => /* @__PURE__ */ O(kx, {
+			value: e.toString(),
+			children: [
+				e,
+				" ",
+				o
+			]
+		}, e))
+	});
+}, Fw = ({ pagination: e, pageSize: t, className: n, formatLabel: r }) => {
+	let i = uw().table;
 	if (!e || e.count === 0) return null;
-	let i = e.current, a = e.count, o = (i - 1) * t + 1, s = Math.min(i * t, a), c = r ? r({
-		from: o,
-		to: s,
-		total: a
-	}) : `Showing ${o}-${s} of ${a}`;
+	let a = e.current, o = e.count, s = (a - 1) * t + 1, c = Math.min(a * t, o), l = (r ?? i.showingResults)({
+		from: s,
+		to: c,
+		total: o
+	});
 	return /* @__PURE__ */ D("div", {
 		className: W("text-muted-foreground text-sm whitespace-nowrap", n),
-		children: c
+		children: l
 	});
-}, Mw = ({ pagination: e, onPageChange: t, pageSize: n = 10, onPageSizeChange: r, previousLabel: i = "Previous", nextLabel: a = "Next", itemsPerPageLabel: o, formatResultsLabel: s }) => {
-	let c = lw(), u = e.current, d = e.pages, f = u - 1 > 4 / 2 && d > 4, p = d - u + 1 > 4 / 2 && d > 4;
-	return d <= 1 && e.count <= n ? null : /* @__PURE__ */ O("div", {
+}, Iw = ({ pagination: e, onPageChange: t, pageSize: n = 10, onPageSizeChange: r, previousLabel: i, nextLabel: a, itemsPerPageLabel: o, formatResultsLabel: s }) => {
+	let c = uw().table, u = pw(), d = e.current, f = e.pages, p = d - 1 > 4 / 2 && f > 4, m = f - d + 1 > 4 / 2 && f > 4;
+	return f <= 1 && e.count <= n ? null : /* @__PURE__ */ O("div", {
 		className: "flex items-center justify-between",
-		children: [!c && /* @__PURE__ */ O("div", {
+		children: [!u && /* @__PURE__ */ O("div", {
 			className: "flex flex-shrink-0 items-center gap-4",
-			children: [r && /* @__PURE__ */ D(Aw, {
+			children: [r && /* @__PURE__ */ D(Pw, {
 				value: n,
 				onValueChange: r,
 				itemsPerPageLabel: o
-			}), /* @__PURE__ */ D(jw, {
+			}), /* @__PURE__ */ D(Fw, {
 				pagination: e,
 				pageSize: n,
 				formatLabel: s
@@ -21410,35 +21451,35 @@ var Ow = ({ table: e, sortLabel: r = "Sort", sortByLabel: a = "Sort by", selectF
 			className: "md:justify-end",
 			children: /* @__PURE__ */ O(Mx, { children: [
 				/* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(Fx, {
-					label: i,
-					onClick: () => u > 1 && t(u - 1),
-					"aria-disabled": u === 1
+					label: i ?? c.previous,
+					onClick: () => d > 1 && t(d - 1),
+					"aria-disabled": d === 1
 				}) }),
-				f && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(Px, {
+				p && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(Px, {
 					onClick: () => t(1),
 					children: 1
-				}) }), u > 2 && /* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(l, { className: "size-4" }) })] }),
+				}) }), d > 2 && /* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(l, { className: "size-4" }) })] }),
 				(() => {
-					if (d <= 4) return Array.from({ length: d }, (e, t) => t + 1);
-					let e = u - 2, t = u + 2;
-					return e < 1 && (e = 1, t = 4), t > d && (e = d - 4 + 1, t = d), f && e++, p && t--, Array.from({ length: t - e + 1 }, (t, n) => e + n);
+					if (f <= 4) return Array.from({ length: f }, (e, t) => t + 1);
+					let e = d - 2, t = d + 2;
+					return e < 1 && (e = 1, t = 4), t > f && (e = f - 4 + 1, t = f), p && e++, m && t--, Array.from({ length: t - e + 1 }, (t, n) => e + n);
 				})().map((e) => /* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(Px, {
-					isActive: e === u,
+					isActive: e === d,
 					onClick: () => t(e),
 					children: e
 				}) }, e)),
-				p && /* @__PURE__ */ O(E, { children: [d - u > 2 && /* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(l, { className: "size-4" }) }), /* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(Px, {
-					onClick: () => t(d),
-					children: d
+				m && /* @__PURE__ */ O(E, { children: [f - d > 2 && /* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(l, { className: "size-4" }) }), /* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(Px, {
+					onClick: () => t(f),
+					children: f
 				}) })] }),
 				/* @__PURE__ */ D(Nx, { children: /* @__PURE__ */ D(Ix, {
-					label: a,
-					onClick: () => u < d && t(u + 1),
-					"aria-disabled": u === d
+					label: a ?? c.next,
+					onClick: () => d < f && t(d + 1),
+					"aria-disabled": d === f
 				}) })
 			] })
 		})]
 	});
 };
 //#endregion
-export { hn as Badge, ar as Button, rr as ButtonGroup, ys as Calendar, bs as CalendarDayButton, zS as CheckFilter, Oc as Checkbox, yw as DataTable, Dw as DataTableFilterHeader, bw as DataTableFilterHeaderMobileSorting, sw as DataTableMobile, Ow as DataTableMobileSorting, Mw as DataTablePagination, Cw as DateRangeFilter, ww as DebouncedSearchInput, mm as Dialog, gm as DialogClose, _m as DialogContent, xm as DialogDescription, ym as DialogFooter, vm as DialogHeader, bm as DialogTitle, hm as DialogTrigger, Tx as DynamicIcon, xw as FilterModal, Ex as IconButton, Dx as Input, Ox as NativeSelect, Ax as NativeSelectOptGroup, kx as NativeSelectOption, Aw as PageSizeSelector, jx as Pagination, Mx as PaginationContent, Lx as PaginationEllipsis, Nx as PaginationItem, Px as PaginationLink, Ix as PaginationNext, Fx as PaginationPrevious, CS as Popover, ES as PopoverClose, TS as PopoverContent, wS as PopoverTrigger, jw as ResultsCounter, Ew as SelectFilter, kS as Separator, AS as Skeleton, RS as Switch, dw as Table, pw as TableBody, vw as TableCaption, _w as TableCell, mw as TableFooter, gw as TableHead, fw as TableHeader, hw as TableRow, mn as badgeVariants, er as buttonGroupVariants, ir as buttonVariants, OS as separatorVariants, nr as useButtonGroup, uw as useDebounce, lw as useIsMobile, cw as useMediaQuery };
+export { hn as Badge, ar as Button, rr as ButtonGroup, ys as Calendar, bs as CalendarDayButton, zS as CheckFilter, Oc as Checkbox, Cw as DataTable, jw as DataTableFilterHeader, ww as DataTableFilterHeaderMobileSorting, dw as DataTableMobile, Mw as DataTableMobileSorting, Iw as DataTablePagination, Dw as DateRangeFilter, Ow as DebouncedSearchInput, mm as Dialog, gm as DialogClose, _m as DialogContent, xm as DialogDescription, ym as DialogFooter, vm as DialogHeader, bm as DialogTitle, hm as DialogTrigger, Tx as DynamicIcon, Tw as FilterModal, Ex as IconButton, Dx as Input, Ox as NativeSelect, Ax as NativeSelectOptGroup, kx as NativeSelectOption, Pw as PageSizeSelector, jx as Pagination, Mx as PaginationContent, Lx as PaginationEllipsis, Nx as PaginationItem, Px as PaginationLink, Ix as PaginationNext, Fx as PaginationPrevious, CS as Popover, ES as PopoverClose, TS as PopoverContent, wS as PopoverTrigger, Fw as ResultsCounter, Aw as SelectFilter, kS as Separator, AS as Skeleton, RS as Switch, hw as Table, _w as TableBody, Sw as TableCaption, xw as TableCell, vw as TableFooter, bw as TableHead, gw as TableHeader, yw as TableRow, lw as WgDesignProvider, mn as badgeVariants, er as buttonGroupVariants, ir as buttonVariants, sw as defaultWgDesignLabels, OS as separatorVariants, nr as useButtonGroup, mw as useDebounce, pw as useIsMobile, fw as useMediaQuery, uw as useWgDesignLabels };