@mkbabb/glass-ui 0.2.0 → 2.0.0

package/dist/button-BlOW34DT.js

@@ -0,0 +1,70 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
+import { Primitive as c } from "reka-ui";
+import { cva as l } from "class-variance-authority";
+//#endregion
+//#region src/components/ui/button/Button.vue
+var u = /* @__PURE__ */ n({
+	__name: "Button",
+	props: {
+		variant: {},
+		size: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: { default: "button" }
+	},
+	setup(n) {
+		let l = n;
+		return (u, f) => (i(), t(o(c), {
+			as: n.as,
+			"as-child": n.asChild,
+			class: r(o(e)(o(d)({
+				variant: n.variant,
+				size: n.size
+			}), l.class))
+		}, {
+			default: s(() => [a(u.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+}), d = l("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", {
+	variants: {
+		variant: {
+			default: "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)] aria-pressed:scale-[var(--scale-press-btn)]",
+			"gold-audacious": "btn-audacious btn-audacious-gold text-white hover:scale-[var(--scale-hover)] aria-pressed:scale-[var(--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 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 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",
+			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-10 px-4 py-2",
+			xs: "h-7 rounded-pill px-2 text-xs",
+			sm: "h-9 rounded-pill px-3",
+			lg: "h-11 rounded-pill px-8",
+			icon: "h-10 w-10 p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+//#endregion
+export { u as n, d as t };

package/dist/button.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/button";

package/dist/button.js

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

package/dist/card.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/card";

package/dist/card.js

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

package/dist/carousel.d.ts

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

package/dist/carousel.js

@@ -0,0 +1,394 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./createLucideIcon-Bn9a1b70.js";
+import { t as n } from "./chevron-down-DILQA1t6.js";
+import { t as r } from "./chevron-right-fS7fal2t.js";
+import { t as i } from "./chevron-up-BtYjYQOS.js";
+import { n as a } from "./button-BlOW34DT.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", {
+	d: "m12 19-7-7 7-7",
+	key: "1l729n"
+}], ["path", {
+	d: "M19 12H5",
+	key: "x3x0zl"
+}]]), k = t("arrow-right", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "m12 5 7 7-7 7",
+	key: "xquz4c"
+}]]), A = 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({
+		...e,
+		axis: t === "horizontal" ? "x" : "y"
+	}, n);
+	function o() {
+		a.value?.scrollPrev();
+	}
+	function s() {
+		a.value?.scrollNext();
+	}
+	let c = v(!1), l = v(!1);
+	function u(e) {
+		c.value = e?.canScrollNext() || !1, l.value = e?.canScrollPrev() || !1;
+	}
+	return g(() => {
+		a.value && (a.value?.on("init", u), a.value?.on("reInit", u), a.value?.on("select", u), r("init-api", a.value));
+	}), {
+		carouselRef: i,
+		carouselApi: a,
+		canScrollPrev: l,
+		canScrollNext: c,
+		scrollPrev: o,
+		scrollNext: s,
+		orientation: t
+	};
+});
+function N() {
+	let e = M();
+	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({
+	__name: "Carousel",
+	props: {
+		opts: {},
+		plugins: {},
+		orientation: { default: "horizontal" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	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);
+		n({
+			canScrollNext: a,
+			canScrollPrev: o,
+			carouselApi: s,
+			carouselRef: c,
+			orientation: l,
+			scrollNext: d,
+			scrollPrev: f
+		});
+		function p(e) {
+			let t = i.orientation === "vertical" ? "ArrowUp" : "ArrowLeft", n = i.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+			if (e.key === t) {
+				e.preventDefault(), f();
+				return;
+			}
+			e.key === n && (e.preventDefault(), d());
+		}
+		return (t, n) => (_(), u("div", {
+			"data-slot": "carousel",
+			class: h(C(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)
+		})], 34));
+	}
+}), F = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "CarouselContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t, { expose: n }) {
+		let r = t, { carouselRef: i, orientation: a } = N();
+		return n({ carouselRef: i }), (t, n) => (_(), u("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));
+	}
+}), I = ["aria-orientation"], L = [
+	"aria-selected",
+	"aria-label",
+	"data-active",
+	"onClick"
+], R = /* @__PURE__ */ p({
+	__name: "CarouselDots",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t, { carouselApi: r, orientation: i } = N(), a = v(0), s = v(0);
+		function c() {
+			let e = r.value;
+			e && (a.value = e.selectedScrollSnap(), s.value = e.scrollSnapList().length);
+		}
+		function d(e) {
+			r.value?.scrollTo(e);
+		}
+		return w(r, (e) => {
+			e && (c(), e.on("select", c), e.on("reInit", c));
+		}, { immediate: !0 }), g(c), (t, r) => s.value > 0 ? (_(), u("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,
+			type: "button",
+			role: "tab",
+			"aria-selected": t - 1 === a.value,
+			"aria-label": `Go to slide ${t}`,
+			"data-active": t - 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-[var(--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-[var(--muted-medium)] hover:bg-foreground/50" : "w-1.5 bg-[var(--muted-medium)] hover:bg-foreground/50")]),
+			onClick: (e) => d(t - 1)
+		}, null, 10, L))), 128))], 10, I)) : l("", !0);
+	}
+}), z = /* @__PURE__ */ p({
+	__name: "CarouselItem",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t, { orientation: r } = N();
+		return (t, i) => (_(), u("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));
+	}
+}), B = /* @__PURE__ */ p({
+	__name: "CarouselNext",
+	props: {
+		variant: { default: "outline" },
+		size: { default: "icon" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, { orientation: r, canScrollNext: i, scrollNext: o } = N();
+		return (s, l) => (_(), c(C(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)),
+			variant: t.variant,
+			size: t.size,
+			onClick: C(o)
+		}, {
+			default: T(() => [b(s.$slots, "default", {}, () => [f(C(k)), l[0] ||= d("span", { class: "sr-only" }, "Next Slide", -1)])]),
+			_: 3
+		}, 8, [
+			"disabled",
+			"class",
+			"variant",
+			"size",
+			"onClick"
+		]));
+	}
+}), V = {
+	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({
+	__name: "CarouselPager",
+	props: {
+		showCounter: {
+			type: Boolean,
+			default: !0
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let o = t, { carouselApi: d, canScrollNext: p, canScrollPrev: m, orientation: y, scrollNext: b, scrollPrev: E } = N(), D = v(0), O = v(0);
+		function k() {
+			let e = d.value;
+			e && (D.value = e.selectedScrollSnap(), O.value = e.scrollSnapList().length);
+		}
+		w(d, (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", {
+			"data-slot": "carousel-pager",
+			class: h(C(e)("inline-flex items-center gap-2", C(y) === "vertical" && "flex-col", o.class))
+		}, [
+			f(C(a), {
+				variant: "ghost",
+				size: "icon",
+				disabled: !C(m),
+				"aria-label": C(y) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				"data-slot": "carousel-pager-prev",
+				onClick: C(E)
+			}, {
+				default: T(() => [(_(), c(x(j.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), {
+				variant: "ghost",
+				size: "icon",
+				disabled: !C(p),
+				"aria-label": C(y) === "vertical" ? "Next slide (down)" : "Next slide",
+				"data-slot": "carousel-pager-next",
+				onClick: C(b)
+			}, {
+				default: T(() => [(_(), c(x(M.value), { class: "size-4" }))]),
+				_: 1
+			}, 8, [
+				"disabled",
+				"aria-label",
+				"onClick"
+			])
+		], 2));
+	}
+}), U = /* @__PURE__ */ p({
+	__name: "CarouselPrevious",
+	props: {
+		variant: { default: "outline" },
+		size: { default: "icon" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, { orientation: r, canScrollPrev: i, scrollPrev: o } = N();
+		return (s, l) => (_(), c(C(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)),
+			variant: t.variant,
+			size: t.size,
+			onClick: C(o)
+		}, {
+			default: T(() => [b(s.$slots, "default", {}, () => [f(C(O)), l[0] ||= d("span", { class: "sr-only" }, "Previous Slide", -1)])]),
+			_: 3
+		}, 8, [
+			"disabled",
+			"class",
+			"variant",
+			"size",
+			"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__ */ p({
+	__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(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))));
+		}
+		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))));
+		}
+		let w = s(() => d.orientation === "vertical" ? i : A), E = s(() => d.orientation === "vertical" ? n : r);
+		return (n, r) => (_(), u("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))
+		}, [
+			f(C(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
+			}, {
+				default: T(() => [(_(), c(x(w.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), {
+				variant: "outline",
+				size: "icon",
+				disabled: !g.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" }))]),
+				_: 1
+			}, 8, ["disabled", "aria-label"]),
+			b(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 };

package/dist/check-dwgetki8.js

@@ -0,0 +1,7 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+var t = e("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]);
+//#endregion
+export { t };

package/dist/chevron-down-DILQA1t6.js

@@ -0,0 +1,7 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+var t = e("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]);
+//#endregion
+export { t };

package/dist/chevron-right-fS7fal2t.js

@@ -0,0 +1,7 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+var t = e("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]);
+//#endregion
+export { t };

package/dist/chevron-up-BtYjYQOS.js

@@ -0,0 +1,7 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+var t = e("chevron-up", [["path", {
+	d: "m18 15-6-6-6 6",
+	key: "153udz"
+}]]);
+//#endregion
+export { t };

package/dist/cn-DJXf4yaB.js

@@ -0,0 +1,97 @@
+import { clsx as e } from "clsx";
+//#region src/utils/cn.ts
+function t(...t) {
+	return a(e(t));
+}
+var n = [
+	["font-size", /^text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)$/],
+	["font-size", /^text-(micro|small|caption|body|prose|admin-label|heading|subheading|title|display|display-hero|display-mega|display-audacious|display-2|display-3|display-4|display-5|hero|math|math-body|mono-caption|mono-small|mono-prose|mono-micro)$/],
+	["font-weight", /^font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)$/],
+	["font-family", /^font-(sans|serif|mono)$/],
+	["font-style", /^(italic|not-italic)$/],
+	["text-align", /^text-(left|center|right|justify|start|end)$/],
+	["text-transform", /^(uppercase|lowercase|capitalize|normal-case)$/],
+	["text-decoration", /^(underline|overline|line-through|no-underline)$/],
+	["text-color", /^text-/],
+	["padding-x", /^px-/],
+	["padding-y", /^py-/],
+	["padding-t", /^pt-/],
+	["padding-r", /^pr-/],
+	["padding-b", /^pb-/],
+	["padding-l", /^pl-/],
+	["padding-s", /^ps-/],
+	["padding-e", /^pe-/],
+	["padding", /^p-/],
+	["margin-x", /^-?mx-/],
+	["margin-y", /^-?my-/],
+	["margin-t", /^-?mt-/],
+	["margin-r", /^-?mr-/],
+	["margin-b", /^-?mb-/],
+	["margin-l", /^-?ml-/],
+	["margin-s", /^-?ms-/],
+	["margin-e", /^-?me-/],
+	["margin", /^-?m-/],
+	["gap-x", /^gap-x-/],
+	["gap-y", /^gap-y-/],
+	["gap", /^gap-/],
+	["width", /^w-/],
+	["height", /^h-/],
+	["min-width", /^min-w-/],
+	["min-height", /^min-h-/],
+	["max-width", /^max-w-/],
+	["max-height", /^max-h-/],
+	["size", /^size-/],
+	["bg-color", /^bg-/],
+	["border-color", /^border-(?:[a-z]+-\d+|black|white|transparent|current|inherit)/],
+	["border-width", /^border(?:-x|-y|-t|-r|-b|-l|-s|-e)?(?:-\d+|-0|)$/],
+	["ring-color", /^ring-(?:[a-z]+-\d+|black|white|transparent)/],
+	["ring-width", /^ring(?:-\d+|-0|)$/],
+	["rounded", /^rounded(?:-(?:none|sm|md|lg|xl|2xl|3xl|full|t|r|b|l|tl|tr|bl|br))?$/],
+	["display", /^(block|inline-block|inline|flex|inline-flex|grid|inline-grid|table|hidden|contents|flow-root)$/],
+	["position", /^(static|fixed|absolute|relative|sticky)$/],
+	["overflow", /^overflow-(auto|hidden|clip|visible|scroll)$/],
+	["overflow-x", /^overflow-x-/],
+	["overflow-y", /^overflow-y-/],
+	["flex", /^flex-(1|auto|none|initial)$/],
+	["flex-direction", /^flex-(row|row-reverse|col|col-reverse)$/],
+	["flex-wrap", /^flex-(wrap|wrap-reverse|nowrap)$/],
+	["items", /^items-/],
+	["justify", /^justify-/],
+	["self", /^self-/],
+	["place-items", /^place-items-/],
+	["place-content", /^place-content-/],
+	["opacity", /^opacity-/],
+	["z-index", /^-?z-/],
+	["cursor", /^cursor-/],
+	["pointer-events", /^pointer-events-/],
+	["select", /^select-/],
+	["shadow", /^shadow(?:-|$)/]
+];
+function r(e) {
+	let t = e.lastIndexOf(":"), n = t === -1 ? "" : e.slice(0, t + 1), r = t === -1 ? e : e.slice(t + 1);
+	return r.startsWith("!") && (r = r.slice(1)), {
+		scope: n,
+		core: r
+	};
+}
+function i(e) {
+	for (let [t, r] of n) if (r.test(e)) return t;
+	return null;
+}
+function a(e) {
+	if (!e) return "";
+	let t = e.split(/\s+/).filter(Boolean);
+	if (t.length === 0) return "";
+	let n = /* @__PURE__ */ new Map(), a = Array(t.length).fill(!0);
+	for (let e = 0; e < t.length; e += 1) {
+		let o = t[e], { scope: s, core: c } = r(o), l = i(c);
+		if (l === null) continue;
+		let u = `${s}|${l}`, d = n.get(u);
+		d !== void 0 && (a[d] = !1), n.set(u, e);
+	}
+	let o = [];
+	for (let e = 0; e < t.length; e += 1) a[e] && o.push(t[e]);
+	return o.join(" ");
+}
+//#endregion
+export { t };

package/dist/collapsible.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/collapsible";

package/dist/collapsible.js

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

package/dist/command.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/command";

package/dist/command.js

@@ -0,0 +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-_INFUMu6.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/animated-digit/AnimatedDigit.vue.d.ts

@@ -0,0 +1,48 @@
+import type { HTMLAttributes } from "vue";
+/**
+ * AnimatedDigit — a numeric display that damps toward its target via
+ * `useAnimatedNumber`, formats per consumer-supplied formatter, and ships
+ * the tabular-numerals + ss01 + lnum font-feature register so consumers
+ * stop hand-wiring those rules per site.
+ *
+ * AC.W6d — promoted from speedtest's hand-wired
+ * `useAnimatedNumber(metric) → result.formatted` + `<span class="tabular-
+ * nums">{{ result.formatted.value }}</span>` pattern. Two-line replacement.
+ *
+ * Consumers pass:
+ *  - `value`: the target. The composable damps; on null the displayed
+ *    digit clears to the placeholder.
+ *  - `format`: optional formatter (`(v: number) => string`). Defaults to
+ *    `String(Math.round(v))`.
+ *  - `placeholder`: glyph for null/empty (default "—").
+ *  - `digitCount`: optional knob exposed to the consumer via the
+ *    `--digit-count` CSS custom property on the host. Pairs with
+ *    MetricRow's `--digit-count` clamp so the value cell shrinks
+ *    proportionally as the rendered digits widen. When omitted the
+ *    primitive computes it from the formatted string length.
+ *  - `mode`: `"absolute"` (default) or `"progress"` — passes through to
+ *    `useAnimatedNumber`.
+ */
+export type AnimatedDigitMode = "absolute" | "progress";
+export interface AnimatedDigitProps {
+    value: number | null | undefined;
+    format?: (v: number) => string;
+    placeholder?: string;
+    /**
+     * Override the auto-derived digit-count. When unset the primitive
+     * publishes the formatted-string length to `--digit-count` so
+     * MetricRow's clamp math reads from a single source of truth.
+     */
+    digitCount?: number;
+    /** Tag forwarded to `useAnimatedNumber`. */
+    mode?: AnimatedDigitMode;
+    /** Damping factor; forwarded to `useAnimatedNumber`. */
+    damping?: number;
+    class?: HTMLAttributes["class"];
+}
+declare const __VLS_export: import("vue").DefineComponent<AnimatedDigitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AnimatedDigitProps> & Readonly<{}>, {
+    placeholder: string;
+    mode: AnimatedDigitMode;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;