@orvui/vue 0.0.0-stage → 0.1.1

package/dist/morphing-tabs-YtGm3iRJ.js

@@ -0,0 +1,528 @@
+import { a as e, l as t, r as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { a as i, r as a, t as o } from "./shared-DAEawhBJ.js";
+import { Fragment as s, Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, getCurrentInstance as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onMounted as x, onUnmounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useId as k, watch as A, watchEffect as j, withCtx as M, withModifiers as N } from "vue";
+import { AnimatePresence as P, animate as F, motion as I, useMotionValue as L, useSpring as R, useTransform as z } from "motion-v";
+import { X as B } from "lucide-vue-next";
+var V = (e, t) => e.length === t.length && !e.some((e, n) => e !== t[n]), H = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "-");
+function U(e, t, n) {
+	let r = Array.from(e), [i] = r.splice(t, 1);
+	return r.splice(n, 0, i), r;
+}
+function W(e, t, n) {
+	if (!e || !t) return {
+		width: 176,
+		gap: n
+	};
+	let r = e - 32, i = Math.floor((r - n * (t - 1)) / t);
+	return i >= 96 ? {
+		width: Math.min(176, i),
+		gap: n
+	} : t > 1 && Math.floor(r / t) >= 96 ? {
+		width: 96,
+		gap: Math.max(0, Math.floor((r - 96 * t) / (t - 1)))
+	} : {
+		width: Math.max(0, Math.floor(r / t)),
+		gap: 0
+	};
+}
+function G(e, t, n) {
+	let r = t - 16, i = Math.max(16, Math.min(r - n, e)), a = i + n, o = Math.max(16, i - 24), s = Math.min(r, a + 24), c = Math.min(24, i - o), l = Math.min(24, s - a), u = [Math.min(28, o - 16), Math.min(28, r - s)];
+	return [
+		[
+			"M",
+			16,
+			108
+		],
+		["V", 80 + u[0]],
+		[
+			"Q",
+			16,
+			80,
+			16 + u[0],
+			80
+		],
+		["H", o],
+		[
+			"C",
+			o + c * .55,
+			80,
+			i,
+			80 - c + c * .55,
+			i,
+			80 - c
+		],
+		["V", 48],
+		[
+			"Q",
+			i,
+			24,
+			i + 24,
+			24
+		],
+		["H", a - 24],
+		[
+			"Q",
+			a,
+			24,
+			a,
+			48
+		],
+		["V", 80 - l],
+		[
+			"C",
+			a,
+			80 - l + l * .55,
+			s - l * .55,
+			80,
+			s,
+			80
+		],
+		["H", r - u[1]],
+		[
+			"Q",
+			r,
+			80,
+			r,
+			80 + u[1]
+		],
+		["V", 108],
+		["Z"]
+	].map(([e, ...t]) => e + t.join(" ")).join(" ");
+}
+// src/blocks/morphing-tabs/src/use-morphing-tabs.ts
+function K(t, n) {
+	let r = i(), o = k(), s = w(), c = w(), u = w(t.items.map((e) => e.id)), d = a(() => t.modelValue, t.defaultValue ?? t.items[0]?.id ?? null, n.value), f = l(() => new Map(t.items.map((e) => [e.id, e]))), p = l(() => u.value.flatMap((e) => {
+		let t = f.value.get(e);
+		return t ? [t] : [];
+	})), m = l(() => d.value && f.value.has(d.value) ? f.value.get(d.value) : p.value.find((e) => !e.disabled) ?? p.value[0] ?? null), h = w(0), g = w(12), _ = w(null), y = w(-1), b = L(16), C = L(16), T = l(() => W(h.value, u.value.length, g.value)), E = l(() => u.value.map((e, t) => 16 + t * (T.value.width + T.value.gap))), D = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map(), j = null, M = !1, N = 0, P, I, R;
+	function z(e) {
+		let t = _.value ? u.value.indexOf(_.value) : -1, n = y.value;
+		return t < 0 || n < 0 ? e : e === t ? n : n > t && e > t && e <= n ? e - 1 : n < t && e >= n && e < t ? e + 1 : e;
+	}
+	function B(e) {
+		e && f.value.get(e)?.disabled || (d.value = e);
+	}
+	function H(e, t) {
+		u.value = e, t && n.order(e);
+	}
+	function G(e, t) {
+		t ? D.set(e, t) : D.delete(e);
+	}
+	function K(e, t) {
+		if (j || t.button !== 0 || f.value.get(e)?.disabled) return;
+		let n = u.value.indexOf(e);
+		if (n < 0) return;
+		P?.stop(), P = void 0;
+		let r = [...E.value];
+		b.set(r[n]), j = {
+			id: e,
+			pointer: t.pointerId,
+			origin: t.clientX,
+			from: n,
+			to: n,
+			slots: r,
+			order: [...u.value],
+			moved: !1,
+			finishing: !1
+		};
+	}
+	function q(e) {
+		let t = j;
+		if (!t || t.finishing || t.pointer !== e.pointerId) return;
+		let n = e.clientX - t.origin;
+		if (!t.moved && Math.abs(n) < 5) return;
+		if (e.preventDefault(), !t.moved) {
+			t.moved = !0;
+			try {
+				e.currentTarget.setPointerCapture(e.pointerId);
+			} catch {}
+			m.value?.id === t.id && (I?.stop(), C.set(t.slots[t.from])), _.value = t.id, y.value = t.from;
+		}
+		let r = t.slots[t.from], i = Math.max(t.slots[0], Math.min(t.slots.at(-1), r + n)), a = t.from;
+		if (i >= r) for (let e = t.from + 1; e < t.slots.length; e++) i + T.value.width / 2 >= t.slots[e] && (a = e);
+		else for (let e = t.from - 1; e >= 0; e--) i <= t.slots[e] + T.value.width / 2 && (a = e);
+		b.set(i), t.to = a, y.value = a;
+	}
+	function J(e, t) {
+		return r.value ? Promise.resolve() : new Promise((n) => {
+			let r = performance.now();
+			R = n;
+			let i = () => {
+				M || performance.now() - r > 500 || e.every((e, n) => {
+					let r = D.get(e);
+					return e === t.id || !r || Math.abs(r.get() - t.slots[n]) < .5 && Math.abs(r.getVelocity()) < 10;
+				}) ? (R = void 0, n()) : N = requestAnimationFrame(i);
+			};
+			i();
+		});
+	}
+	function Y(t) {
+		let n = j;
+		if (!n || n.pointer !== t.pointerId || n.finishing) return;
+		if (!n.moved) {
+			j = null;
+			return;
+		}
+		n.finishing = !0;
+		let i = n.slots[n.to], a = F(b, i, r.value ? { duration: 0 } : e);
+		P = a, a.then(async () => {
+			if (M || P !== a) return;
+			let e = U(n.order, n.from, n.to);
+			if (await J(e, n), !(M || P !== a)) {
+				if (m.value?.id === n.id) C.set(i);
+				else if (m.value) {
+					let e = D.get(m.value.id);
+					e && C.set(e.get());
+				}
+				D.get(n.id)?.jump(i), P = void 0, j = null, H(e, !V(e, n.order)), _.value = null, y.value = -1;
+			}
+		});
+	}
+	function X(e) {
+		j?.id === e && j.moved || B(e);
+	}
+	function Z(e, t) {
+		let n = u.value.indexOf(t);
+		if (n < 0) return;
+		if (e.altKey && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
+			e.preventDefault();
+			let r = n + (e.key === "ArrowLeft" ? -1 : 1);
+			r >= 0 && r < u.value.length && !f.value.get(t)?.disabled && H(U(u.value, n, r), !0);
+			return;
+		}
+		if (![
+			"ArrowLeft",
+			"ArrowRight",
+			"Home",
+			"End"
+		].includes(e.key)) return;
+		e.preventDefault();
+		let r = u.value.filter((e) => !f.value.get(e)?.disabled);
+		if (!r.length) return;
+		let i = r.indexOf(t), a = e.key === "Home" ? r[0] : e.key === "End" ? r.at(-1) : r[(i + (e.key === "ArrowLeft" ? -1 : 1) + r.length) % r.length];
+		B(a), v(() => {
+			M || O.get(a)?.focus();
+		});
+	}
+	A(() => t.items.map((e) => e.id), (e) => {
+		let t = new Set(e), n = u.value.filter((e) => t.has(e)), r = new Set(n);
+		u.value = [...n, ...e.filter((e) => !r.has(e))];
+	}), A([m, f], () => {
+		d.value && f.value.has(d.value) || !m.value || m.value.id === d.value || B(m.value.id);
+	}), A([
+		m,
+		E,
+		_,
+		r
+	], () => {
+		if (!m.value || _.value) return;
+		let t = u.value.indexOf(m.value.id);
+		t < 0 || (I?.stop(), I = F(C, E.value[t], r.value ? { duration: 0 } : e));
+	}, { flush: "post" });
+	let Q;
+	return x(() => {
+		let e = () => {
+			if (!s.value) return;
+			h.value = s.value.clientWidth;
+			let e = c.value ? parseFloat(getComputedStyle(c.value).columnGap) : NaN;
+			Number.isFinite(e) && (g.value = e);
+		};
+		e(), typeof ResizeObserver < "u" && (Q = new ResizeObserver(e), s.value && Q.observe(s.value)), window.addEventListener("pointerup", Y, !0), window.addEventListener("pointercancel", Y, !0);
+	}), S(() => {
+		M = !0, Q?.disconnect(), P?.stop(), I?.stop(), cancelAnimationFrame(N), R?.(), D.clear(), O.clear(), window.removeEventListener("pointerup", Y, !0), window.removeEventListener("pointercancel", Y, !0);
+	}), {
+		reduce: r,
+		uid: o,
+		root: s,
+		rail: c,
+		ordered: p,
+		active: m,
+		surfaceWidth: h,
+		draggingId: _,
+		dragLeft: b,
+		surfaceLeft: C,
+		geometry: T,
+		slotLefts: E,
+		tabs: O,
+		visualIndex: z,
+		register: G,
+		startDrag: K,
+		moveDrag: q,
+		finish: Y,
+		clickTab: X,
+		key: Z
+	};
+}
+// src/blocks/morphing-tabs/src/LiquidSurface.vue?vue&type=script&setup=true&lang.ts
+var q = ["d"], J = /* @__PURE__ */ h({
+	__name: "LiquidSurface",
+	props: {
+		left: {},
+		surfaceWidth: {},
+		tabWidth: {}
+	},
+	setup(e) {
+		let t = e, n = w("");
+		return j((e) => {
+			let r = t.left, i = t.surfaceWidth, a = t.tabWidth, o = (e) => {
+				n.value = G(e, i, a);
+			};
+			o(r.get()), e(r.on("change", o));
+		}), (e, t) => (C(), f("path", {
+			d: n.value,
+			fill: "currentColor"
+		}, null, 8, q));
+	}
+}), Y = ["viewBox"], X = /* @__PURE__ */ h({
+	inheritAttrs: !1,
+	__name: "SpringTab",
+	props: {
+		id: {},
+		targetLeft: {},
+		dragging: { type: Boolean },
+		dragLeft: {},
+		surfaceLeft: {},
+		reduce: { type: Boolean },
+		active: { type: Boolean },
+		anyDragging: { type: Boolean },
+		surfaceHost: {},
+		surfaceWidth: {},
+		tabWidth: {},
+		surfaceClassName: {},
+		zIndex: {}
+	},
+	emits: ["register"],
+	setup(t, { emit: n }) {
+		let i = t, a = n, o = L(i.targetLeft), p = R(o, e), h = (e) => `translate3d(${e}px,0,0)`, g = z(p, h), v = z(o, h), b = z(i.dragLeft, h);
+		j(() => {
+			o.set(i.targetLeft), i.reduce && p.jump(i.targetLeft);
+		});
+		let w = l(() => i.dragging ? b : i.reduce ? v : g), T = l(() => i.anyDragging ? i.dragging ? i.dragLeft : p : i.surfaceLeft);
+		return x(() => a("register", i.id, p)), S(() => a("register", i.id, null)), (e, n) => (C(), f(s, null, [t.active && t.surfaceHost && t.surfaceWidth > 32 ? (C(), u(c, {
+			key: 0,
+			to: t.surfaceHost
+		}, [(C(), f("svg", {
+			"aria-hidden": "true",
+			focusable: "false",
+			viewBox: `0 0 ${t.surfaceWidth} 108`,
+			preserveAspectRatio: "none",
+			class: y(O(r)("pointer-events-none absolute inset-x-0 top-0 h-[108px] w-full text-[#fafaf8]", t.dragging ? "z-20" : "z-0", t.surfaceClassName))
+		}, [(C(), u(J, {
+			key: t.anyDragging ? t.dragging ? "dragged" : "displaced" : "idle",
+			left: T.value,
+			"surface-width": t.surfaceWidth,
+			"tab-width": t.tabWidth
+		}, null, 8, [
+			"left",
+			"surface-width",
+			"tab-width"
+		]))], 10, Y))], 8, ["to"])) : d("", !0), m(O(I).div, _(e.$attrs, {
+			style: {
+				zIndex: t.zIndex,
+				transform: w.value
+			},
+			class: O(r)("group absolute left-0 top-0 flex touch-pan-y select-none items-stretch [-webkit-touch-callout:none]", t.dragging ? "cursor-grabbing" : "cursor-grab")
+		}), {
+			default: M(() => [E(e.$slots, "default")]),
+			_: 3
+		}, 16, ["style", "class"])], 64));
+	}
+}), Z = { class: "relative h-20" }, Q = ["aria-label"], ee = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"aria-disabled",
+	"tabindex",
+	"disabled",
+	"onClick",
+	"onKeydown"
+], te = ["aria-label", "onClick"], ne = ["id", "aria-labelledby"], $ = /* @__PURE__ */ h({
+	__name: "MorphingTabs",
+	props: {
+		items: {},
+		modelValue: {},
+		defaultValue: {},
+		ariaLabel: { default: "Tabs" },
+		closable: { type: Boolean },
+		classNames: {}
+	},
+	emits: [
+		"update:modelValue",
+		"valueChange",
+		"orderChange",
+		"close"
+	],
+	setup(e, { emit: i }) {
+		let a = e, c = i, l = g(), h = () => a.closable || !!l?.vnode.props?.onClose, { reduce: _, uid: v, root: x, rail: S, ordered: w, active: k, surfaceWidth: A, draggingId: j, dragLeft: F, surfaceLeft: L, geometry: R, slotLefts: z, tabs: V, visualIndex: U, register: W, startDrag: G, moveDrag: q, finish: J, clickTab: Y, key: $ } = K(a, {
+			value(e) {
+				c("update:modelValue", e), c("valueChange", e);
+			},
+			order(e) {
+				c("orderChange", e);
+			}
+		});
+		return (i, a) => O(w).length ? (C(), f("div", {
+			key: 0,
+			ref_key: "root",
+			ref: x,
+			class: y(O(r)("relative isolate min-w-0 overflow-hidden rounded-[2rem] bg-[#292929] text-white", e.classNames?.root))
+		}, [p("div", Z, [p("div", {
+			ref_key: "rail",
+			ref: S,
+			role: "tablist",
+			"aria-label": e.ariaLabel,
+			"aria-orientation": "horizontal",
+			class: y(O(r)("relative z-30 flex h-full gap-3 md:gap-4", e.classNames?.rail))
+		}, [(C(!0), f(s, null, T(O(w), (t, n) => (C(), u(X, {
+			id: t.id,
+			key: t.id,
+			"target-left": O(z)[O(U)(n)] ?? O(16),
+			dragging: t.id === O(j),
+			"drag-left": O(F),
+			"surface-left": O(L),
+			reduce: O(_),
+			active: t.id === O(k)?.id,
+			"any-dragging": !!O(j),
+			"surface-host": O(x) ?? null,
+			"surface-width": O(A),
+			"tab-width": O(R).width,
+			"surface-class-name": e.classNames?.activeTab,
+			"z-index": t.id === O(j) ? 30 : t.id === O(k)?.id ? 20 : 1,
+			class: y(t.disabled ? "cursor-not-allowed" : ""),
+			onRegister: O(W),
+			onPointerdown: (e) => O(G)(t.id, e),
+			onPointermove: O(q),
+			onPointerup: O(J),
+			onPointercancel: O(J),
+			onLostpointercapture: a[1] ||= (e) => {
+				e.target === e.currentTarget && O(J)(e);
+			}
+		}, {
+			default: M(() => [p("div", {
+				class: "relative flex items-stretch",
+				style: b({
+					width: O(R).width + "px",
+					height: O(56) + "px",
+					marginTop: O(24) + "px"
+				})
+			}, [
+				t.id === O(k)?.id ? d("", !0) : (C(), f("span", {
+					key: 0,
+					"aria-hidden": "true",
+					class: y(O(r)("absolute inset-x-0 bottom-2 top-0 rounded-[1.25rem] transition-colors duration-200", t.id === O(j) ? "bg-[#3a3a3a]" : "bg-transparent group-hover:bg-white/[.06]"))
+				}, null, 2)),
+				p("button", {
+					id: O(v) + "-tab-" + O(H)(t.id),
+					ref_for: !0,
+					ref: (e) => {
+						e ? O(V).set(t.id, e) : O(V).delete(t.id);
+					},
+					type: "button",
+					role: "tab",
+					"aria-selected": t.id === O(k)?.id,
+					"aria-controls": O(v) + "-panel",
+					"aria-disabled": t.disabled || void 0,
+					tabindex: t.id === O(k)?.id ? 0 : -1,
+					disabled: t.disabled,
+					class: y(O(r)("group relative z-10 flex h-full w-full min-w-0 items-center gap-2 overflow-hidden rounded-t-[1.5rem] px-3 text-left outline-none transition-colors", t.id === O(k)?.id ? "text-[#181818]" : "pb-2 text-white/70 hover:text-white", e.classNames?.tab)),
+					onClick: (e) => O(Y)(t.id),
+					onKeydown: (e) => O($)(e, t.id)
+				}, [
+					p("span", {
+						"aria-hidden": "true",
+						class: y(O(r)("pointer-events-none absolute inset-x-1 top-1 opacity-0 transition-opacity group-focus-visible:opacity-100", t.id === O(k)?.id ? "bottom-0 rounded-t-[1.25rem] border-x-2 border-t-2 border-black/30" : "bottom-2 rounded-[1rem] border-2 border-white/70"))
+					}, null, 2),
+					t.icon ? (C(), f("span", {
+						key: 0,
+						"aria-hidden": "true",
+						class: y(O(r)("grid size-8 shrink-0 place-items-center [&_svg]:size-5", e.classNames?.icon))
+					}, [m(O(o), { node: t.icon }, null, 8, ["node"])], 2)) : d("", !0),
+					p("span", { class: y(O(r)("min-w-0 truncate whitespace-nowrap text-base font-medium leading-none tracking-[-.025em]", e.classNames?.label)) }, D(t.label), 3)
+				], 42, ee),
+				h() ? (C(), f("button", {
+					key: 1,
+					type: "button",
+					"aria-label": "Close " + t.label,
+					class: y(O(r)("absolute right-2 top-1/2 z-20 grid size-6 -translate-y-1/2 place-items-center rounded-full text-[#9aa0a8] transition-colors hover:bg-black/[.06] hover:text-[#4b5563] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current", t.id === O(k)?.id ? "" : "!top-[calc(50%-4px)] text-white/45 hover:bg-white/[.08] hover:text-white/80", e.classNames?.close)),
+					onPointerdown: a[0] ||= N(() => {}, ["stop"]),
+					onClick: N((e) => c("close", t.id), ["stop"])
+				}, [m(O(B), { class: "size-3.5 stroke-[1.5]" })], 42, te)) : d("", !0)
+			], 4)]),
+			_: 2
+		}, 1032, [
+			"id",
+			"target-left",
+			"dragging",
+			"drag-left",
+			"surface-left",
+			"reduce",
+			"active",
+			"any-dragging",
+			"surface-host",
+			"surface-width",
+			"tab-width",
+			"surface-class-name",
+			"z-index",
+			"class",
+			"onRegister",
+			"onPointerdown",
+			"onPointermove",
+			"onPointerup",
+			"onPointercancel"
+		]))), 128))], 10, Q)]), p("div", {
+			id: O(v) + "-panel",
+			role: "tabpanel",
+			"aria-labelledby": O(v) + "-tab-" + O(H)(O(k)?.id ?? "empty"),
+			class: y(O(r)("relative z-20 mx-4 min-h-64 overflow-hidden rounded-[1.75rem] bg-[#fafaf8] text-[#181818]", e.classNames?.content))
+		}, [m(O(P), {
+			mode: "popLayout",
+			initial: !1
+		}, {
+			default: M(() => [O(k) ? (C(), u(O(I).div, {
+				key: O(k).id,
+				initial: O(_) ? { opacity: 0 } : {
+					opacity: 0,
+					y: 8,
+					filter: "blur(6px)"
+				},
+				animate: {
+					opacity: 1,
+					y: 0,
+					filter: "blur(0px)"
+				},
+				exit: O(_) ? {
+					opacity: 0,
+					transition: {
+						duration: .08,
+						ease: O(n)
+					}
+				} : {
+					opacity: 0,
+					y: -5,
+					filter: "blur(5px)",
+					transition: {
+						duration: .12,
+						ease: O(n)
+					}
+				},
+				transition: O(_) ? {
+					duration: .12,
+					ease: O(n)
+				} : O(t),
+				class: "min-h-64"
+			}, {
+				default: M(() => [E(i.$slots, "content", { item: O(k) }, () => [m(O(o), { node: O(k).content }, null, 8, ["node"])])]),
+				_: 3
+			}, 8, [
+				"initial",
+				"exit",
+				"transition"
+			])) : d("", !0)]),
+			_: 3
+		})], 10, ne)], 2)) : d("", !0);
+	}
+});
+export { $ as t };
+
+//# sourceMappingURL=morphing-tabs-YtGm3iRJ.js.map

