@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/vendor-B2qOlYY3.js

@@ -1,239 +0,0 @@
-import { computed as e, h as t, inject as n } from "vue";
-//#region node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
-var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
-	let t = o(e);
-	return t.charAt(0).toUpperCase() + t.slice(1);
-}, c = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": 2,
-	"stroke-linecap": "round",
-	"stroke-linejoin": "round"
-}, l = Symbol("lucide-icons");
-function u() {
-	return n(l, {});
-}
-//#endregion
-//#region node_modules/@lucide/vue/dist/esm/Icon.mjs
-var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width": d, strokeWidth: f, "stroke-width": p, size: m, color: h, ...g }, { slots: _ }) => {
-	let { size: v, color: y, strokeWidth: b = 2, absoluteStrokeWidth: x = !1, class: S = "" } = u(), C = e(() => {
-		let e = r(l) || r(d) || l === !0 || d === !0 || x === !0, t = f || p || b || c["stroke-width"];
-		return e ? Number(t) * 24 / Number(m ?? v ?? c.width) : t;
-	});
-	return t("svg", {
-		...c,
-		...g,
-		width: m ?? v ?? c.width,
-		height: m ?? v ?? c.height,
-		stroke: h ?? y ?? c.stroke,
-		"stroke-width": C.value,
-		class: i("lucide", S, ...n ? [`lucide-${a(s(n))}-icon`, `lucide-${a(n)}`] : ["lucide-icon"])
-	}, [...o.map((e) => t(...e)), ..._.default ? [_.default()] : []]);
-}, f = (e, n) => (r, { slots: i, attrs: a }) => t(d, {
-	...a,
-	...r,
-	iconNode: n,
-	name: e
-}, i.default ? { default: i.default } : void 0), p = f("arrow-left", [["path", {
-	d: "m12 19-7-7 7-7",
-	key: "1l729n"
-}], ["path", {
-	d: "M19 12H5",
-	key: "x3x0zl"
-}]]), m = f("arrow-right", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "m12 5 7 7-7 7",
-	key: "xquz4c"
-}]]), h = f("check", [["path", {
-	d: "M20 6 9 17l-5-5",
-	key: "1gmf2c"
-}]]), g = f("chevron-down", [["path", {
-	d: "m6 9 6 6 6-6",
-	key: "qrunsl"
-}]]), _ = f("chevron-left", [["path", {
-	d: "m15 18-6-6 6-6",
-	key: "1wnfg3"
-}]]), v = f("chevron-right", [["path", {
-	d: "m9 18 6-6-6-6",
-	key: "mthhwq"
-}]]), y = f("chevron-up", [["path", {
-	d: "m18 15-6-6-6 6",
-	key: "153udz"
-}]]), b = f("circle-alert", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "8",
-		y2: "12",
-		key: "1pkeuh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12.01",
-		y1: "16",
-		y2: "16",
-		key: "4dfq90"
-	}]
-]), x = f("circle-check-big", [["path", {
-	d: "M21.801 10A10 10 0 1 1 17 3.335",
-	key: "yps3ct"
-}], ["path", {
-	d: "m9 11 3 3L22 4",
-	key: "1pflzl"
-}]]), S = f("circle-x", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "m15 9-6 6",
-		key: "1uzhvr"
-	}],
-	["path", {
-		d: "m9 9 6 6",
-		key: "z0biqf"
-	}]
-]), C = f("circle", [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10",
-	key: "1mglay"
-}]]), w = f("copy", [["rect", {
-	width: "14",
-	height: "14",
-	x: "8",
-	y: "8",
-	rx: "2",
-	ry: "2",
-	key: "17jyea"
-}], ["path", {
-	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
-	key: "zix9uf"
-}]]), T = f("info", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "M12 16v-4",
-		key: "1dtifu"
-	}],
-	["path", {
-		d: "M12 8h.01",
-		key: "e9boi3"
-	}]
-]), E = f("layers", [
-	["path", {
-		d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
-		key: "zw3jo"
-	}],
-	["path", {
-		d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
-		key: "1wduqc"
-	}],
-	["path", {
-		d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
-		key: "kqbvx6"
-	}]
-]), D = f("loader-circle", [["path", {
-	d: "M21 12a9 9 0 1 1-6.219-8.56",
-	key: "13zald"
-}]]), O = f("maximize-2", [
-	["path", {
-		d: "M15 3h6v6",
-		key: "1q9fwt"
-	}],
-	["path", {
-		d: "m21 3-7 7",
-		key: "1l2asr"
-	}],
-	["path", {
-		d: "m3 21 7-7",
-		key: "tjx5ai"
-	}],
-	["path", {
-		d: "M9 21H3v-6",
-		key: "wtvkvv"
-	}]
-]), k = f("minimize-2", [
-	["path", {
-		d: "m14 10 7-7",
-		key: "oa77jy"
-	}],
-	["path", {
-		d: "M20 10h-6V4",
-		key: "mjg0md"
-	}],
-	["path", {
-		d: "m3 21 7-7",
-		key: "tjx5ai"
-	}],
-	["path", {
-		d: "M4 14h6v6",
-		key: "rmj7iw"
-	}]
-]), A = f("minus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}]]), j = f("pause", [["rect", {
-	x: "14",
-	y: "3",
-	width: "5",
-	height: "18",
-	rx: "1",
-	key: "kaeet6"
-}], ["rect", {
-	x: "5",
-	y: "3",
-	width: "5",
-	height: "18",
-	rx: "1",
-	key: "1wsw3u"
-}]]), M = f("play", [["path", {
-	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
-	key: "10ikf1"
-}]]), N = f("plus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "M12 5v14",
-	key: "s699le"
-}]]), P = f("rotate-ccw", [["path", {
-	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
-	key: "1357e3"
-}], ["path", {
-	d: "M3 3v5h5",
-	key: "1xhq8a"
-}]]), F = f("search", [["path", {
-	d: "m21 21-4.34-4.34",
-	key: "14j7rj"
-}], ["circle", {
-	cx: "11",
-	cy: "11",
-	r: "8",
-	key: "4ej97u"
-}]]), I = f("x", [["path", {
-	d: "M18 6 6 18",
-	key: "1bl5f8"
-}], ["path", {
-	d: "m6 6 12 12",
-	key: "d8bk6v"
-}]]);
-//#endregion
-export { m as C, h as S, b as _, M as a, _ as b, k as c, E as d, T as f, x as g, S as h, N as i, O as l, C as m, F as n, j as o, w as p, P as r, A as s, I as t, D as u, y as v, p as w, g as x, v as y };

