@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/data-table-DveMdgBM.js

@@ -0,0 +1,629 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { n as t } from "./button-32mg6xA8.js";
+import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as r } from "./useResizeObserver-BcUTquV7.js";
+import { t as i } from "./DropdownMenuTrigger-BzQtd9lt.js";
+import { f as a, p as o } from "./dropdown-menu-DORIA52F.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeClass as v, onBeforeUpdate as ee, onUpdated as te, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, toValue as T, unref as E, useModel as ne, useSlots as re, withCtx as D, withModifiers as O } from "vue";
+//#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
+var k = {
+	"data-slot": "table",
+	class: "relative w-full overflow-auto"
+}, A = [
+	"role",
+	"aria-label",
+	"aria-colcount",
+	"aria-rowcount"
+], j = /* @__PURE__ */ h({
+	__name: "Table",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		role: {},
+		ariaLabel: {},
+		ariaColCount: {},
+		ariaRowCount: {}
+	},
+	setup(t) {
+		let n = t;
+		return (t, r) => (y(), d("div", k, [f("table", {
+			class: v(E(e)("w-full caption-bottom text-sm", n.class)),
+			role: n.role,
+			"aria-label": n.ariaLabel,
+			"aria-colcount": n.ariaColCount,
+			"aria-rowcount": n.ariaRowCount
+		}, [S(t.$slots, "default")], 10, A)]));
+	}
+}), M = /* @__PURE__ */ h({
+	__name: "TableBody",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (y(), d("tbody", { class: v(E(e)("[&_tr:last-child]:border-0", n.class)) }, [S(t.$slots, "default")], 2));
+	}
+}), N = /* @__PURE__ */ h({
+	__name: "TableCell",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (y(), d("td", { class: v(E(e)("table-cell align-middle [&:has([role=checkbox])]:pr-0", n.class)) }, [S(t.$slots, "default")], 2));
+	}
+}), P = /* @__PURE__ */ h({
+	__name: "TableHead",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (y(), d("th", { class: v(E(e)("table-head text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", n.class)) }, [S(t.$slots, "default")], 2));
+	}
+}), F = /* @__PURE__ */ h({
+	__name: "TableHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (y(), d("thead", { class: v(E(e)("[&_tr]:border-b", n.class)) }, [S(t.$slots, "default")], 2));
+	}
+}), I = /* @__PURE__ */ h({
+	__name: "TableRow",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (y(), d("tr", { class: v(E(e)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", n.class)) }, [S(t.$slots, "default")], 2));
+	}
+}), L = { class: "flex items-center justify-center py-10" }, R = /* @__PURE__ */ h({
+	__name: "TableEmpty",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		colspan: { default: 1 }
+	},
+	setup(t) {
+		let n = t, r = c(() => {
+			let { class: e, ...t } = n;
+			return t;
+		});
+		return (t, i) => (y(), l(I, null, {
+			default: D(() => [m(N, _({ class: E(e)("p-4 whitespace-nowrap align-middle text-sm text-foreground", n.class) }, r.value), {
+				default: D(() => [f("div", L, [S(t.$slots, "default")])]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), z = ["data-surface"], B = /* @__PURE__ */ n(/* @__PURE__ */ h({
+	__name: "Skeleton",
+	props: {
+		variant: { default: "pulse" },
+		surface: { default: "opaque" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (y(), d("div", {
+			"data-slot": "skeleton",
+			"data-surface": t.surface,
+			class: v(E(e)("rounded-input", t.surface === "opaque" && "bg-muted", t.surface === "glass" && "skeleton-over-glass", t.variant === "pulse" && "animate-pulse", t.variant === "shimmer" && "skeleton-shimmer", t.variant === "breath" && "skeleton-breath", n.class))
+		}, null, 10, z));
+	}
+}), [["__scopeId", "data-v-8c505d43"]]), V = { class: "tabular-nums" }, H = {
+	"aria-label": "Pagination",
+	class: "flex items-center gap-1"
+}, U = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "px-1 select-none"
+}, ie = /* @__PURE__ */ h({
+	__name: "DataTablePagination",
+	props: {
+		page: {},
+		pageSize: {},
+		total: {},
+		class: {}
+	},
+	emits: ["update:page"],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = c(() => Math.max(1, Math.ceil(i.total / i.pageSize))), u = c(() => Math.min(Math.max(1, i.page), o.value)), h = c(() => {
+			let e = o.value, t = u.value;
+			if (e <= 7) return Array.from({ length: e }, (e, t) => t + 1);
+			let n = [1];
+			t > 3 && n.push(null);
+			let r = Math.max(2, t - 1), i = Math.min(e - 1, t + 1);
+			for (let e = r; e <= i; e++) n.push(e);
+			return t < e - 2 && n.push(null), n.push(e), n;
+		});
+		function g(e) {
+			let t = Math.min(Math.max(1, e), o.value);
+			t !== i.page && a("update:page", t);
+		}
+		return (r, a) => (y(), d("div", { class: v(E(e)("flex items-center justify-between border-t border-border px-4 py-2 text-sm text-muted-foreground", i.class)) }, [f("span", V, w(n.total.toLocaleString()) + " result" + w(n.total === 1 ? "" : "s"), 1), f("nav", H, [
+			m(E(t), {
+				variant: "ghost",
+				iconOnly: "",
+				disabled: u.value <= 1,
+				onClick: a[0] ||= (e) => g(1),
+				"aria-label": "First page"
+			}, {
+				default: D(() => [...a[4] ||= [p(" ⟨⟨ ", -1)]]),
+				_: 1
+			}, 8, ["disabled"]),
+			m(E(t), {
+				variant: "ghost",
+				iconOnly: "",
+				disabled: u.value <= 1,
+				onClick: a[1] ||= (e) => g(u.value - 1),
+				"aria-label": "Previous page"
+			}, {
+				default: D(() => [...a[5] ||= [p(" ⟨ ", -1)]]),
+				_: 1
+			}, 8, ["disabled"]),
+			(y(!0), d(s, null, x(h.value, (e, n) => (y(), d(s, { key: n }, [e === null ? (y(), d("span", U, "…")) : (y(), l(E(t), {
+				key: 1,
+				variant: e === u.value ? "default" : "ghost",
+				iconOnly: "",
+				class: "tabular-nums",
+				"aria-label": `Page ${e}`,
+				"aria-current": e === u.value ? "page" : void 0,
+				onClick: (t) => g(e)
+			}, {
+				default: D(() => [p(w(e), 1)]),
+				_: 2
+			}, 1032, [
+				"variant",
+				"aria-label",
+				"aria-current",
+				"onClick"
+			]))], 64))), 128)),
+			m(E(t), {
+				variant: "ghost",
+				iconOnly: "",
+				disabled: u.value >= o.value,
+				onClick: a[2] ||= (e) => g(u.value + 1),
+				"aria-label": "Next page"
+			}, {
+				default: D(() => [...a[6] ||= [p(" ⟩ ", -1)]]),
+				_: 1
+			}, 8, ["disabled"]),
+			m(E(t), {
+				variant: "ghost",
+				iconOnly: "",
+				disabled: u.value >= o.value,
+				onClick: a[3] ||= (e) => g(o.value),
+				"aria-label": "Last page"
+			}, {
+				default: D(() => [...a[7] ||= [p(" ⟩⟩ ", -1)]]),
+				_: 1
+			}, 8, ["disabled"])
+		])], 2));
+	}
+});
+//#endregion
+//#region src/components/data-table/composables/useDataTableRowIdentity.ts
+function W(e) {
+	if (e) return e.length === 0 ? e() : e;
+}
+function G(e, t) {
+	return t.split(".").reduce((e, t) => {
+		if (!(typeof e != "object" || !e)) return e[t];
+	}, e);
+}
+function K(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "symbol";
+}
+function q(e) {
+	return typeof e == "symbol" ? e.toString() : JSON.stringify(e);
+}
+function ae(e) {
+	let { rows: t, rowKey: n, getRowId: r } = e, i = /* @__PURE__ */ new WeakMap(), a = 0;
+	function o(e) {
+		let t = W(r);
+		return t ? t(e) : G(e, T(n));
+	}
+	function s(e) {
+		let t = e, n = i.get(t);
+		if (n) return n;
+		let r = Symbol(`DataTable row ${a++}`);
+		return i.set(t, r), r;
+	}
+	return { rowEntries: c(() => {
+		let e = T(t), n = e.map((e) => o(e)), r = /* @__PURE__ */ new Map();
+		for (let e of n) K(e) && r.set(e, (r.get(e) ?? 0) + 1);
+		let i = n.filter((e) => !K(e)).length;
+		i > 0 && `${i}`;
+		let a = Array.from(r).filter(([, e]) => e > 1).map(([e]) => q(e));
+		return a.length > 0 && (`${a.join(",")}`, `${a.join(", ")}`), e.map((e, t) => {
+			let i = n[t];
+			return {
+				row: e,
+				key: K(i) && r.get(i) === 1 ? i : s(e)
+			};
+		});
+	}) };
+}
+//#endregion
+//#region src/components/data-table/composables/useDataTableResponsive.ts
+function oe(e) {
+	let { columns: t, responsive: n, cardBreakpoint: r, containerWidth: i } = e;
+	return {
+		isCard: c(() => {
+			let e = T(i);
+			return T(n) && e > 0 && e < T(r);
+		}),
+		headerColumn: c(() => T(t)[0]),
+		bodyColumns: c(() => T(t).slice(1))
+	};
+}
+//#endregion
+//#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
+var se = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, ce = ["role", "aria-label"], le = { class: "flex items-start justify-between gap-2" }, ue = { class: "min-w-0 font-medium" }, de = {
+	key: 0,
+	class: "mt-2 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1"
+}, fe = { class: "text-muted-foreground" }, pe = {
+	key: 2,
+	class: "rounded-lg border border-border p-6 text-center text-muted-foreground"
+}, me = ["onClick"], he = { "aria-hidden": "true" }, J = /* @__PURE__ */ h({
+	__name: "DataTable",
+	props: /* @__PURE__ */ g({
+		columns: {},
+		rows: {},
+		total: {},
+		pageSize: {},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		},
+		rowKey: { default: "_id" },
+		getRowId: {},
+		role: {},
+		ariaLabel: {},
+		ariaColCount: {},
+		ariaRowCount: {},
+		getRowAttrs: {},
+		rowRef: {},
+		tabbableRowId: {},
+		sort: {},
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		selectedRowId: {},
+		infinite: {
+			type: Boolean,
+			default: !1
+		},
+		hasMore: {
+			type: Boolean,
+			default: !1
+		},
+		responsive: {
+			type: Boolean,
+			default: !1
+		},
+		cardBreakpoint: { default: 640 },
+		class: {}
+	}, {
+		page: { required: !0 },
+		pageModifiers: {}
+	}),
+	emits: /* @__PURE__ */ g([
+		"update:sort",
+		"update:selectedRowId",
+		"select",
+		"load-more"
+	], ["update:page"]),
+	setup(t, { emit: n }) {
+		let h = t, g = ne(t, "page"), T = n, k = re(), A = c(() => !!k["row-actions"]), L = c(() => !!k["row-context-menu"]), z = b(null), V = b(0);
+		r(z, (e) => {
+			V.value = e.width;
+		});
+		let { isCard: H, headerColumn: U, bodyColumns: W } = oe({
+			columns: () => h.columns,
+			responsive: () => h.responsive,
+			cardBreakpoint: () => h.cardBreakpoint,
+			containerWidth: V
+		}), { rowEntries: G } = ae({
+			rows: () => h.rows,
+			rowKey: () => h.rowKey,
+			getRowId: () => h.getRowId
+		}), K = /* @__PURE__ */ new Map();
+		function q(e, t, n) {
+			let r = n, i = n instanceof HTMLElement ? n : r?.$el, a = i instanceof HTMLElement ? i : null;
+			a ? K.set(e.key, a) : K.delete(e.key), h.rowRef?.(a, e.row, t);
+		}
+		let J = null;
+		ee(() => {
+			J = Array.from(K).find(([, e]) => e === document.activeElement)?.[0] ?? null;
+		}), te(() => {
+			J !== null && K.get(J)?.focus(), J = null;
+		});
+		let Y = c(() => Array.from({ length: Math.min(h.pageSize, 5) }, (e, t) => t));
+		function X(e, t) {
+			return t.split(".").reduce((e, t) => {
+				if (!(typeof e != "object" || !e)) return e[t];
+			}, e);
+		}
+		function Z(e, t) {
+			let n = X(e, t.key);
+			return t.formatter ? t.formatter(n, e) : n == null ? "—" : String(n);
+		}
+		function Q(e) {
+			return e === "right" ? "text-right" : e === "center" ? "text-center" : "text-left";
+		}
+		function ge(e) {
+			if (!e.sortable) return;
+			let t = h.sort;
+			t?.key === e.key ? T("update:sort", {
+				key: e.key,
+				direction: t.direction === "asc" ? "desc" : "asc"
+			}) : T("update:sort", {
+				key: e.key,
+				direction: "asc"
+			});
+		}
+		function _e(e) {
+			if (e.sortable) return h.sort?.key === e.key ? h.sort.direction === "asc" ? "ascending" : "descending" : "none";
+		}
+		function ve(e) {
+			return e.sortable ? h.sort?.key === e.key ? h.sort.direction === "asc" ? " ↑" : " ↓" : " ↕" : "";
+		}
+		function ye(e) {
+			return Object.is(h.selectedRowId, e.key);
+		}
+		function be(e) {
+			T("update:selectedRowId", e.key), T("select", e.row);
+		}
+		function xe(e, t) {
+			if (!(e.target instanceof Element)) return;
+			let n = e.target.closest("button,a[href],input,select,textarea,summary,[contenteditable=\"true\"],[tabindex]:not([tabindex=\"-1\"])");
+			(!n || n === e.currentTarget) && be(t);
+		}
+		function Se(e, t) {
+			e.target !== e.currentTarget || !["Enter", " "].includes(e.key) || (e.preventDefault(), be(t));
+		}
+		function Ce(e, t = !1) {
+			if (!h.selectable) return {};
+			let n = ye(e);
+			return {
+				class: t ? "interactive-item focus-ring cursor-pointer" : "focus-ring cursor-pointer",
+				role: t ? "option" : void 0,
+				tabindex: 0,
+				"aria-selected": n,
+				"data-state": n ? "selected" : void 0,
+				onClick: (t) => xe(t, e),
+				onKeydown: (t) => Se(t, e)
+			};
+		}
+		function $(e, t, n = !1) {
+			let r = { ...h.getRowAttrs?.(e.row, t) };
+			n && delete r["aria-rowindex"];
+			let i = h.tabbableRowId === void 0 ? {} : { tabindex: Object.is(h.tabbableRowId, e.key) ? 0 : -1 };
+			return _(r, Ce(e, n), i);
+		}
+		return (n, r) => (y(), d("div", {
+			"data-slot": "data-table",
+			ref_key: "rootRef",
+			ref: z,
+			class: v(E(e)("overflow-hidden", h.class))
+		}, [
+			E(H) ? (y(), d(s, { key: 0 }, [t.isLoading && t.rows.length === 0 ? (y(), d("div", se, [(y(!0), d(s, null, x(Y.value, (e) => (y(), d("div", {
+				key: "skel-card-" + e,
+				class: "rounded-lg border border-border p-3"
+			}, [m(E(B), { class: "mb-2 h-4 w-1/2" }), m(E(B), { class: "h-3 w-3/4" })]))), 128))])) : t.rows.length > 0 ? (y(), d("div", {
+				key: 1,
+				class: "flex flex-col gap-2",
+				role: t.selectable ? "listbox" : void 0,
+				"aria-label": t.selectable ? "Rows" : void 0
+			}, [(y(!0), d(s, null, x(E(G), (t, c) => (y(), l(C(L.value ? E(o) : "div"), {
+				key: t.key,
+				trigger: L.value ? "context" : void 0
+			}, {
+				default: D(() => [(y(), l(C(L.value ? E(i) : "div"), { "as-child": L.value ? !0 : void 0 }, {
+					default: D(() => [f("div", _({
+						ref_for: !0,
+						ref: (e) => q(t, c, e)
+					}, { ref_for: !0 }, $(t, c, !0), { class: "rounded-lg border border-border p-3 transition-colors" }), [f("div", le, [f("div", ue, [E(U)?.component ? (y(), l(C(E(U).component), {
+						key: 0,
+						value: X(t.row, E(U).key),
+						row: t.row
+					}, null, 8, ["value", "row"])) : E(U) ? (y(), d(s, { key: 1 }, [p(w(Z(t.row, E(U))), 1)], 64)) : u("", !0)]), A.value ? (y(), d("div", {
+						key: 0,
+						class: "shrink-0",
+						onClick: r[0] ||= O(() => {}, ["stop"])
+					}, [S(n.$slots, "row-actions", { row: t.row })])) : u("", !0)]), E(W).length > 0 ? (y(), d("dl", de, [(y(!0), d(s, null, x(E(W), (n) => (y(), d(s, { key: n.key }, [f("dt", fe, w(n.label), 1), f("dd", { class: v(E(e)("min-w-0 break-words", n.align === "right" && "text-right", n.class)) }, [n.component ? (y(), l(C(n.component), {
+						key: 0,
+						value: X(t.row, n.key),
+						row: t.row
+					}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Z(t.row, n)), 1)], 64))], 2)], 64))), 128))])) : u("", !0)], 16)]),
+					_: 2
+				}, 1032, ["as-child"])), L.value ? (y(), l(E(a), { key: 0 }, {
+					default: D(() => [S(n.$slots, "row-context-menu", { row: t.row })]),
+					_: 2
+				}, 1024)) : u("", !0)]),
+				_: 2
+			}, 1032, ["trigger"]))), 128))], 8, ce)) : (y(), d("div", pe, [S(n.$slots, "empty", {}, () => [r[4] ||= p("No results found", -1)])]))], 64)) : (y(), l(E(j), {
+				key: 1,
+				role: t.role,
+				"aria-label": t.ariaLabel,
+				"aria-col-count": t.ariaColCount,
+				"aria-row-count": t.ariaRowCount
+			}, {
+				default: D(() => [m(E(F), null, {
+					default: D(() => [m(E(I), {
+						class: "text-muted-foreground",
+						"aria-rowindex": t.role === "grid" ? 1 : void 0
+					}, {
+						default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(P), {
+							key: t.key,
+							class: v(E(e)(Q(t.align), t.headerClass)),
+							"aria-sort": _e(t)
+						}, {
+							default: D(() => [t.sortable ? (y(), d("button", {
+								key: 0,
+								type: "button",
+								class: v(E(e)("focus-ring inline-flex w-full cursor-pointer items-center gap-1 rounded-sm", t.align === "right" ? "justify-end" : t.align === "center" ? "justify-center" : "justify-start")),
+								onClick: (e) => ge(t)
+							}, [f("span", null, w(t.label), 1), f("span", he, w(ve(t)), 1)], 10, me)) : (y(), d(s, { key: 1 }, [p(w(t.label), 1)], 64))]),
+							_: 2
+						}, 1032, ["class", "aria-sort"]))), 128)), A.value ? (y(), l(E(P), {
+							key: 0,
+							class: "w-10"
+						})) : u("", !0)]),
+						_: 1
+					}, 8, ["aria-rowindex"])]),
+					_: 1
+				}), m(E(M), null, {
+					default: D(() => [t.isLoading && t.rows.length === 0 ? (y(!0), d(s, { key: 0 }, x(Y.value, (e) => (y(), l(E(I), { key: "skel-" + e }, {
+						default: D(() => [(y(!0), d(s, null, x(t.columns, (e) => (y(), l(E(N), {
+							key: e.key,
+							class: v(Q(e.align))
+						}, {
+							default: D(() => [m(E(B), { class: "h-4 w-3/4" })]),
+							_: 1
+						}, 8, ["class"]))), 128)), A.value ? (y(), l(E(N), {
+							key: 0,
+							class: "w-10"
+						}, {
+							default: D(() => [m(E(B), { class: "h-4 w-6" })]),
+							_: 1
+						})) : u("", !0)]),
+						_: 1
+					}))), 128)) : t.rows.length > 0 ? (y(!0), d(s, { key: 1 }, x(E(G), (c, f) => (y(), d(s, { key: c.key }, [L.value ? (y(), l(E(o), {
+						key: 0,
+						trigger: "context"
+					}, {
+						default: D(() => [m(E(i), { "as-child": "" }, {
+							default: D(() => [m(E(I), _({
+								ref_for: !0,
+								ref: (e) => q(c, f, e)
+							}, { ref_for: !0 }, $(c, f)), {
+								default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(N), {
+									key: t.key,
+									class: v(E(e)(Q(t.align), t.class))
+								}, {
+									default: D(() => [t.component ? (y(), l(C(t.component), {
+										key: 0,
+										value: X(c.row, t.key),
+										row: c.row
+									}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Z(c.row, t)), 1)], 64))]),
+									_: 2
+								}, 1032, ["class"]))), 128)), A.value ? (y(), l(E(N), {
+									key: 0,
+									class: "w-10",
+									onClick: r[1] ||= O(() => {}, ["stop"])
+								}, {
+									default: D(() => [S(n.$slots, "row-actions", { row: c.row })]),
+									_: 2
+								}, 1024)) : u("", !0)]),
+								_: 2
+							}, 1040)]),
+							_: 2
+						}, 1024), m(E(a), null, {
+							default: D(() => [S(n.$slots, "row-context-menu", { row: c.row })]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)) : (y(), l(E(I), _({
+						key: 1,
+						ref_for: !0,
+						ref: (e) => q(c, f, e)
+					}, { ref_for: !0 }, $(c, f)), {
+						default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(N), {
+							key: t.key,
+							class: v(E(e)(Q(t.align), t.class))
+						}, {
+							default: D(() => [t.component ? (y(), l(C(t.component), {
+								key: 0,
+								value: X(c.row, t.key),
+								row: c.row
+							}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Z(c.row, t)), 1)], 64))]),
+							_: 2
+						}, 1032, ["class"]))), 128)), A.value ? (y(), l(E(N), {
+							key: 0,
+							class: "w-10",
+							onClick: r[2] ||= O(() => {}, ["stop"])
+						}, {
+							default: D(() => [S(n.$slots, "row-actions", { row: c.row })]),
+							_: 2
+						}, 1024)) : u("", !0)]),
+						_: 2
+					}, 1040))], 64))), 128)) : (y(), l(E(R), {
+						key: 2,
+						colspan: t.columns.length + +!!A.value,
+						role: t.role === "grid" ? "presentation" : void 0
+					}, {
+						default: D(() => [S(n.$slots, "empty", {}, () => [r[5] ||= p("No results found", -1)])]),
+						_: 3
+					}, 8, ["colspan", "role"]))]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, [
+				"role",
+				"aria-label",
+				"aria-col-count",
+				"aria-row-count"
+			])),
+			t.infinite ? S(n.$slots, "sentinel", { key: 2 }) : u("", !0),
+			!t.infinite && t.total > 0 ? (y(), l(ie, {
+				key: 3,
+				page: g.value,
+				"page-size": t.pageSize,
+				total: t.total,
+				"onUpdate:page": r[3] ||= (e) => g.value = e
+			}, null, 8, [
+				"page",
+				"page-size",
+				"total"
+			])) : u("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { F as a, M as c, I as i, j as l, B as n, P as o, R as r, N as s, J as t };

package/dist/data-table.d.ts

@@ -1 +1 @@
-export * from "./components/ui/data-table";
+export * from "./components/data-table";

package/dist/data-table.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./DataTable-C4tG3eIJ.js";
-export { t as DataTable, e as DataTablePagination };
+import { t as e } from "./data-table-DveMdgBM.js";
+export { e as DataTable };

package/dist/deck.d.ts

@@ -1 +1 @@
-export * from "./components/custom/deck";
+export * from "./components/deck";