@mkbabb/glass-ui 3.12.0 → 4.0.0

package/dist/{badge-CaoFJzRb.js → badge-UILT_3pZ.js}

@@ -27,7 +27,7 @@ var c = ["data-variant", "data-size"], l = /* @__PURE__ */ n({
 			}), s.class))
 		}, [a(l.$slots, "default")], 10, c));
 	}
-}), 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-[var(--ui-glyph-sm)] [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
+}), 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-(--ui-glyph-sm) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
 	variants: {
 		variant: {
 			default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",

package/dist/badge.js

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

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

@@ -46,30 +46,30 @@ var d = /* @__PURE__ */ r({
 			"class"
 		]));
 	}
-}), f = u("btn-pill tap-squish focus-ring whitespace-nowrap text-[length:var(--control-text)] 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-[var(--ui-glyph)] [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
+}), f = u("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 text-foreground hover:bg-[var(--glass-bg-resting)] hover:border-[var(--glass-border-resting)] active:bg-[var(--glass-bg-floating)] active:border-[var(--glass-border-floating)] aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
+			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-[var(--scale-hover-btn)] aria-pressed:scale-[var(--scale-press-btn)]",
-			"gold-audacious": "btn-audacious btn-audacious-gold text-foreground hover:text-white active:text-white aria-pressed:text-white hover:scale-[var(--scale-hover-btn)] aria-pressed:scale-[var(--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",
 			accent: "bg-accent text-accent-foreground border border-border/40 hover:bg-accent/80 active:bg-accent/70 aria-pressed:bg-accent/60",
 			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-[var(--glass-bg-resting)] hover:border-[var(--glass-border-resting)] active:bg-[var(--glass-bg-floating)] active:border-[var(--glass-border-floating)] aria-pressed:bg-[color-mix(in_srgb,var(--foreground)_10%,var(--glass-bg-resting))]",
-			"glass-wash": "glass-wash btn-glass text-foreground/70 hover:bg-foreground/[0.04] hover:border-[var(--surface-tint-22)] hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
+			glass: "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))]",
+			"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-[var(--control-h-md)] px-4 py-2 has-[>svg]:px-3",
-			xs: "h-[var(--control-h-xs)] rounded-pill px-2 text-[length:var(--control-text-sm)]",
-			sm: "h-[var(--control-h-sm)] rounded-pill px-3",
-			lg: "h-[var(--control-h-lg)] rounded-pill px-8 has-[>svg]:px-5",
-			icon: "h-[var(--control-h-md)] w-[var(--control-h-md)] p-0",
-			"icon-sm": "h-[var(--control-h-xs)] w-[var(--control-h-xs)] p-0"
+			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: {

package/dist/button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./button-DN39cGqL.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-DuArVky-.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

@@ -1,30 +1,29 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-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-DN39cGqL.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 { 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"
-}]]), 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-18c34cd8"]]), 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-[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)),
+			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-[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)),
+			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/{check-BBKKKSTf.js → check-njhk-vfu.js}

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

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

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

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

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

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

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

package/dist/coalesceMetric-5qIeZnTx.js

@@ -0,0 +1,13 @@
+//#region src/utils/coalesceMetric.ts
+var e = "—";
+function t(e, t = "—") {
+	return e == null || e === "" ? {
+		display: t,
+		isEmpty: !0
+	} : {
+		display: String(e),
+		isEmpty: !1
+	};
+}
+//#endregion
+export { t as n, e as t };

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-C5ls_QF7.js → color-DweYl7pE.js}

@@ -69,16 +69,18 @@ function y(e) {
 	};
 }
 function b(e, t = {}) {
-	let n = typeof e == "string" ? p(e) : e, { stopCount: r = 3, harmony: i = "analogous", lightnessSpread: a = .18, hueSpread: o = 24, chromaBump: s = .03 } = t, c = Math.max(2, Math.min(4, Math.round(r))), l = [];
-	for (let e = 0; e < c; e++) {
-		let t = c === 1 ? 0 : e / (c - 1), r = n.L - a / 2 + a * t, u = Math.max(0, n.C + s * Math.sin(Math.PI * t)), d = v(n.h, i, o, t);
-		l.push(y({
+	let n = typeof e == "string" ? p(e) : e, { stopCount: r = 3, harmony: i = "analogous", lightnessSpread: a = .18, hueSpread: o = 24, chromaBump: s = .03, chromaCeiling: c } = t, l = Math.max(2, Math.min(4, Math.round(r))), u = [];
+	for (let e = 0; e < l; e++) {
+		let t = l === 1 ? 0 : e / (l - 1), r = n.L - a / 2 + a * t, d = Math.max(0, n.C + s * Math.sin(Math.PI * t));
+		c !== void 0 && (d = Math.min(d, c));
+		let f = v(n.h, i, o, t);
+		u.push(y({
 			L: Math.min(.98, Math.max(.05, r)),
-			C: u,
-			h: d
+			C: d,
+			h: f
 		}));
 	}
-	return l;
+	return u;
 }
 //#endregion
 export { y as a, u as c, v as i, d as l, h as n, m as o, b as r, f as s, p as t };

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 };