@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/expandable-container.d.ts

@@ -1 +1 @@
-export * from "./components/expandable-container";
+export * from "./components/expandable-container/index.js";

package/dist/expandable-container.js

@@ -1,27 +1,28 @@
-import { registerShortcut as e } from "./keyboard.js";
-import { Teleport as t, createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, nextTick as c, onUnmounted as l, openBlock as u, ref as d, renderSlot as f, unref as p, useModel as m, watch as h, withCtx as g } from "vue";
-import { FocusScope as _ } from "reka-ui";
-import { Maximize2 as v, Minimize2 as y } from "@lucide/vue";
+import { t as e } from "./focus-Duf7EpUu.js";
+import { registerShortcut as t } from "./keyboard.js";
+import { Teleport as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, mergeProps as c, nextTick as l, onUnmounted as u, openBlock as d, ref as f, renderSlot as p, unref as m, useModel as h, watch as g, withCtx as _ } from "vue";
+import { FocusScope as v } from "reka-ui";
+import { Maximize2 as y, Minimize2 as b } from "@lucide/vue";
 //#region src/components/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
 	"data-state",
 	"data-surface",
 	"role",
 	"aria-label",
 	"aria-modal"
-], x = ["hidden"], S = ["data-position", "aria-label"], C = ["hidden"], w = ["data-position", "aria-label"], T = { "data-part": "panel" }, E = 0, D = null;
-function O() {
-	return typeof document > "u" ? !1 : (E === 0 && (D = document.body.style.overflow, document.body.style.overflow = "hidden"), E += 1, !0);
-}
+], S = ["hidden"], C = ["data-position", "aria-label"], w = ["hidden"], T = ["data-position", "aria-label"], E = { "data-part": "panel" }, D = 0, O = null;
 function k() {
-	typeof document > "u" || E === 0 || (--E, E === 0 && (document.body.style.overflow = D ?? "", D = null));
+	return typeof document > "u" ? !1 : (D === 0 && (O = document.body.style.overflow, document.body.style.overflow = "hidden"), D += 1, !0);
+}
+function A() {
+	typeof document > "u" || D === 0 || (--D, D === 0 && (document.body.style.overflow = O ?? "", O = null));
 }
 //#endregion
 //#region src/components/expandable-container/ExpandableContainer.vue
