@mkbabb/glass-ui 10.1.3 → 11.0.0

package/dist/{data-table-Cs93-uY7.js → data-table-lDykVYuo.js}

@@ -1,20 +1,21 @@
+import "./data-table.css";
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
-import { t as n } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as n } from "./useResizeObserver-Bv3nN46q.js";
 import { t as r } from "./useIntersectionPause-CzKR3EyP.js";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as a } from "./focus-Duf7EpUu.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, effectScope as h, isRef as g, mergeProps as _, nextTick as ee, normalizeClass as v, onBeforeUpdate as te, onUpdated as ne, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, toValue as T, unref as E, useAttrs as D, useSlots as re, useTemplateRef as O, watch as k, withCtx as A, withModifiers as j } from "vue";
 //#region src/components/table/Table.vue?vue&type=script&setup=true&lang.ts
-var M = {
+var ie = {
 	"data-slot": "table-container",
 	class: "relative w-full overflow-auto"
-}, N = [
+}, M = [
 	"role",
 	"aria-label",
 	"aria-colcount",
 	"aria-rowcount"
-], P = /* @__PURE__ */ m({
+], N = /* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "Table",
 	props: {
@@ -32,16 +33,16 @@ var M = {
 	},
 	setup(t) {
 		let n = t, r = D();
-		return (t, i) => (y(), u("div", M, [d("table", _(E(r), {
+		return (t, i) => (y(), u("div", ie, [d("table", _(E(r), {
 			"data-slot": "table",
 			class: E(e)("w-full caption-bottom text-small", n.class),
 			role: n.role,
 			"aria-label": n.ariaLabel,
 			"aria-colcount": n.ariaColCount,
 			"aria-rowcount": n.ariaRowCount
-		}), [S(t.$slots, "default")], 16, N)]));
+		}), [S(t.$slots, "default")], 16, M)]));
 	}
-}), F = /* @__PURE__ */ m({
+}), P = /* @__PURE__ */ m({
 	__name: "TableBody",
 	props: { class: { type: [
 		Boolean,
@@ -54,7 +55,7 @@ var M = {
 		let n = t;
 		return (t, r) => (y(), u("tbody", { class: v(E(e)("[&_tr:last-child]:border-0", n.class)) }, [S(t.$slots, "default")], 2));
 	}
-}), I = /* @__PURE__ */ m({
+}), F = /* @__PURE__ */ m({
 	__name: "TableCell",
 	props: { class: { type: [
 		Boolean,
@@ -67,7 +68,7 @@ var M = {
 		let n = t;
 		return (t, r) => (y(), u("td", { class: v(E(e)("table-cell align-middle [&:has([role=checkbox])]:pr-0", n.class)) }, [S(t.$slots, "default")], 2));
 	}
-}), L = /* @__PURE__ */ m({
+}), I = /* @__PURE__ */ m({
 	__name: "TableHead",
 	props: { class: { type: [
 		Boolean,
@@ -80,7 +81,7 @@ var M = {
 		let n = t;
 		return (t, r) => (y(), u("th", { class: v(E(e)("table-head text-left data-[align=center]:text-center data-[align=right]:text-right align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", n.class)) }, [S(t.$slots, "default")], 2));
 	}
-}), R = /* @__PURE__ */ m({
+}), L = /* @__PURE__ */ m({
 	__name: "TableHeader",
 	props: { class: { type: [
 		Boolean,
@@ -93,7 +94,7 @@ var M = {
 		let n = t;
 		return (t, r) => (y(), u("thead", { class: v(E(e)("[&_tr]:border-b", n.class)) }, [S(t.$slots, "default")], 2));
 	}
-}), z = /* @__PURE__ */ m({
+}), R = /* @__PURE__ */ m({
 	__name: "TableRow",
 	props: { class: { type: [
 		Boolean,
@@ -106,7 +107,7 @@ var M = {
 		let n = t;
 		return (t, r) => (y(), u("tr", { class: v(E(e)("border-b", n.class)) }, [S(t.$slots, "default")], 2));
 	}
-}), B = { class: "flex items-center justify-center py-10" }, V = /* @__PURE__ */ m({
+}), z = { class: "flex items-center justify-center py-10" }, B = /* @__PURE__ */ m({
 	__name: "TableEmpty",
 	props: {
 		class: { type: [
@@ -123,15 +124,15 @@ var M = {
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (y(), c(z, null, {
-			default: A(() => [p(I, _({ class: E(e)("p-4 whitespace-nowrap align-middle text-small text-foreground", n.class) }, r.value), {
-				default: A(() => [d("div", B, [S(t.$slots, "default")])]),
+		return (t, i) => (y(), c(R, null, {
+			default: A(() => [p(F, _({ class: E(e)("p-4 whitespace-nowrap align-middle text-small text-foreground", n.class) }, r.value), {
+				default: A(() => [d("div", z, [S(t.$slots, "default")])]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), H = ["data-shimmer", "data-offscreen"], U = /*#__PURE__*/ i(/* @__PURE__ */ m({
+}), V = ["data-shimmer", "data-offscreen"], H = /*#__PURE__*/ i(/* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "Skeleton",
 	props: {
@@ -164,32 +165,32 @@ var M = {
 			"data-shimmer": n.shimmer || void 0,
 			"data-offscreen": n.shimmer && l.value || void 0,
 			class: E(e)("skeleton", i.class)
-		}), null, 16, H));
+		}), null, 16, V));
 	}
 }), [["__scopeId", "data-v-5e54f919"]]);
 //#endregion
 //#region src/components/data-table/composables/useDataTableRowIdentity.ts
-function W(e, t) {
+function U(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function G(e) {
+function W(e) {
 	return g(e) ? e.value : e;
 }
-function K(e) {
+function G(e) {
 	return [
 		"string",
 		"number",
 		"symbol"
 	].includes(typeof e);
 }
-function ie(e) {
+function ae(e) {
 	return { rowEntries: s(() => {
-		let t = /* @__PURE__ */ new Set(), n = G(e.getRowId);
+		let t = /* @__PURE__ */ new Set(), n = W(e.getRowId);
 		return T(e.rows).map((r, i) => {
-			let a = n ? n(r) : W(r, T(e.rowKey));
-			if (!K(a)) throw TypeError(`[DataTable] Row ${i} has no stable identity.`);
+			let a = n ? n(r) : U(r, T(e.rowKey));
+			if (!G(a)) throw TypeError(`[DataTable] Row ${i} has no stable identity.`);
 			if (t.has(a)) throw TypeError(`[DataTable] Duplicate row identity ${String(a)}.`);
 			return t.add(a), {
 				row: r,
@@ -200,33 +201,31 @@ function ie(e) {
 }
 //#endregion
 //#region src/components/data-table/composables/useDataTableResponsive.ts
-function ae(e) {
-	let { columns: t, responsive: n, cardBreakpoint: r, containerWidth: i } = e;
+function oe(e) {
+	let { columns: t, responsive: n, cardBreakpoint: r, containerWidth: i } = e, a = (e) => T(n) && e > 0 && e < T(r);
 	return {
-		isCard: s(() => {
-			let e = T(i);
-			return T(n) && e > 0 && e < T(r);
-		}),
+		isCard: s(() => a(T(i))),
+		cardAt: a,
 		headerColumn: s(() => T(t)[0]),
 		bodyColumns: s(() => T(t).slice(1))
 	};
 }
 //#endregion
 //#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
-var oe = ["data-state", "aria-busy"], se = {
+var se = ["data-state", "aria-busy"], ce = {
 	key: 0,
 	class: "data-table-state glass-quiet",
 	role: "alert"
-}, ce = {
+}, le = {
 	key: 1,
 	class: "data-table-cards"
-}, le = ["role", "aria-label"], ue = { class: "data-table-card-header" }, de = { class: "data-table-card-title" }, fe = {
+}, ue = ["role", "aria-label"], de = { class: "data-table-card-header" }, fe = { class: "data-table-card-title" }, pe = {
 	key: 0,
 	class: "data-table-card-fields"
-}, pe = { class: "data-table-card-label" }, me = ["data-align"], he = {
+}, me = { class: "data-table-card-label" }, he = ["data-align"], ge = {
 	key: 3,
 	class: "data-table-state glass-quiet"
-}, ge = ["data-align", "onClick"], _e = { "aria-hidden": "true" }, ve = { role: "alert" }, q = /* @__PURE__ */ m({
+}, _e = ["data-align", "onClick"], ve = { "aria-hidden": "true" }, ye = { role: "alert" }, K = /* @__PURE__ */ m({
 	__name: "DataTable",
 	props: {
 		columns: {},
@@ -272,41 +271,48 @@ var oe = ["data-state", "aria-busy"], se = {
 		"select"
 	],
 	setup(t, { emit: r }) {
-		let i = t, m = r, h = re(), g = s(() => !!h["row-actions"]), T = s(() => i.role ?? (i.selectable || i.tabbableRowId !== void 0 ? "grid" : void 0)), D = s(() => i.ariaColCount ?? i.columns.length + +!!g.value), O = s(() => i.ariaRowCount ?? (T.value ? i.rows.length + 1 : void 0)), k = s(() => i.status === "error" ? "error" : i.status === "loading" && i.rows.length === 0 ? "loading" : i.rows.length === 0 ? i.filtered ? "filtered-empty" : "empty" : i.status), M = b(null), N = b(0);
+		let i = t, m = r, h = re(), g = s(() => !!h["row-actions"]), T = s(() => i.role ?? (i.selectable || i.tabbableRowId !== void 0 ? "grid" : void 0)), D = s(() => i.ariaColCount ?? i.columns.length + +!!g.value), O = s(() => i.ariaRowCount ?? (T.value ? i.rows.length + 1 : void 0)), ie = s(() => i.status === "error" ? "error" : i.status === "loading" && i.rows.length === 0 ? "loading" : i.rows.length === 0 ? i.filtered ? "filtered-empty" : "empty" : i.status), M = b(null), z = b(0), V = NaN;
 		n(M, (e) => {
-			N.value = e.width;
+			Math.abs(e.width - V) < 1 || (V = NaN, z.value = e.width);
 		});
-		let { isCard: B, headerColumn: H, bodyColumns: W } = ae({
+		let { isCard: U, cardAt: W, headerColumn: G, bodyColumns: K } = oe({
 			columns: () => i.columns,
 			responsive: () => i.responsive,
 			cardBreakpoint: () => i.cardBreakpoint,
-			containerWidth: N
-		}), { rowEntries: G } = ie({
+			containerWidth: z
+		});
+		k(U, (e) => {
+			let t = M.value;
+			if (!t) return;
+			let n = getComputedStyle(t), r = t.clientWidth - parseFloat(n.paddingLeft) - parseFloat(n.paddingRight);
+			V = W(r) === e ? NaN : r;
+		}, { flush: "post" });
+		let { rowEntries: q } = ae({
 			rows: () => i.rows,
 			rowKey: () => i.rowKey,
 			getRowId: s(() => i.getRowId)
-		}), K = /* @__PURE__ */ new Map();
-		function q(e, t, n) {
+		}), J = /* @__PURE__ */ new Map();
+		function Y(e, t, n) {
 			let r = n, a = n instanceof HTMLElement ? n : r?.$el, o = a instanceof HTMLElement ? a : null;
-			o ? K.set(e.key, o) : K.delete(e.key), i.rowRef?.(o, e.row, t);
+			o ? J.set(e.key, o) : J.delete(e.key), i.rowRef?.(o, e.row, t);
 		}
-		let J = null;
+		let X = null;
 		te(() => {
-			J = Array.from(K).find(([, e]) => e === document.activeElement)?.[0] ?? null;
+			X = Array.from(J).find(([, e]) => e === document.activeElement)?.[0] ?? null;
 		}), ne(() => {
-			J !== null && K.get(J)?.focus(), J = null;
+			X !== null && J.get(X)?.focus(), X = null;
 		});
-		let Y = Array.from({ length: 5 }, (e, t) => t);
-		function X(e, t) {
+		let Z = Array.from({ length: 5 }, (e, t) => t);
+		function Q(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);
+		function $(e, t) {
+			let n = Q(e, t.key);
 			return t.formatter ? t.formatter(n, e) : n == null ? "—" : String(n);
 		}
-		function ye(e) {
+		function be(e) {
 			if (!e.sortable) return;
 			let t = i.sort;
 			t?.key === e.key ? m("update:sort", {
@@ -317,169 +323,169 @@ var oe = ["data-state", "aria-busy"], se = {
 				direction: "asc"
 			});
 		}
-		function be(e) {
+		function xe(e) {
 			if (e.sortable) return i.sort?.key === e.key ? i.sort.direction === "asc" ? "ascending" : "descending" : "none";
 		}
-		function xe(e) {
+		function Se(e) {
 			return e.sortable ? i.sort?.key === e.key ? i.sort.direction === "asc" ? " ↑" : " ↓" : " ↕" : "";
 		}
-		function Se(e) {
+		function Ce(e) {
 			return Object.is(i.selectedRowId, e.key);
 		}
-		function Q(e) {
-			m("update:selectedRowId", e.key), m("update:tabbableRowId", e.key), m("select", e.row), K.get(e.key)?.focus({ preventScroll: !0 });
+		function we(e) {
+			m("update:selectedRowId", e.key), m("update:tabbableRowId", e.key), m("select", e.row), J.get(e.key)?.focus({ preventScroll: !0 });
 		}
-		function Ce(e, t) {
+		function Te(e, t) {
 			if (!(e.target instanceof Element)) return;
 			let n = e.target.closest(a);
-			(!n || n === e.currentTarget) && Q(t);
+			(!n || n === e.currentTarget) && we(t);
 		}
-		function we(e, t) {
+		function Ee(e, t) {
 			if (e.target !== e.currentTarget) return;
 			if (["Enter", " "].includes(e.key)) {
 				if (!i.selectable) return;
-				e.preventDefault(), Q(t);
+				e.preventDefault(), we(t);
 				return;
 			}
-			let n = e.key === "Home" ? 0 : e.key === "End" ? G.value.length - 1 : -1, r = e.key === "ArrowUp" ? -1 : +(e.key === "ArrowDown");
+			let n = e.key === "Home" ? 0 : e.key === "End" ? q.value.length - 1 : -1, r = e.key === "ArrowUp" ? -1 : +(e.key === "ArrowDown");
 			if (n < 0 && r === 0) return;
-			let a = G.value.findIndex(({ key: e }) => Object.is(e, t.key)), o = Math.max(0, Math.min(G.value.length - 1, n >= 0 ? n : a + r)), s = G.value[o];
-			s && (e.preventDefault(), m("update:tabbableRowId", s.key), ee(() => K.get(s.key)?.focus({ preventScroll: !0 })));
+			let a = q.value.findIndex(({ key: e }) => Object.is(e, t.key)), o = Math.max(0, Math.min(q.value.length - 1, n >= 0 ? n : a + r)), s = q.value[o];
+			s && (e.preventDefault(), m("update:tabbableRowId", s.key), ee(() => J.get(s.key)?.focus({ preventScroll: !0 })));
 		}
-		let Te = s(() => i.tabbableRowId === void 0 ? i.selectable ? G.value.find(({ key: e }) => Object.is(e, i.selectedRowId))?.key ?? G.value[0]?.key ?? null : null : G.value.some(({ key: e }) => Object.is(e, i.tabbableRowId)) ? i.tabbableRowId : null);
-		function Ee(e, t = !1) {
+		let De = s(() => i.tabbableRowId === void 0 ? i.selectable ? q.value.find(({ key: e }) => Object.is(e, i.selectedRowId))?.key ?? q.value[0]?.key ?? null : null : q.value.some(({ key: e }) => Object.is(e, i.tabbableRowId)) ? i.tabbableRowId : null);
+		function Oe(e, t = !1) {
 			if (!i.selectable) return {};
-			let n = Se(e);
+			let n = Ce(e);
 			return {
 				class: "data-table-row-interactive",
 				role: t ? "option" : void 0,
 				"aria-selected": n,
 				"data-state": n ? "selected" : void 0,
-				onClick: (t) => Ce(t, e)
+				onClick: (t) => Te(t, e)
 			};
 		}
-		function $(e, t, n = !1) {
+		function ke(e, t, n = !1) {
 			let r = { ...i.getRowAttrs?.(e.row, t) };
 			n ? delete r["aria-rowindex"] : i.getRowIndex && (r["aria-rowindex"] = i.getRowIndex(e.row, t));
 			let a = i.selectable || i.tabbableRowId !== void 0 ? {
 				class: "focus-ring",
-				tabindex: Object.is(Te.value, e.key) ? 0 : -1,
+				tabindex: Object.is(De.value, e.key) ? 0 : -1,
 				onFocus: () => m("update:tabbableRowId", e.key),
-				onKeydown: (t) => we(t, e)
+				onKeydown: (t) => Ee(t, e)
 			} : {};
-			return _(r, Ee(e, n), a);
+			return _(r, Oe(e, n), a);
 		}
 		return (n, r) => (y(), u("div", {
 			"data-slot": "data-table",
 			ref_key: "rootRef",
 			ref: M,
 			class: v(E(e)("data-table", i.class)),
-			"data-state": k.value,
+			"data-state": ie.value,
 			"aria-busy": t.status === "loading" || void 0
-		}, [E(B) ? (y(), u(o, { key: 0 }, [t.status === "error" ? (y(), u("div", se, [S(n.$slots, "error", {}, () => [r[2] ||= f("Unable to load data", -1)])])) : t.status === "loading" && t.rows.length === 0 ? (y(), u("div", ce, [(y(!0), u(o, null, x(E(Y), (e) => (y(), u("div", {
+		}, [E(U) ? (y(), u(o, { key: 0 }, [t.status === "error" ? (y(), u("div", ce, [S(n.$slots, "error", {}, () => [r[2] ||= f("Unable to load data", -1)])])) : t.status === "loading" && t.rows.length === 0 ? (y(), u("div", le, [(y(!0), u(o, null, x(E(Z), (e) => (y(), u("div", {
 			key: "skel-card-" + e,
 			class: "data-table-card glass-quiet"
-		}, [p(E(U), { class: "data-table-card-skeleton-title" }), p(E(U), { class: "h-3 w-3/4" })]))), 128))])) : t.rows.length > 0 ? (y(), u("div", {
+		}, [p(E(H), { class: "data-table-card-skeleton-title" }), p(E(H), { class: "h-3 w-3/4" })]))), 128))])) : t.rows.length > 0 ? (y(), u("div", {
 			key: 2,
 			class: "data-table-cards",
 			role: t.selectable ? "listbox" : void 0,
 			"aria-label": t.selectable ? t.ariaLabel ?? "Rows" : void 0
-		}, [(y(!0), u(o, null, x(E(G), (t, i) => (y(), u("div", _({
+		}, [(y(!0), u(o, null, x(E(q), (t, i) => (y(), u("div", _({
 			key: t.key,
 			ref_for: !0,
-			ref: (e) => q(t, i, e)
-		}, { ref_for: !0 }, $(t, i, !0), { class: "data-table-card glass-quiet" }), [d("div", ue, [d("div", de, [E(H)?.component ? (y(), c(C(E(H).component), {
+			ref: (e) => Y(t, i, e)
+		}, { ref_for: !0 }, ke(t, i, !0), { class: "data-table-card glass-quiet" }), [d("div", de, [d("div", fe, [E(G)?.component ? (y(), c(C(E(G).component), {
 			key: 0,
-			value: X(t.row, E(H).key),
+			value: Q(t.row, E(G).key),
 			row: t.row
-		}, null, 8, ["value", "row"])) : E(H) ? (y(), u(o, { key: 1 }, [f(w(Z(t.row, E(H))), 1)], 64)) : l("", !0)]), g.value ? (y(), u("div", {
+		}, null, 8, ["value", "row"])) : E(G) ? (y(), u(o, { key: 1 }, [f(w($(t.row, E(G))), 1)], 64)) : l("", !0)]), g.value ? (y(), u("div", {
 			key: 0,
 			class: "data-table-actions",
 			onClick: r[0] ||= j(() => {}, ["stop"])
-		}, [S(n.$slots, "row-actions", { row: t.row })])) : l("", !0)]), E(W).length > 0 ? (y(), u("dl", fe, [(y(!0), u(o, null, x(E(W), (n) => (y(), u(o, { key: n.key }, [d("dt", pe, w(n.label), 1), d("dd", {
+		}, [S(n.$slots, "row-actions", { row: t.row })])) : l("", !0)]), E(K).length > 0 ? (y(), u("dl", pe, [(y(!0), u(o, null, x(E(K), (n) => (y(), u(o, { key: n.key }, [d("dt", me, w(n.label), 1), d("dd", {
 			class: v(E(e)("data-table-card-value", n.class)),
 			"data-align": n.align ?? "left"
 		}, [n.component ? (y(), c(C(n.component), {
 			key: 0,
-			value: X(t.row, n.key),
+			value: Q(t.row, n.key),
 			row: t.row
-		}, null, 8, ["value", "row"])) : (y(), u(o, { key: 1 }, [f(w(Z(t.row, n)), 1)], 64))], 10, me)], 64))), 128))])) : l("", !0)], 16))), 128))], 8, le)) : (y(), u("div", he, [t.filtered ? S(n.$slots, "filtered-empty", {}, () => [r[3] ||= f("No matching rows", -1)], void 0, 0) : S(n.$slots, "empty", {}, () => [r[4] ||= f("No rows yet", -1)], void 0, 1)]))], 64)) : (y(), c(E(P), {
+		}, null, 8, ["value", "row"])) : (y(), u(o, { key: 1 }, [f(w($(t.row, n)), 1)], 64))], 10, he)], 64))), 128))])) : l("", !0)], 16))), 128))], 8, ue)) : (y(), u("div", ge, [t.filtered ? S(n.$slots, "filtered-empty", {}, () => [r[3] ||= f("No matching rows", -1)], void 0, 0) : S(n.$slots, "empty", {}, () => [r[4] ||= f("No rows yet", -1)], void 0, 1)]))], 64)) : (y(), c(E(N), {
 			key: 1,
 			role: T.value,
 			"aria-label": t.ariaLabel,
 			"aria-col-count": D.value,
 			"aria-row-count": O.value
 		}, {
-			default: A(() => [p(E(R), null, {
-				default: A(() => [p(E(z), {
+			default: A(() => [p(E(L), null, {
+				default: A(() => [p(E(R), {
 					class: "data-table-header-row",
 					"aria-rowindex": T.value === "grid" ? 1 : void 0
 				}, {
-					default: A(() => [(y(!0), u(o, null, x(t.columns, (e) => (y(), c(E(L), {
+					default: A(() => [(y(!0), u(o, null, x(t.columns, (e) => (y(), c(E(I), {
 						key: e.key,
 						class: v(e.headerClass),
 						"data-align": e.align ?? "left",
-						"aria-sort": be(e)
+						"aria-sort": xe(e)
 					}, {
 						default: A(() => [e.sortable ? (y(), u("button", {
 							key: 0,
 							type: "button",
 							class: "data-table-sort focus-ring",
 							"data-align": e.align ?? "left",
-							onClick: (t) => ye(e)
-						}, [d("span", null, w(e.label), 1), d("span", _e, w(xe(e)), 1)], 8, ge)) : (y(), u(o, { key: 1 }, [f(w(e.label), 1)], 64))]),
+							onClick: (t) => be(e)
+						}, [d("span", null, w(e.label), 1), d("span", ve, w(Se(e)), 1)], 8, _e)) : (y(), u(o, { key: 1 }, [f(w(e.label), 1)], 64))]),
 						_: 2
 					}, 1032, [
 						"class",
 						"data-align",
 						"aria-sort"
-					]))), 128)), g.value ? (y(), c(E(L), {
+					]))), 128)), g.value ? (y(), c(E(I), {
 						key: 0,
 						class: "data-table-actions-cell"
 					})) : l("", !0)]),
 					_: 1
 				}, 8, ["aria-rowindex"])]),
 				_: 1
-			}), p(E(F), null, {
-				default: A(() => [t.status === "error" ? (y(), c(E(V), {
+			}), p(E(P), null, {
+				default: A(() => [t.status === "error" ? (y(), c(E(B), {
 					key: 0,
 					colspan: t.columns.length + +!!g.value,
 					role: T.value === "grid" ? "presentation" : void 0
 				}, {
-					default: A(() => [d("span", ve, [S(n.$slots, "error", {}, () => [r[5] ||= f("Unable to load data", -1)])])]),
+					default: A(() => [d("span", ye, [S(n.$slots, "error", {}, () => [r[5] ||= f("Unable to load data", -1)])])]),
 					_: 3
-				}, 8, ["colspan", "role"])) : t.status === "loading" && t.rows.length === 0 ? (y(!0), u(o, { key: 1 }, x(E(Y), (e) => (y(), c(E(z), { key: "skel-" + e }, {
-					default: A(() => [(y(!0), u(o, null, x(t.columns, (e) => (y(), c(E(I), {
+				}, 8, ["colspan", "role"])) : t.status === "loading" && t.rows.length === 0 ? (y(!0), u(o, { key: 1 }, x(E(Z), (e) => (y(), c(E(R), { key: "skel-" + e }, {
+					default: A(() => [(y(!0), u(o, null, x(t.columns, (e) => (y(), c(E(F), {
 						key: e.key,
 						"data-align": e.align ?? "left"
 					}, {
-						default: A(() => [p(E(U), { class: "data-table-cell-skeleton" })]),
+						default: A(() => [p(E(H), { class: "data-table-cell-skeleton" })]),
 						_: 1
-					}, 8, ["data-align"]))), 128)), g.value ? (y(), c(E(I), {
+					}, 8, ["data-align"]))), 128)), g.value ? (y(), c(E(F), {
 						key: 0,
 						class: "data-table-actions-cell"
 					}, {
-						default: A(() => [p(E(U), { class: "data-table-action-skeleton" })]),
+						default: A(() => [p(E(H), { class: "data-table-action-skeleton" })]),
 						_: 1
 					})) : l("", !0)]),
 					_: 1
-				}))), 128)) : t.rows.length > 0 ? (y(!0), u(o, { key: 2 }, x(E(G), (e, i) => (y(), c(E(z), _({
+				}))), 128)) : t.rows.length > 0 ? (y(!0), u(o, { key: 2 }, x(E(q), (e, i) => (y(), c(E(R), _({
 					key: e.key,
 					ref_for: !0,
-					ref: (t) => q(e, i, t)
-				}, { ref_for: !0 }, $(e, i)), {
-					default: A(() => [(y(!0), u(o, null, x(t.columns, (t) => (y(), c(E(I), {
+					ref: (t) => Y(e, i, t)
+				}, { ref_for: !0 }, ke(e, i)), {
+					default: A(() => [(y(!0), u(o, null, x(t.columns, (t) => (y(), c(E(F), {
 						key: t.key,
 						class: v(t.class),
 						"data-align": t.align ?? "left"
 					}, {
 						default: A(() => [t.component ? (y(), c(C(t.component), {
 							key: 0,
-							value: X(e.row, t.key),
+							value: Q(e.row, t.key),
 							row: e.row
-						}, null, 8, ["value", "row"])) : (y(), u(o, { key: 1 }, [f(w(Z(e.row, t)), 1)], 64))]),
+						}, null, 8, ["value", "row"])) : (y(), u(o, { key: 1 }, [f(w($(e.row, t)), 1)], 64))]),
 						_: 2
-					}, 1032, ["class", "data-align"]))), 128)), g.value ? (y(), c(E(I), {
+					}, 1032, ["class", "data-align"]))), 128)), g.value ? (y(), c(E(F), {
 						key: 0,
 						class: "data-table-actions-cell",
 						onClick: r[1] ||= j(() => {}, ["stop"])
@@ -488,7 +494,7 @@ var oe = ["data-state", "aria-busy"], se = {
 						_: 2
 					}, 1024)) : l("", !0)]),
 					_: 2
-				}, 1040))), 128)) : (y(), c(E(V), {
+				}, 1040))), 128)) : (y(), c(E(B), {
 					key: 3,
 					colspan: t.columns.length + +!!g.value,
 					role: T.value === "grid" ? "presentation" : void 0
@@ -504,8 +510,8 @@ var oe = ["data-state", "aria-busy"], se = {
 			"aria-label",
 			"aria-col-count",
 			"aria-row-count"
-		])), S(n.$slots, "sentinel")], 10, oe));
+		])), S(n.$slots, "sentinel")], 10, se));
 	}
 });
 //#endregion
-export { R as a, F as c, z as i, P as l, U as n, L as o, V as r, I as s, q as t };
+export { L as a, P as c, R as i, N as l, H as n, I as o, B as r, F as s, K as t };

package/dist/data-table.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.skeleton[data-v-5e54f919]{isolation:isolate;background:color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent);border-radius:var(--radius-media);position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.skeleton[data-v-5e54f919]:not([data-shimmer]){animation:skeleton-breathe-5e54f919 1.1s var(--ease-standard) infinite alternate}}.skeleton[data-shimmer][data-v-5e54f919]:after{--skeleton-shimmer-period:28rem;content:"";inset-block:0;width:calc(100% + var(--skeleton-shimmer-period));pointer-events:none;background-image:repeating-linear-gradient(90deg, transparent 0, color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 35%), transparent) calc(var(--skeleton-shimmer-period) * .25), color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 100%), transparent) calc(var(--skeleton-shimmer-period) * .5), color-mix(in oklab, var(--foreground) calc(var(--ink-seam) * 35%), transparent) calc(var(--skeleton-shimmer-period) * .75), transparent var(--skeleton-shimmer-period));transform:translateX(calc(-1 * var(--skeleton-shimmer-period)));position:absolute;left:0}@media (prefers-reduced-motion:no-preference){.skeleton[data-shimmer][data-v-5e54f919]:after{animation:skeleton-shimmer-5e54f919 var(--duration-shimmer-fast) linear infinite}}.skeleton[data-offscreen][data-v-5e54f919]:after{animation-play-state:paused}@media (forced-colors:active){.skeleton[data-v-5e54f919]{opacity:.18;background:canvastext;animation:none}.skeleton[data-shimmer][data-v-5e54f919]:after{content:none}}.data-table{overflow:hidden}.data-table-cards{flex-direction:column;gap:.5rem;display:flex}.data-table-card,.data-table-state{border:1px solid var(--border);border-radius:var(--radius-card);padding:.75rem}.data-table-state{padding-block:var(--space-phi-5);color:var(--muted-foreground);text-align:center}.data-table-card-skeleton-title{width:50%;height:1rem;margin-block-end:.5rem}.data-table-cell-skeleton{width:75%;height:1rem}.data-table-action-skeleton{width:1.5rem;height:1rem}.data-table-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.data-table-card-title,.data-table-card-value{overflow-wrap:anywhere;min-width:0}.data-table-card-title{font-weight:600}.data-table-card-fields{grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;margin-block-start:.5rem;display:grid}.data-table-card-label,.data-table-header-row{color:var(--muted-foreground)}.data-table-actions,.data-table-actions-cell{flex:none;width:2.5rem}.data-table-sort{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.25rem;padding:0;display:inline-flex}.data-table [data-align=center]{text-align:center;justify-content:center}.data-table [data-align=right]{text-align:right;justify-content:flex-end}.data-table-row-interactive{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.data-table-row-interactive:hover,.data-table-row-interactive[data-state=selected]{background:var(--surface-tint-8)}.data-table-card.data-table-row-interactive[data-state=selected]{border-color:var(--focus-ring-color);box-shadow:var(--focus-ring-shadow)}}@keyframes skeleton-breathe-5e54f919{to{opacity:.55}}@keyframes skeleton-shimmer-5e54f919{to{transform:translate(0)}}

package/dist/data-table.js

@@ -1,2 +1,2 @@
-import { t as e } from "./data-table-Cs93-uY7.js";
+import { t as e } from "./data-table-lDykVYuo.js";
 export { e as DataTable };

package/dist/{deck-Cm_VmyNL.js → deck-Bc-2mEKE.js}

@@ -1,5 +1,6 @@
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, inject as a, normalizeClass as o, normalizeStyle as s, onBeforeUnmount as c, onMounted as l, openBlock as u, provide as d, readonly as f, ref as p, renderSlot as m, toDisplayString as h, toValue as g, unref as _, watch as v } from "vue";
+import "./components/deck/styles/index.css";
 //#region src/components/deck/composables/useDeck.ts
 function y(e, n = {}) {
 	let r = t(() => {

package/dist/deck.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, y as v } from "./deck-Cm_VmyNL.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, y as v } from "./deck-Bc-2mEKE.js";
 export { _ as CONTROL_SELECTOR, n as DECK_SETTLED_ATTR, i as DECK_SWIPE_THRESHOLD_PX, h as DeckSlide, u as DeckStage, c as deckCaptureMode, a as handleDeckKey, p as provideDeck, s as provideSlideContext, m as sequenceWindow, v as useDeck, g as useDeckCapture, l as useDeckHashSync, e as useDeckKeyboard, o as useDeckSnap, t as useDeckStage, f as useDeckSwipe, r as useEdgeZones, d as useSlideContext };

package/dist/dialog.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./DialogContent-CwIBvou_.js";
+import { n as e, t } from "./DialogContent-DG5kseRQ.js";
 import { a as n, i as r, n as i, o as a, r as o, t as s } from "./dialog-BZoFG0j8.js";
 export { e as Dialog, s as DialogClose, t as DialogContent, r as DialogDescription, o as DialogFooter, a as DialogHeader, n as DialogTitle, i as DialogTrigger };

package/dist/dock-trigger.d.ts

@@ -0,0 +1 @@
+export * from "./components/dock/trigger.js";

package/dist/dock-trigger.js

@@ -0,0 +1,88 @@
+import { t as e } from "./class-names-FlXcvRRT.js";
+import { t } from "./vSpecular-DMJo8pfD.js";
+import { i as n } from "./constants-DfrO-IaH.js";
+import { t as r } from "./DropdownMenuTrigger-uhSXgEfK.js";
+import { computed as i, createBlock as a, createVNode as o, defineComponent as s, h as c, mergeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p, withDirectives as m } from "vue";
+import { PopoverTrigger as h, SelectIcon as g, SelectTrigger as _ } from "reka-ui";
+import { ChevronDown as v } from "@lucide/vue";
+//#endregion
+//#region src/components/dock/DockTrigger.vue
+var y = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "DockTrigger",
+	props: {
+		for: { default: "select" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(s) {
+		let y = s, b = { [n]: "" };
+		function x(e) {
+			e.preventDefault(), e.stopImmediatePropagation();
+		}
+		let S = (e, { attrs: t, slots: n }) => {
+			let { disabled: r, ...i } = t, a = r != null && r !== !1;
+			return c("button", {
+				...i,
+				type: i.type ?? "button",
+				...a ? {
+					"aria-disabled": "true",
+					onClickCapture: x
+				} : {}
+			}, n.default?.());
+		};
+		S.inheritAttrs = !1;
+		let C = i(() => e("dock-trigger", y.for === "select" && "dock-select-trigger", y.for !== "select" && "dock-dropdown-trigger", y.class));
+		return (e, n) => y.for === "select" ? m((u(), a(f(_), l({ key: 0 }, {
+			...e.$attrs,
+			...b
+		}, {
+			"as-child": "",
+			class: C.value
+		}), {
+			default: p(() => [o(S, null, {
+				default: p(() => [d(e.$slots, "default"), o(f(g), { "as-child": "" }, {
+					default: p(() => [d(e.$slots, "icon", {}, () => [o(f(v), {
+						class: "dock-select-trigger__chevron",
+						"aria-hidden": "true"
+					})])]),
+					_: 3
+				})]),
+				_: 3
+			})]),
+			_: 3
+		}, 16, ["class"])), [[f(t)]]) : y.for === "dropdown" ? m((u(), a(r, l({ key: 1 }, {
+			...e.$attrs,
+			...b
+		}, {
+			"as-child": "",
+			action: "pointerdown",
+			class: C.value
+		}), {
+			default: p(() => [o(S, null, {
+				default: p(() => [d(e.$slots, "default")]),
+				_: 3
+			})]),
+			_: 3
+		}, 16, ["class"])), [[f(t)]]) : m((u(), a(f(h), l({ key: 2 }, {
+			...e.$attrs,
+			...b
+		}, {
+			"as-child": "",
+			class: C.value
+		}), {
+			default: p(() => [o(S, null, {
+				default: p(() => [d(e.$slots, "default")]),
+				_: 3
+			})]),
+			_: 3
+		}, 16, ["class"])), [[f(t)]]);
+	}
+});
+//#endregion
+export { y as DockTrigger };