themelia-react-ui 2.0.6 → 3.0.0

package/dist/features/data-view.js

@@ -1,117 +1,180 @@
 "use client";
 import { useStrings as e } from "../lib/strings.js";
-import { t } from "../utils-DhuoqFy4.js";
-import { n } from "../buttons-DeW0bQeK.js";
-import { c as r } from "../typography-C7-YMW1S.js";
-import { r as i, t as a } from "../structure-DZJ2wbAU.js";
-import { g as o } from "../primitives-BkkQjYl7.js";
-import { t as s } from "../number-CYqBcrSj.js";
-import { i as c, r as l, t as u } from "../tabs-C4Kr_hCr.js";
-import { t as d } from "../popover-menu-yn-o0kyA.js";
-import { f } from "../table-CBonSdTp.js";
-import { N as p, O as m, P as h, T as g, c as _, w as v } from "../filters-Dl80yYtN.js";
-import { useEffect as y, useMemo as b, useRef as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Check as T, ChevronsUpDown as E } from "lucide-react";
-import { isValid as D, parse as O } from "date-fns";
+import { t } from "../utils-BVbAG2J6.js";
+import { c as n } from "../typography-C0dELqYV.js";
+import { n as r } from "../buttons-pZVgPTZn.js";
+import { r as i, t as a } from "../structure-DElaQwwN.js";
+import { c as o, o as s } from "../surface-recipes-DV6rrOFq.js";
+import { g as c } from "../primitives-BlC1lXBr.js";
+import { t as l } from "../number-NFWKIoiK.js";
+import { i as u, r as d, t as f } from "../tabs-WnHfV2pM.js";
+import { t as p } from "../popover-menu-CO-_iiuz.js";
+import { f as m } from "../table-DdXDBsR_.js";
+import { I as h, L as g, R as _, T as v, c as y, w as b } from "../filters-BviMRMLS.js";
+import { useEffect as x, useMemo as S, useRef as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Check as D, ChevronsUpDown as O } from "lucide-react";
+import { isValid as k, parse as A } from "date-fns";
 //#region src/components/features/data-view/data-view.strings.ts
-var k = {
+var j = {
 	page: "Page",
 	previous: "Previous",
-	next: "Next"
-}, A = "View";
+	next: "Next",
+	navigationLabel: "Pagination"
+}, M = "View";
 //#endregion
 //#region src/components/features/data-view/data-view-filtering.ts
