@orvui/vue 0.0.0-stage → 0.1.0

package/dist/tabs-DJq2UGVp.js

@@ -0,0 +1,509 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { n } from "./state-DWNDjqAL.js";
+import { r, u as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createVNode as p, defineComponent as m, inject as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, onUpdated as S, openBlock as C, provide as w, ref as T, renderSlot as E, resolveDynamicComponent as D, shallowRef as O, unref as k, useId as A, watch as j, withCtx as M } from "vue";
+import { cancelFrame as N, frame as P, motion as F, useSpring as I, useTransform as L } from "motion-v";
+import { ChevronLeft as R, ChevronRight as z } from "lucide-vue-next";
+// src/motion/tabs/src/context.ts
+var B = Symbol("orvui-tabs"), V = {
+	type: "spring",
+	stiffness: 245,
+	damping: 36,
+	mass: 1.2
+};
+function H() {
+	let e = h(B);
+	if (!e) throw Error("Tabs components must be used inside Tabs");
+	return e;
+}
+// src/motion/tabs/src/Tabs.vue
+var U = /* @__PURE__ */ m({
+	__name: "Tabs",
+	props: {
+		modelValue: {},
+		defaultValue: { default: "" },
+		variant: { default: "pill" },
+		icons: { default: "always" }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let r = e, i = n(r, t, "modelValue", r.defaultValue), a = A(), o = {
+			x: I(0, V),
+			y: I(0, V),
+			width: I(0, V),
+			height: I(0, V)
+		}, l = T(!1), u = O(/* @__PURE__ */ new Map()), d = O(/* @__PURE__ */ new Set());
+		function f(e, t) {
+			u.value.has(e) && u.value.get(e) === t || (u.value = new Map([...u.value, [e, t]]));
+		}
+		function p(e) {
+			let t = new Map(u.value);
+			t.delete(e), u.value = t;
+		}
+		function m(e) {
+			d.value.has(e) || (d.value = /* @__PURE__ */ new Set([...d.value, e]));
+		}
+		function h(e) {
+			let t = new Set(d.value);
+			t.delete(e), d.value = t;
+		}
+		let g = s(() => {
+			if (!u.value.size) return null;
+			let e = [...u.value].filter(([, e]) => !e).map(([e]) => e);
+			return e.includes(i.value) ? i.value : e[0] ?? "";
+		});
+		function _(e, t) {
+			return `${a}-${e}-${t.replace(/[^\w-]/g, "_")}`;
+		}
+		return w(B, {
+			value: i,
+			id: a,
+			variant: s(() => r.variant),
+			icons: s(() => r.icons),
+			track: o,
+			placed: l,
+			tabStop: g,
+			tabs: u,
+			panels: d,
+			registerTab: f,
+			unregisterTab: p,
+			registerPanel: m,
+			unregisterPanel: h,
+			tabId: (e) => _("tab", e),
+			panelId: (e) => _("panel", e)
+		}), (e, t) => (C(), c(k(F).div, { "layout-root": "" }, {
+			default: M(() => [E(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), W = (e, t) => Math.max(0, Math.min(t, e));
+function G(e, t, n, r, i) {
+	let a = T({
+		overflow: !1,
+		left: !1,
+		right: !1
+	}), o = s(() => e.icons.value === "selected" && e.variant.value !== "underline"), c, l = !1, u = 0, d = 0, f, p = null;
+	function m(e) {
+		let t = Math.max(0, e.scrollWidth - e.clientWidth);
+		return {
+			max: t,
+			left: W(getComputedStyle(e).direction === "rtl" ? t + e.scrollLeft : e.scrollLeft, t)
+		};
+	}
+	function h() {
+		if (!n.value || !r.value) return;
+		let e = r.value, { max: t, left: i } = m(e), o = {
+			overflow: e.scrollWidth > n.value.clientWidth + 1,
+			left: i > 1,
+			right: i < t - 1
+		};
+		(o.overflow !== a.value.overflow || o.left !== a.value.left || o.right !== a.value.right) && (a.value = o);
+	}
+	function g(e) {
+		let n = r.value;
+		if (!n || !e) return;
+		let i = n.getBoundingClientRect(), a = e.getBoundingClientRect(), o = m(n), s = i.left + (o.left > 1 ? 36 : 0), c = i.right - (o.left < o.max - 1 ? 36 : 0), l = a.left < s ? a.left - s : a.right > c ? a.right - c : 0;
+		l && n.scrollBy({
+			left: l,
+			behavior: t.value ? "instant" : "smooth"
+		});
+	}
+	function v(t) {
+		let n = e.icons.value === "selected" ? Array.from(i.value?.querySelectorAll("[role=tab] > [data-tabs-icon]") ?? []) : [], r = n.map((e) => ({
+			icon: e,
+			width: e.style.width,
+			margin: e.style.marginRight
+		}));
+		for (let t of n) {
+			let n = t.parentElement?.dataset.tabsValue === e.value.value;
+			t.style.width = n ? "auto" : "0px", t.style.marginRight = n ? "6px" : "0px";
+		}
+		try {
+			t();
+		} finally {
+			r.forEach(({ icon: e, width: t, margin: n }) => {
+				e.style.width = t, e.style.marginRight = n;
+			});
+		}
+	}
+	function y() {
+		let n = i.value;
+		if (!o.value || !n) return;
+		let r = Array.from(n.querySelectorAll("[role=tab]")).find((t) => t.dataset.tabsValue === e.value.value)?.parentElement;
+		r && v(() => {
+			let n = {
+				x: r.offsetLeft,
+				y: r.offsetTop,
+				width: r.getBoundingClientRect().width,
+				height: r.offsetHeight
+			}, i = t.value || e.track.width.get() === 0;
+			for (let t of [
+				"x",
+				"y",
+				"width",
+				"height"
+			]) i ? e.track[t].jump(n[t]) : e.track[t].set(n[t]);
+			n.width > 0 && (e.placed.value = !0);
+		});
+	}
+	function C() {
+		let n = i.value;
+		if (!n || e.variant.value === "underline") {
+			N(C);
+			return;
+		}
+		let r = Array.from(n.querySelectorAll("[data-tabs-label]")), a = n.querySelector("[data-tabs-indicator]"), o = n.querySelector("[role=tab][aria-selected=true]");
+		if (!a || !o || o.dataset.tabsValue !== e.value.value) {
+			r.forEach((e) => e.style.clipPath = "inset(0 100% 0 0)"), N(C);
+			return;
+		}
+		let s = (t.value ? o : a).getBoundingClientRect();
+		for (let e of r) {
+			let t = e.getBoundingClientRect(), n = W(s.left - t.left, t.width), r = W(t.right - s.right, t.width), i = n + r >= t.width ? "inset(0 100% 0 0)" : `inset(0 ${r}px 0 ${n}px)`;
+			e.style.clipPath !== i && (e.style.clipPath = i);
+		}
+		let c = o.getBoundingClientRect(), l = Math.abs(s.left - c.left) < .1 && Math.abs(s.right - c.right) < .1;
+		u++, d = f && Math.abs(s.left - f.left) < .01 && Math.abs(s.right - f.right) < .01 ? d + 1 : 0, f = {
+			left: s.left,
+			right: s.right
+		}, (t.value || u > 10 && d >= 3 && l || u > 180) && N(C);
+	}
+	function w() {
+		u = 0, d = 0, f = void 0, N(C), P.postRender(C, !0);
+	}
+	function E() {
+		l && (h(), y(), w());
+	}
+	function D() {
+		l && v(() => g(i.value?.querySelector("[role=tab][aria-selected=true]") ?? null));
+	}
+	function O(e) {
+		if (e.defaultPrevented || !i.value || !(e.target instanceof HTMLElement)) return;
+		let t = Array.from(i.value.querySelectorAll("[role=tab]")).filter((e) => !e.disabled && e.closest("[role=tablist]") === i.value), n = t.indexOf(e.target);
+		if (n < 0 || !t.length) return;
+		let r = getComputedStyle(i.value).direction === "rtl", a;
+		e.key === (r ? "ArrowLeft" : "ArrowRight") ? a = t[(n + 1) % t.length] : e.key === (r ? "ArrowRight" : "ArrowLeft") ? a = t[(n + t.length - 1) % t.length] : e.key === "Home" ? a = t[0] : e.key === "End" && (a = t.at(-1)), a && (e.preventDefault(), a.focus(), a.click());
+	}
+	function k(e) {
+		let n = r.value;
+		n?.scrollBy({
+			left: e * n.clientWidth * .8,
+			behavior: t.value ? "instant" : "smooth"
+		});
+	}
+	function A(e) {
+		let t = e.target;
+		t.getAttribute("role") === "tab" && g(t);
+	}
+	return j([
+		e.value,
+		e.icons,
+		e.variant,
+		t,
+		e.placed
+	], () => {
+		_(E);
+	}, { flush: "post" }), j(e.value, () => {
+		_(D);
+	}, { flush: "post" }), S(E), x(() => {
+		if (l = !0, typeof ResizeObserver < "u") {
+			c = new ResizeObserver(E);
+			for (let e of [
+				n.value,
+				r.value,
+				i.value
+			]) e && c.observe(e);
+			for (let e of i.value?.querySelectorAll("[role=tab]") ?? []) e.parentElement && c.observe(e.parentElement);
+		}
+		p = r.value, p?.addEventListener("scroll", h, { passive: !0 }), E(), D();
+	}), b(() => {
+		l = !1, c?.disconnect(), p?.removeEventListener("scroll", h), N(C);
+	}), {
+		edges: a,
+		tracked: o,
+		keyboard: O,
+		scroll: k,
+		focus: A
+	};
+}
+// src/motion/tabs/src/TabsList.vue?vue&type=script&setup=true&lang.ts
+var K = ["aria-controls", "disabled"], q = {
+	key: 1,
+	"aria-hidden": "true",
+	class: "pointer-events-none absolute inset-y-0 left-0 z-10 w-10 rounded-l-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_right,black,transparent)]"
+}, J = {
+	key: 2,
+	"aria-hidden": "true",
+	class: "pointer-events-none absolute inset-y-0 right-0 z-10 w-10 rounded-r-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_left,black,transparent)]"
+}, Y = ["aria-controls", "disabled"], X = "absolute inset-y-0 z-20 inline-flex w-9 items-center justify-center text-foreground transition-opacity hover:opacity-70 focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-0", Z = /* @__PURE__ */ m({
+	inheritAttrs: !1,
+	__name: "TabsList",
+	props: { wrapperClassName: {} },
+	setup(n) {
+		let r = H(), i = e(), o = T(null), c = T(null), f = T(null), m = A(), { edges: h, tracked: _, keyboard: b, scroll: x, focus: S } = G(r, i, o, c, f), w = {
+			pill: "inline-flex items-center gap-1 rounded-full bg-card p-1",
+			underline: "inline-flex items-center gap-1 border-b border-border",
+			segment: "inline-flex items-center gap-0 rounded-lg bg-card p-0.5"
+		}, D = s(() => r.variant.value === "pill" ? "rounded-full bg-card" : r.variant.value === "segment" ? "rounded-lg bg-card" : ""), O = s(() => h.value.overflow ? { maskImage: `linear-gradient(to right, ${h.value.left ? "transparent, black 40px" : "black, black 0px"}, ${h.value.right ? "black calc(100% - 40px), transparent" : "black 100%"})` } : void 0);
+		return (e, i) => (C(), u("div", {
+			ref_key: "root",
+			ref: o,
+			class: v(k(a)("relative isolate flex w-full max-w-full min-w-0 items-center", k(h).overflow && D.value, n.wrapperClassName))
+		}, [
+			k(h).overflow ? (C(), u("button", {
+				key: 0,
+				type: "button",
+				"aria-label": "Scroll tabs left",
+				"aria-controls": k(m),
+				disabled: !k(h).left,
+				onClick: i[0] ||= (e) => k(x)(-1),
+				class: v(k(a)(X, "left-0 rounded-l-full"))
+			}, [p(k(R), {
+				size: 20,
+				"aria-hidden": "true"
+			})], 10, K)) : l("", !0),
+			p(k(F).div, {
+				ref: (e) => c.value = k(t)(e),
+				id: k(m),
+				"layout-scroll": "",
+				class: v(k(a)("w-full min-w-0 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", k(h).overflow && "[border-radius:inherit]")),
+				style: y(O.value),
+				onFocusCapture: k(S)
+			}, {
+				default: M(() => [d("div", g({
+					ref_key: "list",
+					ref: f
+				}, e.$attrs, {
+					role: "tablist",
+					onKeydown: i[1] ||= (...e) => k(b) && k(b)(...e),
+					class: k(a)(w[k(r).variant.value], "w-max", k(_) && "relative", e.$attrs.class)
+				}), [E(e.$slots, "default")], 16)]),
+				_: 3
+			}, 8, [
+				"id",
+				"class",
+				"style",
+				"onFocusCapture"
+			]),
+			k(h).overflow && k(h).left ? (C(), u("span", q)) : l("", !0),
+			k(h).overflow && k(h).right ? (C(), u("span", J)) : l("", !0),
+			k(h).overflow ? (C(), u("button", {
+				key: 3,
+				type: "button",
+				"aria-label": "Scroll tabs right",
+				"aria-controls": k(m),
+				disabled: !k(h).right,
+				onClick: i[2] ||= (e) => k(x)(1),
+				class: v(k(a)(X, "right-0 rounded-r-full"))
+			}, [p(k(z), {
+				size: 20,
+				"aria-hidden": "true"
+			})], 10, Y)) : l("", !0)
+		], 2));
+	}
+}), Q = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "mr-1.5 inline-flex shrink-0 items-center"
+}, $ = /* @__PURE__ */ m({
+	__name: "TriggerContent",
+	props: {
+		active: { type: Boolean },
+		icon: {}
+	},
+	setup(t) {
+		let n = t, r = H(), a = e(), d = s(() => ({
+			width: n.active ? "auto" : "0px",
+			marginRight: n.active ? "6px" : "0px",
+			opacity: +!!n.active,
+			scale: n.active ? 1 : .6
+		}));
+		return (e, n) => (C(), u(o, null, [e.$slots.icon || t.icon ? (C(), u(o, { key: 0 }, [k(r).icons.value === "always" ? (C(), u("span", Q, [E(e.$slots, "icon", {}, () => [(C(), c(D(t.icon)))])])) : (C(), c(k(F).span, {
+			key: 1,
+			"aria-hidden": "true",
+			"data-tabs-icon": "",
+			initial: !1,
+			animate: d.value,
+			transition: k(a) ? { duration: 0 } : k(i),
+			class: "inline-flex shrink-0 items-center justify-center overflow-hidden"
+		}, {
+			default: M(() => [E(e.$slots, "icon", {}, () => [(C(), c(D(t.icon)))])]),
+			_: 3
+		}, 8, ["animate", "transition"]))], 64)) : l("", !0), E(e.$slots, "default")], 64));
+	}
+}), ee = [
+	"id",
+	"aria-controls",
+	"tabindex",
+	"aria-selected",
+	"disabled",
+	"data-tabs-value"
+], te = [
+	"id",
+	"aria-controls",
+	"tabindex",
+	"aria-selected",
+	"disabled",
+	"data-tabs-value"
+], ne = /* @__PURE__ */ m({
+	inheritAttrs: !1,
+	__name: "TabsTrigger",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		icon: {},
+		indicatorClassName: {}
+	},
+	setup(t) {
+		let n = t, r = H(), i = e(), o = s(() => r.value.value === n.value), m = s(() => r.variant.value === "pill" ? "rounded-full" : "rounded-md"), h = s(() => r.icons.value === "selected" && r.placed.value), _ = o.value ? "inset(0)" : "inset(0 100% 0 0)", S = L(r.track.width, (e) => `${e}px`), w = L(r.track.height, (e) => `${e}px`), T = s(() => !n.disabled && (r.tabStop.value === null || r.tabStop.value === n.value) ? 0 : -1), D = s(() => r.variant.value === "pill" ? "9999px" : "8px");
+		function O(e) {
+			e.defaultPrevented || (r.value.value = n.value);
+		}
+		return x(() => r.registerTab(n.value, !!n.disabled)), j([() => n.value, () => n.disabled], ([e, t], [n]) => {
+			n !== e && r.unregisterTab(n), r.registerTab(e, !!t);
+		}), b(() => r.unregisterTab(n.value)), (e, n) => k(r).variant.value === "underline" ? (C(), u("button", g({
+			key: 0,
+			id: k(r).tabId(t.value),
+			"aria-controls": k(r).panels.value.has(t.value) ? k(r).panelId(t.value) : void 0,
+			tabindex: T.value
+		}, e.$attrs, {
+			type: "button",
+			role: "tab",
+			"aria-selected": o.value,
+			disabled: t.disabled,
+			"data-tabs-value": t.value,
+			onClick: O,
+			class: k(a)("relative isolate px-3 pb-2.5 pt-1 -mb-px text-sm font-medium transition-colors min-h-[44px] inline-flex items-center whitespace-nowrap shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring", o.value ? "text-foreground" : "text-muted-foreground hover:text-foreground", e.$attrs.class)
+		}), [p($, {
+			active: o.value,
+			icon: t.icon
+		}, f({
+			default: M(() => [E(e.$slots, "default")]),
+			_: 2
+		}, [e.$slots.icon ? {
+			name: "icon",
+			fn: M(() => [E(e.$slots, "icon")]),
+			key: "0"
+		} : void 0]), 1032, ["active", "icon"]), o.value ? (C(), c(k(F).span, {
+			key: 0,
+			"layout-id": `${k(r).id}-indicator`,
+			layout: "",
+			transition: k(i) ? { duration: 0 } : k(V),
+			class: v(k(a)("absolute bottom-0 left-0 right-0 h-px bg-primary", t.indicatorClassName))
+		}, null, 8, [
+			"layout-id",
+			"transition",
+			"class"
+		])) : l("", !0)], 16, ee)) : (C(), u("div", {
+			key: 1,
+			class: v(k(a)("shrink-0", !h.value && "relative"))
+		}, [o.value && h.value ? (C(), c(k(F).span, {
+			key: "tracked",
+			"data-tabs-indicator": "",
+			style: y({
+				...k(r).track,
+				width: k(S),
+				height: k(w),
+				borderRadius: D.value
+			}),
+			class: v(k(a)("absolute top-0 left-0 bg-primary", m.value, t.indicatorClassName))
+		}, null, 8, ["style", "class"])) : o.value ? (C(), c(k(F).span, {
+			key: "layout",
+			"data-tabs-indicator": "",
+			"layout-id": `${k(r).id}-indicator`,
+			layout: "",
+			transition: k(i) ? { duration: 0 } : k(V),
+			style: y({ borderRadius: D.value }),
+			class: v(k(a)("absolute inset-0 bg-primary", m.value, t.indicatorClassName))
+		}, null, 8, [
+			"layout-id",
+			"transition",
+			"style",
+			"class"
+		])) : l("", !0), d("button", g({
+			id: k(r).tabId(t.value),
+			"aria-controls": k(r).panels.value.has(t.value) ? k(r).panelId(t.value) : void 0,
+			tabindex: T.value
+		}, e.$attrs, {
+			type: "button",
+			role: "tab",
+			"aria-selected": o.value,
+			disabled: t.disabled,
+			"data-tabs-value": t.value,
+			onClick: O,
+			class: k(a)("relative z-10 inline-flex items-center justify-center whitespace-nowrap bg-transparent px-3.5 py-1.5 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring text-muted-foreground hover:text-foreground", m.value, e.$attrs.class)
+		}), [p($, {
+			active: o.value,
+			icon: t.icon
+		}, f({
+			default: M(() => [E(e.$slots, "default")]),
+			_: 2
+		}, [e.$slots.icon ? {
+			name: "icon",
+			fn: M(() => [E(e.$slots, "icon")]),
+			key: "0"
+		} : void 0]), 1032, ["active", "icon"]), d("span", {
+			"data-tabs-label": "",
+			"aria-hidden": "true",
+			inert: "",
+			class: "pointer-events-none absolute inset-0 inline-flex items-center justify-center text-primary-foreground [gap:inherit] [padding:inherit]",
+			style: y({ clipPath: k(_) })
+		}, [p($, {
+			active: o.value,
+			icon: t.icon
+		}, f({
+			default: M(() => [E(e.$slots, "default")]),
+			_: 2
+		}, [e.$slots.icon ? {
+			name: "icon",
+			fn: M(() => [E(e.$slots, "icon")]),
+			key: "0"
+		} : void 0]), 1032, ["active", "icon"])], 4)], 16, te)], 2));
+	}
+}), re = /* @__PURE__ */ m({
+	__name: "TabsContent",
+	props: {
+		value: {},
+		forceMount: { type: Boolean }
+	},
+	setup(t) {
+		let n = t, i = H(), a = e(), o = s(() => i.value.value === n.value);
+		return x(() => i.registerPanel(n.value)), j(() => n.value, (e, t) => {
+			i.unregisterPanel(t), i.registerPanel(e);
+		}), b(() => i.unregisterPanel(n.value)), (e, n) => (C(), c(k(F).div, {
+			id: k(i).panelId(t.value),
+			role: "tabpanel",
+			"aria-labelledby": k(i).tabId(t.value),
+			hidden: !o.value,
+			tabindex: o.value ? 0 : void 0,
+			initial: !1,
+			animate: o.value ? {
+				opacity: 1,
+				y: 0
+			} : {
+				opacity: 0,
+				y: k(a) ? 0 : 4
+			},
+			transition: {
+				duration: .18,
+				ease: k(r)
+			},
+			class: v(o.value ? "mt-4 outline-none focus-visible:ring-2 focus-visible:ring-ring/40 rounded-md" : void 0)
+		}, {
+			default: M(() => [E(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"id",
+			"aria-labelledby",
+			"hidden",
+			"tabindex",
+			"animate",
+			"transition",
+			"class"
+		]));
+	}
+});
+export { U as i, ne as n, Z as r, re as t };
+
+//# sourceMappingURL=tabs-DJq2UGVp.js.map

package/dist/tabs-DJq2UGVp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-DJq2UGVp.js","names":["emit","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","$attrs","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","_createCommentVNode","_normalizeStyle","_withCtx","_createElementVNode","_mergeProps","_renderSlot","_sfc_main","$slots","_hoisted_1","_openBlock","_createElementBlock","_Fragment","_unref","_renderSlot","_createBlock","_resolveDynamicComponent","_withCtx","_createCommentVNode","_sfc_main","$attrs","$slots","_unref","_openBlock","_createElementBlock","_mergeProps","_createVNode","TriggerContent","_createSlots","_withCtx","_renderSlot","_createBlock","_normalizeClass","_createCommentVNode","_normalizeStyle","_createElementVNode","_sfc_main","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot","_sfc_main","useReducedMotion","SPRING_SWAP","cn","TabsContext","TABS_TRANSITION","useTabs","state","inject","Tabs_default","defineComponent","__emit","props","__props","value","useMotionState","id","useId","track","useSpring","placed","ref","tabs","shallowRef","panels","registerTab","disabled","unregisterTab","entries","registerPanel","unregisterPanel","tabStop","computed","enabled","elementId","kind","provide","openBlock","createBlock","unref","motion","withCtx","renderSlot","_ctx","clamp","max","useTabsList","edges","tracked","observer","mounted","ticks","still","previous","bound","scrollPosition","view","measure","root","viewport","next","left","reveal","tab","bounds","item","position","right","delta","reduced","withSelectedIconLayout","icons","list","restore","icon","selected","width","margin","place","element","target","box","instant","key","synchronizeClips","labels","indicator","cancelFrame","pill","label","clip","destination","arrived","clips","frame","update","revealSelected","keyboard","event","rows","at","rtl","scroll","direction","focus","watch","onUpdated","onMounted","onBeforeUnmount","_hoisted_1$2","_hoisted_2$1","_hoisted_3","_hoisted_4","control","TabsList_default","viewportId","classes","surface","mask","createElementBlock","normalizeClass","_cache","createVNode","ChevronLeft","createCommentVNode","resolveElement","normalizeStyle","createElementVNode","mergeProps","args","ChevronRight","_hoisted_1$1","TriggerContent_default","iconPose","Fragment","resolveDynamicComponent","_hoisted_1","_hoisted_2","TabsTrigger_default","active","radius","initialClip","useTransform","height","tabIndex","border","select","createSlots","TabsContent_default","EASE_OUT"],"sources":["../src/motion/tabs/src/context.ts","../src/motion/tabs/src/Tabs.vue","../src/motion/tabs/src/Tabs.vue","../src/motion/tabs/src/list-state.ts","../src/motion/tabs/src/TabsList.vue","../src/motion/tabs/src/TabsList.vue","../src/motion/tabs/src/TriggerContent.vue","../src/motion/tabs/src/TriggerContent.vue","../src/motion/tabs/src/TabsTrigger.vue","../src/motion/tabs/src/TabsTrigger.vue","../src/motion/tabs/src/TabsContent.vue","../src/motion/tabs/src/TabsContent.vue"],"sourcesContent":["import { inject, type ComputedRef, type InjectionKey, type Ref, type ShallowRef } from \"vue\";\nimport type { MotionValue } from \"motion-v\";\nexport interface TabsState { value: Ref<string>; id: string; variant: ComputedRef<\"pill\" | \"underline\" | \"segment\">; icons: ComputedRef<\"always\" | \"selected\">; track: Record<\"x\" | \"y\" | \"width\" | \"height\", MotionValue<number>>; placed: Ref<boolean>; tabStop: ComputedRef<string | null>; tabs: ShallowRef<Map<string, boolean>>; panels: ShallowRef<Set<string>>; registerTab: (value: string, disabled: boolean) => void; unregisterTab: (value: string) => void; registerPanel: (value: string) => void; unregisterPanel: (value: string) => void; tabId: (value: string) => string; panelId: (value: string) => string }\nexport const TabsContext = Symbol(\"orvui-tabs\") as InjectionKey<TabsState>;\nexport const TABS_TRANSITION = { type: \"spring\" as const, stiffness: 245, damping: 36, mass: 1.2 };\nexport function useTabs() { const state = inject(TabsContext); if (!state) throw new Error(\"Tabs components must be used inside Tabs\"); return state; }\n","<script setup lang=\"ts\">\nimport { computed, provide, ref, shallowRef, useId } from \"vue\";\nimport { motion, useSpring } from \"motion-v\";\nimport { useMotionState } from \"../../state\";\nimport { TabsContext, TABS_TRANSITION } from \"./context\";\nconst props = withDefaults(defineProps<{ modelValue?: string; defaultValue?: string; variant?: \"pill\" | \"underline\" | \"segment\"; icons?: \"always\" | \"selected\" }>(), { defaultValue: \"\", variant: \"pill\", icons: \"always\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst id = useId();\nconst track = { x: useSpring(0, TABS_TRANSITION), y: useSpring(0, TABS_TRANSITION), width: useSpring(0, TABS_TRANSITION), height: useSpring(0, TABS_TRANSITION) };\nconst placed = ref(false);\nconst tabs = shallowRef(new Map<string, boolean>());\nconst panels = shallowRef(new Set<string>());\nfunction registerTab(value: string, disabled: boolean) { if (tabs.value.has(value) && tabs.value.get(value) === disabled) return; tabs.value = new Map([...tabs.value, [value, disabled]]); }\nfunction unregisterTab(value: string) { const entries = new Map(tabs.value); entries.delete(value); tabs.value = entries; }\nfunction registerPanel(value: string) { if (!panels.value.has(value)) panels.value = new Set([...panels.value, value]); }\nfunction unregisterPanel(value: string) { const entries = new Set(panels.value); entries.delete(value); panels.value = entries; }\nconst tabStop = computed(() => { if (!tabs.value.size) return null; const enabled = [...tabs.value].filter(([, disabled]) => !disabled).map(([value]) => value); return enabled.includes(value.value) ? value.value : enabled[0] ?? \"\"; });\nfunction elementId(kind: string, value: string) { return `${id}-${kind}-${value.replace(/[^\\w-]/g, \"_\")}`; }\nprovide(TabsContext, { value, id, variant: computed(() => props.variant), icons: computed(() => props.icons), track, placed, tabStop, tabs, panels, registerTab, unregisterTab, registerPanel, unregisterPanel, tabId: value => elementId(\"tab\", value), panelId: value => elementId(\"panel\", value) });\n</script>\n<template><motion.div layout-root><slot /></motion.div></template>\n","<script setup lang=\"ts\">\nimport { computed, provide, ref, shallowRef, useId } from \"vue\";\nimport { motion, useSpring } from \"motion-v\";\nimport { useMotionState } from \"../../state\";\nimport { TabsContext, TABS_TRANSITION } from \"./context\";\nconst props = withDefaults(defineProps<{ modelValue?: string; defaultValue?: string; variant?: \"pill\" | \"underline\" | \"segment\"; icons?: \"always\" | \"selected\" }>(), { defaultValue: \"\", variant: \"pill\", icons: \"always\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst id = useId();\nconst track = { x: useSpring(0, TABS_TRANSITION), y: useSpring(0, TABS_TRANSITION), width: useSpring(0, TABS_TRANSITION), height: useSpring(0, TABS_TRANSITION) };\nconst placed = ref(false);\nconst tabs = shallowRef(new Map<string, boolean>());\nconst panels = shallowRef(new Set<string>());\nfunction registerTab(value: string, disabled: boolean) { if (tabs.value.has(value) && tabs.value.get(value) === disabled) return; tabs.value = new Map([...tabs.value, [value, disabled]]); }\nfunction unregisterTab(value: string) { const entries = new Map(tabs.value); entries.delete(value); tabs.value = entries; }\nfunction registerPanel(value: string) { if (!panels.value.has(value)) panels.value = new Set([...panels.value, value]); }\nfunction unregisterPanel(value: string) { const entries = new Set(panels.value); entries.delete(value); panels.value = entries; }\nconst tabStop = computed(() => { if (!tabs.value.size) return null; const enabled = [...tabs.value].filter(([, disabled]) => !disabled).map(([value]) => value); return enabled.includes(value.value) ? value.value : enabled[0] ?? \"\"; });\nfunction elementId(kind: string, value: string) { return `${id}-${kind}-${value.replace(/[^\\w-]/g, \"_\")}`; }\nprovide(TabsContext, { value, id, variant: computed(() => props.variant), icons: computed(() => props.icons), track, placed, tabStop, tabs, panels, registerTab, unregisterTab, registerPanel, unregisterPanel, tabId: value => elementId(\"tab\", value), panelId: value => elementId(\"panel\", value) });\n</script>\n<template><motion.div layout-root><slot /></motion.div></template>\n","import { computed, nextTick, onBeforeUnmount, onMounted, onUpdated, ref, watch, type Ref } from \"vue\";\nimport { cancelFrame, frame } from \"motion-v\";\nimport type { TabsState } from \"./context\";\nconst clamp = (value: number, max: number) => Math.max(0, Math.min(max, value));\nexport function useTabsList(state: TabsState, reduced: Ref<boolean>, root: Ref<HTMLElement | null>, viewport: Ref<HTMLElement | null>, list: Ref<HTMLElement | null>) {\n  const edges = ref({ overflow: false, left: false, right: false });\n  const tracked = computed(() => state.icons.value === \"selected\" && state.variant.value !== \"underline\");\n  let observer: ResizeObserver | undefined;\n  let mounted = false;\n  let ticks = 0;\n  let still = 0;\n  let previous: { left: number; right: number } | undefined;\n  let bound: HTMLElement | null = null;\n  function scrollPosition(view: HTMLElement) { const max = Math.max(0, view.scrollWidth - view.clientWidth); const offset = getComputedStyle(view).direction === \"rtl\" ? max + view.scrollLeft : view.scrollLeft; return { max, left: clamp(offset, max) }; }\n  function measure() { if (!root.value || !viewport.value) return; const view = viewport.value; const { max, left } = scrollPosition(view); const next = { overflow: view.scrollWidth > root.value.clientWidth + 1, left: left > 1, right: left < max - 1 }; if (next.overflow !== edges.value.overflow || next.left !== edges.value.left || next.right !== edges.value.right) edges.value = next; }\n  function reveal(tab: HTMLElement | null) { const view = viewport.value; if (!view || !tab) return; const bounds = view.getBoundingClientRect(); const item = tab.getBoundingClientRect(); const position = scrollPosition(view); const left = bounds.left + (position.left > 1 ? 36 : 0); const right = bounds.right - (position.left < position.max - 1 ? 36 : 0); const delta = item.left < left ? item.left - left : item.right > right ? item.right - right : 0; if (delta) view.scrollBy({ left: delta, behavior: reduced.value ? \"instant\" : \"smooth\" }); }\n  function withSelectedIconLayout(measure: () => void) {\n    const icons = state.icons.value === \"selected\" ? Array.from(list.value?.querySelectorAll<HTMLElement>(\"[role=tab] > [data-tabs-icon]\") ?? []) : [];\n    const restore = icons.map(icon => ({ icon, width: icon.style.width, margin: icon.style.marginRight }));\n    for (const icon of icons) { const selected = icon.parentElement?.dataset.tabsValue === state.value.value; icon.style.width = selected ? \"auto\" : \"0px\"; icon.style.marginRight = selected ? \"6px\" : \"0px\"; }\n    try { measure(); } finally { restore.forEach(({ icon, width, margin }) => { icon.style.width = width; icon.style.marginRight = margin; }); }\n  }\n  function place() { const element = list.value; if (!tracked.value || !element) return; const target = Array.from(element.querySelectorAll<HTMLElement>(\"[role=tab]\")).find(tab => tab.dataset.tabsValue === state.value.value)?.parentElement; if (!target) return; withSelectedIconLayout(() => { const box = { x: target.offsetLeft, y: target.offsetTop, width: target.getBoundingClientRect().width, height: target.offsetHeight }; const instant = reduced.value || state.track.width.get() === 0; for (const key of [\"x\", \"y\", \"width\", \"height\"] as const) { if (instant) state.track[key].jump(box[key]); else state.track[key].set(box[key]); } if (box.width > 0) state.placed.value = true; }); }\n  function synchronizeClips() {\n    const element = list.value; if (!element || state.variant.value === \"underline\") { cancelFrame(synchronizeClips); return; }\n    const labels = Array.from(element.querySelectorAll<HTMLElement>(\"[data-tabs-label]\")); const indicator = element.querySelector<HTMLElement>(\"[data-tabs-indicator]\"); const target = element.querySelector<HTMLElement>(\"[role=tab][aria-selected=true]\");\n    if (!indicator || !target || target.dataset.tabsValue !== state.value.value) { labels.forEach(label => label.style.clipPath = \"inset(0 100% 0 0)\"); cancelFrame(synchronizeClips); return; }\n    const pill = (reduced.value ? target : indicator).getBoundingClientRect();\n    for (const label of labels) { const bounds = label.getBoundingClientRect(); const left = clamp(pill.left - bounds.left, bounds.width); const right = clamp(bounds.right - pill.right, bounds.width); const clip = left + right >= bounds.width ? \"inset(0 100% 0 0)\" : `inset(0 ${right}px 0 ${left}px)`; if (label.style.clipPath !== clip) label.style.clipPath = clip; }\n    const destination = target.getBoundingClientRect();\n    const arrived = Math.abs(pill.left - destination.left) < .1 && Math.abs(pill.right - destination.right) < .1;\n    ticks++; still = previous && Math.abs(pill.left - previous.left) < .01 && Math.abs(pill.right - previous.right) < .01 ? still + 1 : 0; previous = { left: pill.left, right: pill.right };\n    // Shared-layout projection can start after several still frames. Keep the\n    // contrast mask tracking until the indicator actually settles on its tab.\n    if (reduced.value || ticks > 10 && still >= 3 && arrived || ticks > 180) cancelFrame(synchronizeClips);\n  }\n  function clips() { ticks = 0; still = 0; previous = undefined; cancelFrame(synchronizeClips); frame.postRender(synchronizeClips, true); }\n  // Edge updates and resize observations must preserve the user's scroll position.\n  function update() { if (!mounted) return; measure(); place(); clips(); }\n  function revealSelected() { if (mounted) withSelectedIconLayout(() => reveal(list.value?.querySelector<HTMLElement>(\"[role=tab][aria-selected=true]\") ?? null)); }\n  function keyboard(event: KeyboardEvent) { if (event.defaultPrevented || !list.value || !(event.target instanceof HTMLElement)) return; const rows = Array.from(list.value.querySelectorAll<HTMLButtonElement>(\"[role=tab]\")).filter(tab => !tab.disabled && tab.closest(\"[role=tablist]\") === list.value); const at = rows.indexOf(event.target as HTMLButtonElement); if (at < 0 || !rows.length) return; const rtl = getComputedStyle(list.value).direction === \"rtl\"; let next: HTMLButtonElement | undefined; if (event.key === (rtl ? \"ArrowLeft\" : \"ArrowRight\")) next = rows[(at + 1) % rows.length]; else if (event.key === (rtl ? \"ArrowRight\" : \"ArrowLeft\")) next = rows[(at + rows.length - 1) % rows.length]; else if (event.key === \"Home\") next = rows[0]; else if (event.key === \"End\") next = rows.at(-1); if (next) { event.preventDefault(); next.focus(); next.click(); } }\n  function scroll(direction: number) { const view = viewport.value; view?.scrollBy({ left: direction * view.clientWidth * .8, behavior: reduced.value ? \"instant\" : \"smooth\" }); }\n  function focus(event: FocusEvent) { const target = event.target as HTMLElement; if (target.getAttribute(\"role\") === \"tab\") reveal(target); }\n  watch([state.value, state.icons, state.variant, reduced, state.placed], () => { void nextTick(update); }, { flush: \"post\" });\n  watch(state.value, () => { void nextTick(revealSelected); }, { flush: \"post\" });\n  onUpdated(update);\n  onMounted(() => { mounted = true; if (typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(update); for (const element of [root.value, viewport.value, list.value]) if (element) observer.observe(element); for (const tab of list.value?.querySelectorAll(\"[role=tab]\") ?? []) if (tab.parentElement) observer.observe(tab.parentElement); } bound = viewport.value; bound?.addEventListener(\"scroll\", measure, { passive: true }); update(); revealSelected(); });\n  onBeforeUnmount(() => { mounted = false; observer?.disconnect(); bound?.removeEventListener(\"scroll\", measure); cancelFrame(synchronizeClips); });\n  return { edges, tracked, keyboard, scroll, focus };\n}\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronLeft, ChevronRight } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { useTabs } from \"./context\";\nimport { useTabsList } from \"./list-state\";\ndefineOptions({ inheritAttrs: false });\ndefineProps<{ wrapperClassName?: string }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst root = ref<HTMLElement | null>(null);\nconst viewport = ref<HTMLElement | null>(null);\nconst list = ref<HTMLElement | null>(null);\nconst viewportId = useId();\nconst { edges, tracked, keyboard, scroll, focus } = useTabsList(state, reduced, root, viewport, list);\nconst classes = { pill: \"inline-flex items-center gap-1 rounded-full bg-card p-1\", underline: \"inline-flex items-center gap-1 border-b border-border\", segment: \"inline-flex items-center gap-0 rounded-lg bg-card p-0.5\" };\nconst surface = computed(() => state.variant.value === \"pill\" ? \"rounded-full bg-card\" : state.variant.value === \"segment\" ? \"rounded-lg bg-card\" : \"\");\nconst control = \"absolute inset-y-0 z-20 inline-flex w-9 items-center justify-center text-foreground transition-opacity hover:opacity-70 focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-0\";\nconst mask = computed(() => edges.value.overflow ? { maskImage: `linear-gradient(to right, ${edges.value.left ? 'transparent, black 40px' : 'black, black 0px'}, ${edges.value.right ? 'black calc(100% - 40px), transparent' : 'black 100%'})` } : undefined);\n</script>\n<template><div ref=\"root\" :class=\"cn('relative isolate flex w-full max-w-full min-w-0 items-center', edges.overflow && surface, wrapperClassName)\"><button v-if=\"edges.overflow\" type=\"button\" aria-label=\"Scroll tabs left\" :aria-controls=\"viewportId\" :disabled=\"!edges.left\" @click=\"scroll(-1)\" :class=\"cn(control, 'left-0 rounded-l-full')\"><ChevronLeft :size=\"20\" aria-hidden=\"true\" /></button><motion.div :ref=\"element => viewport = resolveElement<HTMLElement>(element)\" :id=\"viewportId\" layout-scroll :class=\"cn('w-full min-w-0 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', edges.overflow && '[border-radius:inherit]')\" :style=\"mask\" @focus.capture=\"focus\"><div ref=\"list\" v-bind=\"$attrs\" role=\"tablist\" @keydown=\"keyboard\" :class=\"cn(classes[state.variant.value], 'w-max', tracked && 'relative', $attrs.class as string)\"><slot /></div></motion.div><span v-if=\"edges.overflow && edges.left\" aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-0 z-10 w-10 rounded-l-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_right,black,transparent)]\" /><span v-if=\"edges.overflow && edges.right\" aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 right-0 z-10 w-10 rounded-r-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_left,black,transparent)]\" /><button v-if=\"edges.overflow\" type=\"button\" aria-label=\"Scroll tabs right\" :aria-controls=\"viewportId\" :disabled=\"!edges.right\" @click=\"scroll(1)\" :class=\"cn(control, 'right-0 rounded-r-full')\"><ChevronRight :size=\"20\" aria-hidden=\"true\" /></button></div></template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronLeft, ChevronRight } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { useTabs } from \"./context\";\nimport { useTabsList } from \"./list-state\";\ndefineOptions({ inheritAttrs: false });\ndefineProps<{ wrapperClassName?: string }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst root = ref<HTMLElement | null>(null);\nconst viewport = ref<HTMLElement | null>(null);\nconst list = ref<HTMLElement | null>(null);\nconst viewportId = useId();\nconst { edges, tracked, keyboard, scroll, focus } = useTabsList(state, reduced, root, viewport, list);\nconst classes = { pill: \"inline-flex items-center gap-1 rounded-full bg-card p-1\", underline: \"inline-flex items-center gap-1 border-b border-border\", segment: \"inline-flex items-center gap-0 rounded-lg bg-card p-0.5\" };\nconst surface = computed(() => state.variant.value === \"pill\" ? \"rounded-full bg-card\" : state.variant.value === \"segment\" ? \"rounded-lg bg-card\" : \"\");\nconst control = \"absolute inset-y-0 z-20 inline-flex w-9 items-center justify-center text-foreground transition-opacity hover:opacity-70 focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-0\";\nconst mask = computed(() => edges.value.overflow ? { maskImage: `linear-gradient(to right, ${edges.value.left ? 'transparent, black 40px' : 'black, black 0px'}, ${edges.value.right ? 'black calc(100% - 40px), transparent' : 'black 100%'})` } : undefined);\n</script>\n<template><div ref=\"root\" :class=\"cn('relative isolate flex w-full max-w-full min-w-0 items-center', edges.overflow && surface, wrapperClassName)\"><button v-if=\"edges.overflow\" type=\"button\" aria-label=\"Scroll tabs left\" :aria-controls=\"viewportId\" :disabled=\"!edges.left\" @click=\"scroll(-1)\" :class=\"cn(control, 'left-0 rounded-l-full')\"><ChevronLeft :size=\"20\" aria-hidden=\"true\" /></button><motion.div :ref=\"element => viewport = resolveElement<HTMLElement>(element)\" :id=\"viewportId\" layout-scroll :class=\"cn('w-full min-w-0 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', edges.overflow && '[border-radius:inherit]')\" :style=\"mask\" @focus.capture=\"focus\"><div ref=\"list\" v-bind=\"$attrs\" role=\"tablist\" @keydown=\"keyboard\" :class=\"cn(classes[state.variant.value], 'w-max', tracked && 'relative', $attrs.class as string)\"><slot /></div></motion.div><span v-if=\"edges.overflow && edges.left\" aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-0 z-10 w-10 rounded-l-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_right,black,transparent)]\" /><span v-if=\"edges.overflow && edges.right\" aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 right-0 z-10 w-10 rounded-r-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_left,black,transparent)]\" /><button v-if=\"edges.overflow\" type=\"button\" aria-label=\"Scroll tabs right\" :aria-controls=\"viewportId\" :disabled=\"!edges.right\" @click=\"scroll(1)\" :class=\"cn(control, 'right-0 rounded-r-full')\"><ChevronRight :size=\"20\" aria-hidden=\"true\" /></button></div></template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useTabs } from \"./context\";\nconst props = defineProps<{ active: boolean; icon?: any }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst iconPose = computed(() => ({ width: props.active ? \"auto\" : \"0px\", marginRight: props.active ? \"6px\" : \"0px\", opacity: props.active ? 1 : 0, scale: props.active ? 1 : .6 }));\n</script>\n<template><template v-if=\"$slots.icon || icon\"><span v-if=\"state.icons.value === 'always'\" aria-hidden=\"true\" class=\"mr-1.5 inline-flex shrink-0 items-center\"><slot name=\"icon\"><component :is=\"icon\" /></slot></span><motion.span v-else aria-hidden=\"true\" data-tabs-icon=\"\" :initial=\"false\" :animate=\"iconPose\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\" class=\"inline-flex shrink-0 items-center justify-center overflow-hidden\"><slot name=\"icon\"><component :is=\"icon\" /></slot></motion.span></template><slot /></template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useTabs } from \"./context\";\nconst props = defineProps<{ active: boolean; icon?: any }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst iconPose = computed(() => ({ width: props.active ? \"auto\" : \"0px\", marginRight: props.active ? \"6px\" : \"0px\", opacity: props.active ? 1 : 0, scale: props.active ? 1 : .6 }));\n</script>\n<template><template v-if=\"$slots.icon || icon\"><span v-if=\"state.icons.value === 'always'\" aria-hidden=\"true\" class=\"mr-1.5 inline-flex shrink-0 items-center\"><slot name=\"icon\"><component :is=\"icon\" /></slot></span><motion.span v-else aria-hidden=\"true\" data-tabs-icon=\"\" :initial=\"false\" :animate=\"iconPose\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\" class=\"inline-flex shrink-0 items-center justify-center overflow-hidden\"><slot name=\"icon\"><component :is=\"icon\" /></slot></motion.span></template><slot /></template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, watch } from \"vue\";\nimport { motion, useTransform } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { TABS_TRANSITION, useTabs } from \"./context\";\nimport TriggerContent from \"./TriggerContent.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ value: string; disabled?: boolean; icon?: any; indicatorClassName?: string }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst active = computed(() => state.value.value === props.value);\nconst radius = computed(() => state.variant.value === \"pill\" ? \"rounded-full\" : \"rounded-md\");\nconst tracked = computed(() => state.icons.value === \"selected\" && state.placed.value);\nconst initialClip = active.value ? \"inset(0)\" : \"inset(0 100% 0 0)\";\nconst width = useTransform(state.track.width, value => `${value}px`);\nconst height = useTransform(state.track.height, value => `${value}px`);\nconst tabIndex = computed(() => !props.disabled && (state.tabStop.value === null || state.tabStop.value === props.value) ? 0 : -1);\nconst border = computed(() => state.variant.value === \"pill\" ? \"9999px\" : \"8px\");\nfunction select(event: MouseEvent) { if (!event.defaultPrevented) state.value.value = props.value; }\nonMounted(() => state.registerTab(props.value, !!props.disabled));\nwatch([() => props.value, () => props.disabled], ([value, disabled], [previous]) => { if (previous !== value) state.unregisterTab(previous); state.registerTab(value, !!disabled); });\nonBeforeUnmount(() => state.unregisterTab(props.value));\n</script>\n<template>\n  <button v-if=\"state.variant.value === 'underline'\" :id=\"state.tabId(value)\" :aria-controls=\"state.panels.value.has(value) ? state.panelId(value) : undefined\" :tabindex=\"tabIndex\" v-bind=\"$attrs\" type=\"button\" role=\"tab\" :aria-selected=\"active\" :disabled=\"disabled\" :data-tabs-value=\"value\" @click=\"select\" :class=\"cn('relative isolate px-3 pb-2.5 pt-1 -mb-px text-sm font-medium transition-colors min-h-[44px] inline-flex items-center whitespace-nowrap shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring', active ? 'text-foreground' : 'text-muted-foreground hover:text-foreground', $attrs.class as string)\"><TriggerContent :active=\"active\" :icon=\"icon\"><template v-if=\"$slots.icon\" #icon><slot name=\"icon\" /></template><slot /></TriggerContent><motion.span v-if=\"active\" :layout-id=\"`${state.id}-indicator`\" layout :transition=\"reduced ? { duration: 0 } : TABS_TRANSITION\" :class=\"cn('absolute bottom-0 left-0 right-0 h-px bg-primary', indicatorClassName)\" /></button>\n  <div v-else :class=\"cn('shrink-0', !tracked && 'relative')\"><motion.span v-if=\"active && tracked\" key=\"tracked\" data-tabs-indicator=\"\" :style=\"{ ...state.track, width, height, borderRadius: border }\" :class=\"cn('absolute top-0 left-0 bg-primary', radius, indicatorClassName)\" /><motion.span v-else-if=\"active\" key=\"layout\" data-tabs-indicator=\"\" :layout-id=\"`${state.id}-indicator`\" layout :transition=\"reduced ? { duration: 0 } : TABS_TRANSITION\" :style=\"{ borderRadius: border }\" :class=\"cn('absolute inset-0 bg-primary', radius, indicatorClassName)\" /><button :id=\"state.tabId(value)\" :aria-controls=\"state.panels.value.has(value) ? state.panelId(value) : undefined\" :tabindex=\"tabIndex\" v-bind=\"$attrs\" type=\"button\" role=\"tab\" :aria-selected=\"active\" :disabled=\"disabled\" :data-tabs-value=\"value\" @click=\"select\" :class=\"cn('relative z-10 inline-flex items-center justify-center whitespace-nowrap bg-transparent px-3.5 py-1.5 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring text-muted-foreground hover:text-foreground', radius, $attrs.class as string)\"><TriggerContent :active=\"active\" :icon=\"icon\"><template v-if=\"$slots.icon\" #icon><slot name=\"icon\" /></template><slot /></TriggerContent><span data-tabs-label=\"\" aria-hidden=\"true\" inert class=\"pointer-events-none absolute inset-0 inline-flex items-center justify-center text-primary-foreground [gap:inherit] [padding:inherit]\" :style=\"{ clipPath: initialClip }\"><TriggerContent :active=\"active\" :icon=\"icon\"><template v-if=\"$slots.icon\" #icon><slot name=\"icon\" /></template><slot /></TriggerContent></span></button></div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, watch } from \"vue\";\nimport { motion, useTransform } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { TABS_TRANSITION, useTabs } from \"./context\";\nimport TriggerContent from \"./TriggerContent.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{ value: string; disabled?: boolean; icon?: any; indicatorClassName?: string }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst active = computed(() => state.value.value === props.value);\nconst radius = computed(() => state.variant.value === \"pill\" ? \"rounded-full\" : \"rounded-md\");\nconst tracked = computed(() => state.icons.value === \"selected\" && state.placed.value);\nconst initialClip = active.value ? \"inset(0)\" : \"inset(0 100% 0 0)\";\nconst width = useTransform(state.track.width, value => `${value}px`);\nconst height = useTransform(state.track.height, value => `${value}px`);\nconst tabIndex = computed(() => !props.disabled && (state.tabStop.value === null || state.tabStop.value === props.value) ? 0 : -1);\nconst border = computed(() => state.variant.value === \"pill\" ? \"9999px\" : \"8px\");\nfunction select(event: MouseEvent) { if (!event.defaultPrevented) state.value.value = props.value; }\nonMounted(() => state.registerTab(props.value, !!props.disabled));\nwatch([() => props.value, () => props.disabled], ([value, disabled], [previous]) => { if (previous !== value) state.unregisterTab(previous); state.registerTab(value, !!disabled); });\nonBeforeUnmount(() => state.unregisterTab(props.value));\n</script>\n<template>\n  <button v-if=\"state.variant.value === 'underline'\" :id=\"state.tabId(value)\" :aria-controls=\"state.panels.value.has(value) ? state.panelId(value) : undefined\" :tabindex=\"tabIndex\" v-bind=\"$attrs\" type=\"button\" role=\"tab\" :aria-selected=\"active\" :disabled=\"disabled\" :data-tabs-value=\"value\" @click=\"select\" :class=\"cn('relative isolate px-3 pb-2.5 pt-1 -mb-px text-sm font-medium transition-colors min-h-[44px] inline-flex items-center whitespace-nowrap shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring', active ? 'text-foreground' : 'text-muted-foreground hover:text-foreground', $attrs.class as string)\"><TriggerContent :active=\"active\" :icon=\"icon\"><template v-if=\"$slots.icon\" #icon><slot name=\"icon\" /></template><slot /></TriggerContent><motion.span v-if=\"active\" :layout-id=\"`${state.id}-indicator`\" layout :transition=\"reduced ? { duration: 0 } : TABS_TRANSITION\" :class=\"cn('absolute bottom-0 left-0 right-0 h-px bg-primary', indicatorClassName)\" /></button>\n  <div v-else :class=\"cn('shrink-0', !tracked && 'relative')\"><motion.span v-if=\"active && tracked\" key=\"tracked\" data-tabs-indicator=\"\" :style=\"{ ...state.track, width, height, borderRadius: border }\" :class=\"cn('absolute top-0 left-0 bg-primary', radius, indicatorClassName)\" /><motion.span v-else-if=\"active\" key=\"layout\" data-tabs-indicator=\"\" :layout-id=\"`${state.id}-indicator`\" layout :transition=\"reduced ? { duration: 0 } : TABS_TRANSITION\" :style=\"{ borderRadius: border }\" :class=\"cn('absolute inset-0 bg-primary', radius, indicatorClassName)\" /><button :id=\"state.tabId(value)\" :aria-controls=\"state.panels.value.has(value) ? state.panelId(value) : undefined\" :tabindex=\"tabIndex\" v-bind=\"$attrs\" type=\"button\" role=\"tab\" :aria-selected=\"active\" :disabled=\"disabled\" :data-tabs-value=\"value\" @click=\"select\" :class=\"cn('relative z-10 inline-flex items-center justify-center whitespace-nowrap bg-transparent px-3.5 py-1.5 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring text-muted-foreground hover:text-foreground', radius, $attrs.class as string)\"><TriggerContent :active=\"active\" :icon=\"icon\"><template v-if=\"$slots.icon\" #icon><slot name=\"icon\" /></template><slot /></TriggerContent><span data-tabs-label=\"\" aria-hidden=\"true\" inert class=\"pointer-events-none absolute inset-0 inline-flex items-center justify-center text-primary-foreground [gap:inherit] [padding:inherit]\" :style=\"{ clipPath: initialClip }\"><TriggerContent :active=\"active\" :icon=\"icon\"><template v-if=\"$slots.icon\" #icon><slot name=\"icon\" /></template><slot /></TriggerContent></span></button></div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useTabs } from \"./context\";\nconst props = defineProps<{ value: string; forceMount?: boolean }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst active = computed(() => state.value.value === props.value);\nonMounted(() => state.registerPanel(props.value));\nwatch(() => props.value, (value, previous) => { state.unregisterPanel(previous); state.registerPanel(value); });\nonBeforeUnmount(() => state.unregisterPanel(props.value));\n</script>\n<template><motion.div :id=\"state.panelId(value)\" role=\"tabpanel\" :aria-labelledby=\"state.tabId(value)\" :hidden=\"!active\" :tabindex=\"active ? 0 : undefined\" :initial=\"false\" :animate=\"active ? { opacity: 1, y: 0 } : { opacity: 0, y: reduced ? 0 : 4 }\" :transition=\"{ duration: .18, ease: EASE_OUT }\" :class=\"active ? 'mt-4 outline-none focus-visible:ring-2 focus-visible:ring-ring/40 rounded-md' : undefined\"><slot /></motion.div></template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useTabs } from \"./context\";\nconst props = defineProps<{ value: string; forceMount?: boolean }>();\nconst state = useTabs();\nconst reduced = useReducedMotion();\nconst active = computed(() => state.value.value === props.value);\nonMounted(() => state.registerPanel(props.value));\nwatch(() => props.value, (value, previous) => { state.unregisterPanel(previous); state.registerPanel(value); });\nonBeforeUnmount(() => state.unregisterPanel(props.value));\n</script>\n<template><motion.div :id=\"state.panelId(value)\" role=\"tabpanel\" :aria-labelledby=\"state.tabId(value)\" :hidden=\"!active\" :tabindex=\"active ? 0 : undefined\" :initial=\"false\" :animate=\"active ? { opacity: 1, y: 0 } : { opacity: 0, y: reduced ? 0 : 4 }\" :transition=\"{ duration: .18, ease: EASE_OUT }\" :class=\"active ? 'mt-4 outline-none focus-visible:ring-2 focus-visible:ring-ring/40 rounded-md' : undefined\"><slot /></motion.div></template>\n"],"mappings":"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"}