@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/carousel.js

@@ -1,51 +1,65 @@
-import { t as e } from "./class-names-5jotTFzp.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, 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"
-	}, n);
-	function o() {
-		a.value?.scrollPrev();
-	}
-	function s() {
-		a.value?.scrollNext();
-	}
-	let c = g(!1), l = g(!1);
-	function u(e) {
-		c.value = e?.canScrollNext() || !1, l.value = e?.canScrollPrev() || !1;
-	}
-	return m(() => {
-		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
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { n as t } from "./useReducedMotion-vCXA_vyM.js";
+import { t as n } from "./button-yvGPb0Bx.js";
+import { h as r, i, y as a } from "./deck-Ci6YjB5e.js";
+import { t as o } from "./useLeadTrail-DQWdpFN1.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, inject as m, mergeModels as h, normalizeClass as g, onBeforeUnmount as _, onMounted as v, openBlock as y, provide as b, ref as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useModel as E, watch as D, withCtx as O } from "vue";
+import { ChevronDown as k, ChevronLeft as A, ChevronRight as j, ChevronUp as M } from "@lucide/vue";
+//#region src/components/carousel/useCarousel.ts
+var N = Symbol("glass-carousel");
+function P(e, t, n) {
+	let i = x(0), o = x(null), s = a(i, {
+		initial: n.value,
+		axis: () => e.orientation ?? "horizontal",
+		onChange: (e, r) => {
+			n.value = e, t("change", e, r);
+		}
+	});
+	r({
+		strip: o,
+		deck: s
+	});
+	let c = {
+		deck: s,
+		viewport: o,
+		setCount: (e) => {
+			i.value = e;
+		},
+		get orientation() {
+			return e.orientation ?? "horizontal";
+		},
+		get projection() {
+			return e.projection ?? "none";
+		},
+		get pattern() {
+			return e.pattern ?? "group";
+		},
+		get panelIds() {
+			return e.panelIds;
+		}
 	};
-});
+	return b(N, c), c;
+}
 function F() {
-	let e = P();
+	let e = m(N, null);
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
 //#endregion
-//#region src/components/carousel/Carousel.vue
-var I = /* @__PURE__ */ l({
+//#region src/components/carousel/Carousel.vue?vue&type=script&setup=true&lang.ts
+var I = [
+	"data-orientation",
+	"role",
+	"aria-roledescription",
+	"aria-label"
+], L = /* @__PURE__ */ p({
 	__name: "Carousel",
-	props: /* @__PURE__ */ u({
-		opts: {},
-		plugins: {},
+	props: /*@__PURE__*/ h({
+		ariaLabel: {},
 		orientation: { default: "horizontal" },
+		projection: { default: "none" },
+		pattern: { default: "group" },
+		panelIds: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -57,105 +71,39 @@ var I = /* @__PURE__ */ l({
 		active: { default: 0 },
 		activeModifiers: {}
 	}),
-	emits: /* @__PURE__ */ u(["init-api"], ["update:active"]),
+	emits: /*@__PURE__*/ h(["change"], ["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 } = N(i, a);
-		function v(e) {
-			let t = e.selectedScrollSnap();
-			e.previousScrollSnap() !== t && t !== s.value && (s.value = t);
-		}
-		S(u, (e) => {
-			e && (e.selectedScrollSnap() !== s.value && (s.value = e.selectedScrollSnap()), e.on("select", v), e.on("reInit", v));
-		}, { immediate: !0 }), S(s, (e) => {
-			let t = u.value;
-			!t || !Number.isInteger(e) || t.selectedScrollSnap() !== e && t.scrollTo(e);
-		}), n({
-			canScrollNext: c,
-			canScrollPrev: l,
-			carouselApi: u,
-			carouselRef: d,
-			orientation: p,
-			scrollNext: m,
-			scrollPrev: g
-		});
-		function y(e) {
-			let t = i.orientation === "vertical" ? "ArrowUp" : "ArrowLeft", n = i.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
-			if (e.key === t) {
-				e.preventDefault(), g();
-				return;
-			}
-			e.key === n && (e.preventDefault(), m());
-		}
-		return (t, n) => (h(), o("div", {
+		let i = t, a = P(i, r, E(t, "active")), o = s(() => i.ariaLabel?.trim() || void 0);
+		return n({ deck: a.deck }), (n, r) => (y(), u("div", {
 			"data-slot": "carousel",
-			class: f(b(e)("relative", i.class)),
-			role: "region",
-			"aria-roledescription": "carousel",
-			"aria-label": "Carousel",
-			tabindex: "0",
-			onKeydown: y
-		}, [_(t.$slots, "default", {
-			canScrollNext: b(c),
-			canScrollPrev: b(l),
-			carouselApi: b(u),
-			carouselRef: b(d),
-			orientation: b(p),
-			scrollNext: b(m),
-			scrollPrev: b(g)
-		})], 34));
+			"data-orientation": t.orientation,
+			class: g(T(e)("relative", i.class)),
+			role: o.value ? "region" : void 0,
+			"aria-roledescription": o.value ? "carousel" : void 0,
+			"aria-label": o.value
+		}, [S(n.$slots, "default", {
+			deck: T(a).deck,
+			index: T(a).deck.index.value,
+			canNext: T(a).deck.canNext.value,
+			canPrev: T(a).deck.canPrev.value,
+			orientation: t.orientation
+		})], 10, I));
 	}
-}), L = .035, R = .3, z = /* @__PURE__ */ n(/* @__PURE__ */ l({
-	inheritAttrs: !1,
+}), R = .035, z = .06, B = .08;
+function V(e, t) {
+	let n = Math.abs(e - t);
+	return n < 0 ? 0 : n > 1 ? 1 : n;
+}
+function H(e) {
+	return 1 - R * e;
+}
+function U(e, t = z, n = B) {
+	return o(e, t, n);
+}
+//#endregion
+//#region src/components/carousel/CarouselContent.vue?vue&type=script&setup=true&lang.ts
+var W = ["data-orientation", "data-projection"], G = /* @__PURE__ */ p({
 	__name: "CarouselContent",
-	props: {
-		arrival: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		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.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 - 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, 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", {
-			ref_key: "carouselRef",
-			ref: r,
-			"data-slot": "carousel-content",
-			class: "carousel-viewport overflow-hidden"
-		}, [s("div", d({
-			ref_key: "trackEl",
-			ref: c,
-			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-6f191733"]]), B = /* @__PURE__ */ l({
-	__name: "CarouselItem",
 	props: { class: { type: [
 		Boolean,
 		null,
@@ -163,20 +111,64 @@ var I = /* @__PURE__ */ l({
 		Object,
 		Array
 	] } },
-	setup(t) {
-		let n = t, { orientation: r } = F();
-		return (t, i) => (h(), o("div", {
-			"data-slot": "carousel-item",
-			role: "group",
-			"aria-roledescription": "slide",
-			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));
+	setup(n) {
+		let r = n, { deck: i, viewport: a, setCount: o, orientation: s, projection: c } = F(), l = t(), d = null;
+		function f() {
+			let e = a.value;
+			return e ? Array.from(e.children) : [];
+		}
+		function p() {
+			o(f().length);
+		}
+		function m() {
+			let e = f();
+			if (c === "none" || l.value) {
+				for (let t of e) t.style.removeProperty("--member-scale"), t.style.removeProperty("--member-lag");
+				return;
+			}
+			let t = i.position.value, n = U(i.velocity.value), r = i.index.value;
+			e.forEach((e, i) => {
+				let a = c === "travel" || i === r, o = a ? V(i, t) : 1;
+				e.style.setProperty("--member-scale", H(o).toFixed(4)), e.style.setProperty("--member-lag", a ? n.toFixed(4) : "0");
+			});
+		}
+		return D([
+			() => i.position.value,
+			() => i.velocity.value,
+			l
+		], m), D(() => i.total.value, m), v(() => {
+			p(), m();
+			let e = a.value;
+			e && typeof MutationObserver < "u" && (d = new MutationObserver(() => {
+				p(), m();
+			}), d.observe(e, { childList: !0 }));
+		}), _(() => {
+			d?.disconnect(), d = null;
+		}), (t, n) => (y(), u("div", {
+			ref_key: "viewport",
+			ref: a,
+			"data-slot": "carousel-content",
+			"data-orientation": T(s),
+			"data-projection": T(c),
+			class: g(T(e)("carousel-strip", r.class))
+		}, [S(t.$slots, "default")], 10, W));
 	}
-}), V = /* @__PURE__ */ l({
-	__name: "CarouselNext",
+}), K = [
+	"id",
+	"data-state",
+	"data-orientation",
+	"role",
+	"aria-roledescription",
+	"aria-label",
+	"aria-hidden",
+	"inert",
+	"tabindex"
+], q = { class: "carousel-item-content" }, J = /* @__PURE__ */ p({
+	__name: "CarouselItem",
 	props: {
-		variant: { default: "outline" },
-		size: {},
+		index: {},
+		label: {},
+		id: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -185,32 +177,36 @@ var I = /* @__PURE__ */ l({
 			Array
 		] }
 	},
-	setup(n) {
-		let r = n, { orientation: a, canScrollNext: o, scrollNext: l } = F();
-		return (u, d) => (h(), i(b(t), {
-			"data-slot": "carousel-next",
-			disabled: !b(o),
-			class: f(b(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", b(a) === "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))]", r.class)),
-			variant: n.variant,
-			size: n.size,
-			"icon-only": "",
-			onClick: b(l)
-		}, {
-			default: C(() => [_(u.$slots, "default", {}, () => [c(b(T)), d[0] ||= s("span", { class: "sr-only" }, "Next Slide", -1)])]),
-			_: 3
-		}, 8, [
-			"disabled",
-			"class",
-			"variant",
-			"size",
-			"onClick"
-		]));
+	setup(t) {
+		let n = t, { deck: r, orientation: a, pattern: o } = F(), c = s(() => r.stateFor(n.index)), l = s(() => c.value === "active"), f = s(() => o === "tabs" && !!n.id);
+		return i({
+			index: s(() => n.index),
+			total: s(() => r.total.value),
+			active: l
+		}), (r, i) => (y(), u("div", {
+			id: t.id,
+			"data-slot": "carousel-item",
+			"data-state": c.value,
+			"data-orientation": T(a),
+			role: f.value ? "tabpanel" : "group",
+			"aria-roledescription": f.value ? void 0 : "slide",
+			"aria-label": t.label,
+			"aria-hidden": l.value ? void 0 : "true",
+			inert: !l.value || void 0,
+			tabindex: f.value && l.value ? 0 : void 0,
+			class: g(T(e)("carousel-item", n.class))
+		}, [d("div", q, [S(r.$slots, "default", {
+			index: t.index,
+			active: l.value
+		})])], 10, K));
 	}
-}), H = {
+}), Y = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
+	role: "status",
+	"aria-live": "polite",
 	class: "glass-pager-ring text-mono-caption tabular-nums"
-}, U = /* @__PURE__ */ l({
+}, X = /* @__PURE__ */ p({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -225,87 +221,43 @@ var I = /* @__PURE__ */ l({
 			Array
 		] }
 	},
-	setup(n) {
-		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);
-		}
-		S(l, (e) => {
-			e && (A(), e.on("select", A), e.on("reInit", A));
-		}, { immediate: !0 }), m(A);
-		let j = r(() => p === "vertical" ? k : D), M = r(() => p === "vertical" ? E : O);
-		return (r, l) => (h(), o("div", {
+	setup(t) {
+		let r = t, { deck: i, orientation: a } = F(), o = s(() => a === "vertical" ? M : A), d = s(() => a === "vertical" ? k : j);
+		return (s, p) => (y(), u("div", {
 			"data-slot": "carousel-pager",
-			class: f(b(e)("inline-flex items-center gap-2", b(p) === "vertical" && "flex-col", s.class))
+			class: g(T(e)("inline-flex items-center gap-2", T(a) === "vertical" && "flex-col", r.class))
 		}, [
-			c(b(t), {
-				variant: "ghost",
+			f(T(n), {
+				emphasis: "quiet",
 				iconOnly: "",
-				disabled: !b(d),
-				"aria-label": b(p) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				disabled: !T(i).canPrev.value,
+				"aria-label": T(a) === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "carousel-pager-prev",
-				onClick: b(x)
+				onClick: p[0] ||= (e) => T(i).prev()
 			}, {
-				default: C(() => [(h(), i(v(j.value), { class: "size-4" }))]),
+				default: O(() => [(y(), c(C(o.value), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}))]),
 				_: 1
-			}, 8, [
-				"disabled",
-				"aria-label",
-				"onClick"
-			]),
-			n.showCounter && T.value > 0 ? (h(), o("span", H, y(w.value + 1) + " / " + y(T.value), 1)) : a("", !0),
-			c(b(t), {
-				variant: "ghost",
+			}, 8, ["disabled", "aria-label"]),
+			t.showCounter && T(i).total.value > 0 ? (y(), u("span", Y, w(T(i).index.value + 1) + " / " + w(T(i).total.value), 1)) : l("", !0),
+			f(T(n), {
+				emphasis: "quiet",
 				iconOnly: "",
-				disabled: !b(u),
-				"aria-label": b(p) === "vertical" ? "Next slide (down)" : "Next slide",
+				disabled: !T(i).canNext.value,
+				"aria-label": T(a) === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "carousel-pager-next",
-				onClick: b(_)
+				onClick: p[1] ||= (e) => T(i).next()
 			}, {
-				default: C(() => [(h(), i(v(M.value), { class: "size-4" }))]),
+				default: O(() => [(y(), c(C(d.value), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}))]),
 				_: 1
-			}, 8, [
-				"disabled",
-				"aria-label",
-				"onClick"
-			])
+			}, 8, ["disabled", "aria-label"])
 		], 2));
 	}
-}), W = /* @__PURE__ */ l({
-	__name: "CarouselPrevious",
-	props: {
-		variant: { default: "outline" },
-		size: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(n) {
-		let r = n, { orientation: a, canScrollPrev: o, scrollPrev: l } = F();
-		return (u, d) => (h(), i(b(t), {
-			"data-slot": "carousel-previous",
-			disabled: !b(o),
-			class: f(b(e)("absolute h-(--carousel-nav-size) w-(--carousel-nav-size) rounded-pill", b(a) === "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))]", r.class)),
-			variant: n.variant,
-			size: n.size,
-			"icon-only": "",
-			onClick: b(l)
-		}, {
-			default: C(() => [_(u.$slots, "default", {}, () => [c(b(w)), d[0] ||= s("span", { class: "sr-only" }, "Previous Slide", -1)])]),
-			_: 3
-		}, 8, [
-			"disabled",
-			"class",
-			"variant",
-			"size",
-			"onClick"
-		]));
-	}
 });
 //#endregion
-export { I as Carousel, z as CarouselContent, B as CarouselItem, V as CarouselNext, U as CarouselPager, W as CarouselPrevious, F as useCarousel };
+export { L as Carousel, G as CarouselContent, J as CarouselItem, X as CarouselPager, B as MEMBER_LAG_CEIL, z as MEMBER_LAG_TAU_S, R as MEMBER_SCALE_DROP, V as memberDistance, U as memberLag, H as memberScale, F as useCarousel, P as useProvideCarousel };

package/dist/checkbox-BnXuGgJ3.js

@@ -0,0 +1,64 @@
+import { n as e } from "./control-Da4XeT43.js";
+import { computed as t, createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { CheckboxIndicator as d, CheckboxRoot as f, useForwardPropsEmits as p } from "reka-ui";
+import { Check as m, Minus as h } from "@lucide/vue";
+//#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	class: "control-bit__face",
+	"aria-hidden": "true"
+}, _ = /* @__PURE__ */ a({
+	__name: "Checkbox",
+	props: {
+		modelValue: { type: [Boolean, String] },
+		defaultValue: { type: [Boolean, String] },
+		value: {},
+		id: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		invalid: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: _ }) {
+		let v = a, y = _, b = p(t(() => {
+			let { class: e, invalid: t, ...n } = v;
+			return n;
+		}), y);
+		return (t, a) => (s(), n(l(f), o({
+			...l(b),
+			...l(e)(v.invalid)
+		}, {
+			"data-slot": "checkbox",
+			class: ["checkbox control-bit tap-squish", v.class]
+		}), {
+			default: u(({ state: e }) => [r("span", g, [i(l(d), {
+				"force-mount": "",
+				class: "control-bit__mark",
+				"aria-hidden": "true"
+			}, {
+				default: u(() => [c(t.$slots, "default", { state: e }, () => [e === "indeterminate" ? (s(), n(l(h), {
+					key: 0,
+					size: 12,
+					"stroke-width": 3
+				})) : (s(), n(l(m), {
+					key: 1,
+					size: 12,
+					"stroke-width": 3
+				}))])]),
+				_: 2
+			}, 1024)])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { _ as t };

package/dist/checkbox.d.ts

@@ -0,0 +1 @@
+export * from "./components/checkbox/index.js";

package/dist/checkbox.js

@@ -0,0 +1,2 @@
+import { t as e } from "./checkbox-BnXuGgJ3.js";
+export { e as Checkbox };

package/dist/chip.d.ts

@@ -1 +1 @@
-export * from "./components/chip";
+export * from "./components/chip/index.js";