@mkbabb/glass-ui 3.6.0 → 3.8.0

package/dist/{badge-Cl6JZ1B7.js → badge-DHQrc_GQ.js}

@@ -1,9 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
 import { cva as s } from "class-variance-authority";
-//#endregion
-//#region src/components/ui/badge/Badge.vue
-var c = /* @__PURE__ */ n({
+//#region src/components/ui/badge/Badge.vue?vue&type=script&setup=true&lang.ts
+var c = ["data-variant", "data-size"], l = /* @__PURE__ */ n({
 	__name: "Badge",
 	props: {
 		variant: {},
@@ -18,12 +17,17 @@ var c = /* @__PURE__ */ n({
 	},
 	setup(n) {
 		let s = n;
-		return (c, u) => (i(), t("div", { class: r(o(e)(o(l)({
-			variant: n.variant,
-			size: n.size
-		}), s.class)) }, [a(c.$slots, "default")], 2));
+		return (l, d) => (i(), t("div", {
+			"data-slot": "badge",
+			"data-variant": n.variant,
+			"data-size": n.size,
+			class: r(o(e)(o(u)({
+				variant: n.variant,
+				size: n.size
+			}), s.class))
+		}, [a(l.$slots, "default")], 10, c));
 	}
-}), l = s("focus-ring inline-flex items-center rounded-badge border font-semibold transition-colors", {
+}), u = s("focus-ring inline-flex items-center gap-1.5 rounded-badge border font-semibold transition-control wrap-anywhere [&_svg:not([class*=size-])]:size-3.5 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
@@ -46,4 +50,4 @@ var c = /* @__PURE__ */ n({
 	}
 });
 //#endregion
-export { c as n, l as t };
+export { l as n, u as t };

package/dist/badge.js

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

package/dist/{button-BcMzVrqs.js → button-CAywcrhO.js}

@@ -29,6 +29,8 @@ var d = /* @__PURE__ */ r({
 		return (t, p) => (a(), n(s(l), i({
 			as: r.as,
 			"as-child": r.asChild,
+			"data-slot": "button",
+			"data-variant": r.variant,
 			"data-size": r.size
 		}, d.value, { class: s(e)(s(f)({
 			variant: r.variant,
@@ -39,11 +41,12 @@ var d = /* @__PURE__ */ r({
 		}, 16, [
 			"as",
 			"as-child",
+			"data-variant",
 			"data-size",
 			"class"
 		]));
 	}
-}), f = u("btn-pill focus-ring whitespace-nowrap text-sm font-medium cursor-pointer active:scale-[var(--scale-press-btn)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled", {
+}), f = u("btn-pill tap-squish focus-ring whitespace-nowrap text-sm font-medium cursor-pointer active:scale-[var(--scale-press-btn)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
@@ -60,10 +63,10 @@ var d = /* @__PURE__ */ r({
 			link: "text-primary underline-offset-4 hover:underline active:opacity-80 active:scale-100"
 		},
 		size: {
-			default: "h-10 px-4 py-2",
+			default: "h-10 px-4 py-2 has-[>svg]:px-3",
 			xs: "h-7 rounded-pill px-2 text-xs",
 			sm: "h-9 rounded-pill px-3",
-			lg: "h-11 rounded-pill px-8",
+			lg: "h-11 rounded-pill px-8 has-[>svg]:px-5",
 			icon: "h-10 w-10 p-0",
 			"icon-sm": "h-7 w-7 p-0"
 		}

package/dist/button.js

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

package/dist/canvas.d.ts

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

package/dist/canvas.js

@@ -0,0 +1,3 @@
+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 };

package/dist/card.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./CardFooter-C390imy7.js";
-export { r as Card, n as CardContent, i as CardDescription, a as CardFooter, e as CardHeader, t as CardTitle };
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./CardAction-q2qHCJFG.js";
+export { a as Card, o as CardAction, i as CardContent, t as CardDescription, n as CardFooter, r as CardHeader, e as CardTitle };

package/dist/carousel.js

@@ -1,29 +1,30 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DuDoe_ra.js";
-import { t as n } from "./chevron-down-pBY8sYfV.js";
-import { t as r } from "./chevron-right-BjeKC22V.js";
-import { t as i } from "./chevron-up-DBeNHUm1.js";
-import { n as a } from "./button-BcMzVrqs.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, onMounted as g, openBlock as _, ref as v, renderList 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";
-var O = t("arrow-left", [["path", {
+import { t } from "./createLucideIcon-B6uNAU9G.js";
+import { t as n } from "./chevron-down-BSkTP2aL.js";
+import { t as r } from "./chevron-right-sDM0Yvrf.js";
+import { t as i } from "./chevron-up-CCOD_FTz.js";
+import { n as a } from "./button-CAywcrhO.js";
+import { t as o } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { Fragment as s, 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, renderList as b, renderSlot as x, resolveDynamicComponent as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
+import { createInjectionState as D } from "@vueuse/core";
+import O from "embla-carousel-vue";
+var k = t("arrow-left", [["path", {
 	d: "m12 19-7-7 7-7",
 	key: "1l729n"
 }], ["path", {
 	d: "M19 12H5",
 	key: "x3x0zl"
-}]]), k = t("arrow-right", [["path", {
+}]]), A = t("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "m12 5 7 7-7 7",
 	key: "xquz4c"
-}]]), A = t("chevron-left", [["path", {
+}]]), j = t("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), [j, M] = E(({ opts: e, orientation: t, plugins: n }, r) => {
-	let [i, a] = D({
+}]]), [M, N] = D(({ opts: e, orientation: t, plugins: n }, r) => {
+	let [i, a] = O({
 		...e,
 		axis: t === "horizontal" ? "x" : "y"
 	}, n);
@@ -33,11 +34,11 @@ var O = t("arrow-left", [["path", {
 	function s() {
 		a.value?.scrollNext();
 	}
-	let c = v(!1), l = v(!1);
+	let c = y(!1), l = y(!1);
 	function u(e) {
 		c.value = e?.canScrollNext() || !1, l.value = e?.canScrollPrev() || !1;
 	}
-	return g(() => {
+	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 +50,14 @@ var O = t("arrow-left", [["path", {
 		orientation: t
 	};
 });
-function N() {
-	let e = M();
+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 P = /* @__PURE__ */ p({
+var F = /* @__PURE__ */ m({
 	__name: "Carousel",
 	props: {
 		opts: {},
@@ -72,14 +73,14 @@ var P = /* @__PURE__ */ p({
 	},
 	emits: ["init-api"],
 	setup(t, { expose: n, emit: r }) {
-		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: l, scrollNext: d, scrollPrev: f } = j(i, r);
+		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: l, scrollNext: u, scrollPrev: f } = M(i, r);
 		n({
 			canScrollNext: a,
 			canScrollPrev: o,
 			carouselApi: s,
 			carouselRef: c,
 			orientation: l,
-			scrollNext: d,
+			scrollNext: u,
 			scrollPrev: f
 		});
 		function p(e) {
@@ -88,26 +89,26 @@ var P = /* @__PURE__ */ p({
 				e.preventDefault(), f();
 				return;
 			}
-			e.key === n && (e.preventDefault(), d());
+			e.key === n && (e.preventDefault(), u());
 		}
-		return (t, n) => (_(), u("div", {
+		return (t, n) => (v(), d("div", {
 			"data-slot": "carousel",
-			class: h(C(e)("relative", i.class)),
+			class: g(w(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(d),
-			scrollPrev: C(f)
+		}, [x(t.$slots, "default", {
+			canScrollNext: w(a),
+			canScrollPrev: w(o),
+			carouselApi: w(s),
+			carouselRef: w(c),
+			orientation: w(l),
+			scrollNext: w(u),
+			scrollPrev: w(f)
 		})], 34));
 	}
-}), F = /* @__PURE__ */ p({
+}), I = /* @__PURE__ */ m({
 	inheritAttrs: !1,
 	__name: "CarouselContent",
 	props: { class: { type: [
@@ -118,20 +119,20 @@ var P = /* @__PURE__ */ p({
 		Array
 	] } },
 	setup(t, { expose: n }) {
-		let r = t, { carouselRef: i, orientation: a } = N();
-		return n({ carouselRef: i }), (t, n) => (_(), u("div", {
+		let r = t, { carouselRef: i, orientation: a } = P();
+		return n({ carouselRef: i }), (t, n) => (v(), d("div", {
 			ref_key: "carouselRef",
 			ref: i,
 			"data-slot": "carousel-content",
 			class: "overflow-hidden"
-		}, [d("div", m({ class: C(e)("flex", C(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", r.class) }, t.$attrs), [b(t.$slots, "default")], 16)], 512));
+		}, [f("div", h({ class: w(e)("flex", w(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", r.class) }, t.$attrs), [x(t.$slots, "default")], 16)], 512));
 	}
-}), I = ["aria-orientation"], L = [
+}), L = ["aria-orientation"], R = [
 	"aria-selected",
 	"aria-label",
 	"data-active",
 	"onClick"
-], R = /* @__PURE__ */ p({
+], z = /* @__PURE__ */ o(/* @__PURE__ */ m({
 	__name: "CarouselDots",
 	props: { class: { type: [
 		Boolean,
@@ -141,35 +142,35 @@ var P = /* @__PURE__ */ p({
 		Array
 	] } },
 	setup(t) {
-		let n = t, { carouselApi: r, orientation: i } = N(), a = v(0), s = v(0);
+		let n = t, { carouselApi: r, orientation: i } = P(), a = y(0), o = y(0);
 		function c() {
 			let e = r.value;
-			e && (a.value = e.selectedScrollSnap(), s.value = e.scrollSnapList().length);
+			e && (a.value = e.selectedScrollSnap(), o.value = e.scrollSnapList().length);
 		}
-		function d(e) {
+		function l(e) {
 			r.value?.scrollTo(e);
 		}
-		return w(r, (e) => {
+		return T(r, (e) => {
 			e && (c(), e.on("select", c), e.on("reInit", c));
-		}, { immediate: !0 }), g(c), (t, r) => s.value > 0 ? (_(), u("div", {
+		}, { immediate: !0 }), _(c), (t, r) => o.value > 0 ? (v(), d("div", {
 			key: 0,
 			"data-slot": "carousel-dots",
 			role: "tablist",
-			"aria-orientation": C(i),
-			class: h(C(e)("inline-flex items-center justify-center gap-1.5", C(i) === "vertical" && "flex-col", n.class))
-		}, [(_(!0), u(o, null, y(s.value, (t) => (_(), u("button", {
-			key: t - 1,
+			"aria-orientation": w(i),
+			class: g(w(e)("carousel-dots inline-flex items-center justify-center gap-1.5", w(i) === "vertical" && "flex-col", n.class))
+		}, [(v(!0), d(s, null, b(o.value, (e) => (v(), d("button", {
+			key: e - 1,
 			type: "button",
 			role: "tab",
-			"aria-selected": t - 1 === a.value,
-			"aria-label": `Go to slide ${t}`,
-			"data-active": t - 1 === a.value ? "" : void 0,
+			"aria-selected": e - 1 === a.value,
+			"aria-label": `Go to slide ${e}`,
+			"data-active": e - 1 === a.value ? "" : void 0,
 			"data-slot": "carousel-dot",
-			class: h(["focus-ring rounded-pill cursor-pointer transition-[background-color,transform,width,height,box-shadow] duration-fast", C(e)(C(i) === "vertical" ? "w-1.5" : "h-1.5", t - 1 === a.value ? C(i) === "vertical" ? "h-6 bg-foreground scale-[var(--scale-hover)]" : "w-6 bg-foreground scale-[var(--scale-hover)]" : C(i) === "vertical" ? "h-1.5 bg-muted-medium hover:bg-foreground/50" : "w-1.5 bg-muted-medium hover:bg-foreground/50")]),
-			onClick: (e) => d(t - 1)
-		}, null, 10, L))), 128))], 10, I)) : l("", !0);
+			class: "carousel-dot focus-ring tap-squish",
+			onClick: (t) => l(e - 1)
+		}, null, 8, R))), 128))], 10, L)) : u("", !0);
 	}
-}), z = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-18c34cd8"]]), B = /* @__PURE__ */ m({
 	__name: "CarouselItem",
 	props: { class: { type: [
 		Boolean,
@@ -179,15 +180,15 @@ var P = /* @__PURE__ */ p({
 		Array
 	] } },
 	setup(t) {
-		let n = t, { orientation: r } = N();
-		return (t, i) => (_(), u("div", {
+		let n = t, { orientation: r } = P();
+		return (t, i) => (v(), d("div", {
 			"data-slot": "carousel-item",
 			role: "group",
 			"aria-roledescription": "slide",
-			class: h(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: g(w(e)("min-w-0 shrink-0 grow-0 basis-full", w(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
+		}, [x(t.$slots, "default")], 2));
 	}
-}), B = /* @__PURE__ */ p({
+}), V = /* @__PURE__ */ m({
 	__name: "CarouselNext",
 	props: {
 		variant: { default: "outline" },
@@ -201,16 +202,16 @@ var P = /* @__PURE__ */ p({
 		] }
 	},
 	setup(t) {
-		let n = t, { orientation: r, canScrollNext: i, scrollNext: o } = N();
-		return (s, l) => (_(), c(C(a), {
+		let n = t, { orientation: r, canScrollNext: i, scrollNext: o } = P();
+		return (s, c) => (v(), l(w(a), {
 			"data-slot": "carousel-next",
-			disabled: !C(i),
-			class: h(C(e)("absolute h-[var(--carousel-nav-size)] w-[var(--carousel-nav-size)] rounded-pill", C(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)),
+			disabled: !w(i),
+			class: g(w(e)("absolute h-[var(--carousel-nav-size)] w-[var(--carousel-nav-size)] rounded-pill", w(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: C(o)
+			onClick: w(o)
 		}, {
-			default: T(() => [b(s.$slots, "default", {}, () => [f(C(k)), l[0] ||= d("span", { class: "sr-only" }, "Next Slide", -1)])]),
+			default: E(() => [x(s.$slots, "default", {}, () => [p(w(A)), c[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -220,11 +221,11 @@ var P = /* @__PURE__ */ p({
 			"onClick"
 		]));
 	}
-}), V = {
+}), H = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
 	class: "rounded-pill border border-border bg-card px-3 py-1 text-mono-caption tabular-nums"
-}, H = /* @__PURE__ */ p({
+}, U = /* @__PURE__ */ m({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -240,44 +241,44 @@ var P = /* @__PURE__ */ p({
 		] }
 	},
 	setup(t) {
-		let o = t, { carouselApi: d, canScrollNext: p, canScrollPrev: m, orientation: y, scrollNext: b, scrollPrev: E } = N(), D = v(0), O = v(0);
+		let o = t, { carouselApi: s, canScrollNext: f, canScrollPrev: m, orientation: h, scrollNext: b, scrollPrev: x } = P(), D = y(0), O = y(0);
 		function k() {
-			let e = d.value;
+			let e = s.value;
 			e && (D.value = e.selectedScrollSnap(), O.value = e.scrollSnapList().length);
 		}
-		w(d, (e) => {
+		T(s, (e) => {
 			e && (k(), e.on("select", k), e.on("reInit", k));
-		}, { immediate: !0 }), g(k);
-		let j = s(() => y === "vertical" ? i : A), M = s(() => y === "vertical" ? n : r);
-		return (n, r) => (_(), u("div", {
+		}, { immediate: !0 }), _(k);
+		let A = c(() => h === "vertical" ? i : j), M = c(() => h === "vertical" ? n : r);
+		return (n, r) => (v(), d("div", {
 			"data-slot": "carousel-pager",
-			class: h(C(e)("inline-flex items-center gap-2", C(y) === "vertical" && "flex-col", o.class))
+			class: g(w(e)("inline-flex items-center gap-2", w(h) === "vertical" && "flex-col", o.class))
 		}, [
-			f(C(a), {
+			p(w(a), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !C(m),
-				"aria-label": C(y) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				disabled: !w(m),
+				"aria-label": w(h) === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "carousel-pager-prev",
-				onClick: C(E)
+				onClick: w(x)
 			}, {
-				default: T(() => [(_(), c(x(j.value), { class: "size-4" }))]),
+				default: E(() => [(v(), l(S(A.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"aria-label",
 				"onClick"
 			]),
-			t.showCounter && O.value > 0 ? (_(), u("span", V, S(D.value + 1) + " / " + S(O.value), 1)) : l("", !0),
-			f(C(a), {
+			t.showCounter && O.value > 0 ? (v(), d("span", H, C(D.value + 1) + " / " + C(O.value), 1)) : u("", !0),
+			p(w(a), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !C(p),
-				"aria-label": C(y) === "vertical" ? "Next slide (down)" : "Next slide",
+				disabled: !w(f),
+				"aria-label": w(h) === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "carousel-pager-next",
-				onClick: C(b)
+				onClick: w(b)
 			}, {
-				default: T(() => [(_(), c(x(M.value), { class: "size-4" }))]),
+				default: E(() => [(v(), l(S(M.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
@@ -286,7 +287,7 @@ var P = /* @__PURE__ */ p({
 			])
 		], 2));
 	}
-}), U = /* @__PURE__ */ p({
+}), W = /* @__PURE__ */ m({
 	__name: "CarouselPrevious",
 	props: {
 		variant: { default: "outline" },
@@ -300,16 +301,16 @@ var P = /* @__PURE__ */ p({
 		] }
 	},
 	setup(t) {
-		let n = t, { orientation: r, canScrollPrev: i, scrollPrev: o } = N();
-		return (s, l) => (_(), c(C(a), {
+		let n = t, { orientation: r, canScrollPrev: i, scrollPrev: o } = P();
+		return (s, c) => (v(), l(w(a), {
 			"data-slot": "carousel-previous",
-			disabled: !C(i),
-			class: h(C(e)("absolute h-[var(--carousel-nav-size)] w-[var(--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: !w(i),
+			class: g(w(e)("absolute h-[var(--carousel-nav-size)] w-[var(--carousel-nav-size)] rounded-pill", w(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: w(o)
 		}, {
-			default: T(() => [b(s.$slots, "default", {}, () => [f(C(O)), l[0] ||= d("span", { class: "sr-only" }, "Previous Slide", -1)])]),
+			default: E(() => [x(s.$slots, "default", {}, () => [p(w(k)), c[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -319,11 +320,11 @@ var P = /* @__PURE__ */ p({
 			"onClick"
 		]));
 	}
-}), W = {
+}), G = {
 	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"
-}, G = /* @__PURE__ */ p({
+}, K = /* @__PURE__ */ m({
 	__name: "GlassCarouselPager",
 	props: {
 		index: {},
@@ -351,44 +352,44 @@ var P = /* @__PURE__ */ p({
 		"select"
 	],
 	setup(t, { emit: o }) {
-		let d = t, p = o, m = s(() => d.loop ? d.total > 1 : d.index > 0), g = s(() => d.loop ? d.total > 1 : d.index < d.total - 1);
-		function v() {
-			m.value && (d.loop ? p("select", (d.index - 1 + d.total) % d.total) : (p("prev"), p("select", Math.max(0, d.index - 1))));
+		let s = t, f = o, m = c(() => s.loop ? s.total > 1 : s.index > 0), h = c(() => s.loop ? s.total > 1 : s.index < s.total - 1);
+		function _() {
+			m.value && (s.loop ? f("select", (s.index - 1 + s.total) % s.total) : (f("prev"), f("select", Math.max(0, s.index - 1))));
 		}
 		function y() {
-			g.value && (d.loop ? p("select", (d.index + 1) % d.total) : (p("next"), p("select", Math.min(d.total - 1, d.index + 1))));
+			h.value && (s.loop ? f("select", (s.index + 1) % s.total) : (f("next"), f("select", Math.min(s.total - 1, s.index + 1))));
 		}
-		let w = s(() => d.orientation === "vertical" ? i : A), E = s(() => d.orientation === "vertical" ? n : r);
-		return (n, r) => (_(), u("div", {
+		let b = c(() => s.orientation === "vertical" ? i : j), T = c(() => s.orientation === "vertical" ? n : r);
+		return (n, r) => (v(), d("div", {
 			"data-slot": "glass-carousel-pager",
-			class: h(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", d.class))
+			class: g(w(e)("inline-flex items-center gap-2", t.orientation === "vertical" && "flex-col", "max-md:flex-wrap max-md:justify-center max-md:gap-2", s.class))
 		}, [
-			f(C(a), {
+			p(w(a), {
 				variant: "outline",
 				size: "icon",
 				disabled: !m.value,
 				"aria-label": t.orientation === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "glass-carousel-pager-prev",
-				onClick: v
+				onClick: _
 			}, {
-				default: T(() => [(_(), c(x(w.value), { class: "size-4" }))]),
+				default: E(() => [(v(), l(S(b.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			t.showCounter && t.total > 0 ? (_(), u("span", W, S(t.index + 1) + " / " + S(t.total), 1)) : l("", !0),
-			f(C(a), {
+			t.showCounter && t.total > 0 ? (v(), d("span", G, C(t.index + 1) + " / " + C(t.total), 1)) : u("", !0),
+			p(w(a), {
 				variant: "outline",
 				size: "icon",
-				disabled: !g.value,
+				disabled: !h.value,
 				"aria-label": t.orientation === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "glass-carousel-pager-next",
 				onClick: y
 			}, {
-				default: T(() => [(_(), c(x(E.value), { class: "size-4" }))]),
+				default: E(() => [(v(), l(S(T.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			b(n.$slots, "trailing")
+			x(n.$slots, "trailing")
 		], 2));
 	}
 });
 //#endregion
-export { P as Carousel, F as CarouselContent, R as CarouselDots, z as CarouselItem, B as CarouselNext, H as CarouselPager, U as CarouselPrevious, G as GlassCarouselPager, N as useCarousel };
+export { F as Carousel, I as CarouselContent, z as CarouselDots, B as CarouselItem, V as CarouselNext, U as CarouselPager, W as CarouselPrevious, K as GlassCarouselPager, P as useCarousel };

package/dist/{check-CdkxGxXJ.js → check-BBKKKSTf.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"

package/dist/{chevron-down-pBY8sYfV.js → chevron-down-BSkTP2aL.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"

package/dist/{chevron-right-BjeKC22V.js → chevron-right-sDM0Yvrf.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"

package/dist/{chevron-up-DBeNHUm1.js → chevron-up-CCOD_FTz.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-DuDoe_ra.js";
+import { t as e } from "./createLucideIcon-B6uNAU9G.js";
 var t = e("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",
 	key: "153udz"

package/dist/collapsible.js

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