@mkbabb/glass-ui 4.0.1 → 4.2.0

package/dist/carousel.js

@@ -1,12 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { C as t, S as n, _ as r, b as i, v as a, y as o } from "./vendor-CKmzio-i.js";
-import { n as s } from "./button-DYCUa-tH.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 { 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-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" },
@@ -140,17 +269,17 @@ var j = /* @__PURE__ */ m({
 			Array
 		] }
 	},
-	setup(t) {
-		let r = t, { orientation: i, canScrollNext: a, scrollNext: o } = A();
-		return (c, u) => (v(), l(C(s), {
+	setup(n) {
+		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)),
-			variant: t.variant,
-			size: t.size,
-			onClick: C(o)
+			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: D(o)
 		}, {
-			default: T(() => [b(c.$slots, "default", {}, () => [p(C(n)), 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 n = 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 : o), N = c(() => b === "vertical" ? i : a);
-		return (r, i) => (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", n.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" },
@@ -239,17 +368,17 @@ var j = /* @__PURE__ */ m({
 			Array
 		] }
 	},
-	setup(n) {
-		let r = n, { orientation: i, canScrollPrev: a, scrollPrev: o } = A();
-		return (c, u) => (v(), l(C(s), {
+	setup(t) {
+		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(i) === "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))]", r.class)),
-			variant: n.variant,
-			size: n.size,
-			onClick: C(o)
+			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: D(o)
 		}, {
-			default: T(() => [b(c.$slots, "default", {}, () => [p(C(t)), 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: {},
@@ -290,45 +419,45 @@ var j = /* @__PURE__ */ m({
 		"next",
 		"select"
 	],
-	setup(t, { emit: n }) {
-		let f = t, m = n, 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))));
+	setup(t, { emit: i }) {
+		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 : o), D = c(() => f.orientation === "vertical" ? i : a);
-		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-B9jZdhJX.js

@@ -0,0 +1,116 @@
+import { computed as e, toValue as t } from "vue";
+import { OKLCHColor as n, colorUnit2 as r, gamutMapOKLab as i, interpolateHue as a, isInSRGBGamut as o, oklabToLinearSRGB as s, oklabToRgb255 as c, parseCSSColor as l, rawOklabToOklch as u, rawOklchToOklab as d, safeAccentColor as f, srgbToOKLab as p } from "@mkbabb/value.js";
+//#region src/composables/color/useAccentTone.ts
+var m = "hsl(36 48% 97%)", h = 4.5, g = .18;
+function _(e, t, n) {
+	let [r] = d(e.L, e.C, e.h), [i] = d(t.L, t.C, t.h);
+	return r * (1 - n) + i * n;
+}
+function v(r, i = {}) {
+	let a = e(() => {
+		let e = t(r) || "var(--primary)";
+		if (/var\(/.test(e)) return "";
+		i.fillStrength;
+		let a = i.bandStrength ?? g, o = i.inkContrast ?? h, s = i.surface || m, c, l;
+		try {
+			c = S(e), l = S(s);
+		} catch {
+			return "";
+		}
+		let u = _(l, c, a);
+		return f(new n(c.L, c.C, c.h), u, o * .1).toString();
+	});
+	return {
+		toneStyle: e(() => {
+			let e = { "--tone": t(r) || "var(--primary)" }, n = a.value;
+			return n && (e["--accent-ink-resolved"] = n), e;
+		}),
+		ink: a
+	};
+}
+//#endregion
+//#region src/composables/color/index.ts
+function y(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [i, a, o] = s(t, n, r);
+	return [
+		Math.max(0, i),
+		Math.max(0, a),
+		Math.max(0, o)
+	];
+}
+function b(e, t, n) {
+	if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(n)) throw Error(`warmCatchLight: non-finite OKLCh anchor (L=${e}, C=${t}, h=${n})`);
+	return y({
+		L: e,
+		C: t,
+		h: n
+	});
+}
+function x(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [i, a, o] = c(t, n, r), s = (e) => Math.min(1, Math.max(0, e / 255));
+	return [
+		s(i),
+		s(a),
+		s(o)
+	];
+}
+function S(e) {
+	let t = r(l(e), "rgb").value, [n, i, a] = p(Number(t.r), Number(t.g), Number(t.b)), [o, s, c] = u(n, i, a);
+	return {
+		L: o,
+		C: s,
+		h: c
+	};
+}
+function C(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [i, a, o] = c(t, n, r), s = (e) => Math.round(e).toString(16).padStart(2, "0");
+	return `#${s(i)}${s(a)}${s(o)}`;
+}
+var w = (e) => x(S(e)), T = {
+	complementary: "longer",
+	"split-complementary": "longer",
+	analogous: "shorter",
+	monochrome: "shorter",
+	triad: "increasing",
+	tetradic: "increasing"
+}, E = (e) => (e % 360 + 360) % 360;
+function D(e, t, n, r) {
+	let i = T[t], o = (e, t) => E(a(E(e) / 360, E(t) / 360, r, i) * 360);
+	switch (t) {
+		case "monochrome": return E(e);
+		case "complementary": return o(e, e + 180);
+		case "split-complementary": return o(e + 150, e + 210);
+		case "triad": return o(e, e + 240);
+		case "tetradic": return o(e, e + 270);
+		default: return o(e - n, e + n);
+	}
+}
+function O(e) {
+	let [t, n, r] = d(e.L, e.C, e.h), [a, c, l] = i(t, n, r), [f, p, m] = u(a, c, l), h = p;
+	for (let e = 0; e < 6; e++) {
+		let [e, t, n] = d(f, h, m), [r, i, a] = s(e, t, n);
+		if (o(r, i, a)) break;
+		h *= .999;
+	}
+	return {
+		L: f,
+		C: h,
+		h: m
+	};
+}
+function k(e, t = {}) {
+	let n = typeof e == "string" ? S(e) : e, { stopCount: r = 3, harmony: i = "analogous", lightnessSpread: a = .18, hueSpread: o = 24, chromaBump: s = .03, chromaCeiling: c } = t, l = Math.max(2, Math.min(4, Math.round(r))), u = [];
+	for (let e = 0; e < l; e++) {
+		let t = l === 1 ? 0 : e / (l - 1), r = n.L - a / 2 + a * t, d = Math.max(0, n.C + s * Math.sin(Math.PI * t));
+		c !== void 0 && (d = Math.min(d, c));
+		let f = D(n.h, i, o, t);
+		u.push(O({
+			L: Math.min(.98, Math.max(.05, r)),
+			C: d,
+			h: f
+		}));
+	}
+	return u;
+}
+//#endregion
+export { O as a, y as c, D as i, b as l, w as n, C as o, k as r, x as s, S as t, v as u };

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 } from "./color-DweYl7pE.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, r as warmCatchLight };
+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-DvZNQ_HF.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/completion-seal.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/completion-seal";