package/dist/morphing-tabs-YtGm3iRJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"morphing-tabs-YtGm3iRJ.js","names":["_hoisted_1","_openBlock","_createElementBlock","_sfc_main","$attrs","_hoisted_1","_openBlock","_createElementBlock","_Fragment","_createBlock","_Teleport","_normalizeClass","_unref","LiquidSurface","_createCommentVNode","_createVNode","_mergeProps","_withCtx","_renderSlot","_sfc_main","_unref","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderList","_createBlock","SpringTab","_withCtx","_normalizeStyle","_createCommentVNode","_createVNode","_toDisplayString","_withModifiers","_renderSlot","_sfc_main","SPRING_GLIDE","SPRING_PRESS","EASE_OUT","cn","useReduced","useControllable","RenderNode","sameOrder","first","second","id","index","safeId","moveItem","next","order","item","from","to","tabGeometry","surfaceWidth","count","preferredGap","available","preferred","liquidTabPath","rightEdge","x","tabWidth","tabLeft","right","joinStart","joinEnd","l","r","rounding","command","values","useMorphingTabs","reduce","uid","useId","root","ref","rail","props","value","events","lookup","computed","ordered","active","gap","draggingId","targetIndex","dragLeft","useMotionValue","surfaceLeft","geometry","slotLefts","positions","tabs","session","disposed","frame","dragControl","surfaceControl","settleResolve","visualIndex","setActive","commit","ids","notify","register","position","startDrag","event","slots","moveDrag","drag","offset","start","destination","i","waitForSlots","resolve","check","finish","control","animate","clickTab","key","enabled","current","nextTick","watch","existing","known","observer","onMounted","measure","measured","onUnmounted","_hoisted_1$2","LiquidSurface_default","defineComponent","__props","path","watchEffect","driver","width","tab","render","cleanup","openBlock","createElementBlock","_hoisted_1$1","SpringTab_default","__emit","emit","target","useSpring","translate","settled","useTransform","instant","dragged","transform","Fragment","createBlock","Teleport","normalizeClass","unref","createCommentVNode","createVNode","motion","mergeProps","_ctx","withCtx","renderSlot","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","MorphingTabs_default","instance","getCurrentInstance","hasClose","createElementVNode","renderList","$event","_cache","normalizeStyle","node","toDisplayString","withModifiers","X","AnimatePresence"],"sources":["../src/blocks/morphing-tabs/src/model.ts","../src/blocks/morphing-tabs/src/use-morphing-tabs.ts","../src/blocks/morphing-tabs/src/LiquidSurface.vue","../src/blocks/morphing-tabs/src/LiquidSurface.vue","../src/blocks/morphing-tabs/src/SpringTab.vue","../src/blocks/morphing-tabs/src/SpringTab.vue","../src/blocks/morphing-tabs/src/MorphingTabs.vue","../src/blocks/morphing-tabs/src/MorphingTabs.vue"],"sourcesContent":["export const DRAG_THRESHOLD = 5;\nexport const MAX_TAB_WIDTH = 176;\nexport const MIN_TAB_WIDTH = 96;\nexport const TAB_HEIGHT = 56;\nexport const TAB_TOP = 24;\nexport const TAB_RADIUS = 24;\nexport const RAIL_HEIGHT = 80;\nexport const SURFACE_INSET = 16;\nexport const LIQUID_JOIN = 24;\nexport const PANEL_RADIUS = 28;\nexport const sameOrder = (first: string[], second: string[]) =>\n  first.length === second.length &&\n  !first.some((id, index) => id !== second[index]);\nexport const safeId = (id: string) => id.replace(/[^a-zA-Z0-9_-]/g, \"-\");\nexport function moveItem(order: string[], from: number, to: number) {\n  const next = Array.from(order);\n  const [item] = next.splice(from, 1);\n  next.splice(to, 0, item);\n  return next;\n}\nexport function tabGeometry(\n  surfaceWidth: number,\n  count: number,\n  preferredGap: number,\n) {\n  if (!surfaceWidth || !count)\n    return { width: MAX_TAB_WIDTH, gap: preferredGap };\n  const available = surfaceWidth - 2 * SURFACE_INSET;\n  const preferred = Math.floor(\n    (available - preferredGap * (count - 1)) / count,\n  );\n  if (preferred >= MIN_TAB_WIDTH)\n    return { width: Math.min(MAX_TAB_WIDTH, preferred), gap: preferredGap };\n  if (count > 1 && Math.floor(available / count) >= MIN_TAB_WIDTH)\n    return {\n      width: MIN_TAB_WIDTH,\n      gap: Math.max(\n        0,\n        Math.floor((available - MIN_TAB_WIDTH * count) / (count - 1)),\n      ),\n    };\n  return { width: Math.max(0, Math.floor(available / count)), gap: 0 };\n}\nexport function liquidTabPath(\n  tabLeft: number,\n  surfaceWidth: number,\n  tabWidth: number,\n) {\n  const leftEdge = SURFACE_INSET,\n    rightEdge = surfaceWidth - SURFACE_INSET;\n  const x = Math.max(leftEdge, Math.min(rightEdge - tabWidth, tabLeft)),\n    right = x + tabWidth;\n  const joinStart = Math.max(leftEdge, x - LIQUID_JOIN),\n    joinEnd = Math.min(rightEdge, right + LIQUID_JOIN);\n  const l = Math.min(LIQUID_JOIN, x - joinStart),\n    r = Math.min(LIQUID_JOIN, joinEnd - right);\n  const rounding = [\n    Math.min(PANEL_RADIUS, joinStart - leftEdge),\n    Math.min(PANEL_RADIUS, rightEdge - joinEnd),\n  ];\n  const commands: [string, ...number[]][] = [\n    [\"M\", leftEdge, RAIL_HEIGHT + PANEL_RADIUS],\n    [\"V\", RAIL_HEIGHT + rounding[0]],\n    [\"Q\", leftEdge, RAIL_HEIGHT, leftEdge + rounding[0], RAIL_HEIGHT],\n    [\"H\", joinStart],\n    [\n      \"C\",\n      joinStart + l * 0.55,\n      RAIL_HEIGHT,\n      x,\n      RAIL_HEIGHT - l + l * 0.55,\n      x,\n      RAIL_HEIGHT - l,\n    ],\n    [\"V\", TAB_TOP + TAB_RADIUS],\n    [\"Q\", x, TAB_TOP, x + TAB_RADIUS, TAB_TOP],\n    [\"H\", right - TAB_RADIUS],\n    [\"Q\", right, TAB_TOP, right, TAB_TOP + TAB_RADIUS],\n    [\"V\", RAIL_HEIGHT - r],\n    [\n      \"C\",\n      right,\n      RAIL_HEIGHT - r + r * 0.55,\n      joinEnd - r * 0.55,\n      RAIL_HEIGHT,\n      joinEnd,\n      RAIL_HEIGHT,\n    ],\n    [\"H\", rightEdge - rounding[1]],\n    [\"Q\", rightEdge, RAIL_HEIGHT, rightEdge, RAIL_HEIGHT + rounding[1]],\n    [\"V\", RAIL_HEIGHT + PANEL_RADIUS],\n    [\"Z\"],\n  ];\n  return commands\n    .map(([command, ...values]) => command + values.join(\" \"))\n    .join(\" \");\n}\n","import {\n  computed,\n  nextTick,\n  onMounted,\n  onUnmounted,\n  ref,\n  useId,\n  watch,\n} from \"vue\";\nimport { animate, useMotionValue, type MotionValue } from \"motion-v\";\nimport { SPRING_GLIDE } from \"../../../lib/ease\";\nimport { useControllable, useReduced, type Content } from \"../../shared\";\nimport {\n  DRAG_THRESHOLD,\n  SURFACE_INSET,\n  moveItem,\n  sameOrder,\n  tabGeometry,\n} from \"./model\";\nexport interface TabsItem {\n  id: string;\n  label: string;\n  icon?: Content;\n  content: Content;\n  disabled?: boolean;\n}\ninterface Props {\n  items: TabsItem[];\n  modelValue?: string | null;\n  defaultValue?: string | null;\n}\ninterface Drag {\n  id: string;\n  pointer: number;\n  origin: number;\n  from: number;\n  to: number;\n  slots: number[];\n  order: string[];\n  moved: boolean;\n  finishing: boolean;\n}\nexport function useMorphingTabs(\n  props: Props,\n  events: { value(id: string | null): void; order(ids: string[]): void },\n) {\n  const reduce = useReduced(),\n    uid = useId(),\n    root = ref<HTMLElement>(),\n    rail = ref<HTMLElement>();\n  const order = ref(props.items.map((item) => item.id));\n  const value = useControllable(\n    () => props.modelValue,\n    props.defaultValue ?? props.items[0]?.id ?? null,\n    events.value,\n  );\n  const lookup = computed(\n    () => new Map(props.items.map((item) => [item.id, item])),\n  );\n  const ordered = computed(() =>\n    order.value.flatMap((id) => {\n      const item = lookup.value.get(id);\n      return item ? [item] : [];\n    }),\n  );\n  const active = computed(() =>\n    value.value && lookup.value.has(value.value)\n      ? lookup.value.get(value.value)!\n      : (ordered.value.find((item) => !item.disabled) ??\n        ordered.value[0] ??\n        null),\n  );\n  const surfaceWidth = ref(0),\n    gap = ref(12),\n    draggingId = ref<string | null>(null),\n    targetIndex = ref(-1);\n  const dragLeft = useMotionValue(SURFACE_INSET),\n    surfaceLeft = useMotionValue(SURFACE_INSET);\n  const geometry = computed(() =>\n    tabGeometry(surfaceWidth.value, order.value.length, gap.value),\n  );\n  const slotLefts = computed(() =>\n    order.value.map(\n      (_, index) =>\n        SURFACE_INSET + index * (geometry.value.width + geometry.value.gap),\n    ),\n  );\n  const positions = new Map<string, MotionValue<number>>(),\n    tabs = new Map<string, HTMLButtonElement>();\n  let session: Drag | null = null,\n    disposed = false,\n    frame = 0;\n  let dragControl: ReturnType<typeof animate> | undefined,\n    surfaceControl: ReturnType<typeof animate> | undefined;\n  let settleResolve: (() => void) | undefined;\n  function visualIndex(index: number) {\n    const from = draggingId.value ? order.value.indexOf(draggingId.value) : -1,\n      to = targetIndex.value;\n    if (from < 0 || to < 0) return index;\n    if (index === from) return to;\n    return to > from && index > from && index <= to\n      ? index - 1\n      : to < from && index >= to && index < from\n        ? index + 1\n        : index;\n  }\n  function setActive(id: string | null) {\n    if (!id || !lookup.value.get(id)?.disabled) value.value = id;\n  }\n  function commit(ids: string[], notify: boolean) {\n    order.value = ids;\n    if (notify) events.order(ids);\n  }\n  function register(id: string, position: MotionValue<number> | null) {\n    if (position) positions.set(id, position);\n    else positions.delete(id);\n  }\n  function startDrag(id: string, event: PointerEvent) {\n    if (session || event.button !== 0 || lookup.value.get(id)?.disabled) return;\n    const from = order.value.indexOf(id);\n    if (from < 0) return;\n    dragControl?.stop();\n    dragControl = undefined;\n    const slots = [...slotLefts.value];\n    dragLeft.set(slots[from]);\n    session = {\n      id,\n      pointer: event.pointerId,\n      origin: event.clientX,\n      from,\n      to: from,\n      slots,\n      order: [...order.value],\n      moved: false,\n      finishing: false,\n    };\n  }\n  function moveDrag(event: PointerEvent) {\n    const drag = session;\n    if (!drag || drag.finishing || drag.pointer !== event.pointerId) return;\n    const offset = event.clientX - drag.origin;\n    if (!drag.moved && Math.abs(offset) < DRAG_THRESHOLD) return;\n    event.preventDefault();\n    if (!drag.moved) {\n      drag.moved = true;\n      try {\n        (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n      } catch {}\n      if (active.value?.id === drag.id) {\n        surfaceControl?.stop();\n        surfaceLeft.set(drag.slots[drag.from]);\n      }\n      draggingId.value = drag.id;\n      targetIndex.value = drag.from;\n    }\n    const start = drag.slots[drag.from];\n    const position = Math.max(\n      drag.slots[0],\n      Math.min(drag.slots.at(-1)!, start + offset),\n    );\n    let destination = drag.from;\n    if (position >= start) {\n      for (let i = drag.from + 1; i < drag.slots.length; i++)\n        if (position + geometry.value.width / 2 >= drag.slots[i])\n          destination = i;\n    } else {\n      for (let i = drag.from - 1; i >= 0; i--)\n        if (position <= drag.slots[i] + geometry.value.width / 2)\n          destination = i;\n    }\n    dragLeft.set(position);\n    drag.to = destination;\n    targetIndex.value = destination;\n  }\n  function waitForSlots(ids: string[], drag: Drag) {\n    if (reduce.value) return Promise.resolve();\n    return new Promise<void>((resolve) => {\n      const start = performance.now();\n      settleResolve = resolve;\n      const check = () => {\n        const done =\n          disposed ||\n          performance.now() - start > 500 ||\n          ids.every((id, index) => {\n            const position = positions.get(id);\n            return (\n              id === drag.id ||\n              !position ||\n              (Math.abs(position.get() - drag.slots[index]) < 0.5 &&\n                Math.abs(position.getVelocity()) < 10)\n            );\n          });\n        if (done) {\n          settleResolve = undefined;\n          resolve();\n        } else frame = requestAnimationFrame(check);\n      };\n      check();\n    });\n  }\n  function finish(event: PointerEvent) {\n    const drag = session;\n    if (!drag || drag.pointer !== event.pointerId || drag.finishing) return;\n    if (!drag.moved) {\n      session = null;\n      return;\n    }\n    drag.finishing = true;\n    const destination = drag.slots[drag.to];\n    const control = animate(\n      dragLeft,\n      destination,\n      reduce.value ? { duration: 0 } : SPRING_GLIDE,\n    );\n    dragControl = control;\n    void control.then(async () => {\n      if (disposed || dragControl !== control) return;\n      const ids = moveItem(drag.order, drag.from, drag.to);\n      await waitForSlots(ids, drag);\n      if (disposed || dragControl !== control) return;\n      if (active.value?.id === drag.id) surfaceLeft.set(destination);\n      else if (active.value) {\n        const position = positions.get(active.value.id);\n        if (position) surfaceLeft.set(position.get());\n      }\n      positions.get(drag.id)?.jump(destination);\n      dragControl = undefined;\n      session = null;\n      commit(ids, !sameOrder(ids, drag.order));\n      draggingId.value = null;\n      targetIndex.value = -1;\n    });\n  }\n  function clickTab(id: string) {\n    if (session?.id !== id || !session.moved) setActive(id);\n  }\n  function key(event: KeyboardEvent, id: string) {\n    const index = order.value.indexOf(id);\n    if (index < 0) return;\n    if (\n      event.altKey &&\n      (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\")\n    ) {\n      event.preventDefault();\n      const destination = index + (event.key === \"ArrowLeft\" ? -1 : 1);\n      if (\n        destination >= 0 &&\n        destination < order.value.length &&\n        !lookup.value.get(id)?.disabled\n      )\n        commit(moveItem(order.value, index, destination), true);\n      return;\n    }\n    if (![\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"].includes(event.key)) return;\n    event.preventDefault();\n    const enabled = order.value.filter(\n      (value) => !lookup.value.get(value)?.disabled,\n    );\n    if (!enabled.length) return;\n    const current = enabled.indexOf(id);\n    const next =\n      event.key === \"Home\"\n        ? enabled[0]\n        : event.key === \"End\"\n          ? enabled.at(-1)!\n          : enabled[\n              (current +\n                (event.key === \"ArrowLeft\" ? -1 : 1) +\n                enabled.length) %\n                enabled.length\n            ];\n    setActive(next);\n    void nextTick(() => {\n      if (!disposed) tabs.get(next)?.focus();\n    });\n  }\n  watch(\n    () => props.items.map((item) => item.id),\n    (ids) => {\n      const available = new Set(ids),\n        existing = order.value.filter((id) => available.has(id)),\n        known = new Set(existing);\n      order.value = [...existing, ...ids.filter((id) => !known.has(id))];\n    },\n  );\n  watch([active, lookup], () => {\n    if (\n      (!value.value || !lookup.value.has(value.value)) &&\n      active.value &&\n      active.value.id !== value.value\n    )\n      setActive(active.value.id);\n  });\n  watch(\n    [active, slotLefts, draggingId, reduce],\n    () => {\n      if (!active.value || draggingId.value) return;\n      const index = order.value.indexOf(active.value.id);\n      if (index < 0) return;\n      surfaceControl?.stop();\n      surfaceControl = animate(\n        surfaceLeft,\n        slotLefts.value[index],\n        reduce.value ? { duration: 0 } : SPRING_GLIDE,\n      );\n    },\n    { flush: \"post\" },\n  );\n  let observer: ResizeObserver | undefined;\n  onMounted(() => {\n    const measure = () => {\n      if (!root.value) return;\n      surfaceWidth.value = root.value.clientWidth;\n      const measured = rail.value\n        ? parseFloat(getComputedStyle(rail.value).columnGap)\n        : NaN;\n      if (Number.isFinite(measured)) gap.value = measured;\n    };\n    measure();\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(measure);\n      if (root.value) observer.observe(root.value);\n    }\n    window.addEventListener(\"pointerup\", finish, true);\n    window.addEventListener(\"pointercancel\", finish, true);\n  });\n  onUnmounted(() => {\n    disposed = true;\n    observer?.disconnect();\n    dragControl?.stop();\n    surfaceControl?.stop();\n    cancelAnimationFrame(frame);\n    settleResolve?.();\n    positions.clear();\n    tabs.clear();\n    window.removeEventListener(\"pointerup\", finish, true);\n    window.removeEventListener(\"pointercancel\", finish, true);\n  });\n  return {\n    reduce,\n    uid,\n    root,\n    rail,\n    ordered,\n    active,\n    surfaceWidth,\n    draggingId,\n    dragLeft,\n    surfaceLeft,\n    geometry,\n    slotLefts,\n    tabs,\n    visualIndex,\n    register,\n    startDrag,\n    moveDrag,\n    finish,\n    clickTab,\n    key,\n  };\n}\n","<script setup lang=\"ts\">\nimport { ref, watchEffect } from \"vue\";\nimport type { MotionValue } from \"motion-v\";\nimport { liquidTabPath } from \"./model\";\nconst props = defineProps<{\n  left: MotionValue<number>;\n  surfaceWidth: number;\n  tabWidth: number;\n}>();\nconst path = ref(\"\");\nwatchEffect((cleanup) => {\n  const driver = props.left,\n    width = props.surfaceWidth,\n    tab = props.tabWidth;\n  const render = (position: number) => {\n    path.value = liquidTabPath(position, width, tab);\n  };\n  render(driver.get());\n  cleanup(driver.on(\"change\", render));\n});\n</script>\n<template><path :d=\"path\" fill=\"currentColor\" /></template>\n","<script setup lang=\"ts\">\nimport { ref, watchEffect } from \"vue\";\nimport type { MotionValue } from \"motion-v\";\nimport { liquidTabPath } from \"./model\";\nconst props = defineProps<{\n  left: MotionValue<number>;\n  surfaceWidth: number;\n  tabWidth: number;\n}>();\nconst path = ref(\"\");\nwatchEffect((cleanup) => {\n  const driver = props.left,\n    width = props.surfaceWidth,\n    tab = props.tabWidth;\n  const render = (position: number) => {\n    path.value = liquidTabPath(position, width, tab);\n  };\n  render(driver.get());\n  cleanup(driver.on(\"change\", render));\n});\n</script>\n<template><path :d=\"path\" fill=\"currentColor\" /></template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, watchEffect } from \"vue\";\nimport {\n  motion,\n  useMotionValue,\n  useSpring,\n  useTransform,\n  type MotionValue,\n} from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_GLIDE } from \"../../../lib/ease\";\nimport LiquidSurface from \"./LiquidSurface.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{\n  id: string;\n  targetLeft: number;\n  dragging: boolean;\n  dragLeft: MotionValue<number>;\n  surfaceLeft: MotionValue<number>;\n  reduce: boolean;\n  active: boolean;\n  anyDragging: boolean;\n  surfaceHost: HTMLElement | null;\n  surfaceWidth: number;\n  tabWidth: number;\n  surfaceClassName?: string;\n  zIndex: number;\n}>();\nconst emit = defineEmits<{\n  register: [id: string, position: MotionValue<number> | null];\n}>();\nconst target = useMotionValue(props.targetLeft),\n  position = useSpring(target, SPRING_GLIDE);\nconst translate = (value: number) => `translate3d(${value}px,0,0)`;\nconst settled = useTransform(position, translate),\n  instant = useTransform(target, translate),\n  dragged = useTransform(props.dragLeft, translate);\nwatchEffect(() => {\n  target.set(props.targetLeft);\n  if (props.reduce) position.jump(props.targetLeft);\n});\nconst transform = computed(() =>\n  props.dragging ? dragged : props.reduce ? instant : settled,\n);\nconst driver = computed(() =>\n  !props.anyDragging\n    ? props.surfaceLeft\n    : props.dragging\n      ? props.dragLeft\n      : position,\n);\nonMounted(() => emit(\"register\", props.id, position));\nonUnmounted(() => emit(\"register\", props.id, null));\n</script>\n<template>\n  <Teleport v-if=\"active && surfaceHost && surfaceWidth > 32\" :to=\"surfaceHost\"\n    ><svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      :viewBox=\"`0 0 ${surfaceWidth} 108`\"\n      preserveAspectRatio=\"none\"\n      :class=\"\n        cn(\n          'pointer-events-none absolute inset-x-0 top-0 h-[108px] w-full text-[#fafaf8]',\n          dragging ? 'z-20' : 'z-0',\n          surfaceClassName,\n        )\n      \"\n    >\n      <LiquidSurface\n        :key=\"anyDragging ? (dragging ? 'dragged' : 'displaced') : 'idle'\"\n        :left=\"driver\"\n        :surface-width=\"surfaceWidth\"\n        :tab-width=\"tabWidth\"\n      /></svg\n  ></Teleport>\n  <motion.div\n    v-bind=\"$attrs\"\n    :style=\"{ zIndex, transform }\"\n    :class=\"\n      cn(\n        'group absolute left-0 top-0 flex touch-pan-y select-none items-stretch [-webkit-touch-callout:none]',\n        dragging ? 'cursor-grabbing' : 'cursor-grab',\n      )\n    \"\n    ><slot\n  /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, watchEffect } from \"vue\";\nimport {\n  motion,\n  useMotionValue,\n  useSpring,\n  useTransform,\n  type MotionValue,\n} from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_GLIDE } from \"../../../lib/ease\";\nimport LiquidSurface from \"./LiquidSurface.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{\n  id: string;\n  targetLeft: number;\n  dragging: boolean;\n  dragLeft: MotionValue<number>;\n  surfaceLeft: MotionValue<number>;\n  reduce: boolean;\n  active: boolean;\n  anyDragging: boolean;\n  surfaceHost: HTMLElement | null;\n  surfaceWidth: number;\n  tabWidth: number;\n  surfaceClassName?: string;\n  zIndex: number;\n}>();\nconst emit = defineEmits<{\n  register: [id: string, position: MotionValue<number> | null];\n}>();\nconst target = useMotionValue(props.targetLeft),\n  position = useSpring(target, SPRING_GLIDE);\nconst translate = (value: number) => `translate3d(${value}px,0,0)`;\nconst settled = useTransform(position, translate),\n  instant = useTransform(target, translate),\n  dragged = useTransform(props.dragLeft, translate);\nwatchEffect(() => {\n  target.set(props.targetLeft);\n  if (props.reduce) position.jump(props.targetLeft);\n});\nconst transform = computed(() =>\n  props.dragging ? dragged : props.reduce ? instant : settled,\n);\nconst driver = computed(() =>\n  !props.anyDragging\n    ? props.surfaceLeft\n    : props.dragging\n      ? props.dragLeft\n      : position,\n);\nonMounted(() => emit(\"register\", props.id, position));\nonUnmounted(() => emit(\"register\", props.id, null));\n</script>\n<template>\n  <Teleport v-if=\"active && surfaceHost && surfaceWidth > 32\" :to=\"surfaceHost\"\n    ><svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      :viewBox=\"`0 0 ${surfaceWidth} 108`\"\n      preserveAspectRatio=\"none\"\n      :class=\"\n        cn(\n          'pointer-events-none absolute inset-x-0 top-0 h-[108px] w-full text-[#fafaf8]',\n          dragging ? 'z-20' : 'z-0',\n          surfaceClassName,\n        )\n      \"\n    >\n      <LiquidSurface\n        :key=\"anyDragging ? (dragging ? 'dragged' : 'displaced') : 'idle'\"\n        :left=\"driver\"\n        :surface-width=\"surfaceWidth\"\n        :tab-width=\"tabWidth\"\n      /></svg\n  ></Teleport>\n  <motion.div\n    v-bind=\"$attrs\"\n    :style=\"{ zIndex, transform }\"\n    :class=\"\n      cn(\n        'group absolute left-0 top-0 flex touch-pan-y select-none items-stretch [-webkit-touch-callout:none]',\n        dragging ? 'cursor-grabbing' : 'cursor-grab',\n      )\n    \"\n    ><slot\n  /></motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { safeId, SURFACE_INSET, TAB_HEIGHT, TAB_TOP } from \"./model\";\nimport { useMorphingTabs } from \"./use-morphing-tabs\";\nimport type { MorphingTabsClassNames } from \"./source-types\";\nimport SpringTab from \"./SpringTab.vue\";\nexport interface MorphingTabsItem {\n  id: string;\n  label: string;\n  icon?: Content;\n  content: Content;\n  disabled?: boolean;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: MorphingTabsItem[];\n    modelValue?: string | null;\n    defaultValue?: string | null;\n    ariaLabel?: string;\n    closable?: boolean;\n    classNames?: MorphingTabsClassNames;\n  }>(),\n  { ariaLabel: \"Tabs\" },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [id: string | null];\n  valueChange: [id: string | null];\n  orderChange: [ids: string[]];\n  close: [id: string];\n}>();\nconst instance = getCurrentInstance();\nconst hasClose = () => props.closable || !!instance?.vnode.props?.onClose;\nconst {\n  reduce,\n  uid,\n  root,\n  rail,\n  ordered,\n  active,\n  surfaceWidth,\n  draggingId,\n  dragLeft,\n  surfaceLeft,\n  geometry,\n  slotLefts,\n  tabs,\n  visualIndex,\n  register,\n  startDrag,\n  moveDrag,\n  finish,\n  clickTab,\n  key,\n} = useMorphingTabs(props, {\n  value(id) {\n    emit(\"update:modelValue\", id);\n    emit(\"valueChange\", id);\n  },\n  order(ids) {\n    emit(\"orderChange\", ids);\n  },\n});\n</script>\n<template>\n  <div\n    v-if=\"ordered.length\"\n    ref=\"root\"\n    :class=\"\n      cn(\n        'relative isolate min-w-0 overflow-hidden rounded-[2rem] bg-[#292929] text-white',\n        classNames?.root,\n      )\n    \"\n  >\n    <div class=\"relative h-20\">\n      <div\n        ref=\"rail\"\n        role=\"tablist\"\n        :aria-label=\"ariaLabel\"\n        aria-orientation=\"horizontal\"\n        :class=\"\n          cn('relative z-30 flex h-full gap-3 md:gap-4', classNames?.rail)\n        \"\n      >\n        <SpringTab\n          v-for=\"(item, index) in ordered\"\n          :id=\"item.id\"\n          :key=\"item.id\"\n          :target-left=\"slotLefts[visualIndex(index)] ?? SURFACE_INSET\"\n          :dragging=\"item.id === draggingId\"\n          :drag-left=\"dragLeft\"\n          :surface-left=\"surfaceLeft\"\n          :reduce=\"reduce\"\n          :active=\"item.id === active?.id\"\n          :any-dragging=\"!!draggingId\"\n          :surface-host=\"root ?? null\"\n          :surface-width=\"surfaceWidth\"\n          :tab-width=\"geometry.width\"\n          :surface-class-name=\"classNames?.activeTab\"\n          :z-index=\"\n            item.id === draggingId ? 30 : item.id === active?.id ? 20 : 1\n          \"\n          :class=\"item.disabled ? 'cursor-not-allowed' : ''\"\n          @register=\"register\"\n          @pointerdown=\"startDrag(item.id, $event)\"\n          @pointermove=\"moveDrag\"\n          @pointerup=\"finish\"\n          @pointercancel=\"finish\"\n          @lostpointercapture=\"\n            (event: PointerEvent) => {\n              if (event.target === event.currentTarget) finish(event);\n            }\n          \"\n        >\n          <div\n            class=\"relative flex items-stretch\"\n            :style=\"{\n              width: geometry.width + 'px',\n              height: TAB_HEIGHT + 'px',\n              marginTop: TAB_TOP + 'px',\n            }\"\n          >\n            <span\n              v-if=\"item.id !== active?.id\"\n              aria-hidden=\"true\"\n              :class=\"\n                cn(\n                  'absolute inset-x-0 bottom-2 top-0 rounded-[1.25rem] transition-colors duration-200',\n                  item.id === draggingId\n                    ? 'bg-[#3a3a3a]'\n                    : 'bg-transparent group-hover:bg-white/[.06]',\n                )\n              \"\n            />\n            <button\n              :id=\"uid + '-tab-' + safeId(item.id)\"\n              :ref=\"\n                (node) => {\n                  if (node) tabs.set(item.id, node as HTMLButtonElement);\n                  else tabs.delete(item.id);\n                }\n              \"\n              type=\"button\"\n              role=\"tab\"\n              :aria-selected=\"item.id === active?.id\"\n              :aria-controls=\"uid + '-panel'\"\n              :aria-disabled=\"item.disabled || undefined\"\n              :tabindex=\"item.id === active?.id ? 0 : -1\"\n              :disabled=\"item.disabled\"\n              :class=\"\n                cn(\n                  'group relative z-10 flex h-full w-full min-w-0 items-center gap-2 overflow-hidden rounded-t-[1.5rem] px-3 text-left outline-none transition-colors',\n                  item.id === active?.id\n                    ? 'text-[#181818]'\n                    : 'pb-2 text-white/70 hover:text-white',\n                  classNames?.tab,\n                )\n              \"\n              @click=\"clickTab(item.id)\"\n              @keydown=\"key($event, item.id)\"\n            >\n              <span\n                aria-hidden=\"true\"\n                :class=\"\n                  cn(\n                    'pointer-events-none absolute inset-x-1 top-1 opacity-0 transition-opacity group-focus-visible:opacity-100',\n                    item.id === active?.id\n                      ? 'bottom-0 rounded-t-[1.25rem] border-x-2 border-t-2 border-black/30'\n                      : 'bottom-2 rounded-[1rem] border-2 border-white/70',\n                  )\n                \"\n              /><span\n                v-if=\"item.icon\"\n                aria-hidden=\"true\"\n                :class=\"\n                  cn(\n                    'grid size-8 shrink-0 place-items-center [&_svg]:size-5',\n                    classNames?.icon,\n                  )\n                \"\n                ><RenderNode :node=\"item.icon\" /></span\n              ><span\n                :class=\"\n                  cn(\n                    'min-w-0 truncate whitespace-nowrap text-base font-medium leading-none tracking-[-.025em]',\n                    classNames?.label,\n                  )\n                \"\n                >{{ item.label }}</span\n              >\n            </button>\n            <button\n              v-if=\"hasClose()\"\n              type=\"button\"\n              :aria-label=\"'Close ' + item.label\"\n              :class=\"\n                cn(\n                  'absolute right-2 top-1/2 z-20 grid size-6 -translate-y-1/2 place-items-center rounded-full text-[#9aa0a8] transition-colors hover:bg-black/[.06] hover:text-[#4b5563] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current',\n                  item.id !== active?.id\n                    ? '!top-[calc(50%-4px)] text-white/45 hover:bg-white/[.08] hover:text-white/80'\n                    : '',\n                  classNames?.close,\n                )\n              \"\n              @pointerdown.stop\n              @click.stop=\"emit('close', item.id)\"\n            >\n              <X class=\"size-3.5 stroke-[1.5]\" />\n            </button>\n          </div>\n        </SpringTab>\n      </div>\n    </div>\n    <div\n      :id=\"uid + '-panel'\"\n      role=\"tabpanel\"\n      :aria-labelledby=\"uid + '-tab-' + safeId(active?.id ?? 'empty')\"\n      :class=\"\n        cn(\n          'relative z-20 mx-4 min-h-64 overflow-hidden rounded-[1.75rem] bg-[#fafaf8] text-[#181818]',\n          classNames?.content,\n        )\n      \"\n    >\n      <AnimatePresence mode=\"popLayout\" :initial=\"false\"\n        ><motion.div\n          v-if=\"active\"\n          :key=\"active.id\"\n          :initial=\"\n            reduce ? { opacity: 0 } : { opacity: 0, y: 8, filter: 'blur(6px)' }\n          \"\n          :animate=\"{ opacity: 1, y: 0, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce\n              ? { opacity: 0, transition: { duration: 0.08, ease: EASE_OUT } }\n              : {\n                  opacity: 0,\n                  y: -5,\n                  filter: 'blur(5px)',\n                  transition: { duration: 0.12, ease: EASE_OUT },\n                }\n          \"\n          :transition=\"\n            reduce ? { duration: 0.12, ease: EASE_OUT } : SPRING_PRESS\n          \"\n          class=\"min-h-64\"\n          ><slot name=\"content\" :item=\"active\"\n            ><RenderNode :node=\"active.content\" /></slot></motion.div\n      ></AnimatePresence>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { safeId, SURFACE_INSET, TAB_HEIGHT, TAB_TOP } from \"./model\";\nimport { useMorphingTabs } from \"./use-morphing-tabs\";\nimport type { MorphingTabsClassNames } from \"./source-types\";\nimport SpringTab from \"./SpringTab.vue\";\nexport interface MorphingTabsItem {\n  id: string;\n  label: string;\n  icon?: Content;\n  content: Content;\n  disabled?: boolean;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: MorphingTabsItem[];\n    modelValue?: string | null;\n    defaultValue?: string | null;\n    ariaLabel?: string;\n    closable?: boolean;\n    classNames?: MorphingTabsClassNames;\n  }>(),\n  { ariaLabel: \"Tabs\" },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [id: string | null];\n  valueChange: [id: string | null];\n  orderChange: [ids: string[]];\n  close: [id: string];\n}>();\nconst instance = getCurrentInstance();\nconst hasClose = () => props.closable || !!instance?.vnode.props?.onClose;\nconst {\n  reduce,\n  uid,\n  root,\n  rail,\n  ordered,\n  active,\n  surfaceWidth,\n  draggingId,\n  dragLeft,\n  surfaceLeft,\n  geometry,\n  slotLefts,\n  tabs,\n  visualIndex,\n  register,\n  startDrag,\n  moveDrag,\n  finish,\n  clickTab,\n  key,\n} = useMorphingTabs(props, {\n  value(id) {\n    emit(\"update:modelValue\", id);\n    emit(\"valueChange\", id);\n  },\n  order(ids) {\n    emit(\"orderChange\", ids);\n  },\n});\n</script>\n<template>\n  <div\n    v-if=\"ordered.length\"\n    ref=\"root\"\n    :class=\"\n      cn(\n        'relative isolate min-w-0 overflow-hidden rounded-[2rem] bg-[#292929] text-white',\n        classNames?.root,\n      )\n    \"\n  >\n    <div class=\"relative h-20\">\n      <div\n        ref=\"rail\"\n        role=\"tablist\"\n        :aria-label=\"ariaLabel\"\n        aria-orientation=\"horizontal\"\n        :class=\"\n          cn('relative z-30 flex h-full gap-3 md:gap-4', classNames?.rail)\n        \"\n      >\n        <SpringTab\n          v-for=\"(item, index) in ordered\"\n          :id=\"item.id\"\n          :key=\"item.id\"\n          :target-left=\"slotLefts[visualIndex(index)] ?? SURFACE_INSET\"\n          :dragging=\"item.id === draggingId\"\n          :drag-left=\"dragLeft\"\n          :surface-left=\"surfaceLeft\"\n          :reduce=\"reduce\"\n          :active=\"item.id === active?.id\"\n          :any-dragging=\"!!draggingId\"\n          :surface-host=\"root ?? null\"\n          :surface-width=\"surfaceWidth\"\n          :tab-width=\"geometry.width\"\n          :surface-class-name=\"classNames?.activeTab\"\n          :z-index=\"\n            item.id === draggingId ? 30 : item.id === active?.id ? 20 : 1\n          \"\n          :class=\"item.disabled ? 'cursor-not-allowed' : ''\"\n          @register=\"register\"\n          @pointerdown=\"startDrag(item.id, $event)\"\n          @pointermove=\"moveDrag\"\n          @pointerup=\"finish\"\n          @pointercancel=\"finish\"\n          @lostpointercapture=\"\n            (event: PointerEvent) => {\n              if (event.target === event.currentTarget) finish(event);\n            }\n          \"\n        >\n          <div\n            class=\"relative flex items-stretch\"\n            :style=\"{\n              width: geometry.width + 'px',\n              height: TAB_HEIGHT + 'px',\n              marginTop: TAB_TOP + 'px',\n            }\"\n          >\n            <span\n              v-if=\"item.id !== active?.id\"\n              aria-hidden=\"true\"\n              :class=\"\n                cn(\n                  'absolute inset-x-0 bottom-2 top-0 rounded-[1.25rem] transition-colors duration-200',\n                  item.id === draggingId\n                    ? 'bg-[#3a3a3a]'\n                    : 'bg-transparent group-hover:bg-white/[.06]',\n                )\n              \"\n            />\n            <button\n              :id=\"uid + '-tab-' + safeId(item.id)\"\n              :ref=\"\n                (node) => {\n                  if (node) tabs.set(item.id, node as HTMLButtonElement);\n                  else tabs.delete(item.id);\n                }\n              \"\n              type=\"button\"\n              role=\"tab\"\n              :aria-selected=\"item.id === active?.id\"\n              :aria-controls=\"uid + '-panel'\"\n              :aria-disabled=\"item.disabled || undefined\"\n              :tabindex=\"item.id === active?.id ? 0 : -1\"\n              :disabled=\"item.disabled\"\n              :class=\"\n                cn(\n                  'group relative z-10 flex h-full w-full min-w-0 items-center gap-2 overflow-hidden rounded-t-[1.5rem] px-3 text-left outline-none transition-colors',\n                  item.id === active?.id\n                    ? 'text-[#181818]'\n                    : 'pb-2 text-white/70 hover:text-white',\n                  classNames?.tab,\n                )\n              \"\n              @click=\"clickTab(item.id)\"\n              @keydown=\"key($event, item.id)\"\n            >\n              <span\n                aria-hidden=\"true\"\n                :class=\"\n                  cn(\n                    'pointer-events-none absolute inset-x-1 top-1 opacity-0 transition-opacity group-focus-visible:opacity-100',\n                    item.id === active?.id\n                      ? 'bottom-0 rounded-t-[1.25rem] border-x-2 border-t-2 border-black/30'\n                      : 'bottom-2 rounded-[1rem] border-2 border-white/70',\n                  )\n                \"\n              /><span\n                v-if=\"item.icon\"\n                aria-hidden=\"true\"\n                :class=\"\n                  cn(\n                    'grid size-8 shrink-0 place-items-center [&_svg]:size-5',\n                    classNames?.icon,\n                  )\n                \"\n                ><RenderNode :node=\"item.icon\" /></span\n              ><span\n                :class=\"\n                  cn(\n                    'min-w-0 truncate whitespace-nowrap text-base font-medium leading-none tracking-[-.025em]',\n                    classNames?.label,\n                  )\n                \"\n                >{{ item.label }}</span\n              >\n            </button>\n            <button\n              v-if=\"hasClose()\"\n              type=\"button\"\n              :aria-label=\"'Close ' + item.label\"\n              :class=\"\n                cn(\n                  'absolute right-2 top-1/2 z-20 grid size-6 -translate-y-1/2 place-items-center rounded-full text-[#9aa0a8] transition-colors hover:bg-black/[.06] hover:text-[#4b5563] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current',\n                  item.id !== active?.id\n                    ? '!top-[calc(50%-4px)] text-white/45 hover:bg-white/[.08] hover:text-white/80'\n                    : '',\n                  classNames?.close,\n                )\n              \"\n              @pointerdown.stop\n              @click.stop=\"emit('close', item.id)\"\n            >\n              <X class=\"size-3.5 stroke-[1.5]\" />\n            </button>\n          </div>\n        </SpringTab>\n      </div>\n    </div>\n    <div\n      :id=\"uid + '-panel'\"\n      role=\"tabpanel\"\n      :aria-labelledby=\"uid + '-tab-' + safeId(active?.id ?? 'empty')\"\n      :class=\"\n        cn(\n          'relative z-20 mx-4 min-h-64 overflow-hidden rounded-[1.75rem] bg-[#fafaf8] text-[#181818]',\n          classNames?.content,\n        )\n      \"\n    >\n      <AnimatePresence mode=\"popLayout\" :initial=\"false\"\n        ><motion.div\n          v-if=\"active\"\n          :key=\"active.id\"\n          :initial=\"\n            reduce ? { opacity: 0 } : { opacity: 0, y: 8, filter: 'blur(6px)' }\n          \"\n          :animate=\"{ opacity: 1, y: 0, filter: 'blur(0px)' }\"\n          :exit=\"\n            reduce\n              ? { opacity: 0, transition: { duration: 0.08, ease: EASE_OUT } }\n              : {\n                  opacity: 0,\n                  y: -5,\n                  filter: 'blur(5px)',\n                  transition: { duration: 0.12, ease: EASE_OUT },\n                }\n          \"\n          :transition=\"\n            reduce ? { duration: 0.12, ease: EASE_OUT } : SPRING_PRESS\n          \"\n          class=\"min-h-64\"\n          ><slot name=\"content\" :item=\"active\"\n            ><RenderNode :node=\"active.content\" /></slot></motion.div\n      ></AnimatePresence>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}