@mkbabb/glass-ui 4.1.0 → 4.2.0

package/dist/carousel.js

@@ -1,12 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { C as t, b as n, v as r, w as i, x as a, y as o } from "./vendor-B2qOlYY3.js";
-import { n as s } from "./button-5dY1Dvhd.js";
-import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeProps as h, normalizeClass as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
-import { createInjectionState as E } from "@vueuse/core";
-import D from "embla-carousel-vue";
+import { n as s } from "./button-D1W9PrzI.js";
+import { t as c } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as l } from "./useGooMorph-Cs13NgYL.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, nextTick as v, normalizeClass as y, onBeforeUnmount as b, onMounted as x, openBlock as S, ref as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, watch as O, withCtx as k } from "vue";
+import { createInjectionState as A } from "@vueuse/core";
+import j from "embla-carousel-vue";
 //#region src/components/ui/carousel/useCarousel.ts
-var [O, k] = E(({ opts: e, orientation: t, plugins: n }, r) => {
-	let [i, a] = D({
+var [M, N] = A(({ opts: e, orientation: t, plugins: n }, r) => {
+	let [i, a] = j({
 		...e,
 		axis: t === "horizontal" ? "x" : "y"
 	}, n);
@@ -16,11 +18,11 @@ var [O, k] = E(({ opts: e, orientation: t, plugins: n }, r) => {
 	function s() {
 		a.value?.scrollNext();
 	}
-	let c = y(!1), l = y(!1);
+	let c = C(!1), l = C(!1);
 	function u(e) {
 		c.value = e?.canScrollNext() || !1, l.value = e?.canScrollPrev() || !1;
 	}
-	return _(() => {
+	return x(() => {
 		a.value && (a.value?.on("init", u), a.value?.on("reInit", u), a.value?.on("select", u), r("init-api", a.value));
 	}), {
 		carouselRef: i,
@@ -32,14 +34,14 @@ var [O, k] = E(({ opts: e, orientation: t, plugins: n }, r) => {
 		orientation: t
 	};
 });
-function A() {
-	let e = k();
+function P() {
+	let e = N();
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
 //#endregion
 //#region src/components/ui/carousel/Carousel.vue
-var j = /* @__PURE__ */ m({
+var F = /* @__PURE__ */ g({
 	__name: "Carousel",
 	props: {
 		opts: {},
@@ -55,7 +57,7 @@ var j = /* @__PURE__ */ m({
 	},
 	emits: ["init-api"],
 	setup(t, { expose: n, emit: r }) {
-		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: l, scrollNext: u, scrollPrev: f } = O(i, r);
+		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: l, scrollNext: u, scrollPrev: d } = M(i, r);
 		n({
 			canScrollNext: a,
 			canScrollPrev: o,
@@ -63,34 +65,34 @@ var j = /* @__PURE__ */ m({
 			carouselRef: c,
 			orientation: l,
 			scrollNext: u,
-			scrollPrev: f
+			scrollPrev: d
 		});
-		function p(e) {
+		function f(e) {
 			let t = i.orientation === "vertical" ? "ArrowUp" : "ArrowLeft", n = i.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
 			if (e.key === t) {
-				e.preventDefault(), f();
+				e.preventDefault(), d();
 				return;
 			}
 			e.key === n && (e.preventDefault(), u());
 		}
-		return (t, n) => (v(), d("div", {
+		return (t, n) => (S(), p("div", {
 			"data-slot": "carousel",
-			class: g(C(e)("relative", i.class)),
+			class: y(D(e)("relative", i.class)),
 			role: "region",
 			"aria-roledescription": "carousel",
 			tabindex: "0",
-			onKeydown: p
-		}, [b(t.$slots, "default", {
-			canScrollNext: C(a),
-			canScrollPrev: C(o),
-			carouselApi: C(s),
-			carouselRef: C(c),
-			orientation: C(l),
-			scrollNext: C(u),
-			scrollPrev: C(f)
+			onKeydown: f
+		}, [w(t.$slots, "default", {
+			canScrollNext: D(a),
+			canScrollPrev: D(o),
+			carouselApi: D(s),
+			carouselRef: D(c),
+			orientation: D(l),
+			scrollNext: D(u),
+			scrollPrev: D(d)
 		})], 34));
 	}
-}), M = /* @__PURE__ */ m({
+}), I = /* @__PURE__ */ c(/* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "CarouselContent",
 	props: { class: { type: [
@@ -100,16 +102,143 @@ var j = /* @__PURE__ */ m({
 		Object,
 		Array
 	] } },
-	setup(t, { expose: n }) {
-		let r = t, { carouselRef: i, orientation: a } = A();
-		return n({ carouselRef: i }), (t, n) => (v(), d("div", {
-			ref_key: "carouselRef",
-			ref: i,
-			"data-slot": "carousel-content",
-			class: "overflow-hidden"
-		}, [f("div", h({ class: C(e)("flex", C(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", r.class) }, t.$attrs), [b(t.$slots, "default")], 16)], 512));
+	setup(t) {
+		let n = t, { carouselRef: r, carouselApi: i, orientation: a } = P(), o = u(() => a === "vertical"), s = C(null), c = C(null), d = C(null), f = C(null), h = C(null), g = C(0);
+		function T() {
+			let e = i.value, t = c.value, n = e?.slideNodes() ?? [];
+			if (n.length >= 2) {
+				let e = n[0].getBoundingClientRect(), t = n[1].getBoundingClientRect(), r = o.value ? Math.abs(t.top - e.top) : Math.abs(t.left - e.left);
+				if (r > 1) return r;
+			}
+			if (t) {
+				let e = t.getBoundingClientRect();
+				return Math.max(1, o.value ? e.height : e.width);
+			}
+			return 1;
+		}
+		function E(e) {
+			let t = c.value;
+			if (!t) return null;
+			let n = t.getBoundingClientRect(), r = o.value ? n.height : n.width, i = T();
+			return r / 2 + (e - j) * i;
+		}
+		function k() {
+			return Math.max(24, T());
+		}
+		let A = l({
+			barbellRefs: {
+				bodyARef: d,
+				bodyBRef: f,
+				neckRef: h
+			},
+			hostRef: c,
+			vertical: o,
+			centerOf: E,
+			restSize: k,
+			tokenPrefix: "carousel-goo",
+			neckGap: .78
+		}), j = 0;
+		function M() {
+			let e = c.value;
+			if (!e) return;
+			let t = k() / 1.618033988749895;
+			e.style.setProperty("--carousel-body-d", `${t.toFixed(2)}px`);
+		}
+		let N = !1, F = null;
+		function I() {
+			N = !0, F && clearTimeout(F), F = setTimeout(() => {
+				N = !1, F = null;
+			}, 600);
+		}
+		let L = null;
+		function R(e) {
+			let t = e.target;
+			L && t && L.contains(t) && I();
+		}
+		let z = null;
+		function B() {
+			let e = c.value;
+			if (!e) return;
+			e.setAttribute("data-traveling", ""), N ? e.removeAttribute("data-autoplay") : e.setAttribute("data-autoplay", ""), z && clearTimeout(z);
+			let t = (parseFloat(getComputedStyle(e).getPropertyValue("--carousel-goo-duration")) || .95) * 1e3;
+			z = setTimeout(() => {
+				e.removeAttribute("data-traveling"), z = null;
+			}, t + 80);
+		}
+		function V() {
+			let e = i.value;
+			if (!e) return;
+			let t = e.selectedScrollSnap(), n = e.previousScrollSnap();
+			j = t, M(), n === t ? A.snap(t) : (B(), A.travel(n, t));
+		}
+		function H() {
+			let e = i.value;
+			if (!e) return;
+			let t = Math.max(1, g.value - 1), n = Math.min(1, Math.max(0, e.scrollProgress()));
+			n > .001 && n < .999 && B(), A.drive(n * t);
+		}
+		function U() {
+			let e = i.value;
+			g.value = e ? e.slideNodes().length : 0;
+		}
+		let W = null;
+		function G(e) {
+			!e || W === e || (W = e, U(), e.on("reInit", U), e.on("select", V), e.on("scroll", H), v(() => {
+				j = e.selectedScrollSnap(), M(), A.snap(j);
+			}));
+		}
+		return O(i, (e) => G(e), { immediate: !0 }), x(() => {
+			v(() => G(i.value)), L = s.value?.closest("[data-slot=\"carousel\"]") ?? null, document.addEventListener("pointerdown", R, !0), document.addEventListener("keydown", R, !0);
+		}), b(() => {
+			z &&= (clearTimeout(z), null), F &&= (clearTimeout(F), null), document.removeEventListener("pointerdown", R, !0), document.removeEventListener("keydown", R, !0), L = null;
+			let e = W;
+			e && (e.off("reInit", U), e.off("select", V), e.off("scroll", H), W = null);
+		}), (t, i) => (S(), p("div", {
+			ref_key: "rootEl",
+			ref: s,
+			class: "carousel-content-root"
+		}, [
+			i[0] ||= m("svg", {
+				class: "carousel-neck-defs",
+				width: "0",
+				height: "0",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, [m("defs", null, [m("clipPath", {
+				id: "carousel-neck-throat",
+				clipPathUnits: "objectBoundingBox"
+			}, [m("path", { d: "M0,0 C0.25,0 0.36,0.34 0.5,0.34 C0.64,0.34 0.75,0 1,0 L1,1 C0.75,1 0.64,0.66 0.5,0.66 C0.36,0.66 0.25,1 0,1 Z" })])])], -1),
+			m("div", {
+				ref_key: "gooLayerEl",
+				ref: c,
+				class: y(["carousel-goo-layer", D(a) === "vertical" ? "carousel-goo-layer--vertical" : ""]),
+				"aria-hidden": "true"
+			}, [
+				m("span", {
+					ref_key: "bodyAEl",
+					ref: d,
+					class: "carousel-goo-body"
+				}, null, 512),
+				m("span", {
+					ref_key: "neckEl",
+					ref: h,
+					class: "carousel-goo-neck"
+				}, null, 512),
+				m("span", {
+					ref_key: "bodyBEl",
+					ref: f,
+					class: "carousel-goo-body"
+				}, null, 512)
+			], 2),
+			m("div", {
+				ref_key: "carouselRef",
+				ref: r,
+				"data-slot": "carousel-content",
+				class: "carousel-viewport overflow-hidden"
+			}, [m("div", _({ class: D(e)("carousel-track flex", D(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", n.class) }, t.$attrs), [w(t.$slots, "default", {}, void 0, !0)], 16)], 512)
+		], 512));
 	}
-}), N = /* @__PURE__ */ m({
+}), [["__scopeId", "data-v-6fa0b5cc"]]), L = /* @__PURE__ */ g({
 	__name: "CarouselItem",
 	props: { class: { type: [
 		Boolean,
@@ -119,15 +248,15 @@ var j = /* @__PURE__ */ m({
 		Array
 	] } },
 	setup(t) {
-		let n = t, { orientation: r } = A();
-		return (t, i) => (v(), d("div", {
+		let n = t, { orientation: r } = P();
+		return (t, i) => (S(), p("div", {
 			"data-slot": "carousel-item",
 			role: "group",
 			"aria-roledescription": "slide",
-			class: g(C(e)("min-w-0 shrink-0 grow-0 basis-full", C(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
-		}, [b(t.$slots, "default")], 2));
+			class: y(D(e)("min-w-0 shrink-0 grow-0 basis-full", D(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
+		}, [w(t.$slots, "default")], 2));
 	}
-}), P = /* @__PURE__ */ m({
+}), R = /* @__PURE__ */ g({
 	__name: "CarouselNext",
 	props: {
 		variant: { default: "outline" },
@@ -141,16 +270,16 @@ var j = /* @__PURE__ */ m({
 		] }
 	},
 	setup(n) {
-		let r = n, { orientation: i, canScrollNext: a, scrollNext: o } = A();
-		return (c, u) => (v(), l(C(s), {
+		let r = n, { orientation: i, canScrollNext: a, scrollNext: o } = P();
+		return (c, l) => (S(), d(D(s), {
 			"data-slot": "carousel-next",
-			disabled: !C(a),
-			class: g(C(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", C(i) === "horizontal" ? "top-1/2 -translate-y-1/2 right-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 bottom-[calc(-1*var(--carousel-nav-offset))]", r.class)),
+			disabled: !D(a),
+			class: y(D(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", D(i) === "horizontal" ? "top-1/2 -translate-y-1/2 right-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 bottom-[calc(-1*var(--carousel-nav-offset))]", r.class)),
 			variant: n.variant,
 			size: n.size,
-			onClick: C(o)
+			onClick: D(o)
 		}, {
-			default: T(() => [b(c.$slots, "default", {}, () => [p(C(t)), u[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
+			default: k(() => [w(c.$slots, "default", {}, () => [h(D(t)), l[0] ||= m("span", { class: "sr-only" }, "Next Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -160,11 +289,11 @@ var j = /* @__PURE__ */ m({
 			"onClick"
 		]));
 	}
-}), F = {
+}), z = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
 	class: "glass-pager-ring text-mono-caption tabular-nums"
-}, I = /* @__PURE__ */ m({
+}, B = /* @__PURE__ */ g({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -180,44 +309,44 @@ var j = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		let i = t, { carouselApi: f, canScrollNext: m, canScrollPrev: h, orientation: b, scrollNext: E, scrollPrev: D } = A(), O = y(0), k = y(0);
-		function j() {
-			let e = f.value;
-			e && (O.value = e.selectedScrollSnap(), k.value = e.scrollSnapList().length);
+		let i = t, { carouselApi: c, canScrollNext: l, canScrollPrev: m, orientation: g, scrollNext: _, scrollPrev: v } = P(), b = C(0), w = C(0);
+		function A() {
+			let e = c.value;
+			e && (b.value = e.selectedScrollSnap(), w.value = e.scrollSnapList().length);
 		}
-		w(f, (e) => {
-			e && (j(), e.on("select", j), e.on("reInit", j));
-		}, { immediate: !0 }), _(j);
-		let M = c(() => b === "vertical" ? r : n), N = c(() => b === "vertical" ? a : o);
-		return (n, r) => (v(), d("div", {
+		O(c, (e) => {
+			e && (A(), e.on("select", A), e.on("reInit", A));
+		}, { immediate: !0 }), x(A);
+		let j = u(() => g === "vertical" ? r : n), M = u(() => g === "vertical" ? a : o);
+		return (n, r) => (S(), p("div", {
 			"data-slot": "carousel-pager",
-			class: g(C(e)("inline-flex items-center gap-2", C(b) === "vertical" && "flex-col", i.class))
+			class: y(D(e)("inline-flex items-center gap-2", D(g) === "vertical" && "flex-col", i.class))
 		}, [
-			p(C(s), {
+			h(D(s), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !C(h),
-				"aria-label": C(b) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				disabled: !D(m),
+				"aria-label": D(g) === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "carousel-pager-prev",
-				onClick: C(D)
+				onClick: D(v)
 			}, {
-				default: T(() => [(v(), l(x(M.value), { class: "size-4" }))]),
+				default: k(() => [(S(), d(T(j.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"aria-label",
 				"onClick"
 			]),
-			t.showCounter && k.value > 0 ? (v(), d("span", F, S(O.value + 1) + " / " + S(k.value), 1)) : u("", !0),
-			p(C(s), {
+			t.showCounter && w.value > 0 ? (S(), p("span", z, E(b.value + 1) + " / " + E(w.value), 1)) : f("", !0),
+			h(D(s), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !C(m),
-				"aria-label": C(b) === "vertical" ? "Next slide (down)" : "Next slide",
+				disabled: !D(l),
+				"aria-label": D(g) === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "carousel-pager-next",
-				onClick: C(E)
+				onClick: D(_)
 			}, {
-				default: T(() => [(v(), l(x(N.value), { class: "size-4" }))]),
+				default: k(() => [(S(), d(T(M.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
@@ -226,7 +355,7 @@ var j = /* @__PURE__ */ m({
 			])
 		], 2));
 	}
-}), L = /* @__PURE__ */ m({
+}), V = /* @__PURE__ */ g({
 	__name: "CarouselPrevious",
 	props: {
 		variant: { default: "outline" },
@@ -240,16 +369,16 @@ var j = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		let n = t, { orientation: r, canScrollPrev: a, scrollPrev: o } = A();
-		return (c, u) => (v(), l(C(s), {
+		let n = t, { orientation: r, canScrollPrev: a, scrollPrev: o } = P();
+		return (c, l) => (S(), d(D(s), {
 			"data-slot": "carousel-previous",
-			disabled: !C(a),
-			class: g(C(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", C(r) === "horizontal" ? "top-1/2 -translate-y-1/2 left-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 top-[calc(-1*var(--carousel-nav-offset))]", n.class)),
+			disabled: !D(a),
+			class: y(D(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", D(r) === "horizontal" ? "top-1/2 -translate-y-1/2 left-[calc(-1*var(--carousel-nav-offset))]" : "left-1/2 -translate-x-1/2 rotate-90 top-[calc(-1*var(--carousel-nav-offset))]", n.class)),
 			variant: t.variant,
 			size: t.size,
-			onClick: C(o)
+			onClick: D(o)
 		}, {
-			default: T(() => [b(c.$slots, "default", {}, () => [p(C(i)), u[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
+			default: k(() => [w(c.$slots, "default", {}, () => [h(D(i)), l[0] ||= m("span", { class: "sr-only" }, "Previous Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -259,11 +388,11 @@ var j = /* @__PURE__ */ m({
 			"onClick"
 		]));
 	}
-}), R = {
+}), H = {
 	key: 0,
 	"data-slot": "glass-carousel-pager-counter",
 	class: "rounded-pill border border-border bg-card px-3 py-1 text-mono-caption tabular-nums shadow-cartoon-sm"
-}, z = /* @__PURE__ */ m({
+}, U = /* @__PURE__ */ g({
 	__name: "GlassCarouselPager",
 	props: {
 		index: {},
@@ -291,44 +420,44 @@ var j = /* @__PURE__ */ m({
 		"select"
 	],
 	setup(t, { emit: i }) {
-		let f = t, m = i, h = c(() => f.loop ? f.total > 1 : f.index > 0), _ = c(() => f.loop ? f.total > 1 : f.index < f.total - 1);
-		function y() {
-			h.value && (f.loop ? m("select", (f.index - 1 + f.total) % f.total) : (m("prev"), m("select", Math.max(0, f.index - 1))));
+		let c = t, l = i, m = u(() => c.loop ? c.total > 1 : c.index > 0), g = u(() => c.loop ? c.total > 1 : c.index < c.total - 1);
+		function _() {
+			m.value && (c.loop ? l("select", (c.index - 1 + c.total) % c.total) : (l("prev"), l("select", Math.max(0, c.index - 1))));
 		}
-		function w() {
-			_.value && (f.loop ? m("select", (f.index + 1) % f.total) : (m("next"), m("select", Math.min(f.total - 1, f.index + 1))));
+		function v() {
+			g.value && (c.loop ? l("select", (c.index + 1) % c.total) : (l("next"), l("select", Math.min(c.total - 1, c.index + 1))));
 		}
-		let E = c(() => f.orientation === "vertical" ? r : n), D = c(() => f.orientation === "vertical" ? a : o);
-		return (n, r) => (v(), d("div", {
+		let b = u(() => c.orientation === "vertical" ? r : n), x = u(() => c.orientation === "vertical" ? a : o);
+		return (n, r) => (S(), p("div", {
 			"data-slot": "glass-carousel-pager",
-			class: g(C(e)("inline-flex items-center gap-2", t.orientation === "vertical" && "flex-col", "max-md:flex-wrap max-md:justify-center max-md:gap-2", f.class))
+			class: y(D(e)("inline-flex items-center gap-2", t.orientation === "vertical" && "flex-col", "max-md:flex-wrap max-md:justify-center max-md:gap-2", c.class))
 		}, [
-			p(C(s), {
+			h(D(s), {
 				variant: "outline",
 				size: "icon",
-				disabled: !h.value,
+				disabled: !m.value,
 				"aria-label": t.orientation === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "glass-carousel-pager-prev",
-				onClick: y
+				onClick: _
 			}, {
-				default: T(() => [(v(), l(x(E.value), { class: "size-4" }))]),
+				default: k(() => [(S(), d(T(b.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			t.showCounter && t.total > 0 ? (v(), d("span", R, S(t.index + 1) + " / " + S(t.total), 1)) : u("", !0),
-			p(C(s), {
+			t.showCounter && t.total > 0 ? (S(), p("span", H, E(t.index + 1) + " / " + E(t.total), 1)) : f("", !0),
+			h(D(s), {
 				variant: "outline",
 				size: "icon",
-				disabled: !_.value,
+				disabled: !g.value,
 				"aria-label": t.orientation === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "glass-carousel-pager-next",
-				onClick: w
+				onClick: v
 			}, {
-				default: T(() => [(v(), l(x(D.value), { class: "size-4" }))]),
+				default: k(() => [(S(), d(T(x.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			b(n.$slots, "trailing")
+			w(n.$slots, "trailing")
 		], 2));
 	}
 });
 //#endregion
-export { j as Carousel, M as CarouselContent, N as CarouselItem, P as CarouselNext, I as CarouselPager, L as CarouselPrevious, z as GlassCarouselPager, A as useCarousel };
+export { F as Carousel, I as CarouselContent, L as CarouselItem, R as CarouselNext, B as CarouselPager, V as CarouselPrevious, U as GlassCarouselPager, P as useCarousel };

package/dist/chipVariants-BJQ0I2kB.js

@@ -0,0 +1,18 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/custom/selectable-chip/chipVariants.ts
+var t = e([
+	"glass-chip glass-capsule glass-capsule-hover accent-tone",
+	"focus-ring select-none cursor-pointer outline-none font-sans",
+	"text-muted-foreground",
+	"disabled:opacity-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
+].join(" "), {
+	variants: { size: {
+		sm: "inline-flex items-center justify-center gap-1 px-2.5 py-1 text-caption",
+		md: "inline-flex items-center justify-center gap-1.5 px-3.5 py-1.5 text-small",
+		lg: "inline-flex items-center justify-center gap-2 px-5 py-2 text-base",
+		cell: "glass-chip--cell flex flex-col items-center justify-center gap-1.5 px-2 py-2.5 text-micro"
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t };

package/dist/collapsible.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./CollapsibleContent-68dEXIAl.js";
+import { n as e, r as t, t as n } from "./CollapsibleContent-D7UNsXQr.js";
 export { t as Collapsible, n as CollapsibleContent, e as CollapsibleTrigger };

package/dist/color.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./color-Cs0-oxYL.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./color-B9jZdhJX.js";
 export { c as cssToOklch, i as defaultBlobColorResolver, o as deriveBlobPalette, n as deriveHue, e as gamutMapStop, a as oklchStopToHex, s as oklchToGammaRgb, t as oklchToLinear, l as useAccentTone, r as warmCatchLight };

package/dist/command.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CommandShortcut-D3yxgHNn.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CommandShortcut-By-VQcLO.js";
 export { r as Command, t as CommandDialog, s as CommandEmpty, a as CommandGroup, e as CommandInput, n as CommandItem, o as CommandList, i as CommandSeparator, c as CommandShortcut };

package/dist/components/custom/aurora/composables/glSetup.d.ts

@@ -9,7 +9,7 @@
  * shader-uniform boundary: a NEW uniform name must be added here, and the cache is
  * keyed off it, so a fresh uniform always gets a location slot.
  */
-export declare const UNIFORM_NAMES: readonly ["uTime", "uPalette", "uStopCount", "uNucleiCount", "uNucleiPos", "uNucleiRadius", "uNucleiPaletteBias", "uNucleiValueBias", "uNucleiDriftRadius", "uNucleiDriftPhase", "uNucleiElong", "uNucleiAngle", "uSoftmaxBeta", "uValueVariance", "uWarpAmount", "uWarpScale", "uWarpDrift", "uWarpMode", "uNoiseOctaves", "uMedium", "uHuePath", "uFlowPattern", "uFlowFocal", "uFlowAngle", "uFlowCurl", "uCursor", "uCursorStrength", "uCursorRadius", "uCursorVelocity", "uCursorBurst", "uStrokeAmount", "uStrokeScale", "uStrokeAnisotropy", "uStrokeLayers", "uStrokeMode", "uStrokeOrient", "uLightDir", "uLightColor", "uWetEdge", "uGranulation", "uImpasto", "uBrokenColor", "uCanvasGrain", "uNucleiDrift", "uPaletteDrift", "uBreathDepth", "uBreathPeriod", "uSaturation", "uPaperGrain", "uAlpha"];
+export declare const UNIFORM_NAMES: readonly ["uTime", "uPalette", "uStopCount", "uNucleiCount", "uNucleiPos", "uNucleiRadius", "uNucleiPaletteBias", "uNucleiValueBias", "uNucleiDriftRadius", "uNucleiDriftPhase", "uNucleiElong", "uNucleiAngle", "uSoftmaxBeta", "uValueVariance", "uWarpAmount", "uWarpScale", "uWarpDrift", "uWarpMode", "uNoiseOctaves", "uMedium", "uHuePath", "uFlowPattern", "uFlowFocal", "uFlowAngle", "uFlowCurl", "uCursor", "uCursorStrength", "uCursorRadius", "uCursorVelocity", "uCursorBurst", "uStrokeAmount", "uStrokeScale", "uStrokeAnisotropy", "uStrokeLayers", "uStrokeMode", "uStrokeOrient", "uLightDir", "uLightColor", "uWetEdge", "uGranulation", "uImpasto", "uBrokenColor", "uCanvasGrain", "uNucleiDrift", "uPaletteDrift", "uBreathDepth", "uBreathPeriod", "uSaturation", "uPaperGrain", "uAlpha", "uVividness"];
 export type UniformName = (typeof UNIFORM_NAMES)[number];
 export type UniformLocations = Record<UniformName, WebGLUniformLocation | null>;
 export interface GlProgram {

package/dist/components/custom/aurora/composables/uniformBridgeWGPU.d.ts

@@ -13,7 +13,7 @@
  *   scalars0 : vec4<f32>   off   0   (uTime, uSoftmaxBeta, uValueVariance, uWarpAmount)
  *   scalars1 : vec4<f32>   off  16   (uWarpScale, uWarpDrift, uSaturation, uPaperGrain)
  *   scalars2 : vec4<f32>   off  32   (uAlpha, uNucleiDrift, uPaletteDrift, uBreathDepth)
- *   scalars3 : vec4<f32>   off  48   (uBreathPeriod, uCursorStrength, uCursorRadius, _)
+ *   scalars3 : vec4<f32>   off  48   (uBreathPeriod, uCursorStrength, uCursorRadius, uVividness)
  *   cursor   : vec4<f32>   off  64   (uCursor.x, uCursor.y, _, _)
  *   ints0    : vec4<i32>   off  80   (uStopCount, uNucleiCount, uWarpMode, uNoiseOctaves)
  *   ints1    : vec4<i32>   off  96   (uMedium, uHuePath, _, _)

package/dist/components/custom/aurora/constants/presets.d.ts

@@ -149,6 +149,20 @@ export interface AuroraConfig {
     saturation: number;
     paperGrain: number;
     alpha: number;
+    /**
+     * BD.W-AUR-VIVIDNESS — the §3 chroma FLOOR (the warm-field vividness contract).
+     * Optional; omitted = `DEFAULT_VIVIDNESS` (1 — high, the library's vivid identity).
+     * A shader-resident OKLab chroma-floor lifts any pale zone toward `VIVID_TARGET`
+     * (mode-scaled in the shader) so the field never resolves toward gray BEHIND glass
+     * — the literal fix for the "missing colorful field → gray glass" defect. The lift
+     * is HUE-PRESERVING (scales chroma along the zone's existing OKLab direction); below
+     * `VIVID_EPS` the hue is precision noise, so the floor synthesizes along the WARM
+     * anchor (`VIVID_WARM_ANCHOR`) — NEVER teal/navy, the warm-floor guarantee. A
+     * deliberately-pale hero surface opts OUT with `vividness: 0` (the new lanes write 0,
+     * so a `vividness:0` config is byte-identical to the pre-floor render — the gated
+     * identity move). Range 0..1.
+     */
+    vividness?: number;
     /**
      * AW.W6/W8 — the pointer/scroll interactivity opt-in (default OFF — the wispy-sky
      * default stays static). W6 declares the SHAPE; W8 wires the cursor-as-light /
@@ -194,6 +208,21 @@ export interface AuroraInstance extends AuroraCursorApi {
 }
 export declare const MAX_NUCLEI = 6;
 export declare const MAX_STOPS = 8;
+/**
+ * The default `vividness` for a bare `<Aurora>` — HIGH (the library's vivid identity).
+ * This INVERTS the pre-floor status quo: vivid is the default, pale is the explicit
+ * `vividness: 0` opt-out. The literal §3 fix — a warm glass plate over the default field
+ * now reads transmissive-not-gray because the field carries chroma.
+ */
+export declare const DEFAULT_VIVIDNESS = 1;
+/**
+ * The per-fragment OKLab chroma the floor lifts a pale zone TOWARD at `vividness:1`
+ * (the shader scales this by a mode factor — a dim/dark field needs more chroma to read
+ * vivid through glass). Tuned so the lifted DEFAULT field clears the §3 transmissive
+ * floor (mean OKLab chroma ≥ 0.045) with headroom; a vivid zone above this is untouched.
+ * Mirrored as `VIVID_TARGET` in the GLSL + WGSL twins.
+ */
+export declare const VIVID_TARGET = 0.115;
 /**
  * A neutral starting point for consumers that build their own config from scratch.
  * Not a themed preset — the demo's 11 authored presets override every field.