package/dist/virtual.d.ts

@@ -1 +0,0 @@
-export * from "./composables/virtual";

package/dist/virtual.js

@@ -1,225 +0,0 @@
-import { t as e } from "./useResizeObserver-DdEn3v2f.js";
-import { computed as t, onMounted as n, onUnmounted as r, ref as i, shallowRef as a, toValue as o, watch as s } from "vue";
-//#region src/composables/virtual/virtualSectionLayout.ts
-function c(e, t) {
-	let n = 0, r = e.map((e) => {
-		let r = Math.max(1, Math.round(t(e))), i = n;
-		return n += r, {
-			item: e,
-			height: r,
-			top: i,
-			bottom: n
-		};
-	}), i = r.slice().sort((e, t) => e.item.id < t.item.id ? -1 : +(e.item.id > t.item.id));
-	return {
-		entries: r,
-		totalHeight: n,
-		byId: i
-	};
-}
-function l(e, t) {
-	if (e.length === 0) return 0;
-	let n = 0, r = e.length - 1;
-	for (; n < r;) {
-		let i = Math.floor((n + r) / 2);
-		e[i].bottom <= t ? n = i + 1 : r = i;
-	}
-	return n;
-}
-function u(e, t) {
-	if (e.length === 0) return 0;
-	let n = 0, r = e.length - 1;
-	for (; n < r;) {
-		let i = Math.ceil((n + r) / 2);
-		e[i].top < t ? n = i : r = i - 1;
-	}
-	return n;
-}
-function d(e, t, n, r, i, a) {
-	if (e.entries.length === 0) return {
-		startIndex: 0,
-		endIndex: -1,
-		topSpacerPx: 0,
-		bottomSpacerPx: 0
-	};
-	let o = Math.max(0, t - r), s = Math.max(0, t + n + i), c = l(e.entries, o), d = u(e.entries, s);
-	return a && (c = Math.min(c, a.startIndex), d = Math.max(d, a.endIndex)), c = Math.max(0, Math.min(c, e.entries.length - 1)), d = Math.max(c, Math.min(d, e.entries.length - 1)), {
-		startIndex: c,
-		endIndex: d,
-		topSpacerPx: e.entries[c]?.top ?? 0,
-		bottomSpacerPx: Math.max(0, e.totalHeight - (e.entries[d]?.bottom ?? 0))
-	};
-}
-function f(e, t) {
-	if (e.entries.length === 0) return null;
-	let n = 0, r = e.entries.length - 1;
-	for (; n < r;) {
-		let i = Math.ceil((n + r) / 2);
-		e.entries[i].top <= t ? n = i : r = i - 1;
-	}
-	return e.entries[n]?.item ?? null;
-}
-function p(e, t) {
-	let n = e.byId, r = 0, i = n.length - 1;
-	for (; r <= i;) {
-		let e = r + i >> 1, a = n[e].item.id;
-		if (a === t) return n[e].top;
-		a < t ? r = e + 1 : i = e - 1;
-	}
-	return null;
-}
-//#endregion
-//#region src/composables/virtual/useVirtualSectionWindow.ts
-var m = /* @__PURE__ */ new Map();
-function h() {
-	m.clear();
-}
-function g(l) {
-	let u = t(() => Array.from(o(l.items))), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), _ = a({
-		entries: [],
-		totalHeight: 0,
-		byId: []
-	}), v = i({
-		startIndex: 0,
-		endIndex: -1,
-		topSpacerPx: 0,
-		bottomSpacerPx: 0
-	}), y = i(null), b = i(null), x = /* @__PURE__ */ new Map(), S = 0, C = 0, w = 0;
-	function T() {
-		return Math.max(1, l.scrollContainer.value?.clientHeight ?? window.innerHeight ?? 900);
-	}
-	function E() {
-		let e = l.contentEl?.value;
-		if (e) return Math.max(0, -e.getBoundingClientRect().top);
-		let t = l.scrollContainer.value;
-		return t ? t.scrollTop : document.documentElement.scrollTop || document.body.scrollTop || 0;
-	}
-	function D(e) {
-		return h.get(e.id) ?? m.get(e.id) ?? e.estimatedHeight;
-	}
-	function O() {
-		_.value = c(u.value, D);
-	}
-	function k() {
-		let e = T(), t = l.overscanBeforePx ?? e, n = l.overscanAfterPx ?? e * 2, r = E();
-		v.value = d(_.value, r, e, t, n, b.value), y.value = f(_.value, r + e * .2);
-	}
-	function A() {
-		O(), k();
-	}
-	function j() {
-		C ||= requestAnimationFrame(() => {
-			C = 0, A();
-		});
-	}
-	function M() {
-		w && window.clearTimeout(w), w = window.setTimeout(() => {
-			b.value = null, j();
-		}, 320);
-	}
-	function N(e, t) {
-		let n = Math.max(1, Math.round(t));
-		h.get(e) !== n && (h.set(e, n), m.set(e, n), j());
-	}
-	function P(e) {
-		x.delete(e);
-	}
-	function F(e, t) {
-		if (!t) {
-			P(e);
-			return;
-		}
-		if (x.get(e) === t) {
-			N(e, t.offsetHeight);
-			return;
-		}
-		P(e), x.set(e, t), requestAnimationFrame(() => {
-			let t = x.get(e);
-			t && N(e, t.offsetHeight);
-		});
-	}
-	function I(e) {
-		let t = g.get(e);
-		if (t == null) return;
-		let n = l.warmTargetBefore ?? 2, r = l.warmTargetAfter ?? 3;
-		b.value = {
-			startIndex: Math.max(0, t - n),
-			endIndex: Math.min(u.value.length - 1, t + r)
-		}, M(), A();
-	}
-	function L(e) {
-		return p(_.value, e);
-	}
-	function R() {
-		S ||= requestAnimationFrame(() => {
-			S = 0, k();
-		});
-	}
-	let z = null;
-	function B(e) {
-		let t = e ?? window;
-		z !== t && (z && z.removeEventListener("scroll", R), z = t, z.addEventListener("scroll", R, { passive: !0 }), j());
-	}
-	s(u, (e) => {
-		g.clear();
-		for (let t of e) {
-			g.set(t.id, t.index);
-			let e = m.get(t.id);
-			e != null && h.set(t.id, e);
-		}
-		for (let e of [...h.keys()]) g.has(e) || h.delete(e);
-		A();
-	}, { immediate: !0 }), s(l.scrollContainer, (e) => B(e), { immediate: !0 }), e(l.scrollContainer, () => j()), l.contentEl && e(l.contentEl, () => j()), n(() => {
-		j();
-	}), r(() => {
-		S && cancelAnimationFrame(S), C && cancelAnimationFrame(C), w && window.clearTimeout(w), z && z.removeEventListener("scroll", R), x.clear();
-	});
-	let V = t(() => v.value.endIndex < v.value.startIndex ? [] : u.value.slice(v.value.startIndex, v.value.endIndex + 1)), H = t(() => y.value?.id ?? null), U = t(() => y.value?.rootId ?? null);
-	return {
-		visibleItems: V,
-		topSpacerPx: t(() => v.value.topSpacerPx),
-		bottomSpacerPx: t(() => v.value.bottomSpacerPx),
-		measureSection: F,
-		ensureTargetWindow: I,
-		getOffsetFor: L,
-		activeId: H,
-		activeRootId: U,
-		recalculate: A
-	};
-}
-//#endregion
-//#region src/composables/virtual/useWindowedStore.ts
-function _(e) {
-	let t = e?.maxResident ?? 200, n = a([]), r = i(0), o = i(0);
-	function s(e, i = !0) {
-		if (i) n.value = [...e], r.value = 0, o.value++;
-		else {
-			let i = [...n.value, ...e];
-			if (i.length > t) {
-				let e = i.length - t;
-				n.value = i.slice(e), r.value += e;
-			} else n.value = i;
-		}
-	}
-	function c(e, t) {
-		return o.value === t ? (s(e, !1), !0) : !1;
-	}
-	function l(e, i) {
-		let a = [...e, ...n.value];
-		r.value = i, o.value++, a.length > t ? n.value = a.slice(0, t) : n.value = a;
-	}
-	function u() {
-		n.value = [], r.value = 0, o.value++;
-	}
-	return {
-		items: n,
-		windowStart: r,
-		generation: o,
-		set: s,
-		prepend: l,
-		appendIfCurrent: c,
-		clear: u
-	};
-}
-//#endregion
-export { c as buildSectionLayout, h as clearSessionHeightCache, p as findSectionOffset, f as resolveActiveSection, d as resolveSectionWindow, g as useVirtualSectionWindow, _ as useWindowedStore };

