@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/dotMatrixField-CRO0ZFk4.js

@@ -1,48 +0,0 @@
-//#region src/components/custom/dot-matrix/composables/dotMatrixField.ts
-var e = (1 + Math.sqrt(5)) / 2, t = Math.PI * (3 - Math.sqrt(5));
-function n(e, n) {
-	let r = Math.max(n, 1), i = 1 - 2 * (e + .5) / r, a = Math.sqrt(Math.max(0, 1 - i * i)), o = e * t;
-	return {
-		x: Math.cos(o) * a,
-		y: i,
-		z: Math.sin(o) * a
-	};
-}
-var r = .15, i = .85, a = .6, o = .4;
-function s(e, t = 1) {
-	let n = d(e.z * .5 + .5);
-	return {
-		opacity: r + i * t * n,
-		size: a + o * n,
-		facing: n
-	};
-}
-function c(e, t, n) {
-	let r = n * e, i = Math.sin(t), a = Math.cos(t), o = Math.cos(r), s = Math.sin(r), c = 1 - o;
-	return [
-		o + i * i * c,
-		i * a * c - 0 * s,
-		i * 0 * c + a * s,
-		a * i * c + 0 * s,
-		o + a * a * c,
-		a * 0 * c - i * s,
-		0 * i * c - a * s,
-		0 * a * c + i * s,
-		o + 0 * c
-	];
-}
-function l(e, t) {
-	return {
-		x: e[0] * t.x + e[1] * t.y + e[2] * t.z,
-		y: e[3] * t.x + e[4] * t.y + e[5] * t.z,
-		z: e[6] * t.x + e[7] * t.y + e[8] * t.z
-	};
-}
-function u(e, t, n) {
-	return 1 + t * Math.sin(e * n);
-}
-function d(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-//#endregion
-export { a, u as c, c as d, e as i, s as l, r as n, o, t as r, l as s, i as t, n as u };

package/dist/dropdown-menu-CCfcCQ68.js

@@ -1,369 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { S as t, y as n } from "./vendor-B2qOlYY3.js";
-import { t as r } from "./useSurfaceAxis-Ci7Dnaw2.js";
-import { t as i } from "./menuItemVariants-DAXquKja.js";
-import { i as a } from "./dockContext-gFVS2gMg.js";
-import { computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
-import { DropdownMenuCheckboxItem as b, DropdownMenuContent as x, DropdownMenuGroup as S, DropdownMenuItem as C, DropdownMenuItemIndicator as w, DropdownMenuLabel as T, DropdownMenuPortal as E, DropdownMenuPortal as D, DropdownMenuRadioGroup as O, DropdownMenuRadioItem as k, DropdownMenuRoot as A, DropdownMenuSeparator as j, DropdownMenuSub as M, DropdownMenuSubContent as N, DropdownMenuSubTrigger as P, DropdownMenuTrigger as F, useForwardProps as I, useForwardPropsEmits as L } from "reka-ui";
-//#endregion
-//#region src/components/ui/dropdown-menu/DropdownMenu.vue
-var R = /* @__PURE__ */ d({
-	__name: "DropdownMenu",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		dir: {},
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = L(e, t);
-		return (e, t) => (g(), s(v(A), p({ "data-slot": "dropdown-menu" }, v(n)), {
-			default: y(() => [_(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), z = /* @__PURE__ */ d({
-	__name: "DropdownMenuTrigger",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = I(e);
-		return (e, n) => (g(), s(v(F), p({ class: "outline-none" }, v(t)), {
-			default: y(() => [_(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), B = /* @__PURE__ */ d({
-	__name: "DropdownMenuContent",
-	props: {
-		forceMount: { type: Boolean },
-		loop: { type: Boolean },
-		side: {},
-		sideOffset: { default: 4 },
-		sideFlip: { type: Boolean },
-		align: { default: "start" },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"closeAutoFocus"
-	],
-	setup(t, { emit: n }) {
-		let i = t, c = n, l = L(o(() => {
-			let { class: e, surface: t, ...n } = i;
-			return n;
-		}), c), d = a();
-		return (t, n) => (g(), s(v(E), null, {
-			default: y(() => [u(v(x), p(v(l), {
-				"data-glass-dock-portal": v(d)?.id ? "" : void 0,
-				"data-glass-dock-owner": v(d)?.id,
-				"data-surface": i.surface,
-				class: v(e)("dropdown-menu-content z-popover min-w-(--overlay-min-width) max-h-(--overlay-max-block) overflow-y-auto rounded-panel border text-popover-foreground glass-reveal", v(r)(i.surface, "floating"), "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", i.class)
-			}), {
-				default: y(() => [_(t.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"data-surface",
-				"class"
-			])]),
-			_: 3
-		}));
-	}
-}), V = /* @__PURE__ */ d({
-	__name: "DropdownMenuGroup",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (g(), s(v(S), h(f(t)), {
-			default: y(() => [_(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), H = /* @__PURE__ */ d({
-	__name: "DropdownMenuRadioGroup",
-	props: {
-		modelValue: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = L(e, t);
-		return (e, t) => (g(), s(v(O), h(f(v(n))), {
-			default: y(() => [_(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), U = /* @__PURE__ */ d({
-	__name: "DropdownMenuItem",
-	props: {
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		inset: { type: Boolean }
-	},
-	setup(t) {
-		let n = t, r = I(o(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (a, o) => (g(), s(v(C), p(v(r), { class: v(e)(v(i)({ indicator: t.inset ? "start-wide" : "none" }), n.class) }), {
-			default: y(() => [_(a.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), W = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, G = /* @__PURE__ */ d({
-	__name: "DropdownMenuCheckboxItem",
-	props: {
-		modelValue: { type: [Boolean, String] },
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["select", "update:modelValue"],
-	setup(n, { emit: r }) {
-		let a = n, c = r, d = L(o(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}), c);
-		return (n, r) => (g(), s(v(b), p(v(d), { class: v(e)(v(i)({ indicator: "start-wide" }), a.class) }), {
-			default: y(() => [l("span", W, [u(v(w), null, {
-				default: y(() => [u(v(t), { class: "w-4 h-4" })]),
-				_: 1
-			})]), _(n.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), K = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, q = /* @__PURE__ */ d({
-	__name: "DropdownMenuRadioItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["select"],
-	setup(t, { emit: n }) {
-		let r = t, a = n, c = L(o(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), a);
-		return (t, n) => (g(), s(v(k), p(v(c), { class: v(e)(v(i)({ indicator: "start" }), r.class) }), {
-			default: y(() => [l("span", K, [u(v(w), null, {
-				default: y(() => [...n[0] ||= [l("span", { class: "inline-block w-2 h-2 rounded-pill bg-current" }, null, -1)]]),
-				_: 1
-			})]), _(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), J = /* @__PURE__ */ d({
-	__name: "DropdownMenuShortcut",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (g(), c("span", { class: m(v(e)("ml-auto text-dropdown-secondary tracking-widest opacity-60", n.class)) }, [_(t.$slots, "default")], 2));
-	}
-}), Y = /* @__PURE__ */ d({
-	__name: "DropdownMenuSeparator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = o(() => {
-			let { class: e, ...t } = n;
-			return t;
-		});
-		return (t, i) => (g(), s(v(j), p(r.value, { class: v(e)("-mx-1 my-1 h-px bg-border/70", n.class) }), null, 16, ["class"]));
-	}
-}), X = /* @__PURE__ */ d({
-	__name: "DropdownMenuLabel",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		inset: { type: Boolean }
-	},
-	setup(t) {
-		let n = t, r = I(o(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (i, a) => (g(), s(v(T), p(v(r), { class: v(e)("px-2 py-1.5 text-dropdown-secondary font-semibold", t.inset && "pl-8", n.class) }), {
-			default: y(() => [_(i.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), Z = /* @__PURE__ */ d({
-	__name: "DropdownMenuSub",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = L(e, t);
-		return (e, t) => (g(), s(v(M), h(f(v(n))), {
-			default: y(() => [_(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), Q = /* @__PURE__ */ d({
-	__name: "DropdownMenuSubTrigger",
-	props: {
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let r = t, a = I(o(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}));
-		return (t, o) => (g(), s(v(P), p(v(a), { class: v(e)(v(i)({ indicator: "none" }), r.class) }), {
-			default: y(() => [_(t.$slots, "default"), u(v(n), { class: "ml-auto h-4 w-4" })]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), $ = /* @__PURE__ */ d({
-	__name: "DropdownMenuSubContent",
-	props: {
-		forceMount: { type: Boolean },
-		loop: { type: Boolean },
-		sideOffset: {},
-		sideFlip: { type: Boolean },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"entryFocus",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(t, { emit: n }) {
-		let r = t, i = n, a = L(o(() => {
-			let { class: e, ...t } = r;
-			return t;
-		}), i);
-		return (t, n) => (g(), s(v(E), null, {
-			default: y(() => [u(v(N), p(v(a), { class: v(e)("dropdown-sub-content z-popover min-w-32 overflow-hidden rounded-panel border glass-floating text-popover-foreground glass-reveal", r.class) }), {
-				default: y(() => [_(t.$slots, "default")]),
-				_: 3
-			}, 16, ["class"])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { X as a, q as c, H as d, V as f, R as h, Z as i, G as l, z as m, $ as n, Y as o, B as p, Q as r, J as s, D as t, U as u };

package/dist/glass-panel.d.ts

@@ -1 +0,0 @@
-export * from "./components/custom/glass-panel";

package/dist/glass-panel.js

@@ -1,113 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useSurfaceAxis-Ci7Dnaw2.js";
-import { t as n } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, renderSlot as d } from "vue";
-//#region src/composables/glass/useGlassRenderer.ts
-function f() {
-	return window.chrome && CSS.supports("backdrop-filter", "url(#x) blur(1px)") ? "svg-filter" : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)") ? "css" : "fallback";
-}
-function p(e, t, n, r) {
-	e.width = t, e.height = n;
-	let i = e.getContext("2d"), a = i.createImageData(t, n), o = a.data, s = t / 2, c = n / 2;
-	for (let e = 0; e < n; e++) for (let n = 0; n < t; n++) {
-		let i = (n - s) / s, a = (e - c) / c, l = Math.sqrt(i * i + a * a), u = l * (1 - l * .3) * r, d = -i * u, f = -a * u, p = (e * t + n) * 4;
-		o[p] = Math.round(128 + d * 127), o[p + 1] = Math.round(128 + f * 127), o[p + 2] = 128, o[p + 3] = 255;
-	}
-	i.putImageData(a, 0, 0);
-}
-function m(e, t, n) {
-	e.width = t, e.height = n;
-	let r = e.getContext("2d"), i = t / 2, a = n / 2, o = Math.max(i, a), s = r.createRadialGradient(i, a, 0, i, a, o);
-	s.addColorStop(0, "rgba(255,255,255,0)"), s.addColorStop(.5, "rgba(255,255,255,0.02)"), s.addColorStop(.8, "rgba(255,255,255,0.06)"), s.addColorStop(1, "rgba(255,255,255,0.12)"), r.fillStyle = s, r.fillRect(0, 0, t, n);
-	let c = r.createLinearGradient(0, 0, t, 0);
-	c.addColorStop(0, "rgba(255,255,255,0)"), c.addColorStop(.3, "rgba(255,255,255,0.15)"), c.addColorStop(.5, "rgba(255,255,255,0.25)"), c.addColorStop(.7, "rgba(255,255,255,0.15)"), c.addColorStop(1, "rgba(255,255,255,0)"), r.fillStyle = c, r.fillRect(0, 0, t, 2);
-}
-var h = 0;
-function g(e, t = {}) {
-	let n = `glass-refract-${h++}`, r = t.blur ?? 16, i = t.refraction ?? .3, a = document.createElement("canvas");
-	a.style.display = "none", document.body.appendChild(a);
-	let o = document.createElement("canvas");
-	o.style.display = "none", document.body.appendChild(o);
-	let s = e.getBoundingClientRect(), c = Math.max(Math.ceil(s.width / 4), 32), l = Math.max(Math.ceil(s.height / 4), 32);
-	p(a, c, l, i), m(o, c, l);
-	let u = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-	u.setAttribute("width", "0"), u.setAttribute("height", "0"), u.style.position = "absolute", u.style.pointerEvents = "none";
-	let d = i * 30;
-	u.innerHTML = `
-        <filter id="${n}" x="0%" y="0%" width="100%" height="100%" color-interpolation-filters="sRGB">
-            <feImage href="${a.toDataURL()}" result="dispMap"
-                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
-            <feDisplacementMap in="SourceGraphic" in2="dispMap" result="refracted"
-                scale="${d}" xChannelSelector="R" yChannelSelector="G" />
-            <feGaussianBlur in="refracted" stdDeviation="${r * .3}" result="blurred" />
-            <feImage href="${o.toDataURL()}" result="specular"
-                preserveAspectRatio="none" x="0%" y="0%" width="100%" height="100%" />
-            <feBlend in="blurred" in2="specular" mode="screen" result="final" />
-        </filter>
-    `, document.body.appendChild(u), e.style.backdropFilter = `url(#${n}) blur(${r * .15}px) saturate(1.6) brightness(1.05)`, e.style.setProperty("-webkit-backdrop-filter", e.style.backdropFilter), e.style.border = "1px solid rgba(255,255,255,0.25)", e.style.boxShadow = "\n        inset 0 0.5px 0 0 rgba(255,255,255,0.3),\n        inset 0 -0.5px 0 0 rgba(0,0,0,0.05),\n        0 4px 16px rgba(0,0,0,0.08)\n    ";
-	let f = new ResizeObserver(() => {
-		let t = e.getBoundingClientRect(), n = Math.max(Math.ceil(t.width / 4), 32), r = Math.max(Math.ceil(t.height / 4), 32);
-		p(a, n, r, i), m(o, n, r);
-		let s = u.querySelectorAll("feImage");
-		s[0] && s[0].setAttribute("href", a.toDataURL()), s[1] && s[1].setAttribute("href", o.toDataURL());
-	});
-	return f.observe(e), {
-		filterId: n,
-		svgEl: u,
-		dispCanvas: a,
-		specCanvas: o,
-		observer: f
-	};
-}
-function _(e) {
-	e.observer?.disconnect(), e.svgEl.remove(), e.dispCanvas.remove(), e.specCanvas.remove();
-}
-function v(e) {
-	let t = u(e?.preferredTier ?? "css");
-	return c(() => {
-		e?.preferredTier || (t.value = f());
-	}), { tier: t };
-}
-//#endregion
-//#region src/components/custom/glass-panel/GlassPanel.vue?vue&type=script&setup=true&lang.ts
-var y = ["data-variant", "data-surface"], b = /* @__PURE__ */ n(/* @__PURE__ */ a({
-	__name: "GlassPanel",
-	props: {
-		tier: {},
-		blur: { default: 16 },
-		refraction: { default: .3 },
-		chromaticAberration: {
-			type: Boolean,
-			default: !1
-		},
-		variant: { default: "resting" },
-		surface: { default: "glass" },
-		class: {}
-	},
-	setup(n) {
-		let a = {
-			wash: "glass-wash",
-			quiet: "glass-quiet",
-			resting: "glass-resting",
-			floating: "glass-floating",
-			overlay: "glass-overlay"
-		}, f = n, p = u(null), m = v({ preferredTier: f.tier }), h = r(() => f.tier ?? m.tier.value), b = r(() => t(f.surface).replace(/^glass-\w+\s*/, "")), x = r(() => h.value === "svg-filter" ? e("glass-panel glass-panel--svg", b.value, f.class) : h.value === "fallback" ? e("glass-panel glass-panel--fallback", b.value, f.class) : e("glass-panel", a[f.variant], b.value, f.class)), S = null;
-		return c(() => {
-			p.value && h.value === "svg-filter" && (S = g(p.value, {
-				blur: f.blur,
-				refraction: f.refraction,
-				chromaticAberration: f.chromaticAberration ? .5 : 0
-			}));
-		}), s(() => {
-			S && _(S);
-		}), (e, t) => (l(), i("div", {
-			ref_key: "panelRef",
-			ref: p,
-			class: o(x.value),
-			"data-variant": f.variant,
-			"data-surface": f.surface
-		}, [d(e.$slots, "default", {}, void 0, !0)], 10, y));
-	}
-}), [["__scopeId", "data-v-92b50822"]]);
-//#endregion
-export { b as GlassPanel };

package/dist/goo-blob.d.ts

@@ -1 +0,0 @@
-export * from "./components/custom/goo-blob";