-function j(e, t) {
+function N(e, t) {
 	return t.includes(".") ? t.split(".").reduce((e, t) => {
 		if (e && typeof e == "object") return e[t];
 	}, e) : e && typeof e == "object" ? e[t] : void 0;
 }
-function M(e) {
+function P(e) {
 	return e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : "";
 }
-function N(e, t = 0) {
-	return e == null || t > 2 ? "" : e instanceof Date ? e.toISOString() : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map((e) => N(e, t + 1)).join(" ") : typeof e == "object" ? Object.values(e).map((e) => N(e, t + 1)).join(" ") : "";
+function F(e, t = 0) {
+	return e == null || t > 2 ? "" : e instanceof Date ? e.toISOString() : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map((e) => F(e, t + 1)).join(" ") : typeof e == "object" ? Object.values(e).map((e) => F(e, t + 1)).join(" ") : "";
 }
-function P(e) {
-	if (Array.isArray(e)) return e.map(M).filter(Boolean).map((e) => e.toLowerCase());
-	let t = M(e);
+function ee(e) {
+	if (Array.isArray(e)) return e.map(P).filter(Boolean).map((e) => e.toLowerCase());
+	let t = P(e);
 	return t ? [t.toLowerCase()] : [];
 }
-function F(e) {
+function I(e) {
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function I(e, t) {
+function L(e, t) {
 	if (t) {
-		let n = O(e, t, /* @__PURE__ */ new Date(0));
-		if (D(n)) return n.getTime();
+		let n = A(e, t, /* @__PURE__ */ new Date(0));
+		if (k(n)) return n.getTime();
 	}
 	let n = new Date(e);
-	return D(n) ? n.getTime() : void 0;
+	return k(n) ? n.getTime() : void 0;
+}
+var R = "yyyy-MM-dd";
+function z(e) {
+	return !/[HhKkmsSaBbXxtTpzO]/.test(e.replace(/'[^']*'/g, ""));
+}
+function B(e) {
+	return e.getFullYear() * 1e4 + (e.getMonth() + 1) * 100 + e.getDate();
+}
+function V(e, t) {
+	if (e instanceof Date) return k(e) ? B(e) : void 0;
+	if (typeof e == "number") {
+		let t = new Date(e);
+		return k(t) ? B(t) : void 0;
+	}
+	if (typeof e != "string") return;
+	let n = e.trim();
+	if (!n) return;
+	let r = A(n, t, /* @__PURE__ */ new Date(0));
+	if (k(r)) return B(r);
+	let i = /^(\d{4})-(\d{2})-(\d{2})$/.exec(n);
+	if (i) return Number(i[1]) * 1e4 + Number(i[2]) * 100 + Number(i[3]);
+	let a = new Date(n);
+	return k(a) ? B(a) : void 0;
+}
+function H(e, t, n) {
+	let r = n.dateFormat?.param ?? R;
+	if (!z(r)) return;
+	let i = t.value.filter((e) => e.trim()).map((e) => V(e, r));
+	if (i.length === 0 || i.some((e) => e === void 0)) return;
+	let a = i, o = (Array.isArray(e) ? e : [e]).map((e) => V(e, r)).filter((e) => e !== void 0);
+	switch (t.operator) {
+		case g.EQUALS:
+		case g.IN: return o.some((e) => a.includes(e));
+		case g.GT:
+		case g.AFTER: return o.some((e) => e > a[0]);
+		case g.GTE: return o.some((e) => e >= a[0]);
+		case g.LT:
+		case g.BEFORE: return o.some((e) => e < a[0]);
+		case g.LTE: return o.some((e) => e <= a[0]);
+		case g.BETWEEN: return a.length < 2 ? !1 : o.some((e) => e >= a[0] && e <= a[1]);
+		default: return;
+	}
 }
-function L(e, t, n, r) {
-	let i = r?.type === h.DATE ? (e) => I(e, r.dateFormat?.param ?? "yyyy-MM-dd") : F, a = e.map(i).filter((e) => e !== void 0), o = t.map(i).filter((e) => e !== void 0);
+function U(e, t, n, r) {
+	let i = r?.type === _.DATE ? (e) => L(e, r.dateFormat?.param ?? R) : I, a = e.map(i).filter((e) => e !== void 0), o = t.map(i).filter((e) => e !== void 0);
 	if (a.length === 0 || o.length === 0) return !1;
 	switch (n) {
-		case p.GT:
-		case p.AFTER: return a.some((e) => e > o[0]);
-		case p.GTE: return a.some((e) => e >= o[0]);
-		case p.LT:
-		case p.BEFORE: return a.some((e) => e < o[0]);
-		case p.LTE: return a.some((e) => e <= o[0]);
-		case p.BETWEEN: return o.length < 2 ? !1 : a.some((e) => e >= o[0] && e <= o[1]);
+		case g.GT:
+		case g.AFTER: return a.some((e) => e > o[0]);
+		case g.GTE: return a.some((e) => e >= o[0]);
+		case g.LT:
+		case g.BEFORE: return a.some((e) => e < o[0]);
+		case g.LTE: return a.some((e) => e <= o[0]);
+		case g.BETWEEN: return o.length < 2 ? !1 : a.some((e) => e >= o[0] && e <= o[1]);
 		default: return !1;
 	}
 }
-function R(e) {
+function W(e) {
 	return {
 		key: e,
 		label: e,
-		type: h.SEARCH,
+		type: _.SEARCH,
 		icon: null,
 		displayConfig: {}
 	};
 }
-function z(e, t, n, r) {
-	let i = t.value.map((e) => e.trim().toLowerCase()).filter(Boolean);
-	if (i.length === 0) return !0;
-	if (n?.type === h.SEARCH) {
-		let n = N(e).toLowerCase();
-		return t.operator === p.NOT || t.operator === p.NOT_IN ? i.every((e) => !n.includes(e)) : i.every((e) => n.includes(e));
+function G(e, t, n, r) {
+	return r?.(e, n) ?? N(e, t);
+}
+function K(e, t, n, r, i = !1) {
+	let a = t.value.map((e) => e.trim().toLowerCase()).filter(Boolean);
+	if (a.length === 0) return !0;
+	if (n?.type === _.SEARCH) {
+		let o = F(i ? G(e, t.key, n, r) : e).toLowerCase();
+		return t.operator === g.NOT || t.operator === g.NOT_IN ? a.every((e) => !o.includes(e)) : a.every((e) => o.includes(e));
+	}
+	let o = n ?? W(t.key), s = G(e, t.key, o, r);
+	if (o.type === _.DATE) {
+		let e = H(s, t, o);
+		if (e !== void 0) return e;
 	}
-	let a = n ?? R(t.key), o = P(r?.(e, a) ?? j(e, t.key));
-	if (o.length === 0) return !1;
+	let c = ee(s);
+	if (c.length === 0) return !1;
 	switch (t.operator) {
-		case p.CONTAINS: return i.every((e) => o.some((t) => t.includes(e)));
-		case p.HAS: return i.every((e) => o.includes(e));
-		case p.NOT_IN: return i.every((e) => o.every((t) => t !== e));
-		case p.NOT: return n?.type === h.SELECT || n?.type === h.MULTI_SELECT || n?.type === h.ASYNC_SELECT ? i.every((e) => o.every((t) => t !== e)) : i.every((e) => o.every((t) => !t.includes(e)));
-		case p.IN:
-		case p.EQUALS:
-		case p.HAS_ANY: return i.some((e) => o.includes(e));
-		case p.HAS_ALL: return i.every((e) => o.includes(e));
-		case p.GT:
-		case p.GTE:
-		case p.LT:
-		case p.LTE:
-		case p.BEFORE:
-		case p.AFTER:
-		case p.BETWEEN: return L(o, i, t.operator, n);
-		default: return i.some((e) => o.includes(e));
+		case g.CONTAINS: return a.every((e) => c.some((t) => t.includes(e)));
+		case g.HAS: return a.every((e) => c.includes(e));
+		case g.NOT_IN: return a.every((e) => c.every((t) => t !== e));
+		case g.NOT: return n?.type === _.SELECT || n?.type === _.MULTI_SELECT || n?.type === _.ASYNC_SELECT ? a.every((e) => c.every((t) => t !== e)) : a.every((e) => c.every((t) => !t.includes(e)));
+		case g.IN:
+		case g.EQUALS:
+		case g.HAS_ANY:
+			if (n?.type === _.RANGE) {
+				let e = c.map(I);
+				if (a.some((t) => {
+					let n = I(t);
+					return n !== void 0 && e.includes(n);
+				})) return !0;
+			}
+			return a.some((e) => c.includes(e));
+		case g.HAS_ALL: return a.every((e) => c.includes(e));
+		case g.GT:
+		case g.GTE:
+		case g.LT:
+		case g.LTE:
+		case g.BEFORE:
+		case g.AFTER:
+		case g.BETWEEN: return U(c, a, t.operator, n);
+		default: return a.some((e) => c.includes(e));
 	}
 }
-function B(e, t, n, r) {
+function q(e, t, n, r) {
 	if (t.length === 0) return e;
-	let i = new Map(n.map((e) => [e.key, e]));
-	return e.filter((e) => t.every((t) => z(e, t, i.get(t.key), r)));
+	let i = new Map(n.map((e) => [e.key, e])), a = new Set(t.filter((t) => {
+		let n = i.get(t.key);
+		return n?.type === _.SEARCH && e.some((e) => G(e, t.key, n, r) !== void 0);
+	}).map((e) => e.key));
+	return e.filter((e) => t.every((t) => K(e, t, i.get(t.key), r, a.has(t.key))));
 }
 //#endregion
 //#region src/components/features/data-view/hooks/use-data-view.ts
-function V({ data: e, filtering: t }) {
-	let n = x(t?.onError);
+function J({ data: e, filtering: t }) {
+	let n = C(t?.onError);
 	n.current = t?.onError;
-	let r = x(null), i = t?.activeFilters, a = t?.filterRows, o = t?.filters, s = t?.getFilterValue, c = t !== void 0, l = b(() => {
+	let r = C(null), i = t?.activeFilters, a = t?.filterRows, o = t?.filters, s = t?.getFilterValue, c = t !== void 0, l = S(() => {
 		if (!c || !i || !o) return {
 			rows: e,
 			error: null,
@@ -123,7 +186,7 @@ function V({ data: e, filtering: t }) {
 					data: e,
 					activeFilters: i,
 					filters: o
-				}) : B(e, i, o, s),
+				}) : q(e, i, o, s),
 				error: null,
 				failed: !1
 			};
@@ -142,7 +205,7 @@ function V({ data: e, filtering: t }) {
 		s,
 		c
 	]);
-	return y(() => {
+	return x(() => {
 		if (!l.failed) {
 			r.current = null;
 			return;
@@ -152,8 +215,8 @@ function V({ data: e, filtering: t }) {
 }
 //#endregion
 //#region src/components/features/data-view/data-view.tsx
-function H(e) {
-	let { activeFilters: t, filters: n, replaceFilters: r } = g(), i = b(() => t.filter((e) => n.find((t) => t.key === e.key)?.type !== h.SEARCH), [t, n]), a = b(() => t.filter((e) => n.find((t) => t.key === e.key)?.type === h.SEARCH), [t, n]), o = b(() => {
+function Y(e) {
+	let { activeFilters: t, filters: n, replaceFilters: r } = v(), i = S(() => t.filter((e) => n.find((t) => t.key === e.key)?.type !== _.SEARCH), [t, n]), a = S(() => t.filter((e) => n.find((t) => t.key === e.key)?.type === _.SEARCH), [t, n]), o = S(() => {
 		for (let t of e) {
 			if (t.presets.length === 0) {
 				if (i.length === 0) return t;
@@ -173,7 +236,7 @@ function H(e) {
 			return;
 		}
 		let t = e.presets.map((e) => {
-			let t = n.find((t) => t.key === e.key), r = e.operator ?? t?.operator ?? (t ? m(t.type) : p.EQUALS);
+			let t = n.find((t) => t.key === e.key), r = e.operator ?? h(t);
 			return {
 				id: e.key,
 				key: e.key,
@@ -188,9 +251,9 @@ function H(e) {
 		applyTab: s
 	};
 }
-function U({ tabs: e, label: t = A }) {
-	let { activeTab: i, applyTab: a } = H(e);
-	return e.length === 0 ? null : /* @__PURE__ */ C(d, {
+function X({ tabs: e, label: t = M }) {
+	let { activeTab: i, applyTab: a } = Y(e);
+	return e.length === 0 ? null : /* @__PURE__ */ T(p, {
 		search: !1,
 		contentClassName: "w-48",
 		items: e.map((e) => ({
@@ -203,70 +266,70 @@ function U({ tabs: e, label: t = A }) {
 		onSelect: (e) => {
 			e.data && a(e.data);
 		},
-		renderItem: (e) => /* @__PURE__ */ w(S, { children: [
-			/* @__PURE__ */ C("span", {
+		renderItem: (e) => /* @__PURE__ */ E(w, { children: [
+			/* @__PURE__ */ T("span", {
 				className: "flex size-icon-sm shrink-0 items-center justify-center",
-				children: !!e.selected && /* @__PURE__ */ C(T, {
+				children: !!e.selected && /* @__PURE__ */ T(D, {
 					className: "size-icon-sm",
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ C(r, {
+			/* @__PURE__ */ T(n, {
 				tag: "span",
 				type: "inherit",
 				weight: e.selected ? "medium" : "regular",
 				className: "min-w-0 flex-1 truncate",
 				children: e.label
 			}),
-			!!e.description && /* @__PURE__ */ C(o, {
+			!!e.description && /* @__PURE__ */ T(c, {
 				size: "xs",
 				className: "tabular-nums",
 				children: e.description
 			})
 		] }),
-		trigger: /* @__PURE__ */ w(n, {
+		trigger: /* @__PURE__ */ E(r, {
 			type: "button",
 			tone: "secondary",
 			buttonStyle: "ghost",
 			size: "sm",
 			className: "h-action-sm px-control-sm",
 			"aria-label": t,
-			children: [/* @__PURE__ */ C(r, {
+			children: [/* @__PURE__ */ T(n, {
 				tag: "span",
 				size: "inherit",
 				className: "truncate text-current",
 				children: i?.label ?? t
-			}), /* @__PURE__ */ C(E, {
+			}), /* @__PURE__ */ T(O, {
 				className: "size-icon-sm",
 				"aria-hidden": "true"
 			})]
 		})
 	});
 }
-function W({ children: e, header: n, toolbar: r, footer: i, emptySlot: o, empty: s = !1, className: c, contentClassName: l }) {
-	return /* @__PURE__ */ w(a, {
-		render: /* @__PURE__ */ C("section", {}),
+function Z({ children: e, header: n, toolbar: r, footer: i, emptySlot: o, empty: s = !1, className: c, contentClassName: l }) {
+	return /* @__PURE__ */ E(a, {
+		render: /* @__PURE__ */ T("section", {}),
 		gap: "lg",
 		"data-component": "data-view-shell",
 		"data-slot": "data-view-shell",
 		className: t("data-view-shell--component @container/data-view", c),
 		children: [
-			!!n && /* @__PURE__ */ C("div", {
+			!!n && /* @__PURE__ */ T("div", {
 				"data-slot": "data-view-header",
 				className: "data-view-shell--header",
 				children: n
 			}),
-			!!r && /* @__PURE__ */ C("div", {
+			!!r && /* @__PURE__ */ T("div", {
 				"data-slot": "data-view-toolbar-slot",
 				className: "data-view-shell--toolbar",
 				children: r
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				"data-slot": "data-view-content",
 				className: t("data-view-shell--content min-w-0", l),
 				children: s ? o : e
 			}),
-			!!i && /* @__PURE__ */ C("div", {
+			!!i && /* @__PURE__ */ T("div", {
 				"data-slot": "data-view-footer",
 				className: "data-view-shell--footer",
 				children: i
@@ -274,14 +337,14 @@ function W({ children: e, header: n, toolbar: r, footer: i, emptySlot: o, empty:
 		]
 	});
 }
-function G({ leading: e, search: n, filters: r, views: i, actions: o, className: s }) {
-	return /* @__PURE__ */ C("div", {
+function Q({ leading: e, search: n, filters: r, views: i, actions: s, className: c }) {
+	return /* @__PURE__ */ T("div", {
 		"data-component": "data-view-toolbar",
 		"data-slot": "data-view-toolbar",
-		className: t("data-view-toolbar--component box-border rounded-surface border border-border bg-card text-card-foreground p-surface shadow-sm", s),
-		children: /* @__PURE__ */ w("div", {
+		className: t("data-view-toolbar--component box-border p-surface", o.frame, c),
+		children: /* @__PURE__ */ E("div", {
 			className: "flex min-w-0 flex-col gap-space-lg @2xl/data-view:flex-row @2xl/data-view:items-center @2xl/data-view:justify-between @2xl/data-view:flex-nowrap",
-			children: [/* @__PURE__ */ w(a, {
+			children: [/* @__PURE__ */ E(a, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
@@ -294,56 +357,56 @@ function G({ leading: e, search: n, filters: r, views: i, actions: o, className:
 					r,
 					i
 				]
-			}), !!o && /* @__PURE__ */ C(a, {
+			}), !!s && /* @__PURE__ */ T(a, {
 				direction: "horizontal",
 				wrap: !0,
 				align: "center",
 				gap: "md",
 				"data-slot": "data-view-toolbar-actions",
 				className: "data-view-toolbar--actions shrink-0",
-				children: o
+				children: s
 			})]
 		})
 	});
 }
-function K({ toolbar: e, children: n, footer: r, className: a, toolbarClassName: o, contentClassName: s, footerClassName: c }) {
-	return /* @__PURE__ */ w("section", {
+function $({ toolbar: e, children: n, footer: r, className: a, toolbarClassName: c, contentClassName: l, footerClassName: u }) {
+	return /* @__PURE__ */ E("section", {
 		"data-component": "data-view-table-frame",
 		"data-slot": "data-view-table-frame",
-		className: t("data-view-table-frame--component box-border @container/data-view overflow-hidden rounded-surface border border-border bg-card text-card-foreground shadow-xs", a),
+		className: t("data-view-table-frame--component box-border @container/data-view overflow-hidden", o.frame, a),
 		children: [
-			!!e && /* @__PURE__ */ C("div", {
+			!!e && /* @__PURE__ */ T("div", {
 				"data-slot": "data-view-table-frame-toolbar",
-				className: t("data-view-table-frame--toolbar border-b border-border/60 px-surface py-surface", o),
-				children: /* @__PURE__ */ C(i, {
+				className: t("data-view-table-frame--toolbar py-surface", "px-surface [.card--content:not([data-padding=none])_&:not(.card--content[data-padding=none]_*)]:px-0", s.header, c),
+				children: /* @__PURE__ */ T(i, {
 					columns: 1,
 					gap: "lg",
 					children: e
 				})
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				"data-slot": "data-view-table-frame-content",
-				className: t("data-view-table-frame--content min-w-0", s),
+				className: t("data-view-table-frame--content min-w-0", l),
 				children: n
 			}),
-			!!r && /* @__PURE__ */ C("div", {
+			!!r && /* @__PURE__ */ T("div", {
 				"data-slot": "data-view-table-frame-footer",
-				className: t("data-view-table-frame--footer border-t border-border/60 px-surface py-row-y", c),
+				className: t("data-view-table-frame--footer py-row-y", "px-surface [.card--content:not([data-padding=none])_&:not(.card--content[data-padding=none]_*)]:px-0", s.footer, u),
 				children: r
 			})
 		]
 	});
 }
-function q({ data: e, columns: n, filtering: r, table: i, slots: o, className: s }) {
-	let { rows: c } = V({
+function te({ data: e, columns: n, filtering: r, table: i, slots: o, className: s }) {
+	let { rows: c } = J({
 		data: e,
 		filtering: r
-	}), l = r?.tabs ?? r?.layout?.tabs ?? [], u = r?.tabsDisplay ?? "tabs", d = u === "tabs" ? l : r?.layout?.tabs, p = !!o?.toolbarStart || !!o?.toolbarAfterFilters || u === "select" && l.length > 0, m = !!r || !!o?.topbarContent || p, h = /* @__PURE__ */ C(K, {
+	}), l = r?.tabs ?? r?.layout?.tabs ?? [], u = r?.tabsDisplay ?? "tabs", d = u === "tabs" ? l : r?.layout?.tabs, f = !!o?.toolbarStart || !!o?.toolbarAfterFilters || u === "select" && l.length > 0, p = !!r || !!o?.topbarContent || f, h = /* @__PURE__ */ T($, {
 		className: t("data-view--component", s),
 		contentClassName: "data-view--content data-view-table--content",
 		footerClassName: "data-view--footer data-view-table--footer",
 		footer: o?.footer,
-		children: /* @__PURE__ */ C(f, {
+		children: /* @__PURE__ */ T(m, {
 			...i,
 			columns: n,
 			data: c,
@@ -351,30 +414,30 @@ function q({ data: e, columns: n, filtering: r, table: i, slots: o, className: s
 			headerTransparent: !1,
 			topbarClassName: t("data-view--topbar data-view-table--topbar", i?.topbarClassName),
 			toolbarLabelVisibility: i?.toolbarLabelVisibility ?? "hidden",
-			topbarContent: m ? /* @__PURE__ */ w(a, {
+			topbarContent: p ? /* @__PURE__ */ E(a, {
 				gap: "lg",
 				"data-slot": "data-view-topbar-content",
 				className: "data-view--topbar-content data-view-table--topbar-content",
 				children: [
 					o?.topbarContent,
-					p && /* @__PURE__ */ w(a, {
+					f && /* @__PURE__ */ E(a, {
 						"data-slot": "data-view-toolbar-row",
 						direction: "horizontal",
 						gap: "md",
 						className: "data-view--toolbar-row data-view-table--toolbar-row",
 						children: [
 							o?.toolbarStart,
-							r && u === "select" && l.length > 0 && /* @__PURE__ */ C(U, {
+							r && u === "select" && l.length > 0 && /* @__PURE__ */ T(X, {
 								tabs: l,
 								label: r.tabsLabel
 							}),
 							o?.toolbarAfterFilters
 						]
 					}),
-					r && /* @__PURE__ */ C("div", {
+					r && /* @__PURE__ */ T("div", {
 						"data-slot": "data-view-filters",
 						className: "data-view--filters data-view-table--filters min-w-0",
-						children: /* @__PURE__ */ C(_, {
+						children: /* @__PURE__ */ T(y, {
 							...r.layout,
 							variant: r.layout?.variant ?? "compact",
 							showClearFilters: r.layout?.showClearFilters ?? r.activeFilters.length > 0,
@@ -384,14 +447,14 @@ function q({ data: e, columns: n, filtering: r, table: i, slots: o, className: s
 					})
 				]
 			}) : void 0,
-			topbarEnd: !!(o?.toolbarEnd || o?.topbarEnd) && /* @__PURE__ */ w("div", {
+			topbarEnd: !!(o?.toolbarEnd || o?.topbarEnd) && /* @__PURE__ */ E("div", {
 				"data-slot": "data-view-topbar-end",
 				className: "data-view--topbar-end",
 				children: [o?.toolbarEnd, o?.topbarEnd]
 			})
 		})
 	});
-	return r ? /* @__PURE__ */ C(v, {
+	return r ? /* @__PURE__ */ T(b, {
 		filters: r.filters,
 		activeFilters: r.activeFilters,
 		onFilterChange: r.onFilterChange,
@@ -401,8 +464,8 @@ function q({ data: e, columns: n, filtering: r, table: i, slots: o, className: s
 		children: h
 	}) : h;
 }
-function J({ data: e, columns: t, filtering: n, table: r, slots: i, className: a }) {
-	return /* @__PURE__ */ C(q, {
+function ne({ data: e, columns: t, filtering: n, table: r, slots: i, className: a }) {
+	return /* @__PURE__ */ T(te, {
 		data: e,
 		columns: t,
 		filtering: n,
@@ -411,39 +474,38 @@ function J({ data: e, columns: t, filtering: n, table: r, slots: i, className: a
 		className: a
 	});
 }
-function Y({ page: i, pageCount: a, total: c, onPageChange: l, disabled: u = !1, className: d, strings: f }) {
-	let p = e(k, f), m = i > 1, h = a === void 0 || i < a, g = a ? `${p.page} ${i} / ${a}` : `${p.page} ${i}`, _ = !!l && !u;
-	return /* @__PURE__ */ w("nav", {
+function re({ page: i, pageCount: a, total: o, onPageChange: s, disabled: u = !1, className: d, strings: f }) {
+	let p = e(j, f), m = i > 1, h = a === void 0 || i < a, g = !!s && !u;
+	return /* @__PURE__ */ E("nav", {
 		"data-component": "data-view-pagination",
 		"data-slot": "data-view-pagination",
 		className: t("data-view-pagination--component flex min-w-0 flex-col gap-space-md @md/data-view:flex-row @md/data-view:justify-between", d),
-		"aria-label": p.page,
-		children: [/* @__PURE__ */ C("div", {
+		"aria-label": p.navigationLabel,
+		children: [/* @__PURE__ */ T("div", {
 			"data-slot": "data-view-pagination-summary",
 			className: "data-view-pagination--summary min-w-0",
-			children: c != null && /* @__PURE__ */ C(r, {
+			children: o != null && /* @__PURE__ */ T(n, {
 				size: "xs",
 				type: "secondary",
-				children: c
+				children: o
 			})
-		}), /* @__PURE__ */ w("div", {
+		}), /* @__PURE__ */ E("div", {
 			"data-slot": "data-view-pagination-controls",
 			className: "data-view-pagination--controls flex shrink-0 items-center gap-space-md",
 			children: [
-				/* @__PURE__ */ w(o, {
+				/* @__PURE__ */ E(c, {
 					size: "xs",
 					className: "tabular-nums",
-					"aria-label": g,
 					children: [
 						p.page,
 						" ",
-						/* @__PURE__ */ C(s, {
+						/* @__PURE__ */ T(l, {
 							value: i,
 							size: "xs",
 							align: "left",
 							type: "secondary"
 						}),
-						a ? /* @__PURE__ */ w(S, { children: [" / ", /* @__PURE__ */ C(s, {
+						a ? /* @__PURE__ */ E(w, { children: [" / ", /* @__PURE__ */ T(l, {
 							value: a,
 							size: "xs",
 							align: "left",
@@ -451,45 +513,44 @@ function Y({ page: i, pageCount: a, total: c, onPageChange: l, disabled: u = !1,
 						})] }) : null
 					]
 				}),
-				/* @__PURE__ */ C(n, {
+				/* @__PURE__ */ T(r, {
 					size: "sm",
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "outline",
-					disabled: !_ || !m,
-					onClick: () => l?.(i - 1),
+					disabled: !g || !m,
+					onClick: () => s?.(i - 1),
 					children: p.previous
 				}),
-				/* @__PURE__ */ C(n, {
+				/* @__PURE__ */ T(r, {
 					size: "sm",
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "outline",
-					disabled: !_ || !h,
-					onClick: () => l?.(i + 1),
+					disabled: !g || !h,
+					onClick: () => s?.(i + 1),
 					children: p.next
 				})
 			]
 		})]
 	});
 }
-function X({ views: e, value: n, onValueChange: i, className: a }) {
-	return /* @__PURE__ */ C(u, {
+function ie({ views: e, value: r, onValueChange: i, className: a }) {
+	return /* @__PURE__ */ T(f, {
 		"data-component": "saved-view-tabs",
 		"data-slot": "saved-view-tabs",
 		className: t("saved-view-tabs--component rounded-radius bg-muted p-space-xs", a),
-		value: n,
+		value: r,
 		onValueChange: (e) => {
 			typeof e == "string" && i(e);
 		},
-		children: /* @__PURE__ */ C(l, {
+		children: /* @__PURE__ */ T(d, {
 			variant: "chips",
 			role: "group",
 			"aria-orientation": void 0,
-			activateOnFocus: !0,
 			children: e.map((e) => {
-				let t = e.id === n;
-				return /* @__PURE__ */ w(c, {
+				let t = e.id === r;
+				return /* @__PURE__ */ E(u, {
 					"data-slot": "saved-view-tab",
 					type: "button",
 					role: "button",
@@ -499,12 +560,12 @@ function X({ views: e, value: n, onValueChange: i, className: a }) {
 					"aria-pressed": t,
 					disabled: e.disabled,
 					className: "saved-view-tabs--tab gap-space-xs",
-					children: [/* @__PURE__ */ C(r, {
+					children: [/* @__PURE__ */ T(n, {
 						tag: "span",
 						size: "inherit",
 						className: "truncate text-current",
 						children: e.label
-					}), e.count !== void 0 && e.count !== null && /* @__PURE__ */ C(r, {
+					}), e.count !== void 0 && e.count !== null && /* @__PURE__ */ T(n, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -517,6 +578,6 @@ function X({ views: e, value: n, onValueChange: i, className: a }) {
 	});
 }
 //#endregion
-export { J as DataView, Y as DataViewPagination, W as DataViewShell, K as DataViewTableFrame, G as DataViewToolbar, X as SavedViewTabs, A as defaultDataViewFilterTabsLabel, k as defaultDataViewPaginationStrings, V as useDataView };
+export { ne as DataView, re as DataViewPagination, Z as DataViewShell, $ as DataViewTableFrame, Q as DataViewToolbar, ie as SavedViewTabs, M as defaultDataViewFilterTabsLabel, j as defaultDataViewPaginationStrings, J as useDataView };
 
 //# sourceMappingURL=data-view.js.map