@mkbabb/glass-ui 3.4.0 → 3.5.0

package/dist/{DataTable-FfkaAg2z.js → DataTable-DyKc_26a.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./button-Ckn3eDfB.js";
+import { n as t } from "./button-i8Ek5vvg.js";
 import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { n as r, r as i, t as a } from "./ContextMenuContent-De01_83g.js";
 import { t as o } from "./useResizeObserver-DX-STszm.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, unref as T, useModel as E, useSlots as ee, withCtx as D, withModifiers as O } from "vue";
+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 ee, useSlots as te, withCtx as D, withModifiers as O } from "vue";
 //#region src/components/ui/table/Table.vue?vue&type=script&setup=true&lang.ts
 var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	__name: "Table",
@@ -16,7 +16,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (y(), d("div", k, [f("table", { class: v(T(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)) }, [S(t.$slots, "default")], 2)]));
 	}
 }), j = /* @__PURE__ */ h({
 	__name: "TableBody",
@@ -29,7 +29,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (y(), d("tbody", { class: v(T(e)("[&_tr:last-child]:border-0", n.class)) }, [S(t.$slots, "default")], 2));
+		return (t, r) => (y(), d("tbody", { class: v(E(e)("[&_tr:last-child]:border-0", n.class)) }, [S(t.$slots, "default")], 2));
 	}
 }), M = /* @__PURE__ */ h({
 	__name: "TableCell",
@@ -42,7 +42,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (y(), d("td", { class: v(T(e)("table-cell align-middle [&:has([role=checkbox])]:pr-0", n.class)) }, [S(t.$slots, "default")], 2));
+		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));
 	}
 }), N = /* @__PURE__ */ h({
 	__name: "TableHead",
@@ -55,7 +55,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (y(), d("th", { class: v(T(e)("table-head text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", n.class)) }, [S(t.$slots, "default")], 2));
+		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));
 	}
 }), P = /* @__PURE__ */ h({
 	__name: "TableHeader",
@@ -68,7 +68,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (y(), d("thead", { class: v(T(e)("[&_tr]:border-b", n.class)) }, [S(t.$slots, "default")], 2));
+		return (t, r) => (y(), d("thead", { class: v(E(e)("[&_tr]:border-b", n.class)) }, [S(t.$slots, "default")], 2));
 	}
 }), F = /* @__PURE__ */ h({
 	__name: "TableRow",
@@ -81,7 +81,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (y(), d("tr", { class: v(T(e)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", n.class)) }, [S(t.$slots, "default")], 2));
+		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));
 	}
 }), I = { class: "flex items-center justify-center py-10" }, L = /* @__PURE__ */ h({
 	__name: "TableEmpty",
@@ -101,7 +101,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 			return t;
 		});
 		return (t, i) => (y(), l(F, null, {
-			default: D(() => [m(M, _({ class: T(e)("p-4 whitespace-nowrap align-middle text-sm text-foreground", n.class) }, r.value), {
+			default: D(() => [m(M, _({ class: E(e)("p-4 whitespace-nowrap align-middle text-sm text-foreground", n.class) }, r.value), {
 				default: D(() => [f("div", I, [S(t.$slots, "default")])]),
 				_: 3
 			}, 16, ["class"])]),
@@ -122,7 +122,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (y(), d("div", { class: v(T(e)("rounded-input bg-muted", t.variant === "pulse" && "animate-pulse", t.variant === "shimmer" && "skeleton-shimmer", t.variant === "breath" && "skeleton-breath", n.class)) }, null, 2));
+		return (r, i) => (y(), d("div", { class: v(E(e)("rounded-input bg-muted", t.variant === "pulse" && "animate-pulse", t.variant === "shimmer" && "skeleton-shimmer", t.variant === "breath" && "skeleton-breath", n.class)) }, null, 2));
 	}
 }), [["__scopeId", "data-v-bb7e255e"]]), z = { class: "tabular-nums" }, B = { class: "flex items-center gap-1" }, V = {
 	key: 0,
@@ -150,8 +150,8 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 			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(T(e)("flex items-center justify-between border-t border-border px-4 py-2 text-sm text-muted-foreground", i.class)) }, [f("span", z, w(n.total.toLocaleString()) + " result" + w(n.total === 1 ? "" : "s"), 1), f("div", B, [
-			m(T(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", z, w(n.total.toLocaleString()) + " result" + w(n.total === 1 ? "" : "s"), 1), f("div", B, [
+			m(E(t), {
 				variant: "ghost",
 				size: "icon",
 				disabled: u.value <= 1,
@@ -161,7 +161,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 				default: D(() => [...a[4] ||= [p(" ⟨⟨ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
-			m(T(t), {
+			m(E(t), {
 				variant: "ghost",
 				size: "icon",
 				disabled: u.value <= 1,
@@ -171,7 +171,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 				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", V, "...")) : (y(), l(T(t), {
+			(y(!0), d(s, null, x(h.value, (e, n) => (y(), d(s, { key: n }, [e === null ? (y(), d("span", V, "...")) : (y(), l(E(t), {
 				key: 1,
 				variant: e === u.value ? "default" : "ghost",
 				size: "icon",
@@ -181,7 +181,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 				default: D(() => [p(w(e), 1)]),
 				_: 2
 			}, 1032, ["variant", "onClick"]))], 64))), 128)),
-			m(T(t), {
+			m(E(t), {
 				variant: "ghost",
 				size: "icon",
 				disabled: u.value >= o.value,
@@ -191,7 +191,7 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 				default: D(() => [...a[6] ||= [p(" ⟩ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
-			m(T(t), {
+			m(E(t), {
 				variant: "ghost",
 				size: "icon",
 				disabled: u.value >= o.value,
@@ -203,19 +203,78 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 			}, 8, ["disabled"])
 		])], 2));
 	}
-}), te = {
+});
+//#endregion
+//#region src/components/ui/data-table/composables/useDataTableRowIdentity.ts
+function U(e) {
+	if (e) return e.length === 0 ? e() : e;
+}
+function W(e, t) {
+	return t.split(".").reduce((e, t) => {
+		if (!(typeof e != "object" || !e)) return e[t];
+	}, e);
+}
+function G(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "symbol";
+}
+function K(e) {
+	return typeof e == "symbol" ? e.toString() : JSON.stringify(e);
+}
+function q(e) {
+	let { rows: t, rowKey: n, getRowId: r } = e, i = /* @__PURE__ */ new WeakMap(), a = 0;
+	function o(e) {
+		let t = U(r);
+		return t ? t(e) : W(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) G(e) && r.set(e, (r.get(e) ?? 0) + 1);
+		let i = n.filter((e) => !G(e)).length;
+		i > 0 && `${i}`;
+		let a = Array.from(r).filter(([, e]) => e > 1).map(([e]) => K(e));
+		return a.length > 0 && (`${a.join(",")}`, `${a.join(", ")}`), e.map((e, t) => {
+			let i = n[t];
+			return {
+				row: e,
+				key: G(i) && r.get(i) === 1 ? i : s(e)
+			};
+		});
+	}) };
+}
+//#endregion
+//#region src/components/ui/data-table/composables/useDataTableResponsive.ts
+function J(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/ui/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
+var Y = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, ne = {
+}, X = {
 	key: 1,
 	class: "flex flex-col gap-2"
-}, re = ["onClick"], ie = { class: "flex items-start justify-between gap-2" }, ae = { class: "min-w-0 font-medium" }, oe = {
+}, ne = ["onClick"], re = { class: "flex items-start justify-between gap-2" }, ie = { class: "min-w-0 font-medium" }, ae = {
 	key: 0,
 	class: "mt-2 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1"
-}, se = { class: "text-muted-foreground" }, ce = {
+}, oe = { class: "text-muted-foreground" }, se = {
 	key: 2,
 	class: "rounded-lg border border-border p-6 text-center text-muted-foreground"
-}, U = /* @__PURE__ */ h({
+}, Z = /* @__PURE__ */ h({
 	__name: "DataTable",
 	props: /* @__PURE__ */ g({
 		columns: {},
@@ -253,53 +312,33 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 		"load-more"
 	], ["update:page"]),
 	setup(t, { emit: n }) {
-		let h = t, g = E(t, "page"), _ = n, k = ee(), I = c(() => !!k["row-actions"]), z = c(() => !!k["row-context-menu"]), B = b(null), V = b(0);
-		o(B, (e) => {
-			V.value = e.width;
+		let h = t, g = ee(t, "page"), _ = n, T = te(), k = c(() => !!T["row-actions"]), I = c(() => !!T["row-context-menu"]), z = b(null), B = b(0);
+		o(z, (e) => {
+			B.value = e.width;
 		});
-		let U = c(() => h.responsive && V.value > 0 && V.value < h.cardBreakpoint), W = c(() => Array.from({ length: Math.min(h.pageSize, 5) }, (e, t) => t)), G = /* @__PURE__ */ new WeakMap(), le = 0;
-		function K(e, t) {
+		let { isCard: V, headerColumn: U, bodyColumns: W } = J({
+			columns: () => h.columns,
+			responsive: () => h.responsive,
+			cardBreakpoint: () => h.cardBreakpoint,
+			containerWidth: B
+		}), { rowEntries: G } = q({
+			rows: () => h.rows,
+			rowKey: () => h.rowKey,
+			getRowId: () => h.getRowId
+		}), K = c(() => Array.from({ length: Math.min(h.pageSize, 5) }, (e, t) => t));
+		function Z(e, t) {
 			return t.split(".").reduce((e, t) => {
 				if (!(typeof e != "object" || !e)) return e[t];
 			}, e);
 		}
-		function q(e) {
-			return typeof e == "string" || typeof e == "number" || typeof e == "symbol";
-		}
-		function ue(e) {
-			return typeof e == "symbol" ? e.toString() : JSON.stringify(e);
-		}
-		function de(e) {
-			return h.getRowId ? h.getRowId(e) : K(e, h.rowKey);
-		}
-		function J(e) {
-			let t = e, n = G.get(t);
-			if (n) return n;
-			let r = Symbol(`DataTable row ${le++}`);
-			return G.set(t, r), r;
-		}
-		let Y = c(() => {
-			let e = h.rows.map((e) => de(e)), t = /* @__PURE__ */ new Map();
-			for (let n of e) q(n) && t.set(n, (t.get(n) ?? 0) + 1);
-			let n = e.filter((e) => !q(e)).length;
-			n > 0 && `${n}`;
-			let r = Array.from(t).filter(([, e]) => e > 1).map(([e]) => ue(e));
-			return r.length > 0 && (`${r.join(",")}`, `${r.join(", ")}`), h.rows.map((n, r) => {
-				let i = e[r];
-				return {
-					row: n,
-					key: q(i) && t.get(i) === 1 ? i : J(n)
-				};
-			});
-		});
-		function X(e, t) {
-			let n = K(e, t.key);
+		function Q(e, t) {
+			let n = Z(e, t.key);
 			return t.formatter ? t.formatter(n, e) : n == null ? "—" : String(n);
 		}
-		function Z(e) {
+		function $(e) {
 			return e === "right" ? "text-right" : e === "center" ? "text-center" : "text-left";
 		}
-		function fe(e) {
+		function ce(e) {
 			if (!e.sortable) return;
 			let t = h.sort;
 			t?.key === e.key ? _("update:sort", {
@@ -310,92 +349,91 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 				direction: "asc"
 			});
 		}
-		function pe(e) {
+		function le(e) {
 			return e.sortable ? h.sort?.key === e.key ? h.sort.direction === "asc" ? " ↑" : " ↓" : " ↕" : "";
 		}
-		let Q = c(() => h.columns[0]), $ = c(() => h.columns.slice(1));
 		return (n, o) => (y(), d("div", {
 			ref_key: "rootRef",
-			ref: B,
-			class: v(T(e)("overflow-hidden", h.class))
+			ref: z,
+			class: v(E(e)("overflow-hidden", h.class))
 		}, [
-			U.value ? (y(), d(s, { key: 0 }, [t.isLoading && t.rows.length === 0 ? (y(), d("div", te, [(y(!0), d(s, null, x(W.value, (e) => (y(), d("div", {
+			E(V) ? (y(), d(s, { key: 0 }, [t.isLoading && t.rows.length === 0 ? (y(), d("div", Y, [(y(!0), d(s, null, x(K.value, (e) => (y(), d("div", {
 				key: "skel-card-" + e,
 				class: "rounded-lg border border-border p-3"
-			}, [m(T(R), { class: "mb-2 h-4 w-1/2" }), m(T(R), { class: "h-3 w-3/4" })]))), 128))])) : t.rows.length > 0 ? (y(), d("div", ne, [(y(!0), d(s, null, x(Y.value, (t) => (y(), l(C(z.value ? T(i) : "div"), { key: t.key }, {
-				default: D(() => [(y(), l(C(z.value ? T(r) : "div"), { "as-child": z.value ? !0 : void 0 }, {
+			}, [m(E(R), { class: "mb-2 h-4 w-1/2" }), m(E(R), { class: "h-3 w-3/4" })]))), 128))])) : t.rows.length > 0 ? (y(), d("div", X, [(y(!0), d(s, null, x(E(G), (t) => (y(), l(C(I.value ? E(i) : "div"), { key: t.key }, {
+				default: D(() => [(y(), l(C(I.value ? E(r) : "div"), { "as-child": I.value ? !0 : void 0 }, {
 					default: D(() => [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", ie, [f("div", ae, [Q.value?.component ? (y(), l(C(Q.value.component), {
+					}, [f("div", re, [f("div", ie, [E(U)?.component ? (y(), l(C(E(U).component), {
 						key: 0,
-						value: K(t.row, Q.value.key),
+						value: Z(t.row, E(U).key),
 						row: t.row
-					}, null, 8, ["value", "row"])) : Q.value ? (y(), d(s, { key: 1 }, [p(w(X(t.row, Q.value)), 1)], 64)) : u("", !0)]), I.value ? (y(), d("div", {
+					}, null, 8, ["value", "row"])) : E(U) ? (y(), d(s, { key: 1 }, [p(w(Q(t.row, E(U))), 1)], 64)) : u("", !0)]), k.value ? (y(), d("div", {
 						key: 0,
 						class: "shrink-0",
 						onClick: o[0] ||= O(() => {}, ["stop"])
-					}, [S(n.$slots, "row-actions", { row: t.row })])) : u("", !0)]), $.value.length > 0 ? (y(), d("dl", oe, [(y(!0), d(s, null, x($.value, (n) => (y(), d(s, { key: n.key }, [f("dt", se, w(n.label), 1), f("dd", { class: v(T(e)("min-w-0 break-words", n.align === "right" && "text-right", n.class)) }, [n.component ? (y(), l(C(n.component), {
+					}, [S(n.$slots, "row-actions", { row: t.row })])) : u("", !0)]), E(W).length > 0 ? (y(), d("dl", ae, [(y(!0), d(s, null, x(E(W), (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), {
 						key: 0,
-						value: K(t.row, n.key),
+						value: Z(t.row, n.key),
 						row: t.row
-					}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(X(t.row, n)), 1)], 64))], 2)], 64))), 128))])) : u("", !0)], 8, re)]),
+					}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(t.row, n)), 1)], 64))], 2)], 64))), 128))])) : u("", !0)], 8, ne)]),
 					_: 2
-				}, 1032, ["as-child"])), z.value ? (y(), l(T(a), { key: 0 }, {
+				}, 1032, ["as-child"])), I.value ? (y(), l(E(a), { key: 0 }, {
 					default: D(() => [S(n.$slots, "row-context-menu", { row: t.row })]),
 					_: 2
 				}, 1024)) : u("", !0)]),
 				_: 2
-			}, 1024))), 128))])) : (y(), d("div", ce, [S(n.$slots, "empty", {}, () => [o[4] ||= p("No results found", -1)])]))], 64)) : (y(), l(T(A), { key: 1 }, {
-				default: D(() => [m(T(P), null, {
-					default: D(() => [m(T(F), { class: "text-muted-foreground" }, {
-						default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(T(N), {
+			}, 1024))), 128))])) : (y(), d("div", se, [S(n.$slots, "empty", {}, () => [o[4] ||= p("No results found", -1)])]))], 64)) : (y(), l(E(A), { key: 1 }, {
+				default: D(() => [m(E(P), null, {
+					default: D(() => [m(E(F), { class: "text-muted-foreground" }, {
+						default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(N), {
 							key: t.key,
-							class: v(T(e)(Z(t.align), t.sortable && "cursor-pointer select-none", t.headerClass)),
-							onClick: (e) => fe(t)
+							class: v(E(e)($(t.align), t.sortable && "cursor-pointer select-none", t.headerClass)),
+							onClick: (e) => ce(t)
 						}, {
-							default: D(() => [p(w(t.label) + w(pe(t)), 1)]),
+							default: D(() => [p(w(t.label) + w(le(t)), 1)]),
 							_: 2
-						}, 1032, ["class", "onClick"]))), 128)), I.value ? (y(), l(T(N), {
+						}, 1032, ["class", "onClick"]))), 128)), k.value ? (y(), l(E(N), {
 							key: 0,
 							class: "w-10"
 						})) : u("", !0)]),
 						_: 1
 					})]),
 					_: 1
-				}), m(T(j), null, {
-					default: D(() => [t.isLoading && t.rows.length === 0 ? (y(!0), d(s, { key: 0 }, x(W.value, (e) => (y(), l(T(F), { key: "skel-" + e }, {
-						default: D(() => [(y(!0), d(s, null, x(t.columns, (e) => (y(), l(T(M), {
+				}), m(E(j), null, {
+					default: D(() => [t.isLoading && t.rows.length === 0 ? (y(!0), d(s, { key: 0 }, x(K.value, (e) => (y(), l(E(F), { key: "skel-" + e }, {
+						default: D(() => [(y(!0), d(s, null, x(t.columns, (e) => (y(), l(E(M), {
 							key: e.key,
-							class: v(Z(e.align))
+							class: v($(e.align))
 						}, {
-							default: D(() => [m(T(R), { class: "h-4 w-3/4" })]),
+							default: D(() => [m(E(R), { class: "h-4 w-3/4" })]),
 							_: 1
-						}, 8, ["class"]))), 128)), I.value ? (y(), l(T(M), {
+						}, 8, ["class"]))), 128)), k.value ? (y(), l(E(M), {
 							key: 0,
 							class: "w-10"
 						}, {
-							default: D(() => [m(T(R), { class: "h-4 w-6" })]),
+							default: D(() => [m(E(R), { class: "h-4 w-6" })]),
 							_: 1
 						})) : u("", !0)]),
 						_: 1
-					}))), 128)) : t.rows.length > 0 ? (y(!0), d(s, { key: 1 }, x(Y.value, (c) => (y(), d(s, { key: c.key }, [z.value ? (y(), l(T(i), { key: 0 }, {
-						default: D(() => [m(T(r), { "as-child": "" }, {
-							default: D(() => [m(T(F), {
+					}))), 128)) : t.rows.length > 0 ? (y(!0), d(s, { key: 1 }, x(E(G), (c) => (y(), d(s, { key: c.key }, [I.value ? (y(), l(E(i), { key: 0 }, {
+						default: D(() => [m(E(r), { "as-child": "" }, {
+							default: D(() => [m(E(F), {
 								class: "cursor-pointer",
 								onClick: (e) => _("select", c.row)
 							}, {
-								default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(T(M), {
+								default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(M), {
 									key: t.key,
-									class: v(T(e)(Z(t.align), t.class))
+									class: v(E(e)($(t.align), t.class))
 								}, {
 									default: D(() => [t.component ? (y(), l(C(t.component), {
 										key: 0,
-										value: K(c.row, t.key),
+										value: Z(c.row, t.key),
 										row: c.row
-									}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(X(c.row, t)), 1)], 64))]),
+									}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(c.row, t)), 1)], 64))]),
 									_: 2
-								}, 1032, ["class"]))), 128)), I.value ? (y(), l(T(M), {
+								}, 1032, ["class"]))), 128)), k.value ? (y(), l(E(M), {
 									key: 0,
 									class: "w-10",
 									onClick: o[1] ||= O(() => {}, ["stop"])
@@ -406,27 +444,27 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 								_: 2
 							}, 1032, ["onClick"])]),
 							_: 2
-						}, 1024), m(T(a), null, {
+						}, 1024), m(E(a), null, {
 							default: D(() => [S(n.$slots, "row-context-menu", { row: c.row })]),
 							_: 2
 						}, 1024)]),
 						_: 2
-					}, 1024)) : (y(), l(T(F), {
+					}, 1024)) : (y(), l(E(F), {
 						key: 1,
 						class: "cursor-pointer",
 						onClick: (e) => _("select", c.row)
 					}, {
-						default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(T(M), {
+						default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(M), {
 							key: t.key,
-							class: v(T(e)(Z(t.align), t.class))
+							class: v(E(e)($(t.align), t.class))
 						}, {
 							default: D(() => [t.component ? (y(), l(C(t.component), {
 								key: 0,
-								value: K(c.row, t.key),
+								value: Z(c.row, t.key),
 								row: c.row
-							}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(X(c.row, t)), 1)], 64))]),
+							}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(c.row, t)), 1)], 64))]),
 							_: 2
-						}, 1032, ["class"]))), 128)), I.value ? (y(), l(T(M), {
+						}, 1032, ["class"]))), 128)), k.value ? (y(), l(E(M), {
 							key: 0,
 							class: "w-10",
 							onClick: o[2] ||= O(() => {}, ["stop"])
@@ -435,9 +473,9 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 							_: 2
 						}, 1024)) : u("", !0)]),
 						_: 2
-					}, 1032, ["onClick"]))], 64))), 128)) : (y(), l(T(L), {
+					}, 1032, ["onClick"]))], 64))), 128)) : (y(), l(E(L), {
 						key: 2,
-						colspan: t.columns.length + +!!I.value
+						colspan: t.columns.length + +!!k.value
 					}, {
 						default: D(() => [S(n.$slots, "empty", {}, () => [o[5] ||= p("No results found", -1)])]),
 						_: 3
@@ -462,4 +500,4 @@ var k = { class: "relative w-full overflow-auto" }, A = /* @__PURE__ */ h({
 	}
 });
 //#endregion
-export { F as a, M as c, L as i, j as l, H as n, P as o, R as r, N as s, U as t, A as u };
+export { F as a, M as c, L as i, j as l, H as n, P as o, R as r, N as s, Z as t, A as u };

package/dist/{NumberFieldContent-iOTQ5rGO.js → NumberFieldContent-jO-zGOHf.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./createLucideIcon-DuDoe_ra.js";
-import { n } from "./button-Ckn3eDfB.js";
+import { n } from "./button-i8Ek5vvg.js";
 import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
 import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
 var b = t("minus", [["path", {

package/dist/api/index.d.ts

@@ -19,6 +19,7 @@ export type { ScrollTrackerOptions, SidebarIndexEntry, SidebarSection, SidebarSt
 export type { FuzzySearchState, SearchableItem, SearchIndex, SearchResult, UseFuzzySearchOptions, } from "../components/custom/search";
 export type { GlassPanelProps } from "../components/custom/glass-panel";
 export type { ToastType } from "../components/ui/toast";
+export type { DeckProgressProps } from "../components/custom/deck-progress";
 export type { UseClipboardOptions, UseClipboardReturn, } from "../composables/dom/useClipboard";
 export type { UseUserInvalidAriaOptions, UseUserInvalidAriaReturn, } from "../composables/dom/useUserInvalidAria";
 export type { ViewTransitionResult } from "../composables/motion/useViewTransition";

package/dist/{button-Ckn3eDfB.js → button-i8Ek5vvg.js}

@@ -48,7 +48,7 @@ var d = /* @__PURE__ */ r({
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
 			"primary-audacious": "btn-audacious bg-primary text-primary-foreground hover:scale-[var(--scale-hover)] aria-pressed:scale-[var(--scale-press-btn)]",
-			"gold-audacious": "btn-audacious btn-audacious-gold text-white hover:scale-[var(--scale-hover)] aria-pressed:scale-[var(--scale-press-btn)]",
+			"gold-audacious": "btn-audacious btn-audacious-gold text-foreground hover:text-white active:text-white aria-pressed:text-white hover:scale-[var(--scale-hover)] aria-pressed:scale-[var(--scale-press-btn)]",
 			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80 aria-pressed:bg-destructive/85",
 			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground active:bg-accent/80 aria-pressed:bg-accent aria-pressed:text-accent-foreground",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary/70 aria-pressed:bg-secondary/60",

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-Ckn3eDfB.js";
+import { n as e, t } from "./button-i8Ek5vvg.js";
 export { e as Button, t as buttonVariants };

package/dist/carousel.js

@@ -3,7 +3,7 @@ import { t } from "./createLucideIcon-DuDoe_ra.js";
 import { t as n } from "./chevron-down-pBY8sYfV.js";
 import { t as r } from "./chevron-right-BjeKC22V.js";
 import { t as i } from "./chevron-up-DBeNHUm1.js";
-import { n as a } from "./button-Ckn3eDfB.js";
+import { n as a } from "./button-i8Ek5vvg.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
 import { createInjectionState as E } from "@vueuse/core";
 import D from "embla-carousel-vue";

package/dist/components/custom/deck-progress/DeckProgress.vue.d.ts

@@ -0,0 +1,27 @@
+/**
+ * DeckProgress — a thin `:value`-only wrapper that renders the shipped
+ * `<Progress variant="default">` styled as the `.glass-progress-rail`
+ * deck-position rail (AW.W16).
+ *
+ * It owns the rail LOOK and NOTHING ELSE. The CONSUMER owns:
+ *   - the position math — `value` is a pre-computed 0..100 percentage
+ *     (`100·(k+1)/N` is a one-liner every consumer already keeps);
+ *   - the viewport-pinned chrome — `position: fixed`,
+ *     `bottom: env(safe-area-inset-bottom)`, the z-index — supplied via the
+ *     forwarded `class` (a consumer pins it; this wrapper declares no
+ *     positioning).
+ *
+ * NO `:index`/`:total` convenience path, NO `deckProgress()` math import, NO
+ * `/deck` subpath (the `/deck` name is reserved for the slides deck-engine
+ * lift). The wrapper ships on the root barrel like the other cherry-picked
+ * custom composites.
+ */
+export interface DeckProgressProps {
+    /** Pre-computed deck-position percentage (0..100) the consumer supplies. */
+    value: number;
+    /** Forwarded class — the consumer pins the rail's viewport chrome here. */
+    class?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<DeckProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DeckProgressProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/custom/deck-progress/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DeckProgress } from "./DeckProgress.vue";
+export type { DeckProgressProps } from "./DeckProgress.vue";

package/dist/components/custom/dock/composables/useLayerTransition.d.ts

@@ -9,6 +9,17 @@ export interface UseLayerTransitionOptions {
      * `height`. Defaults to horizontal when omitted.
      */
     axis?: Ref<"horizontal" | "vertical">;
+    /**
+     * AW.W3 — typed directional View-Transitions. Maps a swap `(from, to)` to
+     * the `types` array passed to `startViewTransition`, so
+     * `:active-view-transition-type(<t>)` CSS can author DIRECTION-specific
+     * curves (snappier exit, softer entry-overshoot — the iOS-feel asymmetry).
+     * The outer collapsed↔expanded pair resolves `dock-expand` / `dock-collapse`;
+     * the inner DockLayerGroup pane swap resolves `layer-forward` / `layer-back`.
+     * Omit to run the single symmetric curve. Feature-detected — degrades to the
+     * symmetric curve on an engine without the `types` overload (Firefox 144).
+     */
+    directionTypes?: (from: string, to: string) => string[];
 }
 export interface UseLayerTransitionReturn {
     /** Attach to @transitionend on the container */

package/dist/components/ui/data-table/composables/useDataTableResponsive.d.ts

@@ -0,0 +1,28 @@
+import { type ComputedRef, type MaybeRefOrGetter } from "vue";
+import type { DataTableColumn } from "../types";
+export interface UseDataTableResponsiveOptions<T> {
+    /** The column set being projected. */
+    columns: MaybeRefOrGetter<DataTableColumn<T>[]>;
+    /** Whether the responsive card projection is enabled. */
+    responsive: MaybeRefOrGetter<boolean>;
+    /** Container width (CSS px) below which the table collapses to cards. */
+    cardBreakpoint: MaybeRefOrGetter<number>;
+    /** The measured container width (0 before the first ResizeObserver frame). */
+    containerWidth: MaybeRefOrGetter<number>;
+}
+export interface UseDataTableResponsiveReturn<T> {
+    /** True when the table should render the stacked card-per-row projection. */
+    isCard: ComputedRef<boolean>;
+    /** The first column — the card's header line. */
+    headerColumn: ComputedRef<DataTableColumn<T> | undefined>;
+    /** Every column after the first — the card body's label/value pairs. */
+    bodyColumns: ComputedRef<DataTableColumn<T>[]>;
+}
+/**
+ * Derive the container-driven card-vs-table projection for a DataTable.
+ *
+ * `isCard` is true only once the container has measured (`width > 0`, guarding
+ * the pre-measure frame) AND is narrower than `cardBreakpoint`. The header/body
+ * column split is computed once so the template stays flat.
+ */
+export declare function useDataTableResponsive<T extends Record<string, any>>(options: UseDataTableResponsiveOptions<T>): UseDataTableResponsiveReturn<T>;

package/dist/components/ui/data-table/composables/useDataTableRowIdentity.d.ts

@@ -0,0 +1,33 @@
+import { type ComputedRef, type MaybeRefOrGetter } from "vue";
+/** A row paired with its stable iteration key. */
+export interface RowEntry<T> {
+    row: T;
+    key: PropertyKey;
+}
+/** An explicit per-row id resolver — wins over the `rowKey` lookup. */
+export type RowIdResolver<T> = (row: T) => PropertyKey | null | undefined;
+export interface UseDataTableRowIdentityOptions<T> {
+    /** The reactive row set. */
+    rows: MaybeRefOrGetter<readonly T[]>;
+    /** Dotted-path key into each row resolving its stable id (default `_id`). */
+    rowKey: MaybeRefOrGetter<string>;
+    /**
+     * Explicit id resolver — wins over `rowKey` when supplied. Pass either the
+     * resolver itself OR a getter returning it (a getter lets the SFC thread the
+     * reactive `props.getRowId`). NOT a `MaybeRefOrGetter`: the resolver is
+     * itself a function, which `toValue` would mis-invoke as a getter.
+     */
+    getRowId?: RowIdResolver<T> | (() => RowIdResolver<T> | undefined);
+}
+export interface UseDataTableRowIdentityReturn<T> {
+    /** Rows paired with stable iteration keys (validated; generated fallback). */
+    rowEntries: ComputedRef<RowEntry<T>[]>;
+}
+/**
+ * Resolve stable iteration keys for a DataTable's rows.
+ *
+ * Explicit ids (via `getRowId` or the dotted `rowKey`) win when present AND
+ * unique; missing / duplicate ids fall back to a per-object generated symbol
+ * (object identity), with a one-shot dev warning per distinct issue.
+ */
+export declare function useDataTableRowIdentity<T extends Record<string, any>>(options: UseDataTableRowIdentityOptions<T>): UseDataTableRowIdentityReturn<T>;