@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/easing.js

@@ -1,81 +1,81 @@
-import { S as e, p as t } from "./vendor-B2qOlYY3.js";
-import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-3mFHX_R-.js";
-import { n as s } from "./slider-CcICPe3u.js";
-import { n as c, t as l } from "./ConfiguratorRow-YMXdINHx.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, onUnmounted as b, openBlock as x, ref as S, renderList as C, renderSlot as ee, toDisplayString as w, unref as T, useModel as E, useTemplateRef as te, watch as D, withCtx as O } from "vue";
-import { CSSCubicBezier as k, bezierPresets as A, jumpTerms as j, parseSteps as M, steppedEase as N } from "@mkbabb/value.js";
-//#region src/components/custom/easing/constants.ts
-var P = "custom", F = "ease-out-back", I = (e) => 1 - e, L = .1, R = .6, ne = .1, re = .15, z = 1200, ie = 1400, B = Object.keys(A);
-function V(e = {}) {
-	let t = S(e.initialMode ?? "bezier"), n = S(e.initialPreset ?? "ease-out-back"), r = S([...A[n.value in A ? n.value : F]]);
+import { a as e, i as t, o as n, r, s as i } from "./SelectScrollDownButton-CDtwaWkZ.js";
+import { n as a } from "./slider-Cxuj_W_H.js";
+import { n as o, t as s } from "./ConfiguratorRow-BV6zPjTM.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, renderSlot as ee, toDisplayString as S, unref as C, useModel as w, useTemplateRef as te, watch as T, withCtx as E } from "vue";
+import { Check as ne, Copy as re } from "@lucide/vue";
+import { CSSCubicBezier as D, bezierPresets as O, jumpTerms as k, parseSteps as A, steppedEase as j } from "@mkbabb/value.js";
+//#region src/components/easing/constants.ts
+var M = "custom", N = "ease-out-back", P = (e) => 1 - e, F = .1, I = .6, ie = .1, ae = .15, L = 1200, oe = 1400, R = Object.keys(O);
+function z(e = {}) {
+	let t = b(e.initialMode ?? "bezier"), n = b(e.initialPreset ?? "ease-out-back"), r = b([...O[n.value in O ? n.value : N]]);
 	function i(e) {
 		n.value = e;
-		let t = A[e];
+		let t = O[e];
 		t && (r.value = [...t]);
 	}
 	function a(e, t, i) {
-		let a = Math.max(0, Math.min(1, t)), o = Math.max(-R, Math.min(1 + R, i)), s = [...r.value];
-		s[e * 2] = +a.toFixed(3), s[e * 2 + 1] = +o.toFixed(3), r.value = s, n.value = P;
+		let a = Math.max(0, Math.min(1, t)), o = Math.max(-I, Math.min(1 + I, i)), s = [...r.value];
+		s[e * 2] = +a.toFixed(3), s[e * 2 + 1] = +o.toFixed(3), r.value = s, n.value = M;
 	}
-	let o = S(e.initialSteps ?? 4), s = S(e.initialTerm ?? "end"), c = d(() => {
-		if (t.value === "steps") return N(o.value, s.value) ?? ((e) => e);
+	let o = b(e.initialSteps ?? 4), s = b(e.initialTerm ?? "end"), c = l(() => {
+		if (t.value === "steps") return j(o.value, s.value) ?? ((e) => e);
 		let [e, n, i, a] = r.value;
-		return k(e, n, i, a);
-	}), l = d(() => {
+		return D(e, n, i, a);
+	}), u = l(() => {
 		if (t.value === "steps") return `steps(${o.value}, ${s.value})`;
 		let [e, n, i, a] = r.value.map((e) => +e.toFixed(3));
 		return `cubic-bezier(${e}, ${n}, ${i}, ${a})`;
-	}), u = d(() => {
+	}), d = l(() => {
 		if (t.value !== "steps") return !0;
-		let e = M(l.value);
+		let e = A(u.value);
 		return e != null && e.count === o.value && e.jumpTerm === s.value;
-	}), f = d(() => ({
+	}), f = l(() => ({
 		mode: t.value,
-		css: l.value,
+		css: u.value,
 		fn: c.value,
 		points: [...r.value],
 		steps: o.value,
 		term: s.value
-	})), p = d(() => {
+	})), p = l(() => {
 		let [e, t, n, i] = r.value;
 		return [{
 			x: e,
-			y: I(t)
+			y: P(t)
 		}, {
 			x: n,
-			y: I(i)
+			y: P(i)
 		}];
-	}), m = d(() => {
+	}), m = l(() => {
 		let [e, t] = p.value;
 		return `M 0 1 C ${e.x} ${e.y}, ${t.x} ${t.y}, 1 0`;
-	}), h = d(() => {
+	}), h = l(() => {
 		let e = c.value, t = "";
 		for (let n = 0; n <= 240; n++) {
-			let r = n / 240, i = I(e(r));
+			let r = n / 240, i = P(e(r));
 			t += n === 0 ? `M ${r} ${i}` : ` L ${r} ${i}`;
 		}
 		return t;
-	}), g = d(() => {
+	}), g = l(() => {
 		let e = [
 			0,
 			1,
 			p.value[0].y,
 			p.value[1].y
 		];
-		for (let t = 0; t <= 16; t++) e.push(I(c.value(t / 16)));
-		let t = Math.max(Math.min(...e), -R) - L;
+		for (let t = 0; t <= 16; t++) e.push(P(c.value(t / 16)));
+		let t = Math.max(Math.min(...e), -I) - F;
 		return {
 			minY: t,
-			height: Math.min(Math.max(...e), 1 + R) + L - t
+			height: Math.min(Math.max(...e), 1 + I) + F - t
 		};
-	}), _ = S(0), v = 0;
+	}), _ = b(0), v = 0;
 	function y() {
 		v && cancelAnimationFrame(v), v = 0;
 	}
-	function b() {
+	function x() {
 		y();
 		let e = performance.now(), t = (n) => {
-			let r = Math.min(1, (n - e) / z);
+			let r = Math.min(1, (n - e) / L);
 			_.value = r, v = r < 1 ? requestAnimationFrame(t) : 0;
 		};
 		v = requestAnimationFrame(t);
@@ -84,33 +84,33 @@ function V(e = {}) {
 		mode: t,
 		preset: n,
 		points: r,
-		presetNames: B,
+		presetNames: R,
 		selectPreset: i,
 		setHandle: a,
 		steps: o,
 		term: s,
-		terms: j,
+		terms: k,
 		easingFn: c,
-		readout: l,
-		reparseOk: u,
+		readout: u,
+		reparseOk: d,
 		value: f,
 		handlesSvg: p,
 		bezierPathD: m,
 		stepPathD: h,
 		viewBox: g,
 		progress: _,
-		playTravel: b,
+		playTravel: x,
 		stopTravel: y
 	};
 }
 //#endregion
-//#region src/components/custom/easing/EasingPicker.vue?vue&type=script&setup=true&lang.ts
-var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden rounded-card p-3" }, se = ["viewBox", "aria-label"], ce = ["x1", "x2"], le = ["y1", "y2"], ue = ["x2", "y2"], de = ["x2", "y2"], fe = ["d"], pe = ["d"], me = ["cx", "cy"], he = ["cx", "cy"], ge = ["cx", "cy"], _e = { class: "flex flex-col gap-4" }, ve = {
+//#region src/components/easing/EasingPicker.vue?vue&type=script&setup=true&lang.ts
+var se = ["data-mode"], ce = { class: "glass-card relative overflow-hidden rounded-card p-3" }, le = ["viewBox", "aria-label"], ue = ["x1", "x2"], de = ["y1", "y2"], fe = ["x2", "y2"], B = ["x2", "y2"], V = ["d"], pe = ["d"], me = ["cx", "cy"], he = ["cx", "cy"], ge = ["cx", "cy"], _e = { class: "flex flex-col gap-4" }, ve = {
 	key: 0,
 	class: "flex flex-col gap-2"
-}, ye = { class: "flex flex-col gap-2" }, be = { class: "text-mono-caption text-muted-foreground" }, xe = { class: "flex flex-col gap-2" }, Se = ["data-reparse-ok"], Ce = ["title"], we = ["aria-label"], H = /* @__PURE__ */ v({
+}, ye = { class: "flex flex-col gap-2" }, be = { class: "text-mono-caption text-muted-foreground" }, xe = { class: "flex flex-col gap-2" }, Se = ["data-reparse-ok"], Ce = ["title"], we = ["aria-label"], H = /* @__PURE__ */ g({
 	__name: "EasingPicker",
-	props: /* @__PURE__ */ y({
+	props: /* @__PURE__ */ _({
 		mode: { default: "bezier" },
 		preset: { default: void 0 },
 		steps: { default: void 0 },
@@ -129,17 +129,17 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(c) {
-		let l = c, v = E(c, "modelValue"), { mode: y, preset: k, points: A, presetNames: j, selectPreset: M, setHandle: N, steps: P, term: F, terms: L, easingFn: R, readout: z, reparseOk: B, value: H, handlesSvg: U, bezierPathD: Te, stepPathD: Ee, viewBox: W, progress: G, playTravel: K, stopTravel: q } = V({
-			initialMode: l.mode,
-			initialPreset: l.preset,
-			initialSteps: l.steps,
-			initialTerm: l.term
+	setup(o) {
+		let s = o, g = w(o, "modelValue"), { mode: _, preset: D, points: O, presetNames: k, selectPreset: A, setHandle: j, steps: M, term: N, terms: F, easingFn: I, readout: L, reparseOk: R, value: H, handlesSvg: U, bezierPathD: Te, stepPathD: Ee, viewBox: W, progress: G, playTravel: K, stopTravel: q } = z({
+			initialMode: s.mode,
+			initialPreset: s.preset,
+			initialSteps: s.steps,
+			initialTerm: s.term
 		});
-		D(() => l.mode, (e) => {
-			y.value = e;
-		}), D(H, (e) => v.value = e, { immediate: !0 }), b(q);
-		let J = te("svgEl"), Y = S(null);
+		T(() => s.mode, (e) => {
+			_.value = e;
+		}), T(H, (e) => g.value = e, { immediate: !0 }), v(q);
+		let J = te("svgEl"), Y = b(null);
 		function X(e) {
 			let t = J.value;
 			if (!t) return {
@@ -154,17 +154,17 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 			let r = n.inverse();
 			return {
 				x: r.a * e.clientX + r.c * e.clientY + r.e,
-				y: I(r.b * e.clientX + r.d * e.clientY + r.f)
+				y: P(r.b * e.clientX + r.d * e.clientY + r.f)
 			};
 		}
 		function De(e) {
-			if (y.value !== "bezier") return;
-			let { x: t, y: n } = X(e), r = e.pointerType === "touch" ? re : ne, i = [{
-				x: A.value[0],
-				y: A.value[1]
+			if (_.value !== "bezier") return;
+			let { x: t, y: n } = X(e), r = e.pointerType === "touch" ? ae : ie, i = [{
+				x: O.value[0],
+				y: O.value[1]
 			}, {
-				x: A.value[2],
-				y: A.value[3]
+				x: O.value[2],
+				y: O.value[3]
 			}], a = null, o = Infinity;
 			for (let e = 0; e < 2; e++) {
 				let s = Math.hypot(i[e].x - t, i[e].y - n);
@@ -175,29 +175,29 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 		function Oe(e) {
 			if (Y.value === null) return;
 			let { x: t, y: n } = X(e);
-			N(Y.value, t, n);
+			j(Y.value, t, n);
 		}
 		function Z() {
 			Y.value = null;
 		}
-		let Q = S(!1);
+		let Q = b(!1);
 		async function ke() {
 			try {
-				await navigator.clipboard.writeText(z.value), Q.value = !0, setTimeout(() => Q.value = !1, ie);
+				await navigator.clipboard.writeText(L.value), Q.value = !0, setTimeout(() => Q.value = !1, oe);
 			} catch {}
 		}
-		let Ae = d(() => y.value === "bezier" ? `0 ${W.value.minY} 1 ${W.value.height}` : "-0.05 -0.1 1.1 1.2"), $ = d({
-			get: () => [P.value],
+		let Ae = l(() => _.value === "bezier" ? `0 ${W.value.minY} 1 ${W.value.height}` : "-0.05 -0.1 1.1 1.2"), $ = l({
+			get: () => [M.value],
 			set: (e) => {
-				P.value = e[0] ?? P.value;
+				M.value = e[0] ?? M.value;
 			}
 		});
-		return (l, d) => (x(), m("div", {
+		return (s, l) => (y(), f("div", {
 			class: "grid gap-4 lg:grid-cols-[1fr_18rem]",
-			"data-mode": T(y),
+			"data-mode": C(_),
 			"data-testid": "easing-picker",
 			style: { "--easing-curve-accent": "var(--motion-accent, var(--viz-legendre))" }
-		}, [h("div", oe, [(x(), m("svg", {
+		}, [p("div", ce, [(y(), f("svg", {
 			ref_key: "svgEl",
 			ref: J,
 			class: "block w-full touch-none select-none",
@@ -208,14 +208,14 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				"block-size": "clamp(200px, 38cqi, 320px)",
 				"margin-inline": "auto"
 			},
-			"aria-label": c.label,
+			"aria-label": o.label,
 			role: "img",
 			onPointerdown: De,
 			onPointermove: Oe,
 			onPointerup: Z,
 			onPointercancel: Z
 		}, [
-			d[4] ||= h("rect", {
+			l[4] ||= p("rect", {
 				x: "0",
 				y: "0",
 				width: "1",
@@ -224,7 +224,7 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				class: "stroke-border",
 				"stroke-width": "0.012"
 			}, null, -1),
-			d[5] ||= h("line", {
+			l[5] ||= p("line", {
 				x1: "0",
 				y1: "1",
 				x2: "1",
@@ -233,11 +233,11 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				"stroke-width": "0.006",
 				"stroke-dasharray": "0.02 0.015"
 			}, null, -1),
-			(x(), m(u, null, C([
+			(y(), f(c, null, x([
 				.25,
 				.5,
 				.75
-			], (e) => h("line", {
+			], (e) => p("line", {
 				key: "gx" + e,
 				x1: e,
 				y1: "0",
@@ -245,12 +245,12 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				y2: "1",
 				class: "stroke-border/40",
 				"stroke-width": "0.006"
-			}, null, 8, ce)), 64)),
-			(x(), m(u, null, C([
+			}, null, 8, ue)), 64)),
+			(y(), f(c, null, x([
 				.25,
 				.5,
 				.75
-			], (e) => h("line", {
+			], (e) => p("line", {
 				key: "gy" + e,
 				x1: "0",
 				y1: e,
@@ -258,8 +258,8 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				y2: e,
 				class: "stroke-border/40",
 				"stroke-width": "0.006"
-			}, null, 8, le)), 64)),
-			d[6] ||= h("text", {
+			}, null, 8, de)), 64)),
+			l[6] ||= p("text", {
 				x: "0.05",
 				y: "0.95",
 				class: "fill-muted-foreground/60",
@@ -269,7 +269,7 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				},
 				"text-anchor": "start"
 			}, "0", -1),
-			d[7] ||= h("text", {
+			l[7] ||= p("text", {
 				x: "0.95",
 				y: "0.12",
 				class: "fill-muted-foreground/60",
@@ -279,99 +279,99 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				},
 				"text-anchor": "end"
 			}, "1", -1),
-			T(y) === "bezier" ? (x(), m(u, { key: 0 }, [
-				h("line", {
+			C(_) === "bezier" ? (y(), f(c, { key: 0 }, [
+				p("line", {
 					x1: 0,
 					y1: 1,
-					x2: T(U)[0].x,
-					y2: T(U)[0].y,
+					x2: C(U)[0].x,
+					y2: C(U)[0].y,
 					class: "stroke-muted-foreground/50",
 					"stroke-width": "0.02",
 					"stroke-dasharray": "0.03 0.02"
-				}, null, 8, ue),
-				h("line", {
+				}, null, 8, fe),
+				p("line", {
 					x1: 1,
 					y1: 0,
-					x2: T(U)[1].x,
-					y2: T(U)[1].y,
+					x2: C(U)[1].x,
+					y2: C(U)[1].y,
 					class: "stroke-muted-foreground/50",
 					"stroke-width": "0.02",
 					"stroke-dasharray": "0.03 0.02"
-				}, null, 8, de),
-				h("path", {
-					d: T(Te),
+				}, null, 8, B),
+				p("path", {
+					d: C(Te),
 					fill: "none",
 					class: "stroke-(--easing-curve-accent)",
 					"stroke-width": "0.035",
 					"stroke-linecap": "round"
-				}, null, 8, fe)
-			], 64)) : (x(), m("path", {
+				}, null, 8, V)
+			], 64)) : (y(), f("path", {
 				key: 1,
-				d: T(Ee),
+				d: C(Ee),
 				fill: "none",
 				class: "stroke-(--easing-curve-accent)",
 				"stroke-width": "0.025",
 				"stroke-linejoin": "miter",
 				"stroke-linecap": "butt"
 			}, null, 8, pe)),
-			d[8] ||= h("circle", {
+			l[8] ||= p("circle", {
 				cx: "0",
 				cy: "1",
 				r: "0.018",
 				class: "fill-muted-foreground/50"
 			}, null, -1),
-			d[9] ||= h("circle", {
+			l[9] ||= p("circle", {
 				cx: "1",
 				cy: "0",
 				r: "0.018",
 				class: "fill-muted-foreground/50"
 			}, null, -1),
-			T(y) === "bezier" ? (x(), m(u, { key: 2 }, [h("circle", {
-				cx: T(U)[0].x,
-				cy: T(U)[0].y,
+			C(_) === "bezier" ? (y(), f(c, { key: 2 }, [p("circle", {
+				cx: C(U)[0].x,
+				cy: C(U)[0].y,
 				r: "0.04",
 				class: "fill-foreground stroke-background",
 				"stroke-width": "0.02",
 				style: { cursor: "move" }
-			}, null, 8, me), h("circle", {
-				cx: T(U)[1].x,
-				cy: T(U)[1].y,
+			}, null, 8, me), p("circle", {
+				cx: C(U)[1].x,
+				cy: C(U)[1].y,
 				r: "0.04",
 				class: "fill-foreground stroke-background",
 				"stroke-width": "0.02",
 				style: { cursor: "move" }
-			}, null, 8, he)], 64)) : p("", !0),
-			c.playback ? (x(), m("circle", {
+			}, null, 8, he)], 64)) : d("", !0),
+			o.playback ? (y(), f("circle", {
 				key: 3,
-				cx: T(G),
-				cy: 1 - T(R)(T(G)),
+				cx: C(G),
+				cy: 1 - C(I)(C(G)),
 				r: "0.03",
 				class: "fill-(--easing-curve-accent)"
-			}, null, 8, ge)) : p("", !0)
-		], 40, se))]), h("div", _e, [
-			T(y) === "bezier" ? (x(), m("div", ve, [d[10] ||= h("span", { class: "text-mono-caption text-muted-foreground" }, "Preset", -1), _(T(o), {
-				"model-value": T(k),
-				"onUpdate:modelValue": d[0] ||= (e) => T(M)(String(e))
+			}, null, 8, ge)) : d("", !0)
+		], 40, le))]), p("div", _e, [
+			C(_) === "bezier" ? (y(), f("div", ve, [l[10] ||= p("span", { class: "text-mono-caption text-muted-foreground" }, "Preset", -1), h(C(i), {
+				"model-value": C(D),
+				"onUpdate:modelValue": l[0] ||= (e) => C(A)(String(e))
 			}, {
-				default: O(() => [_(T(n), null, {
-					default: O(() => [_(T(i), { placeholder: "Pick a curve" })]),
+				default: E(() => [h(C(e), { "aria-label": "Easing preset" }, {
+					default: E(() => [h(C(n), { placeholder: "Pick a curve" })]),
 					_: 1
-				}), _(T(r), null, {
-					default: O(() => [(x(!0), m(u, null, C(T(j), (e) => (x(), f(T(a), {
+				}), h(C(t), null, {
+					default: E(() => [(y(!0), f(c, null, x(C(k), (e) => (y(), u(C(r), {
 						key: e,
 						value: e
 					}, {
-						default: O(() => [g(w(e), 1)]),
+						default: E(() => [m(S(e), 1)]),
 						_: 2
 					}, 1032, ["value"]))), 128))]),
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["model-value"])])) : (x(), m(u, { key: 1 }, [h("div", ye, [h("span", be, "Steps (n) — " + w(T(P)), 1), _(T(s), {
+			}, 8, ["model-value"])])) : (y(), f(c, { key: 1 }, [p("div", ye, [p("span", be, "Steps (n) — " + S(C(M)), 1), h(C(a), {
 				modelValue: $.value,
-				"onUpdate:modelValue": d[1] ||= (e) => $.value = e,
-				min: T(1),
-				max: T(12),
+				"onUpdate:modelValue": l[1] ||= (e) => $.value = e,
+				min: C(1),
+				max: C(12),
 				step: 1,
 				"aria-label": "Step count",
 				"data-testid": "easing-steps-n"
@@ -379,57 +379,57 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 				"modelValue",
 				"min",
 				"max"
-			])]), h("div", xe, [d[11] ||= h("span", { class: "text-mono-caption text-muted-foreground" }, "Jump term", -1), _(T(o), {
-				"model-value": T(F),
-				"onUpdate:modelValue": d[2] ||= (e) => F.value = String(e)
+			])]), p("div", xe, [l[11] ||= p("span", { class: "text-mono-caption text-muted-foreground" }, "Jump term", -1), h(C(i), {
+				"model-value": C(N),
+				"onUpdate:modelValue": l[2] ||= (e) => N.value = String(e)
 			}, {
-				default: O(() => [_(T(n), { "aria-label": "Jump term" }, {
-					default: O(() => [_(T(i), { placeholder: "Pick a jump term" })]),
+				default: E(() => [h(C(e), { "aria-label": "Jump term" }, {
+					default: E(() => [h(C(n), { placeholder: "Pick a jump term" })]),
 					_: 1
-				}), _(T(r), null, {
-					default: O(() => [(x(!0), m(u, null, C(T(L), (e) => (x(), f(T(a), {
+				}), h(C(t), null, {
+					default: E(() => [(y(!0), f(c, null, x(C(F), (e) => (y(), u(C(r), {
 						key: e,
 						value: e
 					}, {
-						default: O(() => [g(w(e), 1)]),
+						default: E(() => [m(S(e), 1)]),
 						_: 2
 					}, 1032, ["value"]))), 128))]),
 					_: 1
 				})]),
 				_: 1
 			}, 8, ["model-value"])])], 64)),
-			c.readout ? (x(), m("div", {
+			o.readout ? (y(), f("div", {
 				key: 2,
 				class: "glass-card flex items-center gap-2 rounded-card px-3 py-2",
-				"data-reparse-ok": T(B),
+				"data-reparse-ok": C(R),
 				"data-testid": "easing-readout"
-			}, [h("code", {
+			}, [p("code", {
 				class: "min-w-0 flex-1 truncate text-xs text-foreground",
-				title: T(z)
-			}, w(T(z)), 9, Ce), h("button", {
+				title: C(L)
+			}, S(C(L)), 9, Ce), p("button", {
 				type: "button",
 				class: "shrink-0 rounded-pill p-1.5 text-muted-foreground transition-colors hover:bg-(--surface-tint-8) hover:text-foreground",
 				"aria-label": Q.value ? "Copied" : "Copy curve literal",
 				onClick: ke
-			}, [Q.value ? (x(), f(T(e), {
+			}, [Q.value ? (y(), u(C(ne), {
 				key: 0,
 				class: "size-4 text-(--easing-curve-accent)"
-			})) : (x(), f(T(t), {
+			})) : (y(), u(C(re), {
 				key: 1,
 				class: "size-4"
-			}))], 8, we)], 8, Se)) : p("", !0),
-			c.playback ? (x(), m("button", {
+			}))], 8, we)], 8, Se)) : d("", !0),
+			o.playback ? (y(), f("button", {
 				key: 3,
 				type: "button",
 				class: "btn-pill glass-btn rounded-pill px-3 py-2 text-sm text-foreground",
-				onClick: d[3] ||= (...e) => T(K) && T(K)(...e)
-			}, w(T(y) === "steps" ? "Climb the staircase" : "Trace the curve"), 1)) : p("", !0),
-			ee(l.$slots, "footer", { value: T(H) })
-		])], 8, ae));
+				onClick: l[3] ||= (...e) => C(K) && C(K)(...e)
+			}, S(C(_) === "steps" ? "Climb the staircase" : "Trace the curve"), 1)) : d("", !0),
+			ee(s.$slots, "footer", { value: C(H) })
+		])], 8, se));
 	}
-}), U = /* @__PURE__ */ v({
+}), U = /* @__PURE__ */ g({
 	__name: "EasingConfigurator",
-	props: /* @__PURE__ */ y({
+	props: /* @__PURE__ */ _({
 		label: { default: "Easing" },
 		name: { default: void 0 },
 		mode: { default: "bezier" },
@@ -442,16 +442,16 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = E(e, "modelValue");
-		return (n, r) => (x(), f(T(c), {
+		let t = w(e, "modelValue");
+		return (n, r) => (y(), u(C(o), {
 			label: e.label,
 			sub: e.name
 		}, {
-			default: O(() => [_(T(l), {
+			default: E(() => [h(C(s), {
 				label: "Curve",
 				name: t.value?.css
 			}, {
-				default: O(() => [_(H, {
+				default: E(() => [h(H, {
 					modelValue: t.value,
 					"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 					mode: e.mode,
@@ -472,4 +472,4 @@ var ae = ["data-mode"], oe = { class: "glass-card relative overflow-hidden round
 	}
 });
 //#endregion
-export { U as EasingConfigurator, H as EasingPicker, V as useEasingPicker };
+export { U as EasingConfigurator, H as EasingPicker, z as useEasingPicker };

package/dist/expandable-container.d.ts

@@ -1 +1 @@
-export * from "./components/custom/expandable-container";
+export * from "./components/expandable-container";