@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/badge.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./badge-UILT_3pZ.js";
+import { n as e, t } from "./badge-D9XWW4GT.js";
 export { e as Badge, t as badgeVariants };

package/dist/border-progress.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/border-progress";

package/dist/border-progress.js

@@ -0,0 +1,98 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, ref as c, renderSlot as l, unref as u, watch as d } from "vue";
+//#region src/components/custom/border-progress/constants.ts
+var f = [
+	"var(--section-color-0)",
+	"var(--section-color-3)",
+	"var(--section-color-7)",
+	"var(--section-color-12)"
+], p = (e) => e.some((e) => /var\(/.test(e)), m = /* @__PURE__ */ new Map(), h = (e, t) => `${t}|${e.join("|")}`;
+function g(e) {
+	return [...e];
+}
+function _(e, t = 24, n) {
+	let r = Math.max(2, Math.round(t));
+	if (p(e)) return [...e];
+	let i = h(e, r);
+	return m.get(i) || (n && import("./spectrum-walk-BVzA7Biz.js").then(({ walkConcreteSpectrum: t }) => {
+		let a = t(e, r);
+		m.set(i, a), n(a);
+	}), g(e));
+}
+//#endregion
+//#region src/components/custom/border-progress/BorderProgress.vue?vue&type=script&setup=true&lang.ts
+var v = [
+	"data-coverage",
+	"data-milestone",
+	"aria-valuenow",
+	"aria-valuemax"
+], y = { class: "border-progress__content" }, b = /* @__PURE__ */ i({
+	name: "BorderProgress",
+	__name: "BorderProgress",
+	props: {
+		value: {},
+		max: {},
+		coverage: {},
+		stops: {},
+		width: {},
+		radius: {},
+		milestones: {},
+		class: {}
+	},
+	emits: ["milestone"],
+	setup(i, { emit: p }) {
+		let m = i, h = p, g = t(() => m.max ?? 1), b = t(() => {
+			let e = g.value || 1, t = m.value / e;
+			return t < 0 ? 0 : t > 1 ? 1 : t;
+		}), x = t(() => m.value), S = c([]), C = () => {
+			let e = m.stops ?? f;
+			S.value = _(e, void 0, (t) => {
+				(m.stops ?? f) === e && (S.value = t);
+			});
+		};
+		C(), d(() => m.stops, C);
+		let w = t(() => {
+			let e = S.value, t = e.length;
+			return t === 1 ? `${e[0]}, ${e[0]}` : e.map((e, n) => `${e} ${(n / (t - 1) * 100).toFixed(2)}%`).join(", ");
+		}), T = c(!1), E = c(b.value);
+		d(b, (e, t) => {
+			let n = m.milestones;
+			if (!n || n.length === 0) {
+				E.value = e;
+				return;
+			}
+			let r = g.value || 1;
+			for (let i of n) {
+				let n = i.at / r;
+				(t < n && e >= n || t > n && e <= n) && (h("milestone", {
+					milestone: i,
+					value: m.value
+				}), T.value = !0, requestAnimationFrame(() => {
+					T.value = !1;
+				}));
+			}
+			E.value = e;
+		});
+		let D = t(() => ({
+			"--border-progress-fill": `${(b.value * 100).toFixed(3)}%`,
+			"--border-progress-width": `${m.width ?? 12}px`,
+			"--border-progress-radius": `${m.radius ?? 16}px`,
+			"--border-progress-spectrum": w.value
+		}));
+		return (t, i) => (s(), n("div", {
+			class: a(["border-progress", u(e)(m.class)]),
+			"data-coverage": m.coverage ?? "full-ring",
+			"data-milestone": T.value ? "" : void 0,
+			style: o(D.value),
+			role: "progressbar",
+			"aria-valuenow": x.value,
+			"aria-valuemin": "0",
+			"aria-valuemax": g.value
+		}, [i[0] ||= r("div", {
+			class: "border-progress__ring",
+			"aria-hidden": "true"
+		}, null, -1), r("div", y, [l(t.$slots, "default")])], 14, v));
+	}
+});
+//#endregion
+export { b as BorderProgress, _ as spectrumStops };

package/dist/button-5dY1Dvhd.js

@@ -0,0 +1,125 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useSpringPress-B1-Czp-V.js";
+import { t as n } from "./useLiquidFlex-UmA6LMZu.js";
+import { t as r } from "./vSpecular-EX7loENl.js";
+import { computed as i, createBlock as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, watch as d, withCtx as f, withDirectives as p } from "vue";
+import { Primitive as m } from "reka-ui";
+import { cva as h } from "class-variance-authority";
+//#endregion
+//#region src/components/ui/button/Button.vue
+var g = /* @__PURE__ */ o({
+	__name: "Button",
+	props: {
+		variant: {},
+		size: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: {},
+		liquid: { type: Boolean },
+		type: {},
+		disabled: { type: [Boolean, String] },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(o) {
+		let h = o, g = i(() => ({
+			type: h.type,
+			disabled: h.disabled
+		})), v = i(() => {
+			if (h.surface === "veil") return "veil-surface";
+			if (h.surface === "opaque") return "glass-opaque";
+		}), y = t(), b = n({
+			from: 0,
+			to: 1,
+			axis: "width",
+			maxStretch: 1.04,
+			squishLaw: "linear"
+		});
+		d(() => y.value.value, (e) => b.squish(e), {
+			immediate: !0,
+			flush: "sync"
+		});
+		let x = i(() => {
+			let e = y.value.value, t = b.stretch.value, n = 1 - e * .03, r = (n * t).toFixed(4), i = (n / t).toFixed(4), a = { "--glass-btn-press-t": e.toFixed(4) };
+			return e > .001 && (a.scale = `${r} ${i}`), a;
+		}), S = new Set([
+			"default",
+			"glass",
+			"glass-wash",
+			"primary-audacious",
+			"gold-audacious",
+			"outline",
+			"secondary",
+			"accent"
+		]), C = i(() => S.has(h.variant ?? "default")), w = i(() => ({ ...x.value })), T = i(() => h.liquid ? "glass-lens" : void 0);
+		return (t, n) => p((c(), a(u(m), s({
+			as: o.as,
+			"as-child": o.asChild,
+			"data-slot": "button",
+			"data-variant": o.variant,
+			"data-size": o.size,
+			"data-surface": o.surface
+		}, g.value, {
+			class: u(e)(u(_)({
+				variant: o.variant,
+				size: o.size
+			}), v.value, T.value, h.class),
+			style: w.value,
+			onPointerdown: u(y).press,
+			onPointerup: u(y).release,
+			onPointercancel: u(y).release,
+			onPointerleave: u(y).release
+		}), {
+			default: f(() => [l(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as",
+			"as-child",
+			"data-variant",
+			"data-size",
+			"data-surface",
+			"class",
+			"style",
+			"onPointerdown",
+			"onPointerup",
+			"onPointercancel",
+			"onPointerleave"
+		])), [[u(r), C.value]]);
+	}
+}), _ = h("btn-pill tap-squish focus-ring whitespace-nowrap text-[length:var(--control-text)] font-medium cursor-pointer active:scale-(--scale-press-btn) disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-(--ui-glyph) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
+	variants: {
+		variant: {
+			default: "glass-wash btn-glass glass-deep text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))]",
+			"primary-audacious": "glass-wash btn-glass glass-deep text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))] hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
+			"gold-audacious": "glass-wash btn-glass text-foreground bg-[linear-gradient(135deg,color-mix(in_srgb,var(--color-gold)_10%,transparent),color-mix(in_srgb,var(--color-gold-light)_6%,transparent)_50%,color-mix(in_srgb,var(--color-gold)_10%,transparent))] hover:bg-[linear-gradient(135deg,color-mix(in_srgb,var(--color-gold)_16%,transparent),color-mix(in_srgb,var(--color-gold-light)_10%,transparent)_50%,color-mix(in_srgb,var(--color-gold)_16%,transparent))] hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80 aria-pressed:bg-destructive/85",
+			outline: "glass-wash btn-glass text-foreground border-(--glass-border-floating) hover:bg-(--glass-bg-quiet-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-resting-tinted) active:border-(--glass-border-floating) aria-pressed:bg-(--glass-bg-resting-tinted)",
+			secondary: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-quiet-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-resting-tinted) aria-pressed:bg-(--glass-bg-resting-tinted)",
+			accent: "glass-wash btn-glass text-foreground border-(--glass-border-resting) hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-floating) active:bg-(--glass-bg-floating-tinted) aria-pressed:bg-(--glass-bg-resting-tinted)",
+			ghost: "bg-transparent text-foreground/70 hover:bg-foreground/8 hover:text-foreground active:bg-foreground/12 aria-pressed:bg-foreground/10 aria-pressed:text-foreground",
+			glass: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-resting-tinted) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating-tinted) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting-tinted))]",
+			"glass-wash": "glass-wash btn-glass text-foreground/70 hover:bg-foreground/[0.04] hover:border-(--surface-tint-22) hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
+			ai: "bg-amber-500/15 text-amber-700 hover:bg-amber-500/25 active:bg-amber-500/35 dark:text-amber-400 aria-pressed:bg-amber-500/30",
+			link: "text-primary underline-offset-4 hover:underline active:opacity-80 active:scale-100"
+		},
+		size: {
+			default: "h-(--control-h-md) px-4 py-2 has-[>svg]:px-3",
+			xs: "h-(--control-h-xs) rounded-pill px-2 text-[length:var(--control-text-sm)]",
+			sm: "h-(--control-h-sm) rounded-pill px-3",
+			lg: "h-(--control-h-lg) rounded-pill px-8 has-[>svg]:px-5",
+			icon: "h-(--control-h-md) w-(--control-h-md) p-0",
+			"icon-sm": "h-(--control-h-xs) w-(--control-h-xs) p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+//#endregion
+export { g as n, _ as t };

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-BNDWhAZb.js";
+import { n as e, t } from "./button-5dY1Dvhd.js";
 export { e as Button, t as buttonVariants };

package/dist/canvas.js

@@ -1,3 +1,2 @@
-import { n as e, t } from "./useCanvas2D-ClrQuZtp.js";
-import { t as n } from "./resolveCanvasColor-BBiYfp8g.js";
-export { n as resolveCanvasColor, t as useCanvas2D, e as useCanvasLifecycle };
+import { n as e, r as t, t as n } from "./resolveCanvasColor-yPyIpJt9.js";
+export { n as resolveCanvasColor, e as useCanvas2D, t as useCanvasLifecycle };

package/dist/card.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./CardAction-XH4YBVEK.js";
-export { a as Card, o as CardAction, i as CardContent, t as CardDescription, n as CardFooter, r as CardHeader, e as CardTitle };
+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 "./CardAction-8whJrLWt.js";
+export { r as Card, c as CardAction, o as CardContent, n as CardDescription, i as CardFooter, t as CardHeader, e as CardTitle, s as ScrollCard, a as ScrollCardHeader };

package/dist/carousel.js

@@ -1,29 +1,12 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DydS2qgk.js";
-import { t as n } from "./chevron-down-DKkxb4VV.js";
-import { t as r } from "./chevron-right-CPXbqQQz.js";
-import { t as i } from "./chevron-up-n_24SqI-.js";
-import { n as a } from "./button-BNDWhAZb.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, watch as S, withCtx as C } from "vue";
-import { createInjectionState as w } from "@vueuse/core";
-import T from "embla-carousel-vue";
-var E = t("arrow-left", [["path", {
-	d: "m12 19-7-7 7-7",
-	key: "1l729n"
-}], ["path", {
-	d: "M19 12H5",
-	key: "x3x0zl"
-}]]), D = t("arrow-right", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "m12 5 7 7-7 7",
-	key: "xquz4c"
-}]]), O = t("chevron-left", [["path", {
-	d: "m15 18-6-6 6-6",
-	key: "1wnfg3"
-}]]), [k, A] = w(({ opts: e, orientation: t, plugins: n }, r) => {
-	let [i, a] = T({
+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";
+//#region src/components/ui/carousel/useCarousel.ts
+var [O, k] = E(({ opts: e, orientation: t, plugins: n }, r) => {
+	let [i, a] = D({
 		...e,
 		axis: t === "horizontal" ? "x" : "y"
 	}, n);
@@ -33,11 +16,11 @@ var E = t("arrow-left", [["path", {
 	function s() {
 		a.value?.scrollNext();
 	}
-	let c = _(!1), l = _(!1);
+	let c = y(!1), l = y(!1);
 	function u(e) {
 		c.value = e?.canScrollNext() || !1, l.value = e?.canScrollPrev() || !1;
 	}
-	return h(() => {
+	return _(() => {
 		a.value && (a.value?.on("init", u), a.value?.on("reInit", u), a.value?.on("select", u), r("init-api", a.value));
 	}), {
 		carouselRef: i,
@@ -49,14 +32,14 @@ var E = t("arrow-left", [["path", {
 		orientation: t
 	};
 });
-function j() {
-	let e = A();
+function A() {
+	let e = k();
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
 //#endregion
 //#region src/components/ui/carousel/Carousel.vue
-var M = /* @__PURE__ */ f({
+var j = /* @__PURE__ */ m({
 	__name: "Carousel",
 	props: {
 		opts: {},
@@ -72,14 +55,14 @@ var M = /* @__PURE__ */ f({
 	},
 	emits: ["init-api"],
 	setup(t, { expose: n, emit: r }) {
-		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: u, scrollNext: d, scrollPrev: f } = k(i, r);
+		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: l, scrollNext: u, scrollPrev: f } = O(i, r);
 		n({
 			canScrollNext: a,
 			canScrollPrev: o,
 			carouselApi: s,
 			carouselRef: c,
-			orientation: u,
-			scrollNext: d,
+			orientation: l,
+			scrollNext: u,
 			scrollPrev: f
 		});
 		function p(e) {
@@ -88,26 +71,26 @@ var M = /* @__PURE__ */ f({
 				e.preventDefault(), f();
 				return;
 			}
-			e.key === n && (e.preventDefault(), d());
+			e.key === n && (e.preventDefault(), u());
 		}
-		return (t, n) => (g(), l("div", {
+		return (t, n) => (v(), d("div", {
 			"data-slot": "carousel",
-			class: m(x(e)("relative", i.class)),
+			class: g(C(e)("relative", i.class)),
 			role: "region",
 			"aria-roledescription": "carousel",
 			tabindex: "0",
 			onKeydown: p
-		}, [v(t.$slots, "default", {
-			canScrollNext: x(a),
-			canScrollPrev: x(o),
-			carouselApi: x(s),
-			carouselRef: x(c),
-			orientation: x(u),
-			scrollNext: x(d),
-			scrollPrev: x(f)
+		}, [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)
 		})], 34));
 	}
-}), N = /* @__PURE__ */ f({
+}), M = /* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "CarouselContent",
 	props: { class: { type: [
@@ -118,15 +101,15 @@ var M = /* @__PURE__ */ f({
 		Array
 	] } },
 	setup(t, { expose: n }) {
-		let r = t, { carouselRef: i, orientation: a } = j();
-		return n({ carouselRef: i }), (t, n) => (g(), l("div", {
+		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"
-		}, [u("div", p({ class: x(e)("flex", x(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", r.class) }, t.$attrs), [v(t.$slots, "default")], 16)], 512));
+		}, [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));
 	}
-}), P = /* @__PURE__ */ f({
+}), N = /* @__PURE__ */ m({
 	__name: "CarouselItem",
 	props: { class: { type: [
 		Boolean,
@@ -136,15 +119,15 @@ var M = /* @__PURE__ */ f({
 		Array
 	] } },
 	setup(t) {
-		let n = t, { orientation: r } = j();
-		return (t, i) => (g(), l("div", {
+		let n = t, { orientation: r } = A();
+		return (t, i) => (v(), d("div", {
 			"data-slot": "carousel-item",
 			role: "group",
 			"aria-roledescription": "slide",
-			class: m(x(e)("min-w-0 shrink-0 grow-0 basis-full", x(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
-		}, [v(t.$slots, "default")], 2));
+			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));
 	}
-}), F = /* @__PURE__ */ f({
+}), P = /* @__PURE__ */ m({
 	__name: "CarouselNext",
 	props: {
 		variant: { default: "outline" },
@@ -157,17 +140,17 @@ var M = /* @__PURE__ */ f({
 			Array
 		] }
 	},
-	setup(t) {
-		let n = t, { orientation: r, canScrollNext: i, scrollNext: o } = j();
-		return (c, l) => (g(), s(x(a), {
+	setup(n) {
+		let r = n, { orientation: i, canScrollNext: a, scrollNext: o } = A();
+		return (c, u) => (v(), l(C(s), {
 			"data-slot": "carousel-next",
-			disabled: !x(i),
-			class: m(x(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", x(r) === "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))]", n.class)),
-			variant: t.variant,
-			size: t.size,
-			onClick: x(o)
+			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: n.variant,
+			size: n.size,
+			onClick: C(o)
 		}, {
-			default: C(() => [v(c.$slots, "default", {}, () => [d(x(D)), l[0] ||= u("span", { class: "sr-only" }, "Next Slide", -1)])]),
+			default: T(() => [b(c.$slots, "default", {}, () => [p(C(t)), u[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -177,11 +160,11 @@ var M = /* @__PURE__ */ f({
 			"onClick"
 		]));
 	}
-}), I = {
+}), F = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
 	class: "glass-pager-ring text-mono-caption tabular-nums"
-}, L = /* @__PURE__ */ f({
+}, I = /* @__PURE__ */ m({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -197,44 +180,44 @@ var M = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let u = t, { carouselApi: f, canScrollNext: p, canScrollPrev: v, orientation: w, scrollNext: T, scrollPrev: E } = j(), D = _(0), k = _(0);
-		function A() {
+		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 && (D.value = e.selectedScrollSnap(), k.value = e.scrollSnapList().length);
+			e && (O.value = e.selectedScrollSnap(), k.value = e.scrollSnapList().length);
 		}
-		S(f, (e) => {
-			e && (A(), e.on("select", A), e.on("reInit", A));
-		}, { immediate: !0 }), h(A);
-		let M = o(() => w === "vertical" ? i : O), N = o(() => w === "vertical" ? n : r);
-		return (n, r) => (g(), l("div", {
+		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", {
 			"data-slot": "carousel-pager",
-			class: m(x(e)("inline-flex items-center gap-2", x(w) === "vertical" && "flex-col", u.class))
+			class: g(C(e)("inline-flex items-center gap-2", C(b) === "vertical" && "flex-col", i.class))
 		}, [
-			d(x(a), {
+			p(C(s), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !x(v),
-				"aria-label": x(w) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				disabled: !C(h),
+				"aria-label": C(b) === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "carousel-pager-prev",
-				onClick: x(E)
+				onClick: C(D)
 			}, {
-				default: C(() => [(g(), s(y(M.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(M.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"aria-label",
 				"onClick"
 			]),
-			t.showCounter && k.value > 0 ? (g(), l("span", I, b(D.value + 1) + " / " + b(k.value), 1)) : c("", !0),
-			d(x(a), {
+			t.showCounter && k.value > 0 ? (v(), d("span", F, S(O.value + 1) + " / " + S(k.value), 1)) : u("", !0),
+			p(C(s), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !x(p),
-				"aria-label": x(w) === "vertical" ? "Next slide (down)" : "Next slide",
+				disabled: !C(m),
+				"aria-label": C(b) === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "carousel-pager-next",
-				onClick: x(T)
+				onClick: C(E)
 			}, {
-				default: C(() => [(g(), s(y(N.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(N.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
@@ -243,7 +226,7 @@ var M = /* @__PURE__ */ f({
 			])
 		], 2));
 	}
-}), R = /* @__PURE__ */ f({
+}), L = /* @__PURE__ */ m({
 	__name: "CarouselPrevious",
 	props: {
 		variant: { default: "outline" },
@@ -257,16 +240,16 @@ var M = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let n = t, { orientation: r, canScrollPrev: i, scrollPrev: o } = j();
-		return (c, l) => (g(), s(x(a), {
+		let n = t, { orientation: r, canScrollPrev: a, scrollPrev: o } = A();
+		return (c, u) => (v(), l(C(s), {
 			"data-slot": "carousel-previous",
-			disabled: !x(i),
-			class: m(x(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", x(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: !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)),
 			variant: t.variant,
 			size: t.size,
-			onClick: x(o)
+			onClick: C(o)
 		}, {
-			default: C(() => [v(c.$slots, "default", {}, () => [d(x(E)), l[0] ||= u("span", { class: "sr-only" }, "Previous Slide", -1)])]),
+			default: T(() => [b(c.$slots, "default", {}, () => [p(C(i)), u[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -276,11 +259,11 @@ var M = /* @__PURE__ */ f({
 			"onClick"
 		]));
 	}
-}), z = {
+}), R = {
 	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"
-}, B = /* @__PURE__ */ f({
+}, z = /* @__PURE__ */ m({
 	__name: "GlassCarouselPager",
 	props: {
 		index: {},
@@ -307,32 +290,32 @@ var M = /* @__PURE__ */ f({
 		"next",
 		"select"
 	],
-	setup(t, { emit: u }) {
-		let f = t, p = u, h = o(() => f.loop ? f.total > 1 : f.index > 0), _ = o(() => f.loop ? f.total > 1 : f.index < f.total - 1);
-		function S() {
-			h.value && (f.loop ? p("select", (f.index - 1 + f.total) % f.total) : (p("prev"), p("select", Math.max(0, f.index - 1))));
+	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))));
 		}
 		function w() {
-			_.value && (f.loop ? p("select", (f.index + 1) % f.total) : (p("next"), p("select", Math.min(f.total - 1, f.index + 1))));
+			_.value && (f.loop ? m("select", (f.index + 1) % f.total) : (m("next"), m("select", Math.min(f.total - 1, f.index + 1))));
 		}
-		let T = o(() => f.orientation === "vertical" ? i : O), E = o(() => f.orientation === "vertical" ? n : r);
-		return (n, r) => (g(), l("div", {
+		let E = c(() => f.orientation === "vertical" ? r : n), D = c(() => f.orientation === "vertical" ? a : o);
+		return (n, r) => (v(), d("div", {
 			"data-slot": "glass-carousel-pager",
-			class: m(x(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: 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))
 		}, [
-			d(x(a), {
+			p(C(s), {
 				variant: "outline",
 				size: "icon",
 				disabled: !h.value,
 				"aria-label": t.orientation === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "glass-carousel-pager-prev",
-				onClick: S
+				onClick: y
 			}, {
-				default: C(() => [(g(), s(y(T.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(E.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			t.showCounter && t.total > 0 ? (g(), l("span", z, b(t.index + 1) + " / " + b(t.total), 1)) : c("", !0),
-			d(x(a), {
+			t.showCounter && t.total > 0 ? (v(), d("span", R, S(t.index + 1) + " / " + S(t.total), 1)) : u("", !0),
+			p(C(s), {
 				variant: "outline",
 				size: "icon",
 				disabled: !_.value,
@@ -340,12 +323,12 @@ var M = /* @__PURE__ */ f({
 				"data-slot": "glass-carousel-pager-next",
 				onClick: w
 			}, {
-				default: C(() => [(g(), s(y(E.value), { class: "size-4" }))]),
+				default: T(() => [(v(), l(x(D.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			v(n.$slots, "trailing")
+			b(n.$slots, "trailing")
 		], 2));
 	}
 });
 //#endregion
-export { M as Carousel, N as CarouselContent, P as CarouselItem, F as CarouselNext, L as CarouselPager, R as CarouselPrevious, B as GlassCarouselPager, j as useCarousel };
+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 };

package/dist/collapsible.js

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