@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/{button-ChXMfsud.js → button-BNDWhAZb.js}

@@ -51,8 +51,8 @@ var d = /* @__PURE__ */ r({
 		variant: {
 			default: "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-resting) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
 			solid: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 aria-pressed:bg-primary/85",
-			"primary-audacious": "btn-audacious bg-primary text-primary-foreground hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
-			"gold-audacious": "btn-audacious btn-audacious-gold text-foreground hover:text-white active:text-white aria-pressed:text-white hover:scale-(--scale-hover-btn) aria-pressed:scale-(--scale-press-btn)",
+			"primary-audacious": "glass-wash btn-glass text-foreground hover:bg-(--glass-bg-resting) hover:border-(--glass-border-resting) active:bg-(--glass-bg-floating) active:border-(--glass-border-floating) aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))] 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: "border border-input bg-background hover:bg-accent hover:text-accent-foreground active:bg-accent/80 aria-pressed:bg-accent aria-pressed:text-accent-foreground",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary/70 aria-pressed:bg-secondary/60",

package/dist/button.js

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

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-Cj2eycQ2.js";
+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 };

package/dist/carousel.d.ts

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

package/dist/carousel.js

@@ -3,28 +3,27 @@ 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-ChXMfsud.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", {
+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"
-}]]), A = t("arrow-right", [["path", {
+}]]), D = t("arrow-right", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "m12 5 7 7-7 7",
 	key: "xquz4c"
-}]]), j = t("chevron-left", [["path", {
+}]]), O = t("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), [M, N] = D(({ opts: e, orientation: t, plugins: n }, r) => {
-	let [i, a] = O({
+}]]), [k, A] = w(({ opts: e, orientation: t, plugins: n }, r) => {
+	let [i, a] = T({
 		...e,
 		axis: t === "horizontal" ? "x" : "y"
 	}, n);
@@ -34,11 +33,11 @@ var k = t("arrow-left", [["path", {
 	function s() {
 		a.value?.scrollNext();
 	}
-	let c = y(!1), l = y(!1);
+	let c = _(!1), l = _(!1);
 	function u(e) {
 		c.value = e?.canScrollNext() || !1, l.value = e?.canScrollPrev() || !1;
 	}
-	return _(() => {
+	return h(() => {
 		a.value && (a.value?.on("init", u), a.value?.on("reInit", u), a.value?.on("select", u), r("init-api", a.value));
 	}), {
 		carouselRef: i,
@@ -50,14 +49,14 @@ var k = t("arrow-left", [["path", {
 		orientation: t
 	};
 });
-function P() {
-	let e = N();
+function j() {
+	let e = A();
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
 //#endregion
 //#region src/components/ui/carousel/Carousel.vue
-var F = /* @__PURE__ */ m({
+var M = /* @__PURE__ */ f({
 	__name: "Carousel",
 	props: {
 		opts: {},
@@ -73,14 +72,14 @@ var F = /* @__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 } = M(i, r);
+		let i = t, { canScrollNext: a, canScrollPrev: o, carouselApi: s, carouselRef: c, orientation: u, scrollNext: d, scrollPrev: f } = k(i, r);
 		n({
 			canScrollNext: a,
 			canScrollPrev: o,
 			carouselApi: s,
 			carouselRef: c,
-			orientation: l,
-			scrollNext: u,
+			orientation: u,
+			scrollNext: d,
 			scrollPrev: f
 		});
 		function p(e) {
@@ -89,26 +88,26 @@ var F = /* @__PURE__ */ m({
 				e.preventDefault(), f();
 				return;
 			}
-			e.key === n && (e.preventDefault(), u());
+			e.key === n && (e.preventDefault(), d());
 		}
-		return (t, n) => (v(), d("div", {
+		return (t, n) => (g(), l("div", {
 			"data-slot": "carousel",
-			class: g(w(e)("relative", i.class)),
+			class: m(x(e)("relative", i.class)),
 			role: "region",
 			"aria-roledescription": "carousel",
 			tabindex: "0",
 			onKeydown: p
-		}, [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)
+		}, [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)
 		})], 34));
 	}
-}), I = /* @__PURE__ */ m({
+}), N = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "CarouselContent",
 	props: { class: { type: [
@@ -119,58 +118,15 @@ var F = /* @__PURE__ */ m({
 		Array
 	] } },
 	setup(t, { expose: n }) {
-		let r = t, { carouselRef: i, orientation: a } = P();
-		return n({ carouselRef: i }), (t, n) => (v(), d("div", {
+		let r = t, { carouselRef: i, orientation: a } = j();
+		return n({ carouselRef: i }), (t, n) => (g(), l("div", {
 			ref_key: "carouselRef",
 			ref: i,
 			"data-slot": "carousel-content",
 			class: "overflow-hidden"
-		}, [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));
+		}, [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));
 	}
-}), L = ["aria-orientation"], R = [
-	"aria-selected",
-	"aria-label",
-	"data-active",
-	"onClick"
-], z = /* @__PURE__ */ o(/* @__PURE__ */ m({
-	__name: "CarouselDots",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		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(), o.value = e.scrollSnapList().length);
-		}
-		function l(e) {
-			r.value?.scrollTo(e);
-		}
-		return T(r, (e) => {
-			e && (c(), e.on("select", c), e.on("reInit", c));
-		}, { immediate: !0 }), _(c), (t, r) => o.value > 0 ? (v(), d("div", {
-			key: 0,
-			"data-slot": "carousel-dots",
-			role: "tablist",
-			"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": e - 1 === a.value,
-			"aria-label": `Go to slide ${e}`,
-			"data-active": e - 1 === a.value ? "" : void 0,
-			"data-slot": "carousel-dot",
-			class: "carousel-dot focus-ring tap-squish",
-			onClick: (t) => l(e - 1)
-		}, null, 8, R))), 128))], 10, L)) : u("", !0);
-	}
-}), [["__scopeId", "data-v-e87db23f"]]), B = /* @__PURE__ */ m({
+}), P = /* @__PURE__ */ f({
 	__name: "CarouselItem",
 	props: { class: { type: [
 		Boolean,
@@ -180,15 +136,15 @@ var F = /* @__PURE__ */ m({
 		Array
 	] } },
 	setup(t) {
-		let n = t, { orientation: r } = P();
-		return (t, i) => (v(), d("div", {
+		let n = t, { orientation: r } = j();
+		return (t, i) => (g(), l("div", {
 			"data-slot": "carousel-item",
 			role: "group",
 			"aria-roledescription": "slide",
-			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));
+			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));
 	}
-}), V = /* @__PURE__ */ m({
+}), F = /* @__PURE__ */ f({
 	__name: "CarouselNext",
 	props: {
 		variant: { default: "outline" },
@@ -202,16 +158,16 @@ var F = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		let n = t, { orientation: r, canScrollNext: i, scrollNext: o } = P();
-		return (s, c) => (v(), l(w(a), {
+		let n = t, { orientation: r, canScrollNext: i, scrollNext: o } = j();
+		return (c, l) => (g(), s(x(a), {
 			"data-slot": "carousel-next",
-			disabled: !w(i),
-			class: g(w(e)("absolute h-(--carousel-nav-size) w-(--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)),
+			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: w(o)
+			onClick: x(o)
 		}, {
-			default: E(() => [x(s.$slots, "default", {}, () => [p(w(A)), c[0] ||= f("span", { class: "sr-only" }, "Next Slide", -1)])]),
+			default: C(() => [v(c.$slots, "default", {}, () => [d(x(D)), l[0] ||= u("span", { class: "sr-only" }, "Next Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -221,11 +177,11 @@ var F = /* @__PURE__ */ m({
 			"onClick"
 		]));
 	}
-}), H = {
+}), I = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
-	class: "rounded-pill border border-border bg-card px-3 py-1 text-mono-caption tabular-nums"
-}, U = /* @__PURE__ */ m({
+	class: "glass-pager-ring text-mono-caption tabular-nums"
+}, L = /* @__PURE__ */ f({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -241,44 +197,44 @@ var F = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		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 = s.value;
-			e && (D.value = e.selectedScrollSnap(), O.value = e.scrollSnapList().length);
+		let u = t, { carouselApi: f, canScrollNext: p, canScrollPrev: v, orientation: w, scrollNext: T, scrollPrev: E } = j(), D = _(0), k = _(0);
+		function A() {
+			let e = f.value;
+			e && (D.value = e.selectedScrollSnap(), k.value = e.scrollSnapList().length);
 		}
-		T(s, (e) => {
-			e && (k(), e.on("select", k), e.on("reInit", k));
-		}, { immediate: !0 }), _(k);
-		let A = c(() => h === "vertical" ? i : j), M = c(() => h === "vertical" ? n : r);
-		return (n, r) => (v(), d("div", {
+		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", {
 			"data-slot": "carousel-pager",
-			class: g(w(e)("inline-flex items-center gap-2", w(h) === "vertical" && "flex-col", o.class))
+			class: m(x(e)("inline-flex items-center gap-2", x(w) === "vertical" && "flex-col", u.class))
 		}, [
-			p(w(a), {
+			d(x(a), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !w(m),
-				"aria-label": w(h) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				disabled: !x(v),
+				"aria-label": x(w) === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "carousel-pager-prev",
-				onClick: w(x)
+				onClick: x(E)
 			}, {
-				default: E(() => [(v(), l(S(A.value), { class: "size-4" }))]),
+				default: C(() => [(g(), s(y(M.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"aria-label",
 				"onClick"
 			]),
-			t.showCounter && O.value > 0 ? (v(), d("span", H, C(D.value + 1) + " / " + C(O.value), 1)) : u("", !0),
-			p(w(a), {
+			t.showCounter && k.value > 0 ? (g(), l("span", I, b(D.value + 1) + " / " + b(k.value), 1)) : c("", !0),
+			d(x(a), {
 				variant: "ghost",
 				size: "icon",
-				disabled: !w(f),
-				"aria-label": w(h) === "vertical" ? "Next slide (down)" : "Next slide",
+				disabled: !x(p),
+				"aria-label": x(w) === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "carousel-pager-next",
-				onClick: w(b)
+				onClick: x(T)
 			}, {
-				default: E(() => [(v(), l(S(M.value), { class: "size-4" }))]),
+				default: C(() => [(g(), s(y(N.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, [
 				"disabled",
@@ -287,7 +243,7 @@ var F = /* @__PURE__ */ m({
 			])
 		], 2));
 	}
-}), W = /* @__PURE__ */ m({
+}), R = /* @__PURE__ */ f({
 	__name: "CarouselPrevious",
 	props: {
 		variant: { default: "outline" },
@@ -301,16 +257,16 @@ var F = /* @__PURE__ */ m({
 		] }
 	},
 	setup(t) {
-		let n = t, { orientation: r, canScrollPrev: i, scrollPrev: o } = P();
-		return (s, c) => (v(), l(w(a), {
+		let n = t, { orientation: r, canScrollPrev: i, scrollPrev: o } = j();
+		return (c, l) => (g(), s(x(a), {
 			"data-slot": "carousel-previous",
-			disabled: !w(i),
-			class: g(w(e)("absolute h-(--carousel-nav-size) w-(--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)),
+			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)),
 			variant: t.variant,
 			size: t.size,
-			onClick: w(o)
+			onClick: x(o)
 		}, {
-			default: E(() => [x(s.$slots, "default", {}, () => [p(w(k)), c[0] ||= f("span", { class: "sr-only" }, "Previous Slide", -1)])]),
+			default: C(() => [v(c.$slots, "default", {}, () => [d(x(E)), l[0] ||= u("span", { class: "sr-only" }, "Previous Slide", -1)])]),
 			_: 3
 		}, 8, [
 			"disabled",
@@ -320,11 +276,11 @@ var F = /* @__PURE__ */ m({
 			"onClick"
 		]));
 	}
-}), G = {
+}), z = {
 	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"
-}, K = /* @__PURE__ */ m({
+}, B = /* @__PURE__ */ f({
 	__name: "GlassCarouselPager",
 	props: {
 		index: {},
@@ -351,45 +307,45 @@ var F = /* @__PURE__ */ m({
 		"next",
 		"select"
 	],
-	setup(t, { emit: o }) {
-		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))));
+	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))));
 		}
-		function y() {
-			h.value && (s.loop ? f("select", (s.index + 1) % s.total) : (f("next"), f("select", Math.min(s.total - 1, s.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))));
 		}
-		let b = c(() => s.orientation === "vertical" ? i : j), T = c(() => s.orientation === "vertical" ? n : r);
-		return (n, r) => (v(), d("div", {
+		let T = o(() => f.orientation === "vertical" ? i : O), E = o(() => f.orientation === "vertical" ? n : r);
+		return (n, r) => (g(), l("div", {
 			"data-slot": "glass-carousel-pager",
-			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))
+			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))
 		}, [
-			p(w(a), {
+			d(x(a), {
 				variant: "outline",
 				size: "icon",
-				disabled: !m.value,
+				disabled: !h.value,
 				"aria-label": t.orientation === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "glass-carousel-pager-prev",
-				onClick: _
+				onClick: S
 			}, {
-				default: E(() => [(v(), l(S(b.value), { class: "size-4" }))]),
+				default: C(() => [(g(), s(y(T.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			t.showCounter && t.total > 0 ? (v(), d("span", G, C(t.index + 1) + " / " + C(t.total), 1)) : u("", !0),
-			p(w(a), {
+			t.showCounter && t.total > 0 ? (g(), l("span", z, b(t.index + 1) + " / " + b(t.total), 1)) : c("", !0),
+			d(x(a), {
 				variant: "outline",
 				size: "icon",
-				disabled: !h.value,
+				disabled: !_.value,
 				"aria-label": t.orientation === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "glass-carousel-pager-next",
-				onClick: y
+				onClick: w
 			}, {
-				default: E(() => [(v(), l(S(T.value), { class: "size-4" }))]),
+				default: C(() => [(g(), s(y(E.value), { class: "size-4" }))]),
 				_: 1
 			}, 8, ["disabled", "aria-label"]),
-			x(n.$slots, "trailing")
+			v(n.$slots, "trailing")
 		], 2));
 	}
 });
 //#endregion
-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 };
+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 };

package/dist/collapsible.js

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

package/dist/color-swatch.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/color-swatch";

package/dist/color-swatch.js

@@ -0,0 +1,47 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f, useModel as p } from "vue";
+//#region src/components/custom/color-swatch/ColorSwatch.vue?vue&type=script&setup=true&lang.ts
+var m = ["value"], h = {
+	key: 0,
+	class: "color-swatch__hex text-mono-caption tabular-nums uppercase text-muted-foreground"
+}, g = /* @__PURE__ */ a({
+	name: "ColorSwatch",
+	inheritAttrs: !1,
+	__name: "ColorSwatch",
+	props: /* @__PURE__ */ o({
+		size: { default: "md" },
+		showHex: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: { default: "#000000" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let o = a, g = p(a, "modelValue"), _ = t(() => o.size === "sm" ? "h-7 w-7" : "h-8 w-8"), v = t(() => g.value.toUpperCase());
+		function y(e) {
+			g.value = e.target.value;
+		}
+		return (t, p) => (u(), r("span", { class: c(f(e)("color-swatch inline-flex items-center gap-2 align-middle", o.class)) }, [i("span", {
+			class: c(["color-swatch__chip relative inline-flex shrink-0 cursor-pointer overflow-hidden rounded-control border border-(--configurator-divider-section)", _.value]),
+			style: l({ backgroundColor: g.value })
+		}, [i("input", s({
+			type: "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",
+			onInput: y
+		}), null, 16, m)], 6), a.showHex ? (u(), r("code", h, d(v.value), 1)) : n("", !0)], 2));
+	}
+});
+//#endregion
+export { g as ColorSwatch };

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-CUYeFbgd.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 "./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 };

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-RowNEO6i.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-DdtWXxOK.js";
 export { r as Command, t as CommandDialog, s as CommandEmpty, a as CommandGroup, e as CommandInput, n as CommandItem, o as CommandList, i as CommandSeparator, c as CommandShortcut };

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

@@ -181,3 +181,31 @@ export declare const MAX_STOPS = 8;
  * Not a themed preset — the demo's 11 authored presets override every field.
  */
 export declare const DEFAULT_AURORA_CONFIG: AuroraConfig;
+/**
+ * `PAPER_WASH_GROUND` — the library-canon recessive-ground crayon calibration
+ * (BA.W-ATLAS-RECONCILE A-4a; d6 9467bd16 adopt). A pure PRESET PARTIAL (no
+ * palette/nuclei/motion) pinning the recessive crayon-ground deposition dials so a
+ * data-ground aurora reads as paper-on-tooth without each consumer dial-tuning the
+ * same recessive calibration by hand. It carries NO palette/nuclei — the consumer
+ * spreads it over its own pole-derived pigment (page-glow IS data-glow):
+ * `const cfg = { ...consumerBase, ...PAPER_WASH_GROUND }`.
+ *
+ * House-rule clean (presets-in-consumers): this is the LIBRARY's own recessive-ground
+ * IDENTITY, not a consumer theme — admissible at the root. `satisfies
+ * Partial<AuroraConfig>` holds (every key is a first-class `AuroraConfig` field at
+ * HEAD; the `crayon` medium is `uMedium==4`).
+ */
+export declare const PAPER_WASH_GROUND: {
+    readonly medium: "crayon";
+    readonly strokeOrient: "tensor";
+    readonly granulation: 0.3;
+    readonly canvasGrain: 0.5;
+    readonly strokeAmount: 0.35;
+    readonly strokeAnisotropy: 0.5;
+    readonly strokeLayers: 1;
+    readonly impasto: 0;
+    readonly brokenColor: 0;
+    readonly wetEdge: 0;
+    readonly saturation: 0.92;
+    readonly paperGrain: 0.008;
+};

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

@@ -12,6 +12,8 @@ export type AuroraRenderMode = "webgl" | "css" | "auto";
  * `"css"` pass through unchanged.
  *
  * `"auto"` resolves to `"css"` when ANY low-power signal is present:
+ *   - a SOFTWARE WebGL renderer (SwiftShader / llvmpipe / MS Basic Render — the
+ *     GPU-blocklisted path; see {@link isSoftwareWebGLRenderer}),
  *   - `navigator.hardwareConcurrency <= 4` (few logical cores),
  *   - `prefers-reduced-motion: reduce`,
  *   - `navigator.connection.saveData === true` (Data Saver on).

package/dist/components/custom/aurora/index.d.ts

@@ -5,7 +5,7 @@ export type { UseAuroraReturn } from "./composables/useAurora";
 export { useCursorInteraction } from "./composables/useCursorInteraction";
 export { createAurora } from "./composables/runtime";
 export type { AuroraRuntimeMode, AuroraRuntimeOptions } from "./composables/runtime";
-export { DEFAULT_AURORA_CONFIG, MAX_NUCLEI, MAX_STOPS, type AuroraConfig, type AuroraCursorApi, type AuroraFlow, type AuroraInstance, type AuroraInteractivity, type AuroraMedium, type AuroraNucleus, type FlowPattern, type OklchStop, type StrokeMode, type StrokeOrient, type WarpMode, } from "./constants/presets";
+export { DEFAULT_AURORA_CONFIG, PAPER_WASH_GROUND, MAX_NUCLEI, MAX_STOPS, type AuroraConfig, type AuroraCursorApi, type AuroraFlow, type AuroraInstance, type AuroraInteractivity, type AuroraMedium, type AuroraNucleus, type FlowPattern, type OklchStop, type StrokeMode, type StrokeOrient, type WarpMode, } from "./constants/presets";
 export { resolveAtoms, configToAtoms, nucleiPrior, DEFAULT_ATOMS, type AuroraAtoms, type AuroraMotionAtom, type AuroraZones, type AuroraZoneArrangement, type AuroraMediumAtom, type AuroraInteractivityAtom, } from "./composables/atoms";
 export { cssToOklch, deriveAurora, flattenPalette, hexToOklchStop, oklchStopToHex, oklchToLinear, paletteToCssGradient, } from "./composables/color";
 export type { AuroraHarmony, DeriveAuroraOptions, DeriveEasing, } from "./composables/color";

package/dist/components/custom/color-swatch/ColorSwatch.vue.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes } from "vue";
+type __VLS_Props = {
+    /** The chip edge size. `sm` = 28px, `md` = 32px (default). */
+    size?: "sm" | "md";
+    /** Render the uppercase hex code beside the swatch. Default `false`. */
+    showHex?: boolean;
+    class?: HTMLAttributes["class"];
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    showHex: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/custom/color-swatch/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorSwatch } from "./ColorSwatch.vue";