@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/{DataTable-BCddn3T3.js → DataTable-C464Zbqd.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { n as t } from "./button-ChXMfsud.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { n as r, r as i, t as a } from "./ContextMenuContent-CT3AS1WX.js";
-import { t as o } from "./useResizeObserver-BhgdhOIj.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 ee, useSlots as te, withCtx as D, withModifiers as O } from "vue";
+import { n as t } from "./button-BNDWhAZb.js";
+import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { n as r, r as i, t as a } from "./ContextMenuContent-ON3x7cuk.js";
+import { t as o } from "./useResizeObserver-V6nq5gJb.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";
 //#region src/components/ui/table/Table.vue?vue&type=script&setup=true&lang.ts
-var k = {
+var A = {
 	"data-slot": "table",
 	class: "relative w-full overflow-auto"
-}, A = /* @__PURE__ */ h({
+}, j = /* @__PURE__ */ h({
 	__name: "Table",
 	props: { class: { type: [
 		Boolean,
@@ -19,9 +19,9 @@ var k = {
 	] } },
 	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)) }, [S(t.$slots, "default")], 2)]));
+		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)]));
 	}
-}), j = /* @__PURE__ */ h({
+}), M = /* @__PURE__ */ h({
 	__name: "TableBody",
 	props: { class: { type: [
 		Boolean,
@@ -34,7 +34,7 @@ var k = {
 		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));
 	}
-}), M = /* @__PURE__ */ h({
+}), N = /* @__PURE__ */ h({
 	__name: "TableCell",
 	props: { class: { type: [
 		Boolean,
@@ -47,7 +47,7 @@ var k = {
 		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));
 	}
-}), N = /* @__PURE__ */ h({
+}), P = /* @__PURE__ */ h({
 	__name: "TableHead",
 	props: { class: { type: [
 		Boolean,
@@ -60,7 +60,7 @@ var k = {
 		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));
 	}
-}), P = /* @__PURE__ */ h({
+}), F = /* @__PURE__ */ h({
 	__name: "TableHeader",
 	props: { class: { type: [
 		Boolean,
@@ -73,7 +73,7 @@ var k = {
 		let n = t;
 		return (t, r) => (y(), d("thead", { class: v(E(e)("[&_tr]:border-b", n.class)) }, [S(t.$slots, "default")], 2));
 	}
-}), F = /* @__PURE__ */ h({
+}), I = /* @__PURE__ */ h({
 	__name: "TableRow",
 	props: { class: { type: [
 		Boolean,
@@ -86,7 +86,7 @@ var k = {
 		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));
 	}
-}), I = { class: "flex items-center justify-center py-10" }, L = /* @__PURE__ */ h({
+}), L = { class: "flex items-center justify-center py-10" }, R = /* @__PURE__ */ h({
 	__name: "TableEmpty",
 	props: {
 		class: { type: [
@@ -103,18 +103,19 @@ var k = {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (y(), l(F, null, {
-			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")])]),
+		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")])]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), R = /* @__PURE__ */ n(/* @__PURE__ */ h({
+}), z = ["data-surface"], B = /* @__PURE__ */ n(/* @__PURE__ */ h({
 	__name: "Skeleton",
 	props: {
 		variant: { default: "pulse" },
+		surface: { default: "opaque" },
 		class: { type: [
 			Boolean,
 			null,
@@ -127,13 +128,14 @@ var k = {
 		let n = t;
 		return (r, i) => (y(), d("div", {
 			"data-slot": "skeleton",
-			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));
+			"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-9c84f8e2"]]), z = { class: "tabular-nums" }, B = { class: "flex items-center gap-1" }, V = {
+}), [["__scopeId", "data-v-e270610f"]]), V = { class: "tabular-nums" }, H = { class: "flex items-center gap-1" }, U = {
 	key: 0,
 	class: "px-1 select-none"
-}, H = /* @__PURE__ */ h({
+}, W = /* @__PURE__ */ h({
 	__name: "DataTablePagination",
 	props: {
 		page: {},
@@ -156,7 +158,7 @@ var k = {
 			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", z, w(n.total.toLocaleString()) + " result" + w(n.total === 1 ? "" : "s"), 1), f("div", B, [
+		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, [
 			m(E(t), {
 				variant: "ghost",
 				size: "icon",
@@ -164,7 +166,7 @@ var k = {
 				onClick: a[0] ||= (e) => g(1),
 				"aria-label": "First page"
 			}, {
-				default: D(() => [...a[4] ||= [p(" ⟨⟨ ", -1)]]),
+				default: O(() => [...a[4] ||= [p(" ⟨⟨ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
 			m(E(t), {
@@ -174,17 +176,17 @@ var k = {
 				onClick: a[1] ||= (e) => g(u.value - 1),
 				"aria-label": "Previous page"
 			}, {
-				default: D(() => [...a[5] ||= [p(" ⟨ ", -1)]]),
+				default: O(() => [...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(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",
 				size: "icon",
 				class: "tabular-nums",
 				onClick: (t) => g(e)
 			}, {
-				default: D(() => [p(w(e), 1)]),
+				default: O(() => [p(w(e), 1)]),
 				_: 2
 			}, 1032, ["variant", "onClick"]))], 64))), 128)),
 			m(E(t), {
@@ -194,7 +196,7 @@ var k = {
 				onClick: a[2] ||= (e) => g(u.value + 1),
 				"aria-label": "Next page"
 			}, {
-				default: D(() => [...a[6] ||= [p(" ⟩ ", -1)]]),
+				default: O(() => [...a[6] ||= [p(" ⟩ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"]),
 			m(E(t), {
@@ -204,7 +206,7 @@ var k = {
 				onClick: a[3] ||= (e) => g(o.value),
 				"aria-label": "Last page"
 			}, {
-				default: D(() => [...a[7] ||= [p(" ⟩⟩ ", -1)]]),
+				default: O(() => [...a[7] ||= [p(" ⟩⟩ ", -1)]]),
 				_: 1
 			}, 8, ["disabled"])
 		])], 2));
@@ -212,25 +214,25 @@ var k = {
 });
 //#endregion
 //#region src/components/ui/data-table/composables/useDataTableRowIdentity.ts
-function U(e) {
+function G(e) {
 	if (e) return e.length === 0 ? e() : e;
 }
-function W(e, t) {
+function K(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function G(e) {
+function q(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "symbol";
 }
-function K(e) {
+function J(e) {
 	return typeof e == "symbol" ? e.toString() : JSON.stringify(e);
 }
-function q(e) {
+function Y(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));
+		let t = G(r);
+		return t ? t(e) : K(e, T(n));
 	}
 	function s(e) {
 		let t = e, n = i.get(t);
@@ -240,22 +242,22 @@ function q(e) {
 	}
 	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;
+		for (let e of n) q(e) && r.set(e, (r.get(e) ?? 0) + 1);
+		let i = n.filter((e) => !q(e)).length;
 		i > 0 && `${i}`;
-		let a = Array.from(r).filter(([, e]) => e > 1).map(([e]) => K(e));
+		let a = Array.from(r).filter(([, e]) => e > 1).map(([e]) => J(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)
+				key: q(i) && r.get(i) === 1 ? i : s(e)
 			};
 		});
 	}) };
 }
 //#endregion
 //#region src/components/ui/data-table/composables/useDataTableResponsive.ts
-function J(e) {
+function X(e) {
 	let { columns: t, responsive: n, cardBreakpoint: r, containerWidth: i } = e;
 	return {
 		isCard: c(() => {
@@ -268,10 +270,10 @@ function J(e) {
 }
 //#endregion
 //#region src/components/ui/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var Y = {
+var Z = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, X = {
+}, 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 = {
@@ -280,7 +282,7 @@ var Y = {
 }, oe = { class: "text-muted-foreground" }, se = {
 	key: 2,
 	class: "rounded-lg border border-border p-6 text-center text-muted-foreground"
-}, Z = /* @__PURE__ */ h({
+}, Q = /* @__PURE__ */ h({
 	__name: "DataTable",
 	props: /* @__PURE__ */ g({
 		columns: {},
@@ -318,27 +320,27 @@ var Y = {
 		"load-more"
 	], ["update:page"]),
 	setup(t, { emit: n }) {
-		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);
+		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);
 		o(z, (e) => {
-			B.value = e.width;
+			V.value = e.width;
 		});
-		let { isCard: V, headerColumn: U, bodyColumns: W } = J({
+		let { isCard: H, headerColumn: U, bodyColumns: G } = X({
 			columns: () => h.columns,
 			responsive: () => h.responsive,
 			cardBreakpoint: () => h.cardBreakpoint,
-			containerWidth: B
-		}), { rowEntries: G } = q({
+			containerWidth: V
+		}), { rowEntries: K } = Y({
 			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) {
+		}), q = c(() => Array.from({ length: Math.min(h.pageSize, 5) }, (e, t) => t));
+		function J(e, t) {
 			return t.split(".").reduce((e, t) => {
 				if (!(typeof e != "object" || !e)) return e[t];
 			}, e);
 		}
 		function Q(e, t) {
-			let n = Z(e, t.key);
+			let n = J(e, t.key);
 			return t.formatter ? t.formatter(n, e) : n == null ? "—" : String(n);
 		}
 		function $(e) {
@@ -364,127 +366,127 @@ var Y = {
 			ref: z,
 			class: v(E(e)("overflow-hidden", h.class))
 		}, [
-			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", {
+			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", {
 				key: "skel-card-" + e,
 				class: "rounded-lg border border-border p-3"
-			}, [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", {
+			}, [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"), { key: t.key }, {
+				default: O(() => [(y(), l(C(L.value ? E(r) : "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), {
 						key: 0,
-						value: Z(t.row, E(U).key),
+						value: J(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)]), k.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)]), A.value ? (y(), d("div", {
 						key: 0,
 						class: "shrink-0",
-						onClick: o[0] ||= O(() => {}, ["stop"])
-					}, [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), {
+						onClick: o[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), {
 						key: 0,
-						value: Z(t.row, n.key),
+						value: J(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)]),
 					_: 2
-				}, 1032, ["as-child"])), I.value ? (y(), l(E(a), { key: 0 }, {
-					default: D(() => [S(n.$slots, "row-context-menu", { row: t.row })]),
+				}, 1032, ["as-child"])), L.value ? (y(), l(E(a), { key: 0 }, {
+					default: O(() => [S(n.$slots, "row-context-menu", { row: t.row })]),
 					_: 2
 				}, 1024)) : u("", !0)]),
 				_: 2
-			}, 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), {
+			}, 1024))), 128))])) : (y(), d("div", se, [S(n.$slots, "empty", {}, () => [o[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), {
 							key: t.key,
 							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(le(t)), 1)]),
+							default: O(() => [p(w(t.label) + w(le(t)), 1)]),
 							_: 2
-						}, 1032, ["class", "onClick"]))), 128)), k.value ? (y(), l(E(N), {
+						}, 1032, ["class", "onClick"]))), 128)), A.value ? (y(), l(E(P), {
 							key: 0,
 							class: "w-10"
 						})) : u("", !0)]),
 						_: 1
 					})]),
 					_: 1
-				}), 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), {
+				}), 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), {
 							key: e.key,
 							class: v($(e.align))
 						}, {
-							default: D(() => [m(E(R), { class: "h-4 w-3/4" })]),
+							default: O(() => [m(E(B), { class: "h-4 w-3/4" })]),
 							_: 1
-						}, 8, ["class"]))), 128)), k.value ? (y(), l(E(M), {
+						}, 8, ["class"]))), 128)), A.value ? (y(), l(E(N), {
 							key: 0,
 							class: "w-10"
 						}, {
-							default: D(() => [m(E(R), { class: "h-4 w-6" })]),
+							default: O(() => [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) => (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), {
+					}))), 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), { key: 0 }, {
+						default: O(() => [m(E(r), { "as-child": "" }, {
+							default: O(() => [m(E(I), {
 								class: "cursor-pointer",
 								onClick: (e) => _("select", c.row)
 							}, {
-								default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(M), {
+								default: O(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(N), {
 									key: t.key,
 									class: v(E(e)($(t.align), t.class))
 								}, {
-									default: D(() => [t.component ? (y(), l(C(t.component), {
+									default: O(() => [t.component ? (y(), l(C(t.component), {
 										key: 0,
-										value: Z(c.row, t.key),
+										value: J(c.row, t.key),
 										row: c.row
 									}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(c.row, t)), 1)], 64))]),
 									_: 2
-								}, 1032, ["class"]))), 128)), k.value ? (y(), l(E(M), {
+								}, 1032, ["class"]))), 128)), A.value ? (y(), l(E(N), {
 									key: 0,
 									class: "w-10",
-									onClick: o[1] ||= O(() => {}, ["stop"])
+									onClick: o[1] ||= k(() => {}, ["stop"])
 								}, {
-									default: D(() => [S(n.$slots, "row-actions", { row: c.row })]),
+									default: O(() => [S(n.$slots, "row-actions", { row: c.row })]),
 									_: 2
 								}, 1024)) : u("", !0)]),
 								_: 2
 							}, 1032, ["onClick"])]),
 							_: 2
 						}, 1024), m(E(a), null, {
-							default: D(() => [S(n.$slots, "row-context-menu", { row: c.row })]),
+							default: O(() => [S(n.$slots, "row-context-menu", { row: c.row })]),
 							_: 2
 						}, 1024)]),
 						_: 2
