@mkbabb/glass-ui 10.1.3 → 10.1.4

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

@@ -13,6 +13,8 @@ export interface UseDataTableResponsiveOptions<T> {
 export interface UseDataTableResponsiveReturn<T> {
     /** True when the table should render the stacked card-per-row projection. */
     isCard: ComputedRef<boolean>;
+    /** The projection a container of `width` CSS px takes: the one rule `isCard` reads. */
+    cardAt: (width: number) => 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. */

package/dist/components/deck/styles/capture.css

@@ -1 +1 @@
-@layer components{[data-deck-capture="export"] .deck-stage{--deck-export-inline: 1280px;--deck-export-block: 720px;position: relative;inset: auto;margin: 0;aspect-ratio: auto;inline-size: var(--deck-export-inline);block-size: var(--deck-export-block);max-inline-size: none;max-block-size: none;border-radius: 0;}[data-deck-capture="export"] .deck-slide{border-radius: 0;box-shadow: none;}[data-deck-capture="export"] .deck-ground,[data-deck-capture="freeze"] .deck-ground,[data-deck-capture="export"] .deck-slide,[data-deck-capture="freeze"] .deck-slide{transition: none !important;animation: none !important;}[data-deck-capture="export"] .deck-slide[data-state="active"],[data-deck-capture="freeze"] .deck-slide[data-state="active"]{--turn-x: 0px !important;--turn-s: 1 !important;--turn-r: 0deg !important;}[data-deck-capture="export"] .deck-slide::before,[data-deck-capture="export"] .deck-slide::after,[data-deck-capture="freeze"] .deck-slide::before,[data-deck-capture="freeze"] .deck-slide::after{opacity: 0 !important;animation: none !important;}[data-deck-capture="export"] [data-reveal],[data-deck-capture="freeze"] [data-reveal],[data-deck-capture="print"] [data-reveal]{opacity: 1 !important;animation: none !important;}[data-deck-capture="print"] .deck-stage{position: static;display: block;aspect-ratio: auto;inline-size: auto;block-size: auto;overflow: visible;}[data-deck-capture="print"] .deck-strip{display: block;overflow: visible;perspective: none;}[data-deck-capture="print"] .deck-ground{display: none;}[data-deck-capture="print"] .deck-slide{position: relative;opacity: 1 !important;visibility: visible !important;transform: none !important;pointer-events: auto;margin-block: var(--space-family);background: var(--background);}[data-deck-capture="print"] .deck-slide::before,[data-deck-capture="print"] .deck-slide::after{opacity: 0 !important;}}@layer components{@media print{@page{size: 1280px 720px;margin: 0;}html,body{overflow: visible !important;margin: 0 !important;padding: 0 !important;print-color-adjust: exact;-webkit-print-color-adjust: exact;}html,body,#app{block-size: auto !important;min-block-size: 0 !important;}.deck-stage{position: static !important;display: block !important;aspect-ratio: auto !important;inline-size: auto !important;block-size: auto !important;overflow: visible !important;}.deck-strip{display: block !important;overflow: visible !important;perspective: none !important;}.deck-ground{display: none !important;}.deck-slide{position: relative !important;opacity: 1 !important;visibility: visible !important;transform: none !important;box-shadow: none !important;border-radius: 0 !important;margin: 0 !important;block-size: 719px !important;overflow: hidden !important;background: var(--background) !important;}.deck-slide::before,.deck-slide::after{opacity: 0 !important;}.deck-slide:not(:last-child){break-after: page;}.deck-stage .sr-only{display: none !important;}}}
+@layer components{[data-deck-capture="export"] .deck-stage{--deck-export-inline: 1280px;--deck-export-block: 720px;position: relative;inset: auto;margin: 0;aspect-ratio: auto;inline-size: var(--deck-export-inline);block-size: var(--deck-export-block);max-inline-size: none;max-block-size: none;border-radius: 0;}[data-deck-capture="export"] .deck-slide{border-radius: 0;box-shadow: none;}[data-deck-capture="export"] .deck-ground,[data-deck-capture="freeze"] .deck-ground,[data-deck-capture="export"] .deck-slide,[data-deck-capture="freeze"] .deck-slide{transition: none !important;animation: none !important;}[data-deck-capture="export"] .deck-slide[data-state="active"],[data-deck-capture="freeze"] .deck-slide[data-state="active"]{--turn-x: 0px !important;--turn-s: 1 !important;--turn-r: 0deg !important;}[data-deck-capture="export"] .deck-slide::before,[data-deck-capture="export"] .deck-slide::after,[data-deck-capture="freeze"] .deck-slide::before,[data-deck-capture="freeze"] .deck-slide::after{opacity: 0 !important;animation: none !important;}[data-deck-capture="export"] [data-reveal],[data-deck-capture="freeze"] [data-reveal],[data-deck-capture="print"] [data-reveal]{opacity: 1 !important;animation: none !important;}[data-deck-capture="print"] .deck-stage{position: static;display: block;aspect-ratio: auto;inline-size: auto;block-size: auto;overflow: visible;}[data-deck-capture="print"] .deck-strip{display: block;overflow: visible;perspective: none;}[data-deck-capture="print"] .deck-ground{display: none;}[data-deck-capture="print"] .deck-slide{position: relative;opacity: 1 !important;visibility: visible !important;transform: none !important;pointer-events: auto;margin-block: var(--space-family);background: var(--background);}[data-deck-capture="print"] .deck-slide::before,[data-deck-capture="print"] .deck-slide::after{opacity: 0 !important;}}@layer components{@media print{@page deck{size: 1280px 720px !important;margin: 0 !important;}[data-slot="deck-stage"]{page: deck;}:root:has([data-slot="deck-stage"]),:root:has([data-slot="deck-stage"]) body{page: deck;overflow: visible !important;margin: 0 !important;padding: 0 !important;print-color-adjust: exact;-webkit-print-color-adjust: exact;}:root:has([data-slot="deck-stage"]),:root:has([data-slot="deck-stage"]) body,:root:has([data-slot="deck-stage"]) #app{block-size: auto !important;min-block-size: 0 !important;}.deck-stage{position: static !important;display: block !important;aspect-ratio: auto !important;inline-size: auto !important;block-size: auto !important;overflow: visible !important;}.deck-strip{display: block !important;overflow: visible !important;perspective: none !important;}.deck-ground{display: none !important;}.deck-slide{position: relative !important;opacity: 1 !important;visibility: visible !important;transform: none !important;box-shadow: none !important;border-radius: 0 !important;margin: 0 !important;block-size: 719px !important;overflow: hidden !important;background: var(--background) !important;}.deck-slide::before,.deck-slide::after{opacity: 0 !important;}.deck-slide:not(:last-child){break-after: page;}.deck-stage .sr-only{display: none !important;}}}

package/dist/composables/dom/useResizeObserver.d.ts

@@ -32,7 +32,9 @@ export interface UseResizeObserverControls {
  * Vue-scope-aware ResizeObserver wrapper.
  *
  * Watches one element ref and fires a callback when its bounding box
- * changes by more than `threshold` CSS pixels in either dimension.
+ * changes by more than `threshold` CSS pixels in either dimension. The
+ * platform's first observation of each element always dispatches, so a
+ * caller learns the element's size on mount without a resize.
  * Dispatch coalesces through `requestAnimationFrame` by default so a
  * caller wiring an expensive re-init (canvas DPR-resync, layout
  * remeasure) doesn't pay for every drag-resize step.

package/dist/{configurator-CPxIo3q2.js → configurator-Dl10mc3L.js}

@@ -3,7 +3,7 @@ import { t } from "./createContext-BhkE9mLH.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./label-CE03H1KL.js";
 import { t as i } from "./expandable-container-CZUj9BzY.js";
-import { t as a } from "./fading-scroll-CTeW3KNS.js";
+import { t as a } from "./fading-scroll-ClCPooXb.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, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeStyle as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as ee, toDisplayString as w, toRaw as T, unref as E, useId as D, useModel as O, useSlots as k, withCtx as A, withModifiers as j } from "vue";
 import { ChevronDown as M, RotateCcw as N } from "@lucide/vue";
 //#region src/components/configurator/size.ts

package/dist/configurator.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-CPxIo3q2.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./configurator-Dl10mc3L.js";
 export { e as CONFIGURATOR_SIZE_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorSize, o as useConfiguratorState, a as useOptionalConfiguratorSize };

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

@@ -1,20 +1,20 @@
 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 +32,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 +54,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 +67,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 +80,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 +93,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 +106,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 +123,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 +164,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 +200,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 +270,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 +322,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 +493,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 +509,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.js

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

package/dist/dock.js

@@ -7,7 +7,7 @@ import { t as a } from "./useLiquidPress-h1scrPtP.js";
 import { t as o } from "./useMotionAxis-D-rtIhca.js";
 import { n as s, t as c } from "./createContext-BhkE9mLH.js";
 import { a as l, c as u, d, f, i as p, l as m, n as h, o as g, r as _, s as v, u as y } from "./participation-B7UFdgXB.js";
-import { t as b } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as b } from "./useResizeObserver-Bv3nN46q.js";
 import { n as x } from "./useResolveTokenColor-B2FfJnd9.js";
 import { t as S } from "./useIntersectionPause-CzKR3EyP.js";
 import { t as C } from "./focus-Duf7EpUu.js";

package/dist/dom.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as e } from "./useResizeObserver-Bv3nN46q.js";
 import { t } from "./useTimer-C3yfti4C.js";
 import { t as n } from "./useDragVelocity-C5BkKiNf.js";
 import { n as r, t as i } from "./useResolveTokenColor-B2FfJnd9.js";

package/dist/{fading-scroll-CTeW3KNS.js → fading-scroll-ClCPooXb.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./supportsCssTimeline-Di9gzleG.js";
-import { t } from "./useResizeObserver-CdUlm2QZ.js";
+import { t } from "./useResizeObserver-Bv3nN46q.js";
 import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, toRef as d, unref as f, watch as p } from "vue";
 //#region src/components/fading-scroll/composables/useFadingScroll.ts
 var m;

package/dist/fading-scroll.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./fading-scroll-CTeW3KNS.js";
+import { n as e, t } from "./fading-scroll-ClCPooXb.js";
 export { t as FadingScroll, e as useFadingScroll };

package/dist/glass-ui.js

@@ -11,13 +11,13 @@ import { n as fe, t as pe } from "./supportsCssTimeline-Di9gzleG.js";
 import { t as me } from "./checkbox-B1qn65se.js";
 import { a as he, c as ge, i as u, l as d, n as f, o as p, r as m, s as h, t as g } from "./command-CatrAsrl.js";
 import { n as _, t as v } from "./DialogContent-CwIBvou_.js";
-import { t as y } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as y } from "./useResizeObserver-Bv3nN46q.js";
 import { t as b } from "./useTimer-C3yfti4C.js";
 import { t as x } from "./useDragVelocity-C5BkKiNf.js";
 import { n as S, t as C } from "./useResolveTokenColor-B2FfJnd9.js";
 import { n as w, t as T } from "./useClipboard-D36OTaeT.js";
 import { useBreakpoint as E, useIdleReady as D, useTokenColor as O, useTouchGate as k, useUserInvalidAria as A, useViewportReady as j } from "./dom.js";
-import { a as M, c as N, i as P, l as F, n as I, o as L, r as _e, s as ve, t as ye } from "./data-table-Cs93-uY7.js";
+import { a as M, c as N, i as P, l as F, n as I, o as L, r as _e, s as ve, t as ye } from "./data-table-DQuWkiwL.js";
 import { a as be, i as xe, n as Se, o as Ce, r as we, t as Te } from "./dialog-BZoFG0j8.js";
 import { t as Ee } from "./DropdownMenuTrigger-CKRnhDSQ.js";
 import { a as De, c as Oe, d as ke, f as Ae, i as je, l as Me, n as Ne, o as Pe, p as Fe, r as Ie, s as Le, t as Re, u as ze } from "./menu-DaYAZiVW.js";
@@ -35,7 +35,7 @@ import { t as ut } from "./switch-BYUZ6g9G.js";
 import { a as dt, c as ft, i as pt, n as mt, o as ht, r as gt, s as _t, t as vt } from "./toast-DVOwo6GB.js";
 import { n as yt, t as bt } from "./toggle-group-CC5b3o1R.js";
 import { i as xt, n as St, r as Ct, t as wt } from "./tooltip-CZVubnJf.js";
-import { a as Tt, i as Et, n as Dt, o as Ot, r as kt, s as At, t as jt } from "./configurator-CPxIo3q2.js";
+import { a as Tt, i as Et, n as Dt, o as Ot, r as kt, s as At, t as jt } from "./configurator-Dl10mc3L.js";
 import { useInterval as Mt } from "./reactive.js";
 import { n as Nt, r as Pt, t as Ft } from "./vReveal-B5WYGofz.js";
 import { t as It } from "./usePointerVelocityField-Lx26_Yap.js";

package/dist/pager-dots.js

@@ -1,6 +1,6 @@
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./useLiquidFlex-TJZmRqyY.js";
-import { t as n } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as n } from "./useResizeObserver-Bv3nN46q.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { s as i } from "./deck-Cm_VmyNL.js";
 import { n as a } from "./useLeadTrail-DQWdpFN1.js";

package/dist/{useResizeObserver-CdUlm2QZ.js → useResizeObserver-Bv3nN46q.js}

@@ -1,7 +1,7 @@
 import { getCurrentScope as e, onScopeDispose as t, watch as n } from "vue";
 //#region src/composables/dom/useResizeObserver.ts
 function r(r, i, a = {}) {
-	let o = a.threshold ?? .5, s = a.rafBatch ?? !0, c = a.box, l = null, u = null, d = 0, f = 0, p = null, m = null;
+	let o = a.threshold ?? .5, s = a.rafBatch ?? !0, c = a.box, l = null, u = null, d = NaN, f = NaN, p = null, m = null;
 	function h() {
 		if (p = null, !m) return;
 		let e = m;
@@ -18,16 +18,13 @@ function r(r, i, a = {}) {
 		}
 	}
 	function _() {
-		l && u && l.unobserve(u), l?.disconnect(), l = null, u = null, p !== null && (cancelAnimationFrame(p), p = null), m = null;
+		l && u && l.unobserve(u), l?.disconnect(), l = null, u = null, d = NaN, f = NaN, p !== null && (cancelAnimationFrame(p), p = null), m = null;
 	}
 	function v(e) {
-		if (typeof window > "u" || typeof ResizeObserver > "u") return;
-		l = new ResizeObserver((e) => {
+		typeof window > "u" || typeof ResizeObserver > "u" || (l = new ResizeObserver((e) => {
 			let t = e[e.length - 1];
 			t && g(t);
-		}), l.observe(e, c ? { box: c } : void 0), u = e;
-		let t = e.getBoundingClientRect();
-		d = t.width, f = t.height;
+		}), l.observe(e, c ? { box: c } : void 0), u = e);
 	}
 	let y = n(r, (e) => {
 		_(), e && v(e);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "10.1.3",
+    "version": "10.1.4",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {