@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/{DataTable-Bxya8nBn.js → data-table-DveMdgBM.js}

@@ -1,25 +1,43 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./button-BXzhydVB.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-DDuoBeBo.js";
-import { h as i, m as a, p as o } from "./dropdown-menu-DaGlVdp9.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, 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 D, useSlots as ee, withCtx as O, withModifiers as k } from "vue";
+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 A = {
+var k = {
 	"data-slot": "table",
 	class: "relative w-full overflow-auto"
-}, j = /* @__PURE__ */ h({
+}, A = [
+	"role",
+	"aria-label",
+	"aria-colcount",
+	"aria-rowcount"
+], j = /* @__PURE__ */ h({
 	__name: "Table",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		role: {},
+		ariaLabel: {},
+		ariaColCount: {},
+		ariaRowCount: {}
+	},
 	setup(t) {
 		let n = t;
-		return (t, r) => (y(), d("div", A, [f("table", { class: v(E(e)("w-full caption-bottom text-sm", n.class)) }, [S(t.$slots, "default")], 2)]));
+		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",
@@ -104,8 +122,8 @@ var A = {
 			return t;
 		});
 		return (t, i) => (y(), l(I, null, {
-			default: O(() => [m(N, _({ class: E(e)("p-4 whitespace-nowrap align-middle text-sm text-foreground", n.class) }, r.value), {
-				default: O(() => [f("div", L, [S(t.$slots, "default")])]),
+			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
@@ -132,10 +150,14 @@ var A = {
 			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 = { class: "flex items-center gap-1" }, U = {
+}), [["__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"
-}, W = /* @__PURE__ */ h({
+}, ie = /* @__PURE__ */ h({
 	__name: "DataTablePagination",
 	props: {
 		page: {},
@@ -158,7 +180,7 @@ var A = {
 			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("div", H, [
+		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: "",
@@ -166,7 +188,7 @@ var A = {
 				onClick: a[0] ||= (e) => g(1),
 				"aria-label": "First page"
 			}, {
-				default: O(() => [...a[4] ||= [p(" ⟨⟨ ", -1)]]),
+				default: D(() => [...a[4] ||= [p(" ⟨⟨ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
 			m(E(t), {
@@ -176,19 +198,26 @@ var A = {
 				onClick: a[1] ||= (e) => g(u.value - 1),
 				"aria-label": "Previous page"
 			}, {
-				default: O(() => [...a[5] ||= [p(" ⟨ ", -1)]]),
+				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), {
+			(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: O(() => [p(w(e), 1)]),
+				default: D(() => [p(w(e), 1)]),
 				_: 2
-			}, 1032, ["variant", "onClick"]))], 64))), 128)),
+			}, 1032, [
+				"variant",
+				"aria-label",
+				"aria-current",
+				"onClick"
+			]))], 64))), 128)),
 			m(E(t), {
 				variant: "ghost",
 				iconOnly: "",
@@ -196,7 +225,7 @@ var A = {
 				onClick: a[2] ||= (e) => g(u.value + 1),
 				"aria-label": "Next page"
 			}, {
-				default: O(() => [...a[6] ||= [p(" ⟩ ", -1)]]),
+				default: D(() => [...a[6] ||= [p(" ⟩ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
 			m(E(t), {
@@ -206,7 +235,7 @@ var A = {
 				onClick: a[3] ||= (e) => g(o.value),
 				"aria-label": "Last page"
 			}, {
-				default: O(() => [...a[7] ||= [p(" ⟩⟩ ", -1)]]),
+				default: D(() => [...a[7] ||= [p(" ⟩⟩ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"])
 		])], 2));
@@ -214,25 +243,25 @@ var A = {
 });
 //#endregion
 //#region src/components/data-table/composables/useDataTableRowIdentity.ts
-function G(e) {
+function W(e) {
 	if (e) return e.length === 0 ? e() : e;
 }
-function K(e, t) {
+function G(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function q(e) {
+function K(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "symbol";
 }
-function J(e) {
+function q(e) {
 	return typeof e == "symbol" ? e.toString() : JSON.stringify(e);
 }
-function Y(e) {
+function ae(e) {
 	let { rows: t, rowKey: n, getRowId: r } = e, i = /* @__PURE__ */ new WeakMap(), a = 0;
 	function o(e) {
-		let t = G(r);
-		return t ? t(e) : K(e, T(n));
+		let t = W(r);
+		return t ? t(e) : G(e, T(n));
 	}
 	function s(e) {
 		let t = e, n = i.get(t);
@@ -242,22 +271,22 @@ function Y(e) {
 	}
 	return { rowEntries: c(() => {
 		let e = T(t), n = e.map((e) => o(e)), r = /* @__PURE__ */ new Map();
-		for (let e of n) q(e) && r.set(e, (r.get(e) ?? 0) + 1);
-		let i = n.filter((e) => !q(e)).length;
+		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]) => J(e));
+		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: q(i) && r.get(i) === 1 ? i : s(e)
+				key: K(i) && r.get(i) === 1 ? i : s(e)
 			};
 		});
 	}) };
 }
 //#endregion
 //#region src/components/data-table/composables/useDataTableResponsive.ts
-function X(e) {
+function oe(e) {
 	let { columns: t, responsive: n, cardBreakpoint: r, containerWidth: i } = e;
 	return {
 		isCard: c(() => {
@@ -270,19 +299,16 @@ function X(e) {
 }
 //#endregion
 //#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var Z = {
+var se = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, te = {
-	key: 1,
-	class: "flex flex-col gap-2"
-}, ne = ["onClick"], re = { class: "flex items-start justify-between gap-2" }, ie = { class: "min-w-0 font-medium" }, ae = {
+}, 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"
-}, oe = { class: "text-muted-foreground" }, se = {
+}, fe = { class: "text-muted-foreground" }, pe = {
 	key: 2,
 	class: "rounded-lg border border-border p-6 text-center text-muted-foreground"
-}, Q = /* @__PURE__ */ h({
+}, me = ["onClick"], he = { "aria-hidden": "true" }, J = /* @__PURE__ */ h({
 	__name: "DataTable",
 	props: /* @__PURE__ */ g({
 		columns: {},
@@ -295,7 +321,19 @@ var Z = {
 		},
 		rowKey: { default: "_id" },
 		getRowId: {},
+		role: {},
+		ariaLabel: {},
+		ariaColCount: {},
+		ariaRowCount: {},
+		getRowAttrs: {},
+		rowRef: {},
+		tabbableRowId: {},
 		sort: {},
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		selectedRowId: {},
 		infinite: {
 			type: Boolean,
 			default: !1
@@ -316,191 +354,264 @@ var Z = {
 	}),
 	emits: /* @__PURE__ */ g([
 		"update:sort",
+		"update:selectedRowId",
 		"select",
 		"load-more"
 	], ["update:page"]),
 	setup(t, { emit: n }) {
-		let h = t, g = D(t, "page"), _ = n, T = ee(), A = c(() => !!T["row-actions"]), L = c(() => !!T["row-context-menu"]), z = b(null), V = b(0);
+		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: G } = X({
+		let { isCard: H, headerColumn: U, bodyColumns: W } = oe({
 			columns: () => h.columns,
 			responsive: () => h.responsive,
 			cardBreakpoint: () => h.cardBreakpoint,
 			containerWidth: V
-		}), { rowEntries: K } = Y({
+		}), { rowEntries: G } = ae({
 			rows: () => h.rows,
 			rowKey: () => h.rowKey,
 			getRowId: () => h.getRowId
-		}), q = c(() => Array.from({ length: Math.min(h.pageSize, 5) }, (e, t) => t));
-		function J(e, t) {
+		}), 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 Q(e, t) {
-			let n = J(e, t.key);
+		function Z(e, t) {
+			let n = X(e, t.key);
 			return t.formatter ? t.formatter(n, e) : n == null ? "—" : String(n);
 		}
-		function $(e) {
+		function Q(e) {
 			return e === "right" ? "text-right" : e === "center" ? "text-center" : "text-left";
 		}
-		function ce(e) {
+		function ge(e) {
 			if (!e.sortable) return;
 			let t = h.sort;
-			t?.key === e.key ? _("update:sort", {
+			t?.key === e.key ? T("update:sort", {
 				key: e.key,
 				direction: t.direction === "asc" ? "desc" : "asc"
-			}) : _("update:sort", {
+			}) : T("update:sort", {
 				key: e.key,
 				direction: "asc"
 			});
 		}
-		function le(e) {
+		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", Z, [(y(!0), d(s, null, x(q.value, (e) => (y(), d("div", {
+			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", te, [(y(!0), d(s, null, x(E(K), (t) => (y(), l(C(L.value ? E(i) : "div"), {
+			}, [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: O(() => [(y(), l(C(L.value ? E(a) : "div"), { "as-child": L.value ? !0 : void 0 }, {
-					default: O(() => [f("div", {
-						class: "cursor-pointer rounded-lg border border-border p-3 transition-colors hover:bg-muted/40",
-						onClick: (e) => _("select", t.row)
-					}, [f("div", re, [f("div", ie, [E(U)?.component ? (y(), l(C(E(U).component), {
+				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: J(t.row, E(U).key),
+						value: X(t.row, E(U).key),
 						row: t.row
-					}, null, 8, ["value", "row"])) : E(U) ? (y(), d(s, { key: 1 }, [p(w(Q(t.row, E(U))), 1)], 64)) : u("", !0)]), A.value ? (y(), d("div", {
+					}, 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] ||= k(() => {}, ["stop"])
-					}, [S(n.$slots, "row-actions", { row: t.row })])) : u("", !0)]), E(G).length > 0 ? (y(), d("dl", ae, [(y(!0), d(s, null, x(E(G), (n) => (y(), d(s, { key: n.key }, [f("dt", oe, 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), {
+						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: J(t.row, n.key),
+						value: X(t.row, n.key),
 						row: t.row
-					}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(t.row, n)), 1)], 64))], 2)], 64))), 128))])) : u("", !0)], 8, ne)]),
+					}, 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(o), { key: 0 }, {
-					default: O(() => [S(n.$slots, "row-context-menu", { row: t.row })]),
+				}, 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))])) : (y(), d("div", se, [S(n.$slots, "empty", {}, () => [r[4] ||= p("No results found", -1)])]))], 64)) : (y(), l(E(j), { key: 1 }, {
-				default: O(() => [m(E(F), null, {
-					default: O(() => [m(E(I), { class: "text-muted-foreground" }, {
-						default: O(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(P), {
+			}, 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)($(t.align), t.sortable && "cursor-pointer select-none", t.headerClass)),
-							onClick: (e) => ce(t)
+							class: v(E(e)(Q(t.align), t.headerClass)),
+							"aria-sort": _e(t)
 						}, {
-							default: O(() => [p(w(t.label) + w(le(t)), 1)]),
+							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", "onClick"]))), 128)), A.value ? (y(), l(E(P), {
+						}, 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: O(() => [t.isLoading && t.rows.length === 0 ? (y(!0), d(s, { key: 0 }, x(q.value, (e) => (y(), l(E(I), { key: "skel-" + e }, {
-						default: O(() => [(y(!0), d(s, null, x(t.columns, (e) => (y(), l(E(N), {
+					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($(e.align))
+							class: v(Q(e.align))
 						}, {
-							default: O(() => [m(E(B), { class: "h-4 w-3/4" })]),
+							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: O(() => [m(E(B), { class: "h-4 w-6" })]),
+							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(K), (c) => (y(), d(s, { key: c.key }, [L.value ? (y(), l(E(i), {
+					}))), 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: O(() => [m(E(a), { "as-child": "" }, {
-							default: O(() => [m(E(I), {
-								class: "cursor-pointer",
-								onClick: (e) => _("select", c.row)
-							}, {
-								default: O(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(N), {
+						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)($(t.align), t.class))
+									class: v(E(e)(Q(t.align), t.class))
 								}, {
-									default: O(() => [t.component ? (y(), l(C(t.component), {
+									default: D(() => [t.component ? (y(), l(C(t.component), {
 										key: 0,
-										value: J(c.row, t.key),
+										value: X(c.row, t.key),
 										row: c.row
-									}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(c.row, t)), 1)], 64))]),
+									}, 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] ||= k(() => {}, ["stop"])
+									onClick: r[1] ||= O(() => {}, ["stop"])
 								}, {
-									default: O(() => [S(n.$slots, "row-actions", { row: c.row })]),
+									default: D(() => [S(n.$slots, "row-actions", { row: c.row })]),
 									_: 2
 								}, 1024)) : u("", !0)]),
 								_: 2
-							}, 1032, ["onClick"])]),
+							}, 1040)]),
 							_: 2
-						}, 1024), m(E(o), null, {
-							default: O(() => [S(n.$slots, "row-context-menu", { row: c.row })]),
+						}, 1024), m(E(a), null, {
+							default: D(() => [S(n.$slots, "row-context-menu", { row: c.row })]),
 							_: 2
 						}, 1024)]),
 						_: 2
-					}, 1024)) : (y(), l(E(I), {
+					}, 1024)) : (y(), l(E(I), _({
 						key: 1,
-						class: "cursor-pointer",
-						onClick: (e) => _("select", c.row)
-					}, {
-						default: O(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(N), {
+						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)($(t.align), t.class))
+							class: v(E(e)(Q(t.align), t.class))
 						}, {
-							default: O(() => [t.component ? (y(), l(C(t.component), {
+							default: D(() => [t.component ? (y(), l(C(t.component), {
 								key: 0,
-								value: J(c.row, t.key),
+								value: X(c.row, t.key),
 								row: c.row
-							}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(c.row, t)), 1)], 64))]),
+							}, 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] ||= k(() => {}, ["stop"])
+							onClick: r[2] ||= O(() => {}, ["stop"])
 						}, {
-							default: O(() => [S(n.$slots, "row-actions", { row: c.row })]),
+							default: D(() => [S(n.$slots, "row-actions", { row: c.row })]),
 							_: 2
 						}, 1024)) : u("", !0)]),
 						_: 2
-					}, 1032, ["onClick"]))], 64))), 128)) : (y(), l(E(R), {
+					}, 1040))], 64))), 128)) : (y(), l(E(R), {
 						key: 2,
-						colspan: t.columns.length + +!!A.value
+						colspan: t.columns.length + +!!A.value,
+						role: t.role === "grid" ? "presentation" : void 0
 					}, {
-						default: O(() => [S(n.$slots, "empty", {}, () => [r[5] ||= p("No results found", -1)])]),
+						default: D(() => [S(n.$slots, "empty", {}, () => [r[5] ||= p("No results found", -1)])]),
 						_: 3
-					}, 8, ["colspan"]))]),
+					}, 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(W, {
+			!t.infinite && t.total > 0 ? (y(), l(ie, {
 				key: 3,
 				page: g.value,
 				"page-size": t.pageSize,
@@ -515,4 +626,4 @@ var Z = {
 	}
 });
 //#endregion
-export { I as a, N as c, R as i, M as l, W as n, F as o, B as r, P as s, Q as t, j as u };
+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.js

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