-					}, 1024)) : (y(), l(E(F), {
+					}, 1024)) : (y(), l(E(I), {
 						key: 1,
 						class: "cursor-pointer",
 						onClick: (e) => _("select", c.row)
 					}, {
-						default: D(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(M), {
+						default: O(() => [(y(!0), d(s, null, x(t.columns, (t) => (y(), l(E(N), {
 							key: t.key,
 							class: v(E(e)($(t.align), t.class))
 						}, {
-							default: D(() => [t.component ? (y(), l(C(t.component), {
+							default: O(() => [t.component ? (y(), l(C(t.component), {
 								key: 0,
-								value: Z(c.row, t.key),
+								value: J(c.row, t.key),
 								row: c.row
 							}, null, 8, ["value", "row"])) : (y(), d(s, { key: 1 }, [p(w(Q(c.row, t)), 1)], 64))]),
 							_: 2
-						}, 1032, ["class"]))), 128)), k.value ? (y(), l(E(M), {
+						}, 1032, ["class"]))), 128)), A.value ? (y(), l(E(N), {
 							key: 0,
 							class: "w-10",
-							onClick: o[2] ||= O(() => {}, ["stop"])
+							onClick: o[2] ||= k(() => {}, ["stop"])
 						}, {
-							default: D(() => [S(n.$slots, "row-actions", { row: c.row })]),
+							default: O(() => [S(n.$slots, "row-actions", { row: c.row })]),
 							_: 2
 						}, 1024)) : u("", !0)]),
 						_: 2
-					}, 1032, ["onClick"]))], 64))), 128)) : (y(), l(E(L), {
+					}, 1032, ["onClick"]))], 64))), 128)) : (y(), l(E(R), {
 						key: 2,
-						colspan: t.columns.length + +!!k.value
+						colspan: t.columns.length + +!!A.value
 					}, {
-						default: D(() => [S(n.$slots, "empty", {}, () => [o[5] ||= p("No results found", -1)])]),
+						default: O(() => [S(n.$slots, "empty", {}, () => [o[5] ||= p("No results found", -1)])]),
 						_: 3
 					}, 8, ["colspan"]))]),
 					_: 3