package/src/styles/border-progress.css

@@ -1,109 +0,0 @@
-/* BB.W-BORDER-PROGRESS — progress IS the element's border.
- *
- * The masked-conic ring consumption (the registration lives in
- * tokens/property-regs.css §18, mirroring the specular split: the @property reg
- * there, the consumption here). The ring paints a `conic-gradient` MASK-COMPOSITED
- * into the border band so ONLY the band paints AND it FOLLOWS the host
- * `border-radius` — a `border-image` SQUARES the corners (measured inferior,
- * forbidden), a floating-bar child re-introduces allocation (forbidden). The host
- * INTERIOR is untouched: a glass card still transmits the backdrop THROUGH its
- * content box (the AX.W54 glass-first identity — the ring is a border-band cut-out,
- * not an opaque overlay).
- *
- * Compositor-only: the sweep rides the registered `--border-progress-fill`
- * <percentage>; no layout property animates (`proof:no-layout-animation`). The
- * unregistered fallback is safe (the `initial-value` paints the resting ring; the
- * cross-fade collapses to it on a non-supporting engine — Chromium 85+/Safari
- * 16.4+, within the deployment floor). */
-
-.border-progress {
-    position: relative;
-    display: block;
-    border-radius: var(--border-progress-radius, 16px);
-    /* The host reserves the border band the ring paints into (allocation-free —
-       the content box is untouched, no reflow). */
-    padding: 0;
-}
-
-/* The ring layer — inset over the host, the border band the conic paints into.
-   The `border` width IS the band thickness; the conic is mask-composited so the
-   padding-box (interior) is EXCLUDED from the border-box (the radius-following
-   cut-out). */
-.border-progress__ring {
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    border: var(--border-progress-width, 12px) solid transparent;
-    pointer-events: none;
-    /* The spectrum conic, swept to --border-progress-fill. The colored arc runs
-       from the top (12 o'clock) clockwise to the fill fraction; past it is
-       transparent so the resting band shows ONLY the filled spectrum. */
-    background:
-        conic-gradient(
-            from 0deg,
-            var(--border-progress-spectrum, var(--section-color-7)),
-            transparent var(--border-progress-fill, 0%),
-            transparent 100%
-        );
-    /* THE RADIUS-FOLLOWING CUT-OUT — the house border-ring idiom: paint a
-       border-box fill, EXCLUDE a padding-box fill, leaving only the border band,
-       which follows `border-radius` exactly (a border-image cannot). */
-    -webkit-mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box;
-    -webkit-mask-composite: xor;
-    mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box;
-    mask-composite: exclude;
-}
-
-/* THE COVERAGE AXIS — ONE conic-mask mechanism, two coverage masks (NOT a second
-   recipe). `bottom-edge` adds a SECOND mask layer scoping the painted band to the
-   bottom edge only; it composes WITH the border-band cut-out above (the mask
-   stack intersects), so the bottom register reuses the exact conic + radius
-   cut-out — the dock-orientation `dim`-idiom discipline (no parallel fork). */
-.border-progress[data-coverage="bottom-edge"] .border-progress__ring {
-    -webkit-mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box,
-        linear-gradient(to top, #fff 0, #fff var(--border-progress-width, 12px), transparent var(--border-progress-width, 12px));
-    -webkit-mask-composite: xor, source-in;
-    mask:
-        linear-gradient(#fff 0 0) padding-box,
-        linear-gradient(#fff 0 0) border-box,
-        linear-gradient(to top, #fff 0, #fff var(--border-progress-width, 12px), transparent var(--border-progress-width, 12px));
-    mask-composite: exclude, intersect;
-}
-
-/* The content box — the host's own surface (a glass card, a chassis). It is
-   untouched by the ring (backdrop-intact); the ring sits over the border band
-   only. */
-.border-progress__content {
-    position: relative;
-    z-index: 1;
-    border-radius: inherit;
-    height: 100%;
-}
-
-/* THE MILESTONE PULSE — a brief brightness bloom on a crossed phase edge. The
-   pulse is PRM-gated (no edge-pulse under reduced motion — the ring snaps to the
-   new value). Compositor-only (filter brightness, never a layout property). */
-@media (prefers-reduced-motion: no-preference) {
-    .border-progress[data-milestone] .border-progress__ring {
-        animation: border-progress-milestone-pulse
-            var(--spring-snappy-duration, 0.34s) var(--ease-out, ease-out);
-    }
-}
-
-@keyframes border-progress-milestone-pulse {
-    0% {
-        filter: brightness(1);
-    }
-    40% {
-        filter: brightness(1.35);
-    }
-    100% {
-        filter: brightness(1);
-    }
-}