-var A = /* @__PURE__ */ a({
+var j = /* @__PURE__ */ o({
 	inheritAttrs: !1,
 	__name: "ExpandableContainer",
-	props: /*@__PURE__*/ o({
+	props: /*@__PURE__*/ s({
 		buttonPosition: { default: "right" },
 		expandLabel: { default: "Fullscreen" },
 		collapseLabel: { default: "Exit fullscreen" },
@@ -34,107 +35,108 @@ var A = /* @__PURE__ */ a({
 		openModifiers: {}
 	}),
 	emits: ["update:open"],
-	setup(a) {
-		let o = m(a, "open"), E = d(null);
-		function D() {
-			let e = E.value?.$el;
+	setup(o) {
+		let s = h(o, "open"), D = f(null);
+		function O() {
+			let e = D.value?.$el;
 			return e instanceof HTMLElement ? e : null;
 		}
-		function A() {
-			o.value = !0;
-		}
 		function j() {
-			o.value = !1;
+			s.value = !0;
 		}
-		let M = !1, N = null, P = null;
-		function F(e) {
-			e && !M ? M = O() : !e && M && (k(), M = !1);
+		function M() {
+			s.value = !1;
 		}
-		function I() {
-			(D()?.querySelector("[autofocus]") ?? D()?.querySelector("[data-mode=\"collapse\"]") ?? D()?.querySelector("button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])") ?? D())?.focus();
+		let N = !1, P = null, F = null;
+		function I(e) {
+			e && !N ? N = k() : !e && N && (A(), N = !1);
 		}
-		async function L() {
-			await c(), await c(), I();
+		function L() {
+			(O()?.querySelector("[autofocus]") ?? O()?.querySelector("[data-mode=\"collapse\"]") ?? O()?.querySelector(e) ?? O())?.focus();
 		}
-		function R() {
-			let e = P?.isConnected ? P : D()?.querySelector("[data-mode=\"expand\"], .expandable-container__chrome:not([hidden]) button, .expandable-container__chrome:not([hidden]) a[href], .expandable-container__chrome:not([hidden]) [tabindex]:not([tabindex=\"-1\"])");
-			P = null, e?.focus();
+		async function R() {
+			await l(), await l(), L();
 		}
-		function z(e) {
+		let z = ["[data-mode=\"expand\"]", ...e.split(", ").map((e) => `.expandable-container__chrome:not([hidden]) ${e}`)].join(", ");
+		function B() {
+			let e = F?.isConnected ? F : O()?.querySelector(z);
+			F = null, e?.focus();
+		}
+		function V(e) {
 			e.preventDefault();
 		}
-		return h(o, (t, n) => {
-			if (F(t), t && !n) {
-				let t = typeof document < "u" ? document.activeElement : null;
-				P = t instanceof HTMLElement ? t : null, N = e("Escape", j, {
+		return g(s, (e, n) => {
+			if (I(e), e && !n) {
+				let e = typeof document < "u" ? document.activeElement : null;
+				F = e instanceof HTMLElement ? e : null, P = t("Escape", M, {
 					label: "Exit fullscreen",
 					group: "UI",
 					allowInInput: !0
-				}), L();
-			} else !t && n && (N?.(), N = null, c(R));
-		}, { immediate: !0 }), l(() => {
-			N?.(), N = null, F(!1);
-		}), (e, c) => (u(), n(t, {
+				}), R();
+			} else !e && n && (P?.(), P = null, l(B));
+		}, { immediate: !0 }), u(() => {
+			P?.(), P = null, I(!1);
+		}), (e, t) => (d(), r(n, {
 			to: "body",
-			disabled: !o.value
-		}, [i(p(_), {
+			disabled: !s.value
+		}, [a(m(v), {
 			ref_key: "scope",
-			ref: E,
+			ref: D,
 			"as-child": "",
-			loop: o.value,
-			trapped: o.value,
-			onMountAutoFocus: z
+			loop: s.value,
+			trapped: s.value,
+			onMountAutoFocus: V
 		}, {
-			default: g(() => [r("div", s({
-				class: ["expandable-container", { "glass-overlay": o.value }],
-				"data-state": o.value ? "expanded" : "collapsed",
-				"data-surface": o.value ? a.surface : void 0,
-				role: o.value ? "dialog" : void 0,
-				"aria-label": o.value ? a.expandLabel : void 0,
-				"aria-modal": o.value || void 0
+			default: _(() => [i("div", c({
+				class: ["expandable-container", { "glass-overlay": s.value }],
+				"data-state": s.value ? "expanded" : "collapsed",
+				"data-surface": s.value ? o.surface : void 0,
+				role: s.value ? "dialog" : void 0,
+				"aria-label": s.value ? o.expandLabel : void 0,
+				"aria-modal": s.value || void 0
 			}, e.$attrs), [
-				r("div", {
+				i("div", {
 					class: "expandable-container__chrome",
-					hidden: o.value
-				}, [f(e.$slots, "expand-trigger", {
-					expand: A,
-					label: a.expandLabel
-				}, () => [r("button", {
+					hidden: s.value
+				}, [p(e.$slots, "expand-trigger", {
+					expand: j,
+					label: o.expandLabel
+				}, () => [i("button", {
 					type: "button",
 					"data-part": "trigger",
 					"data-control-target": "",
 					"data-mode": "expand",
-					"data-position": a.buttonPosition,
-					"aria-label": a.expandLabel,
-					onClick: A
-				}, [i(p(v), {
+					"data-position": o.buttonPosition,
+					"aria-label": o.expandLabel,
+					onClick: j
+				}, [a(m(y), {
 					class: "expandable-container__icon",
 					"aria-hidden": "true"
-				})], 8, S)])], 8, x),
-				r("div", {
+				})], 8, C)])], 8, S),
+				i("div", {
 					class: "expandable-container__chrome",
-					hidden: !o.value
-				}, [f(e.$slots, "fullscreen-chrome", {
-					collapse: j,
-					label: a.collapseLabel,
+					hidden: !s.value
+				}, [p(e.$slots, "fullscreen-chrome", {
+					collapse: M,
+					label: o.collapseLabel,
 					fullscreen: !0
-				}, () => [r("button", {
+				}, () => [i("button", {
 					type: "button",
 					"data-part": "trigger",
 					"data-control-target": "",
 					"data-mode": "collapse",
-					"data-position": a.buttonPosition,
-					"aria-label": a.collapseLabel,
-					onClick: j
-				}, [i(p(y), {
+					"data-position": o.buttonPosition,
+					"aria-label": o.collapseLabel,
+					onClick: M
+				}, [a(m(b), {
 					class: "expandable-container__icon",
 					"aria-hidden": "true"
-				})], 8, w)])], 8, C),
-				r("div", T, [f(e.$slots, "default", { fullscreen: o.value })])
-			], 16, b)]),
+				})], 8, T)])], 8, w),
+				i("div", E, [p(e.$slots, "default", { fullscreen: s.value })])
+			], 16, x)]),
 			_: 3
 		}, 8, ["loop", "trapped"])], 8, ["disabled"]));
 	}
 });
 //#endregion
-export { A as ExpandableContainer };
+export { j as ExpandableContainer };

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

@@ -1,59 +1,59 @@
-import { t as e } from "./supportsCssTimeline-C2zyWpl8.js";
+import { t as e } from "./supportsCssTimeline-Di9gzleG.js";
 import { t } from "./useResizeObserver-CdUlm2QZ.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/constants.ts
-var m = e(), h;
-function g() {
-	if (h || typeof document > "u") return h ?? "negative";
+//#region src/components/fading-scroll/composables/useFadingScroll.ts
+var m;
+function h() {
+	if (m || typeof document > "u") return m ?? "negative";
 	let e = document.createElement("div"), t = document.createElement("div");
-	return e.dir = "rtl", e.style.cssText = "position:absolute;inset:-9999px auto auto -9999px;width:4px;height:1px;overflow:scroll", t.style.width = "8px", e.append(t), document.body.append(e), e.scrollLeft > 0 ? h = "positive-descending" : (e.scrollLeft = 1, h = e.scrollLeft === 0 ? "negative" : "positive-ascending"), e.remove(), h;
+	return e.dir = "rtl", e.style.cssText = "position:absolute;inset:-9999px auto auto -9999px;width:4px;height:1px;overflow:scroll", t.style.width = "8px", e.append(t), document.body.append(e), e.scrollLeft > 0 ? m = "positive-descending" : (e.scrollLeft = 1, m = e.scrollLeft === 0 ? "negative" : "positive-ascending"), e.remove(), m;
 }
-function _(e, t, n, r) {
-	let i = r ?? (n === "rtl" ? g() : void 0), a = n === "rtl" ? i === "negative" ? -e : i === "positive-descending" ? t - e : e : e;
+function g(e, t, n, r) {
+	let i = r ?? (n === "rtl" ? h() : void 0), a = n === "rtl" ? i === "negative" ? -e : i === "positive-descending" ? t - e : e : e;
 	return Math.min(t, Math.max(0, a));
 }
-function v(e, n = {}) {
-	let { axis: r = "x", fadeStart: i = !0, fadeEnd: a = !0 } = n, c = l(!m), u = 0, d = null;
-	function p(t, n) {
-		let r = f(e);
-		r && (r.style.setProperty("--fade-start", t ? "var(--fade-scroll-width)" : "0px"), r.style.setProperty("--fade-end", n ? "var(--fade-scroll-width)" : "0px"));
+function _(n, r = {}) {
+	let { axis: i = "x", fadeStart: a = !0, fadeEnd: c = !0 } = r, u = l(!e()), d = 0, p = null;
+	function m(e, t) {
+		let r = f(n);
+		r && (r.style.setProperty("--fade-start", e ? "var(--fade-scroll-width)" : "0px"), r.style.setProperty("--fade-end", t ? "var(--fade-scroll-width)" : "0px"));
 	}
 	function h() {
-		let t = f(e);
-		if (!t) return;
-		let n = f(r) === "x", o = n ? t.scrollWidth - t.clientWidth : t.scrollHeight - t.clientHeight, s = n ? _(t.scrollLeft, o, getComputedStyle(t).direction) : Math.min(o, Math.max(0, t.scrollTop)), c = s <= 12, l = s >= o - 12;
-		p(f(i) && !c, f(a) && !l);
+		let e = f(n);
+		if (!e) return;
+		let t = f(i) === "x", r = t ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight, o = t ? g(e.scrollLeft, r, getComputedStyle(e).direction) : Math.min(r, Math.max(0, e.scrollTop)), s = o <= 12, l = o >= r - 12;
+		m(f(a) && !s, f(c) && !l);
 	}
-	function g() {
-		u ||= requestAnimationFrame(() => {
-			u = 0, h();
+	function _() {
+		d ||= requestAnimationFrame(() => {
+			d = 0, h();
 		});
 	}
 	function v() {
-		let n = f(e);
-		n && (n.addEventListener("scroll", g, { passive: !0 }), d = t(e, h).stop, h());
+		let e = f(n);
+		e && (e.addEventListener("scroll", _, { passive: !0 }), p = t(n, h).stop, h());
 	}
 	function y() {
-		f(e)?.removeEventListener("scroll", g), d?.(), d = null, u &&= (cancelAnimationFrame(u), 0);
+		f(n)?.removeEventListener("scroll", _), p?.(), p = null, d &&= (cancelAnimationFrame(d), 0);
 	}
 	return s(() => {
-		c.value && v();
+		u.value && v();
 	}), o(y), {
-		active: c,
+		active: u,
 		measure: h,
 		stop: y
 	};
 }
 //#endregion
 //#region src/components/fading-scroll/FadingScroll.vue?vue&type=script&setup=true&lang.ts
-var y = [
+var v = [
 	"data-fade-axis",
 	"data-fade-start",
 	"data-fade-end",
 	"role",
 	"aria-label",
 	"aria-labelledby"
-], b = /* @__PURE__ */ i({
+], y = /* @__PURE__ */ i({
 	__name: "FadingScroll",
 	props: {
 		axis: { default: "x" },
@@ -74,7 +74,7 @@ var y = [
 			t.axis,
 			t.fadeStart,
 			t.fadeEnd
-		], v(i, {
+		], _(i, {
 			axis: d(t, "axis"),
 			fadeStart: d(t, "fadeStart"),
 			fadeEnd: d(t, "fadeEnd")
@@ -89,8 +89,8 @@ var y = [
 			"aria-label": e.ariaLabel,
 			"aria-labelledby": e.ariaLabelledby,
 			tabindex: "0"
-		}, [u(t.$slots, "default")], 10, y));
+		}, [u(t.$slots, "default")], 10, v));
 	}
 });
 //#endregion
-export { v as n, b as t };
+export { _ as n, y as t };

package/dist/fading-scroll.d.ts

@@ -1 +1 @@
-export * from "./components/fading-scroll";
+export * from "./components/fading-scroll/index.js";

package/dist/fading-scroll.js

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

package/dist/focus-Duf7EpUu.js

@@ -0,0 +1,13 @@
+//#region src/components/_shared/focus.ts
+var e = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"summary",
+	"[contenteditable=\"true\"]",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(", ");
+//#endregion
+export { e as t };

package/dist/fourier-field.d.ts

@@ -1 +1 @@
-export * from "./components/fourier-field";
+export * from "./components/fourier-field/index.js";