@@ -492,7 +494,7 @@ var Y = {
 				_: 3
 			})),
 			t.infinite ? S(n.$slots, "sentinel", { key: 2 }) : u("", !0),
-			!t.infinite && t.total > 0 ? (y(), l(H, {
+			!t.infinite && t.total > 0 ? (y(), l(W, {
 				key: 3,
 				page: g.value,
 				"page-size": t.pageSize,
@@ -507,4 +509,4 @@ var Y = {
 	}
 });
 //#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, Z as t, A as u };
+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 };

package/dist/DialogContent-DDE6pQBU.js

@@ -0,0 +1,103 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./x-BUwTKe50.js";
+import { t as n } from "./useSurfaceAxis-CMnF2zHb.js";
+import { t as r } from "./useSpringMount-CvopqiFr.js";
+import { t as i } from "./ModalOverlay-CkPRRgl_.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
+import { DialogClose as g, DialogContent as _, DialogPortal as v, DialogRoot as y, injectDialogRootContext as b, useForwardPropsEmits as x } from "reka-ui";
+//#endregion
+//#region src/components/ui/dialog/Dialog.vue
+var S = /* @__PURE__ */ u({
+	__name: "Dialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = x(e, t);
+		return (e, t) => (f(), o(m(y), d({ "data-slot": "dialog" }, m(n)), {
+			default: h(() => [p(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), C = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", w = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", T = /* @__PURE__ */ u({
+	__name: "DialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" },
+		scrimAnimation: {},
+		spring: { type: [Boolean, String] },
+		showClose: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(u, { emit: y }) {
+		let S = u, T = y, E = x(a(() => {
+			let { class: e, surface: t, scrimAnimation: n, spring: r, showClose: i, ...a } = S;
+			return a;
+		}), T), D = a(() => e(n(S.surface, "floating"), "rounded-dialog")), O = S.spring ? b() : null, k = S.spring && O ? r({
+			open: O.open,
+			preset: typeof S.spring == "string" ? S.spring : "smooth"
+		}) : null, A = a(() => {
+			if (!k) return;
+			let e = k.position.value;
+			return {
+				transform: `translate(-50%, -50%) scale(${1 - .05 * e})`,
+				opacity: String(1 - e),
+				animation: "none",
+				transition: "none"
+			};
+		});
+		return (n, r) => (f(), o(m(v), null, {
+			default: h(() => [l(i, {
+				scrim: "glass",
+				animate: "fade",
+				layout: "centered",
+				"scrim-animation": S.scrimAnimation
+			}, null, 8, ["scrim-animation"]), l(m(_), d(m(E), {
+				class: m(e)(C, S.spring ? "" : w, D.value, S.class),
+				style: A.value,
+				"data-surface": S.surface,
+				"data-spring": S.spring ? typeof S.spring == "string" ? S.spring : "smooth" : void 0
+			}), {
+				default: h(() => [p(n.$slots, "default"), S.showClose ? (f(), o(m(g), {
+					key: 0,
+					class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
+				}, {
+					default: h(() => [l(m(t), { class: "w-4 h-4" }), r[0] ||= c("span", { class: "sr-only" }, "Close", -1)]),
+					_: 1
+				})) : s("", !0)]),
+				_: 3
+			}, 16, [
+				"class",
+				"style",
+				"data-surface",
+				"data-spring"
+			])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { S as n, T as t };

package/dist/{DialogFooter-Blu4t7tJ.js → DialogFooter-8eZbdmPc.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./ModalOverlay-DVLI2VRr.js";
+import { t as n } from "./ModalOverlay-CkPRRgl_.js";
 import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, withCtx as g } from "vue";
 import { DialogClose as _, DialogContent as v, DialogDescription as y, DialogPortal as b, DialogTitle as x, DialogTrigger as S, useForwardProps as C, useForwardPropsEmits as w } from "reka-ui";
 //#endregion