@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/{button-BXzhydVB.js → button-32mg6xA8.js}

@@ -1,16 +1,15 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useSpringPress-BypV_KO-.js";
-import { t as n } from "./useLiquidFlex-Ch4exNvN.js";
-import { t as r } from "./vSpecular-DlYN0UZy.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, mergeProps as l, openBlock as u, renderSlot as d, unref as f, watch as p, withCtx as m, withDirectives as h } from "vue";
-import { Primitive as g } from "reka-ui";
-import { cva as _ } from "class-variance-authority";
+import { t } from "./useLiquidPress-BYcwwGQV.js";
+import { t as n } from "./vSpecular-CQFmLNzA.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref 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";
 //#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
-var v = {
+var g = {
 	key: 0,
 	class: "cartoon-cast",
 	"aria-hidden": "true"
-}, y = /* @__PURE__ */ c({
+}, _ = /* @__PURE__ */ s({
 	__name: "Button",
 	props: {
 		variant: {},
@@ -29,31 +28,22 @@ var v = {
 		punch: { type: Boolean },
 		type: {},
 		disabled: { type: [Boolean, String] },
+		loading: { type: Boolean },
 		asChild: { type: Boolean },
 		as: { default: "button" }
 	},
-	setup(c) {
-		let _ = c, y = i(() => ({
-			type: _.type,
-			disabled: _.disabled
-		})), x = i(() => {
-			if (_.surface === "veil") return "veil-surface";
-			if (_.surface === "opaque") return "glass-opaque";
-		}), S = new Set(["primary-audacious", "gold-audacious"]), C = i(() => _.punch === !0 || S.has(_.variant ?? "default")), w = i(() => C.value ? "btn-punch" : void 0), T = t(), E = n({
-			from: 0,
-			to: 1,
-			axis: "width",
-			maxStretch: () => C.value ? 1.09 : 1.04,
-			squishLaw: "linear"
-		});
-		p(() => T.value.value, (e) => E.squish(e), {
-			immediate: !0,
-			flush: "sync"
-		});
-		let D = i(() => {
-			let e = T.value.value, t = E.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 C.value && (a["--cartoon-press-t"] = e.toFixed(4)), e > .001 && (a.scale = `${r} ${i}`), a;
-		}), O = new Set([
+	setup(s) {
+		let h = s, _ = r(() => h.loading === !0 || h.disabled === !0 || h.disabled === "true"), y = r(() => ({
+			type: h.type ?? (!h.asChild && h.as === "button" ? "button" : void 0),
+			disabled: _.value
+		})), b = r(() => {
+			if (h.surface === "veil") return "veil-surface";
+			if (h.surface === "opaque") return "glass-opaque";
+		}), x = new Set(["primary-audacious", "gold-audacious"]), S = r(() => h.punch === !0 || x.has(h.variant ?? "default")), C = r(() => S.value ? "btn-punch" : void 0), w = t({
+			disabled: () => _.value,
+			pressVar: "--glass-btn-press-t",
+			maxStretch: () => S.value ? 1.09 : 1.04
+		}), T = new Set([
 			"default",
 			"glass",
 			"glass-wash",
@@ -63,30 +53,40 @@ var v = {
 			"secondary",
 			"accent",
 			"ai"
-		]), k = i(() => O.has(_.variant ?? "default")), A = i(() => ({ ...D.value })), j = i(() => _.liquid ? "glass-lens" : void 0);
-		return (t, n) => h((u(), a(f(g), l({
-			as: c.as,
-			"as-child": c.asChild,
+		]), E = r(() => T.has(h.variant ?? "default")), D = r(() => ({
+			...w.pressStyle.value,
+			...S.value ? { "--cartoon-press-t": w.value.value.toFixed(4) } : {}
+		})), O = r(() => h.liquid ? "glass-lens" : void 0);
+		return (t, r) => p((l(), i(d(m), c({
+			as: s.as,
+			"as-child": s.asChild,
 			"data-slot": "button",
-			"data-variant": c.variant,
-			"data-size": c.size,
-			"data-tone": c.tone,
-			"data-icon-only": c.iconOnly || void 0,
-			"data-surface": c.surface
+			"data-variant": s.variant,
+			"data-size": s.size,
+			"data-tone": s.tone,
+			"data-icon-only": s.iconOnly || void 0,
+			"data-surface": s.surface,
+			"data-loading": s.loading || void 0,
+			"data-press-armed": d(w).armed ? "" : void 0,
+			"aria-busy": s.loading || void 0
 		}, y.value, {
-			class: f(e)(f(b)({
-				variant: c.variant,
-				size: c.size,
-				iconOnly: c.iconOnly,
-				tone: c.tone
-			}), x.value, j.value, w.value, _.class),
-			style: A.value,
-			onPointerdown: f(T).press,
-			onPointerup: f(T).release,
-			onPointercancel: f(T).release,
-			onPointerleave: f(T).release
+			class: d(e)(d(v)({
+				variant: s.variant,
+				size: s.size,
+				iconOnly: s.iconOnly,
+				tone: s.tone
+			}), b.value, O.value, C.value, h.class),
+			style: D.value,
+			onPointerdown: d(w).handlers.onPointerdown,
+			onPointerup: d(w).handlers.onPointerup,
+			onPointercancel: d(w).handlers.onPointercancel,
+			onPointerleave: d(w).handlers.onPointerleave,
+			onPointerenter: d(w).handlers.onPointerenter,
+			onKeydown: d(w).handlers.onKeydown,
+			onKeyup: d(w).handlers.onKeyup,
+			onBlur: d(w).handlers.onBlur
 		}), {
-			default: m(() => [C.value ? (u(), s("span", v)) : o("", !0), d(t.$slots, "default")]),
+			default: f(() => [S.value ? (l(), o("span", g)) : a("", !0), u(t.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"as",
@@ -96,15 +96,22 @@ var v = {
 			"data-tone",
 			"data-icon-only",
 			"data-surface",
+			"data-loading",
+			"data-press-armed",
+			"aria-busy",
 			"class",
 			"style",
 			"onPointerdown",
 			"onPointerup",
 			"onPointercancel",
-			"onPointerleave"
-		])), [[f(r), k.value]]);
+			"onPointerleave",
+			"onPointerenter",
+			"onKeydown",
+			"onKeyup",
+			"onBlur"
+		])), [[d(n), E.value]]);
 	}
-}), b = _("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", {
+}), v = h("btn-pill tap-squish focus-ring whitespace-nowrap text-[length:var(--control-text)] font-medium cursor-pointer [--scale-press:var(--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-capsule glass-capsule-hover text-foreground",
@@ -117,7 +124,7 @@ var v = {
 			glass: "glass-wash btn-glass glass-capsule glass-capsule-hover text-foreground",
 			"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: "glass-wash btn-glass glass-capsule glass-capsule-hover text-(--accent-ai-ink) [--glass-accent:oklch(0.78_0.14_75)] [--glass-accent-strength:34%]",
-			link: "text-primary underline-offset-4 hover:underline active:opacity-80 active:scale-100"
+			link: "text-primary underline-offset-4 hover:underline active:opacity-80 [--scale-press:1]"
 		},
 		size: {
 			xs: "h-(--control-h-xs)",
@@ -184,4 +191,4 @@ var v = {
 	}
 });
 //#endregion
-export { y as n, b as t };
+export { _ as n, v as t };

package/dist/button.js

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

package/dist/canvas.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./resolveCanvasColor-B3L-akX0.js";
+import { n as e, r as t, t as n } from "./resolveCanvasColor-yarP5bdk.js";
 export { n as resolveCanvasColor, e as useCanvas2D, t as useCanvasLifecycle };

package/dist/{CardAction-2uUvjMQK.js → card-16xmzIr3.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./vSpecular-DlYN0UZy.js";
-import { t as n } from "./useLiquidPress-BXNHydZh.js";
+import { t } from "./useLiquidPress-BYcwwGQV.js";
+import { t as n } from "./vSpecular-CQFmLNzA.js";
 import { t as r } from "./Surface-BWRfwyn8.js";
 import { t as i } from "./useMotionAxis-DCCXMC-i.js";
 import { t as a } from "./_plugin-vue_export-helper-C1je1s0u.js";
@@ -57,7 +57,8 @@ var y = {
 			"--glass-specular-intensity-rest": "0.04",
 			"--glass-specular-intensity-hover": "0.18",
 			"--glass-specular-intensity-active": "0.26"
-		} : {}), O = n({
+		} : {}), O = t({
+			disabled: () => !T.value,
 			pressVar: "--card-press-t",
 			shrinkDepth: .02,
 			maxStretch: 1.03
@@ -75,8 +76,9 @@ var y = {
 				...O.pressStyle.value
 			} : r;
 		});
-		return (n, i) => v((p(), s(r, {
+		return (t, i) => v((p(), s(r, {
 			"data-slot": "card",
+			"data-material": "elevated-content",
 			tier: a.tier,
 			surface: b.value,
 			deep: a.deep,
@@ -85,19 +87,24 @@ var y = {
 			"data-surface": a.surface,
 			"data-grid": a.grid,
 			"data-pressable": T.value || void 0,
+			"data-press-armed": T.value && h(O).armed ? "" : void 0,
 			"data-motion": h(S).dataMotion.value,
 			"data-variant": a.variant || void 0,
 			"data-selected": a.variant === "selection" && a.selected ? "true" : void 0,
 			as: a.as,
 			"as-child": a.asChild,
 			style: f(j.value),
-			onPointerdown: i[0] ||= (e) => T.value ? h(O).press() : void 0,
-			onPointerup: i[1] ||= (e) => T.value ? h(O).release() : void 0,
-			onPointercancel: i[2] ||= (e) => T.value ? h(O).release() : void 0,
-			onPointerleave: i[3] ||= (e) => T.value ? h(O).release() : void 0,
+			onPointerdown: h(O).handlers.onPointerdown,
+			onPointerup: h(O).handlers.onPointerup,
+			onPointercancel: h(O).handlers.onPointercancel,
+			onPointerleave: h(O).handlers.onPointerleave,
+			onPointerenter: h(O).handlers.onPointerenter,
+			onKeydown: h(O).handlers.onKeydown,
+			onKeyup: h(O).handlers.onKeyup,
+			onBlur: h(O).handlers.onBlur,
 			class: d(h(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-pad-inline:--spacing(6)] [--card-pad-block:calc(var(--card-pad-inline)*1.272)] [--card-pad-section-gap:var(--card-pad-block)] [--card-pad-footer:calc(var(--card-pad-block)/1.618)] [--card-pad-title-gap:calc(var(--card-pad-inline)/2.618)] data-[size=sm]:[--card-pad-inline:--spacing(4)]", E.value && "glass-specular-track", a.surface === "cartoon" && "cartoon-surface", a.grid && "paper-grid", T.value && "glass-press tap-squish", A.value, u.class))
 		}, {
-			default: _(() => [a.surface === "cartoon" ? (p(), l("span", y)) : c("", !0), m(n.$slots, "default")]),
+			default: _(() => [a.surface === "cartoon" ? (p(), l("span", y)) : c("", !0), m(t.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"tier",
@@ -108,14 +115,23 @@ var y = {
 			"data-surface",
 			"data-grid",
 			"data-pressable",
+			"data-press-armed",
 			"data-motion",
 			"data-variant",
 			"data-selected",
 			"as",
 			"as-child",
 			"style",
+			"onPointerdown",
+			"onPointerup",
+			"onPointercancel",
+			"onPointerleave",
+			"onPointerenter",
+			"onKeydown",
+			"onKeyup",
+			"onBlur",
 			"class"
-		])), [[h(t), E.value]]);
+		])), [[h(n), E.value]]);
 	}
 }), x = /* @__PURE__ */ u({
 	__name: "CardHeader",
@@ -164,6 +180,8 @@ var y = {
 			specular: e.specular,
 			grain: !1,
 			tabindex: "0",
+			role: "region",
+			"aria-label": "Scrollable content",
 			"data-slot": "scroll-card",
 			style: f(n.value),
 			class: d([
@@ -183,7 +201,7 @@ var y = {
 			"class"
 		]));
 	}
-}), [["__scopeId", "data-v-e57c5b1a"]]), C = /* @__PURE__ */ a(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-5cdd2e43"]]), C = /* @__PURE__ */ a(/* @__PURE__ */ u({
 	__name: "ScrollCardHeader",
 	props: {
 		sticky: { type: Boolean },

package/dist/card.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 "./CardAction-2uUvjMQK.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 "./card-16xmzIr3.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.d.ts

@@ -1,2 +1 @@
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPager, CarouselPrevious, GlassCarouselPager, useCarousel, } from "./components/carousel";
-export type { CarouselApi } from "./components/carousel";
+export * from "./components/carousel";

package/dist/carousel.js

@@ -1,12 +1,12 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./button-BXzhydVB.js";
+import { n as t } from "./button-32mg6xA8.js";
 import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useModel as x, watch as S, withCtx as C } from "vue";
 import { ArrowLeft as w, ArrowRight as T, ChevronDown as E, ChevronLeft as D, ChevronRight as O, ChevronUp as k } from "@lucide/vue";
-import { createInjectionState as A } from "@vueuse/core";
-import j from "embla-carousel-vue";
-var [M, N] = A(({ opts: e, orientation: t, plugins: n }, r) => {
-	let [i, a] = j({
+import { createInjectionState as A, useMediaQuery as j } from "@vueuse/core";
+import M from "embla-carousel-vue";
+var [N, P] = A(({ opts: e, orientation: t, plugins: n }, r) => {
+	let [i, a] = M({
 		duration: 30,
 		...e,
 		axis: t === "horizontal" ? "x" : "y"
@@ -33,14 +33,14 @@ var [M, N] = A(({ opts: e, orientation: t, plugins: n }, r) => {
 		orientation: t
 	};
 });
-function P() {
-	let e = N();
+function F() {
+	let e = P();
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
 //#endregion
 //#region src/components/carousel/Carousel.vue
-var F = /* @__PURE__ */ l({
+var I = /* @__PURE__ */ l({
 	__name: "Carousel",
 	props: /* @__PURE__ */ u({
 		opts: {},
@@ -59,7 +59,7 @@ var F = /* @__PURE__ */ l({
 	}),
 	emits: /* @__PURE__ */ u(["init-api"], ["update:active"]),
 	setup(t, { expose: n, emit: r }) {
-		let i = t, a = r, s = x(t, "active"), { canScrollNext: c, canScrollPrev: l, carouselApi: u, carouselRef: d, orientation: p, scrollNext: m, scrollPrev: g } = M(i, a);
+		let i = t, a = r, s = x(t, "active"), { canScrollNext: c, canScrollPrev: l, carouselApi: u, carouselRef: d, orientation: p, scrollNext: m, scrollPrev: g } = N(i, a);
 		function v(e) {
 			let t = e.selectedScrollSnap();
 			e.previousScrollSnap() !== t && t !== s.value && (s.value = t);
@@ -91,6 +91,7 @@ var F = /* @__PURE__ */ l({
 			class: f(b(e)("relative", i.class)),
 			role: "region",
 			"aria-roledescription": "carousel",
+			"aria-label": "Carousel",
 			tabindex: "0",
 			onKeydown: y
 		}, [_(t.$slots, "default", {
@@ -103,7 +104,7 @@ var F = /* @__PURE__ */ l({
 			scrollPrev: b(g)
 		})], 34));
 	}
-}), I = .035, L = .3, R = /* @__PURE__ */ n(/* @__PURE__ */ l({
+}), L = .035, R = .3, z = /* @__PURE__ */ n(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "CarouselContent",
 	props: {
@@ -120,26 +121,26 @@ var F = /* @__PURE__ */ l({
 		] }
 	},
 	setup(t) {
-		let n = t, { carouselRef: r, carouselApi: i, orientation: a } = P(), c = g(null), l = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+		let n = t, { carouselRef: r, carouselApi: i, orientation: a } = F(), c = g(null), l = j("(prefers-reduced-motion: reduce)");
 		function u() {
 			let e = i.value;
 			if (!e) return;
 			let t = e.slideNodes();
-			if (!n.arrival || l) {
+			if (!n.arrival || l.value) {
 				for (let e of t) e.style.transform = "", e.style.opacity = "";
 				return;
 			}
 			let r = e.scrollProgress(), a = e.scrollSnapList();
 			t.forEach((e, t) => {
 				let n = a[t] ?? r, i = Math.min(Math.abs(n - r) * (a.length - 1 || 1), 1);
-				e.style.transform = `scale(${(1 - I * i).toFixed(4)})`, e.style.opacity = (1 - L * i).toFixed(4);
+				e.style.transform = `scale(${(1 - L * i).toFixed(4)})`, e.style.opacity = (1 - R * i).toFixed(4);
 			});
 		}
 		let f = null;
 		function m(e) {
 			!e || f === e || (f = e, e.on("scroll", u), e.on("reInit", u), e.on("init", u), u());
 		}
-		return S(i, (e) => m(e), { immediate: !0 }), S(() => n.arrival, () => u()), p(() => {
+		return S(i, (e) => m(e), { immediate: !0 }), S([() => n.arrival, l], () => u()), p(() => {
 			let e = f;
 			e && (e.off("scroll", u), e.off("reInit", u), e.off("init", u), f = null);
 		}), (t, i) => (h(), o("div", {
@@ -153,7 +154,7 @@ var F = /* @__PURE__ */ l({
 			class: b(e)("carousel-track flex", b(a) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", n.class)
 		}, t.$attrs), [_(t.$slots, "default", {}, void 0, !0)], 16)], 512));
 	}
-}), [["__scopeId", "data-v-f78259db"]]), z = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-6f191733"]]), B = /* @__PURE__ */ l({
 	__name: "CarouselItem",
 	props: { class: { type: [
 		Boolean,
@@ -163,7 +164,7 @@ var F = /* @__PURE__ */ l({
 		Array
 	] } },
 	setup(t) {
-		let n = t, { orientation: r } = P();
+		let n = t, { orientation: r } = F();
 		return (t, i) => (h(), o("div", {
 			"data-slot": "carousel-item",
 			role: "group",
@@ -171,7 +172,7 @@ var F = /* @__PURE__ */ l({
 			class: f(b(e)("min-w-0 shrink-0 grow-0 basis-full", b(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
 		}, [_(t.$slots, "default")], 2));
 	}
-}), B = /* @__PURE__ */ l({
+}), V = /* @__PURE__ */ l({
 	__name: "CarouselNext",
 	props: {
 		variant: { default: "outline" },
@@ -185,7 +186,7 @@ var F = /* @__PURE__ */ l({
 		] }
 	},
 	setup(n) {
-		let r = n, { orientation: a, canScrollNext: o, scrollNext: l } = P();
+		let r = n, { orientation: a, canScrollNext: o, scrollNext: l } = F();
 		return (u, d) => (h(), i(b(t), {
 			"data-slot": "carousel-next",
 			disabled: !b(o),
@@ -205,11 +206,11 @@ var F = /* @__PURE__ */ l({
 			"onClick"
 		]));
 	}
-}), V = {
+}), H = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
 	class: "glass-pager-ring text-mono-caption tabular-nums"
-}, H = /* @__PURE__ */ l({
+}, U = /* @__PURE__ */ l({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -225,7 +226,7 @@ var F = /* @__PURE__ */ l({
 		] }
 	},
 	setup(n) {
-		let s = n, { carouselApi: l, canScrollNext: u, canScrollPrev: d, orientation: p, scrollNext: _, scrollPrev: x } = P(), w = g(0), T = g(0);
+		let s = n, { carouselApi: l, canScrollNext: u, canScrollPrev: d, orientation: p, scrollNext: _, scrollPrev: x } = F(), w = g(0), T = g(0);
 		function A() {
 			let e = l.value;
 			e && (w.value = e.selectedScrollSnap(), T.value = e.scrollSnapList().length);
@@ -253,7 +254,7 @@ var F = /* @__PURE__ */ l({
 				"aria-label",
 				"onClick"
 			]),
-			n.showCounter && T.value > 0 ? (h(), o("span", V, y(w.value + 1) + " / " + y(T.value), 1)) : a("", !0),
+			n.showCounter && T.value > 0 ? (h(), o("span", H, y(w.value + 1) + " / " + y(T.value), 1)) : a("", !0),
 			c(b(t), {
 				variant: "ghost",
 				iconOnly: "",
@@ -271,7 +272,7 @@ var F = /* @__PURE__ */ l({
 			])
 		], 2));
 	}
-}), U = /* @__PURE__ */ l({
+}), W = /* @__PURE__ */ l({
 	__name: "CarouselPrevious",
 	props: {
 		variant: { default: "outline" },
@@ -285,7 +286,7 @@ var F = /* @__PURE__ */ l({
 		] }
 	},
 	setup(n) {
-		let r = n, { orientation: a, canScrollPrev: o, scrollPrev: l } = P();
+		let r = n, { orientation: a, canScrollPrev: o, scrollPrev: l } = F();
 		return (u, d) => (h(), i(b(t), {
 			"data-slot": "carousel-previous",
 			disabled: !b(o),
@@ -305,76 +306,6 @@ var F = /* @__PURE__ */ l({
 			"onClick"
 		]));
 	}
-}), W = {
-	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__ */ l({
-	__name: "GlassCarouselPager",
-	props: {
-		index: {},
-		total: {},
-		orientation: { default: "horizontal" },
-		showCounter: {
-			type: Boolean,
-			default: !0
-		},
-		loop: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: [
-		"prev",
-		"next",
-		"select"
-	],
-	setup(n, { emit: s }) {
-		let l = n, u = s, d = r(() => l.loop ? l.total > 1 : l.index > 0), p = r(() => l.loop ? l.total > 1 : l.index < l.total - 1);
-		function m() {
-			d.value && (l.loop ? u("select", (l.index - 1 + l.total) % l.total) : (u("prev"), u("select", Math.max(0, l.index - 1))));
-		}
-		function g() {
-			p.value && (l.loop ? u("select", (l.index + 1) % l.total) : (u("next"), u("select", Math.min(l.total - 1, l.index + 1))));
-		}
-		let x = r(() => l.orientation === "vertical" ? k : D), S = r(() => l.orientation === "vertical" ? E : O);
-		return (r, s) => (h(), o("div", {
-			"data-slot": "glass-carousel-pager",
-			class: f(b(e)("inline-flex items-center gap-2", n.orientation === "vertical" && "flex-col", "max-md:flex-wrap max-md:justify-center max-md:gap-2", l.class))
-		}, [
-			c(b(t), {
-				variant: "outline",
-				iconOnly: "",
-				disabled: !d.value,
-				"aria-label": n.orientation === "vertical" ? "Previous slide (up)" : "Previous slide",
-				"data-slot": "glass-carousel-pager-prev",
-				onClick: m
-			}, {
-				default: C(() => [(h(), i(v(x.value), { class: "size-4" }))]),
-				_: 1
-			}, 8, ["disabled", "aria-label"]),
-			n.showCounter && n.total > 0 ? (h(), o("span", W, y(n.index + 1) + " / " + y(n.total), 1)) : a("", !0),
-			c(b(t), {
-				variant: "outline",
-				iconOnly: "",
-				disabled: !p.value,
-				"aria-label": n.orientation === "vertical" ? "Next slide (down)" : "Next slide",
-				"data-slot": "glass-carousel-pager-next",
-				onClick: g
-			}, {
-				default: C(() => [(h(), i(v(S.value), { class: "size-4" }))]),
-				_: 1
-			}, 8, ["disabled", "aria-label"]),
-			_(r.$slots, "trailing")
-		], 2));
-	}
 });
 //#endregion
-export { F as Carousel, R as CarouselContent, z as CarouselItem, B as CarouselNext, H as CarouselPager, U as CarouselPrevious, G as GlassCarouselPager, P as useCarousel };
+export { I as Carousel, z as CarouselContent, B as CarouselItem, V as CarouselNext, U as CarouselPager, W as CarouselPrevious, F as useCarousel };

package/dist/chip.d.ts

@@ -1,10 +1 @@
-// @mkbabb/glass-ui/chip — the ONE folded chip (BI.W-CHIP-FOLD).
-//
-// The value.js-QUARANTINED leaf of the chip family: <Chip>'s tonal ink solve rides a
-// dynamic `import('./accent-tone-solve')` boundary INSIDE `useAccentTone` (the sync
-// value.js-free shell), so a plain-boolean toggle (a `var()` / unset tone) stays
-// value.js-free — but a concrete `#hex`/`oklch(…)` tone loads value.js. So <Chip>
-// ships as its OWN subpath leaf and is NOT on the value.js-FREE root barrel (the
-// SCC-trap discipline; the /border-progress + /easing precedent — a value.js-bearing
-// component carves OFF the value.js-free root). A consumer imports here.
 export * from "./components/chip";

package/dist/chip.js

@@ -1,5 +1,5 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useAccentTone-D25DxviG.js";
+import { t } from "./useAccentTone-C-p6WdPe.js";
 import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
 import { Toggle as u, useForwardPropsEmits as d } from "reka-ui";
 import { cva as f } from "class-variance-authority";

package/dist/collapsible.js

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

package/dist/color-swatch.js

@@ -36,6 +36,7 @@ var m = ["value"], h = {
 			style: l({ backgroundColor: g.value })
 		}, [i("input", s({
 			type: "color",
+			"aria-label": "Choose color",
 			value: g.value
 		}, t.$attrs, {
 			class: "color-swatch__input absolute inset-0 h-full w-full cursor-pointer appearance-none border-0 bg-transparent p-0 opacity-0",