@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/tabs.js

@@ -1,113 +1,163 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-CiDUxfEj.js";
-import { i as o, n as s, r as c, t as l } from "./TooltipProvider-B3MkB_8P.js";
-import { t as u } from "./useLiquidFlex-BL0lLLN2.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as ee, onMounted as T, onUnmounted as E, openBlock as D, ref as O, renderList as k, renderSlot as A, toDisplayString as j, unref as M, useModel as te, watch as N, withCtx as P } from "vue";
+import { t } from "./useLiquidFlex-mZPMiNXh.js";
+import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-CrA8F0iV.js";
+import { i as s, n as c, r as l, t as u } from "./TooltipProvider-rzvnXz60.js";
+import { t as d } from "./useDragMorph-DgxnsVJz.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeClass as w, normalizeStyle as ee, onBeforeUnmount as te, onMounted as T, onUnmounted as E, openBlock as D, ref as O, renderList as k, renderSlot as A, toDisplayString as j, unref as M, useModel as ne, watch as N, withCtx as P } from "vue";
 //#region src/components/custom/tabs/constants.ts
-var F = 1.08;
+var F = 1.08, I = .82;
 //#endregion
 //#region src/components/custom/tabs/composables/useTabIndicator.ts
-function I(e) {
-	let { containerRef: t, indicatorRef: n, buttonRefs: r, options: i, model: a, multiSelect: o, anchorSupported: s, jsSliderActive: c, activeValues: l } = e, d = O({
+function re(e) {
+	let { containerRef: n, indicatorRef: r, buttonRefs: i, options: a, model: o, anchorSupported: s, jsSliderActive: c, activeValues: l, vertical: u } = e, d = O({
 		width: "0px",
 		transform: "translateX(0px)",
 		opacity: "0"
 	});
 	function f() {
-		if (o.value || s) return;
-		let e = i.value.findIndex((e) => e.value === a.value);
-		if (e < 0 || !r.value[e]) return;
-		let t = r.value[e];
-		d.value = {
-			width: `${t.offsetWidth}px`,
-			transform: `translateX(${t.offsetLeft}px)`,
-			opacity: "1"
-		};
-	}
-	let p = O({});
-	function m() {
-		if (!o.value) return;
-		let e = {};
-		for (let t of l.value) {
-			let n = i.value.findIndex((e) => e.value === t), a = r.value[n];
-			a && (e[t] = {
-				width: `${a.offsetWidth}px`,
-				transform: `translateX(${a.offsetLeft}px)`,
+		if (s) return;
+		let e = a.value.findIndex((e) => e.value === o.value);
+		if (e < 0 || !i.value[e]) return;
+		let t = i.value[e];
+		if (u.value) {
+			let e = t.offsetHeight, n = t.offsetTop + e / 2;
+			d.value = {
+				height: `${e}px`,
+				width: "",
+				transform: `translateY(${n - e / 2}px)`,
 				opacity: "1"
-			});
+			};
+		} else {
+			let e = t.offsetWidth, n = t.offsetLeft + e / 2;
+			d.value = {
+				width: `${e}px`,
+				height: "",
+				transform: `translateX(${n - e / 2}px)`,
+				opacity: "1"
+			};
 		}
-		p.value = e;
 	}
-	function h() {
-		o.value ? m() : f();
+	function p() {
+		f();
 	}
-	let g = -1, _ = null, v = F, y = u({
+	let m = -1, h = null, g = F, _ = t({
 		from: 0,
 		to: 0,
 		axis: "width",
 		squishLaw: "linear",
-		maxStretch: () => v
+		maxStretch: () => g
 	});
-	function b() {
+	function v() {
 		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 	}
-	function x(e) {
-		let i = n.value;
-		if (o.value || !i) {
-			g = e;
+	function y(e) {
+		let t = getComputedStyle(e).getPropertyValue("--tab-indicator-duration").trim();
+		return t ? t.endsWith("ms") ? Number.parseFloat(t) || 340 : t.endsWith("s") ? (Number.parseFloat(t) || .34) * 1e3 : Number.parseFloat(t) || 340 : 340;
+	}
+	function b(e) {
+		let t = r.value;
+		if (!t) {
+			m = e;
 			return;
 		}
-		if (b()) {
-			g = e;
+		if (v()) {
+			m = e;
 			return;
 		}
-		let a = r.value[g], s = r.value[e];
-		if (g = e, !a || !s) return;
-		let c = t.value?.offsetWidth || s.offsetParent?.offsetWidth || 1, l = Math.abs(s.offsetLeft - a.offsetLeft), u = c > 0 ? Math.min(l / c, 1) : 0, d = getComputedStyle(i).getPropertyValue("--tab-indicator-max-stretch").trim();
-		v = Number(d) || 1.08, y.squish(u), _ && clearTimeout(_), i.style.setProperty("--stretch", String(y.stretch.value)), _ = setTimeout(() => {
-			y.squish(0), i.style.setProperty("--stretch", String(y.stretch.value)), _ = null;
-		}, 60);
+		let a = i.value[m], o = i.value[e];
+		if (m = e, !a || !o) return;
+		let s = u.value ? n.value?.offsetHeight || o.offsetParent?.offsetHeight || 1 : n.value?.offsetWidth || o.offsetParent?.offsetWidth || 1, c = u.value ? Math.abs(o.offsetTop - a.offsetTop) : Math.abs(o.offsetLeft - a.offsetLeft), l = s > 0 ? Math.min(c / s, 1) : 0, d = getComputedStyle(t).getPropertyValue("--tab-indicator-max-stretch").trim();
+		g = Number(d) || 1.08, _.squish(l), h && clearTimeout(h), t.style.setProperty("--stretch", String(_.stretch.value));
+		let f = y(t) * I;
+		h = setTimeout(() => {
+			_.squish(0), t.style.setProperty("--stretch", String(_.stretch.value)), h = null;
+		}, f);
 	}
-	N(() => a.value, () => {
-		c.value && S(h);
-	}, { deep: !0 }), N(() => i.value, () => {
-		c.value && S(h);
-	}, { deep: !0 });
-	let C = null;
+	N(() => o.value, () => {
+		c.value && C(p);
+	}), N(() => a.value, () => {
+		c.value && C(p);
+	}, { deep: !0 }), N(() => u.value, () => {
+		c.value && C(p);
+	});
+	let x = null;
 	return T(() => {
-		g = i.value.findIndex((e) => l.value.includes(e.value)), c.value && (S(h), t.value && (C = new ResizeObserver(() => h()), C.observe(t.value)));
+		m = a.value.findIndex((e) => l.value.includes(e.value)), c.value && (C(p), n.value && (x = new ResizeObserver(() => p()), x.observe(n.value)));
 	}), E(() => {
-		C?.disconnect(), _ && clearTimeout(_);
+		x?.disconnect(), h && clearTimeout(h);
 	}), {
 		singleSliderStyle: d,
-		multiSliderStyles: p,
-		squishOnTravel: x
+		squishOnTravel: b
+	};
+}
+//#endregion
+//#region src/components/custom/tabs/composables/useTabDragMorph.ts
+function ie(e) {
+	let { indicatorRef: t, isVertical: n, isUnderline: r, draggable: i, stripOptions: a, buttonRefs: o, model: s } = e, c = p(() => i() && !r.value);
+	function l() {
+		let e = t.value;
+		if (!e) return F;
+		let n = getComputedStyle(e).getPropertyValue("--tab-indicator-max-stretch").trim();
+		return Number(n) || 1.08;
+	}
+	function u() {
+		return a.value.map((e, t) => {
+			let r = o.value[t]?.getBoundingClientRect(), i = r ? n.value ? r.top + r.height / 2 : r.left + r.width / 2 : 0;
+			return {
+				value: e.value,
+				center: i
+			};
+		});
+	}
+	let f = d({
+		el: t,
+		axis: () => n.value ? "y" : "x",
+		snapTargets: u,
+		maxStretch: l,
+		onSnap: (e) => {
+			s.value !== e && (s.value = e);
+		}
+	});
+	return N(() => [f.dragging.value, f.stretch.value], ([e, n]) => {
+		let r = t.value;
+		!r || !c.value || (e ? r.style.setProperty("--stretch", String(n)) : r.style.removeProperty("--stretch"));
+	}), N(() => [
+		a.value.length,
+		n.value,
+		c.value
+	], () => {
+		c.value && C(() => f.refresh());
+	}), {
+		dragEnabled: c,
+		drag: f
 	};
 }
 //#endregion
 //#region src/components/custom/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
-var ne = ["role"], re = [
+var ae = ["role", "aria-orientation"], oe = [
 	"role",
+	"tabindex",
 	"disabled",
 	"onClick"
-], ie = [
+], se = [
 	"role",
+	"tabindex",
 	"disabled",
 	"onClick"
-], L = /* @__PURE__ */ y({
+], L = /* @__PURE__ */ b({
 	__name: "SegmentedTabs",
-	props: /* @__PURE__ */ b({
+	props: /* @__PURE__ */ x({
 		options: {},
-		variant: { default: "segmented" },
-		multiSelect: {
-			type: Boolean,
-			default: !1
-		},
-		overflow: { default: "none" },
+		variant: { default: "pill" },
+		orientation: { default: "horizontal" },
 		responsive: {
 			type: [Boolean, Object],
 			default: !1
 		},
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
 		class: { type: [
 			Boolean,
 			null,
@@ -120,38 +170,41 @@ var ne = ["role"], re = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(u) {
-		function y(e, t) {
+	setup(t) {
+		function d(e, t) {
 			return typeof document > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 		}
-		let b = u, E = te(u, "modelValue"), N = O(null), F = O(null), L = O([]), R = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), z = f(() => b.variant === "underline");
-		f(() => b.variant === "pill"), f(() => b.variant === "segmented");
-		let B = f(() => b.overflow === "scroll"), V = f(() => b.overflow === "auto"), H = f(() => b.multiSelect && !z.value), U = f(() => {
-			let e = E.value;
-			return H.value && Array.isArray(e) ? e : e == null ? [] : [e];
-		}), W = (e) => U.value.includes(e), ae = f(() => (H.value || !R) && !z.value), G = f(() => !H.value && !R && !z.value), K = f(() => b.responsive === !1 ? null : b.responsive === !0 ? {} : b.responsive), oe = f(() => K.value?.breakpoint ?? "640px"), q = f(() => K.value?.desktopOptions ?? b.options), J = O(!0), Y = null;
-		function X(e) {
-			J.value = e.matches;
+		let b = t, x = ne(t, "modelValue"), C = O(null), E = O(null), N = O([]), F = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), I = p(() => b.variant === "underline"), L = p(() => b.orientation === "vertical"), R = p(() => x.value == null ? [] : [x.value]), z = (e) => R.value.includes(e), B = p(() => !F && !I.value), V = B, H = p(() => b.responsive === !1 ? null : b.responsive === !0 ? {} : b.responsive), ce = p(() => H.value?.breakpoint ?? "640px"), U = p(() => H.value?.desktopOptions ?? b.options), W = O(!0), G = null;
+		function K(e) {
+			W.value = e.matches;
 		}
-		let se = f(() => {
-			if (!K.value) return E.value;
-			let e = q.value;
-			return e.some((e) => e.value === E.value) ? E.value : e[0]?.value ?? E.value;
-		}), Z = f(() => K.value ? q.value : b.options), ce = f(() => K.value?.ariaLabel ?? b.options.find((e) => e.value === E.value)?.label ?? "Select"), le = f(() => !!K.value && !J.value), { singleSliderStyle: ue, multiSliderStyles: de, squishOnTravel: fe } = I({
-			containerRef: N,
-			indicatorRef: F,
-			buttonRefs: L,
-			options: Z,
-			model: f(() => se.value),
-			multiSelect: H,
-			anchorSupported: R,
-			jsSliderActive: ae,
-			activeValues: U
+		let q = p(() => {
+			if (!H.value) return x.value;
+			let e = U.value;
+			return e.some((e) => e.value === x.value) ? x.value : e[0]?.value ?? x.value;
+		}), J = p(() => H.value ? U.value : b.options), le = p(() => H.value?.ariaLabel ?? b.options.find((e) => e.value === x.value)?.label ?? "Select"), ue = p(() => !!H.value && !W.value), { singleSliderStyle: Y, squishOnTravel: de } = re({
+			containerRef: C,
+			indicatorRef: E,
+			buttonRefs: N,
+			options: J,
+			model: p(() => q.value),
+			anchorSupported: F,
+			jsSliderActive: B,
+			activeValues: R,
+			vertical: L
+		}), { dragEnabled: X, drag: Z } = ie({
+			indicatorRef: E,
+			isVertical: L,
+			isUnderline: I,
+			draggable: () => b.draggable,
+			stripOptions: J,
+			buttonRefs: N,
+			model: x
 		});
-		function pe(e) {
+		function fe(e) {
 			if (typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
 			e.getAnimations().forEach((e) => e.cancel());
-			let t = y("--spring-snappy", "ease"), n = y("--scale-press-btn", "0.97");
+			let t = d("--spring-snappy", "ease"), n = d("--scale-press-btn", "0.97");
 			e.animate([
 				{ transform: "scale(1)" },
 				{
@@ -164,128 +217,159 @@ var ne = ["role"], re = [
 				easing: t
 			});
 		}
-		function Q(e) {
-			if (!B.value && !V.value) return;
-			let t = L.value[e];
-			if (!t) return;
-			let n = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-			t.scrollIntoView({
-				inline: "nearest",
-				block: "nearest",
-				behavior: n ? "auto" : "smooth"
-			});
+		function Q(e, t) {
+			if (J.value[t]?.disabled) return;
+			let n = N.value[t];
+			n && fe(n), de(t), x.value = e;
 		}
-		function $(e, t) {
-			if (Z.value[t]?.disabled) return;
-			let n = L.value[t];
-			if (n && pe(n), fe(t), H.value) {
-				let t = [...U.value], n = t.indexOf(e);
-				n > -1 ? t.length > 1 && t.splice(n, 1) : t.push(e), E.value = t;
-			} else E.value = e;
-			Q(t);
+		function pe(e) {
+			typeof e == "string" && (x.value = e);
 		}
+		let $ = p(() => {
+			let e = J.value.findIndex((e) => e.value === q.value);
+			return e >= 0 ? e : 0;
+		});
 		function me(e) {
-			typeof e == "string" && (E.value = e);
+			return e === $.value ? 0 : -1;
+		}
+		function he(e, t) {
+			let n = J.value.length;
+			if (n !== 0) for (let r = 1; r <= n; r++) {
+				let i = (e + t * r + n * r) % n, a = J.value[i];
+				if (a && !a.disabled) {
+					N.value[i]?.focus(), Q(a.value, i);
+					return;
+				}
+			}
+		}
+		function ge(e) {
+			let t = J.value.length, n = e === "first" ? Array.from({ length: t }, (e, t) => t) : Array.from({ length: t }, (e, n) => t - 1 - n);
+			for (let e of n) {
+				let t = J.value[e];
+				if (t && !t.disabled) {
+					N.value[e]?.focus(), Q(t.value, e);
+					return;
+				}
+			}
+		}
+		function _e(e) {
+			let t = $.value, n = L.value ? "ArrowDown" : "ArrowRight", r = L.value ? "ArrowUp" : "ArrowLeft";
+			switch (e.key) {
+				case n:
+					e.preventDefault(), he(t, 1);
+					break;
+				case r:
+					e.preventDefault(), he(t, -1);
+					break;
+				case "Home":
+					e.preventDefault(), ge("first");
+					break;
+				case "End":
+					e.preventDefault(), ge("last");
+					break;
+				default: break;
+			}
 		}
 		return T(() => {
-			K.value && typeof window < "u" && window.matchMedia && (Y = window.matchMedia(`(min-width: ${oe.value})`), J.value = Y.matches, Y.addEventListener("change", X)), S(() => {
-				let e = Z.value.findIndex((e) => W(e.value));
-				e >= 0 && Q(e);
-			});
-		}), ee(() => {
-			Y?.removeEventListener("change", X), Y = null;
-		}), (f, y) => le.value ? (D(), h("div", {
+			H.value && typeof window < "u" && window.matchMedia && (G = window.matchMedia(`(min-width: ${ce.value})`), W.value = G.matches, G.addEventListener("change", K));
+		}), te(() => {
+			G?.removeEventListener("change", K), G = null;
+		}), (d, p) => ue.value ? (D(), g("div", {
 			key: 0,
-			class: C(M(e)("segmented-tabs__mobile w-fit", b.class))
-		}, [v(M(a), {
-			"model-value": E.value,
-			"onUpdate:modelValue": me
+			class: w(M(e)("segmented-tabs__mobile w-fit", b.class))
+		}, [y(M(o), {
+			"model-value": x.value,
+			"onUpdate:modelValue": pe
 		}, {
-			default: P(() => [v(M(t), {
-				"aria-label": ce.value,
-				class: C(M(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", K.value?.triggerClass))
+			default: P(() => [y(M(n), {
+				"aria-label": le.value,
+				class: w(M(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", H.value?.triggerClass))
 			}, {
-				default: P(() => [v(M(r))]),
+				default: P(() => [y(M(i))]),
 				_: 1
-			}, 8, ["aria-label", "class"]), v(M(n), null, {
-				default: P(() => [(D(!0), h(d, null, k(u.options, (e) => (D(), p(M(i), {
+			}, 8, ["aria-label", "class"]), y(M(r), null, {
+				default: P(() => [(D(!0), g(f, null, k(t.options, (e) => (D(), m(M(a), {
 					key: e.value,
 					value: e.value
 				}, {
-					default: P(() => [_(j(e.label), 1)]),
+					default: P(() => [v(j(e.label), 1)]),
 					_: 2
 				}, 1032, ["value"]))), 128))]),
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["model-value"])], 2)) : (D(), h("div", {
+		}, 8, ["model-value"])], 2)) : (D(), g("div", {
 			key: 1,
 			ref_key: "containerRef",
-			ref: N,
-			role: z.value ? "tablist" : "group",
-			class: C(M(e)("segmented-tabs", `segmented-tabs--${u.variant}`, B.value && "segmented-tabs--scroll scroll-fade-mask scrollbar-hidden", V.value && "segmented-tabs--auto scrollbar-hidden", b.class))
-		}, [
-			!z.value && !H.value ? (D(), h("div", {
-				key: 0,
-				ref_key: "indicatorRef",
-				ref: F,
-				class: C(["segmented-indicator", G.value ? "segmented-indicator--js" : "segmented-indicator--anchor"]),
-				style: w(G.value ? M(ue) : void 0)
-			}, null, 6)) : m("", !0),
-			!z.value && H.value ? (D(!0), h(d, { key: 1 }, k(U.value, (e) => (D(), h("div", {
-				key: "indicator-" + e,
-				class: "segmented-indicator segmented-indicator--js",
-				style: w(M(de)[e] ?? { opacity: "0" })
-			}, null, 4))), 128)) : m("", !0),
-			(D(!0), h(d, null, k(Z.value, (e, t) => (D(), h(d, { key: e.value }, [e.tooltip ? (D(), p(M(l), {
-				key: 0,
-				"delay-duration": 200
-			}, {
-				default: P(() => [v(M(o), null, {
-					default: P(() => [v(M(s), { "as-child": "" }, {
-						default: P(() => [g("button", x({
-							ref_for: !0,
-							ref: (e) => {
-								e && (L.value[t] = e);
-							},
-							class: "segmented-tab",
-							role: z.value ? "tab" : void 0
-						}, { ref_for: !0 }, z.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
-							disabled: e.disabled,
-							class: e.disabled && "is-disabled",
-							onClick: (n) => $(e.value, t)
-						}), [A(f.$slots, "option", {
-							option: e,
-							active: W(e.value)
-						}, () => [_(j(e.label), 1)])], 16, re)]),
-						_: 2
-					}, 1024), v(M(c), {
-						side: "bottom",
-						"side-offset": 8
-					}, {
-						default: P(() => [_(j(e.tooltip), 1)]),
-						_: 2
-					}, 1024)]),
+			ref: C,
+			role: I.value ? "tablist" : "group",
+			"aria-orientation": L.value ? "vertical" : "horizontal",
+			class: w(M(e)("segmented-tabs", `segmented-tabs--${t.variant}`, L.value && "segmented-tabs--vertical", b.class)),
+			onKeydown: _e
+		}, [I.value ? h("", !0) : (D(), g("div", {
+			key: 0,
+			ref_key: "indicatorRef",
+			ref: E,
+			class: w([
+				"segmented-indicator",
+				M(V) ? "segmented-indicator--js" : "segmented-indicator--anchor",
+				M(X) && "glass-drag-grabbable",
+				M(X) && M(Z).dragging.value && "glass-drag-lift"
+			]),
+			style: ee(M(X) ? {
+				...M(V) ? M(Y) : {},
+				...M(Z).dragStyle.value
+			} : M(V) ? M(Y) : void 0)
+		}, null, 6)), (D(!0), g(f, null, k(J.value, (e, t) => (D(), g(f, { key: e.value }, [e.tooltip ? (D(), m(M(u), {
+			key: 0,
+			"delay-duration": 200
+		}, {
+			default: P(() => [y(M(s), null, {
+				default: P(() => [y(M(c), { "as-child": "" }, {
+					default: P(() => [_("button", S({
+						ref_for: !0,
+						ref: (e) => {
+							e && (N.value[t] = e);
+						},
+						class: "segmented-tab",
+						role: I.value ? "tab" : void 0,
+						tabindex: me(t)
+					}, { ref_for: !0 }, I.value ? { "aria-selected": z(e.value) ? "true" : "false" } : { "aria-pressed": z(e.value) ? "true" : "false" }, {
+						disabled: e.disabled,
+						class: e.disabled && "is-disabled",
+						onClick: (n) => Q(e.value, t)
+					}), [A(d.$slots, "option", {
+						option: e,
+						active: z(e.value)
+					}, () => [v(j(e.label), 1)])], 16, oe)]),
+					_: 2
+				}, 1024), y(M(l), {
+					side: "bottom",
+					"side-offset": 8
+				}, {
+					default: P(() => [v(j(e.tooltip), 1)]),
 					_: 2
 				}, 1024)]),
 				_: 2
-			}, 1024)) : (D(), h("button", x({
-				key: 1,
-				ref_for: !0,
-				ref: (e) => {
-					e && (L.value[t] = e);
-				},
-				class: "segmented-tab",
-				role: z.value ? "tab" : void 0
-			}, { ref_for: !0 }, z.value ? { "aria-selected": W(e.value) ? "true" : "false" } : { "aria-pressed": W(e.value) ? "true" : "false" }, {
-				disabled: e.disabled,
-				class: e.disabled && "is-disabled",
-				onClick: (n) => $(e.value, t)
-			}), [A(f.$slots, "option", {
-				option: e,
-				active: W(e.value)
-			}, () => [_(j(e.label), 1)])], 16, ie))], 64))), 128))
-		], 10, ne));
+			}, 1024)]),
+			_: 2
+		}, 1024)) : (D(), g("button", S({
+			key: 1,
+			ref_for: !0,
+			ref: (e) => {
+				e && (N.value[t] = e);
+			},
+			class: "segmented-tab",
+			role: I.value ? "tab" : void 0,
+			tabindex: me(t)
+		}, { ref_for: !0 }, I.value ? { "aria-selected": z(e.value) ? "true" : "false" } : { "aria-pressed": z(e.value) ? "true" : "false" }, {
+			disabled: e.disabled,
+			class: e.disabled && "is-disabled",
+			onClick: (n) => Q(e.value, t)
+		}), [A(d.$slots, "option", {
+			option: e,
+			active: z(e.value)
+		}, () => [v(j(e.label), 1)])], 16, se))], 64))), 128))], 42, ae));
 	}
 });
 //#endregion

package/dist/timeline.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t } from "./HoverPopover-CISOJQuZ.js";
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t } from "./HoverPopover-CbqbNwgU.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, defineComponent as u, guardReactiveProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 //#region src/components/custom/timeline/geometry.ts
 function S(e) {

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-D6q4HtXu.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-Bw4xR8xV.js";
 export { t as Toast, o as ToastAction, i as ToastClose, e as ToastDescription, n as ToastTitle, s as Toaster, r as toast, a as useToast };

package/dist/toggle-chip.js

@@ -36,7 +36,9 @@ var d = /* @__PURE__ */ n({
 	}
 }), f = u([
 	"focus-ring select-none cursor-pointer outline-none",
-	"font-sans transition-colors duration-150 ease-out",
+	"font-sans",
+	"scale-100 hover:scale-(--scale-hover-btn) active:scale-(--scale-press-btn) data-[state=on]:scale-(--scale-press-btn)",
+	"[transition:scale_var(--spring-smooth-duration)_var(--spring-smooth),background-color_var(--duration-fast)_var(--ease-standard),border-color_var(--duration-fast)_var(--ease-standard),box-shadow_var(--duration-fast)_var(--ease-standard),color_var(--duration-fast)_var(--ease-standard)]",
 	"disabled:opacity-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
 ].join(" "), {
 	variants: { variant: {

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./ToggleGroupItem-D_AHlRw9.js";
+import { n as e, t } from "./ToggleGroupItem-pEM9vIhs.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-B3MkB_8P.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-rzvnXz60.js";
 export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/dist/typewriter.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
 //#region src/components/custom/typewriter/types.ts
 var g = {

package/dist/{useAnimatedNumber-C5I3wWd8.js → useAnimatedNumber-BfUq2bUM.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./constants-CS75AWHG.js";
+import { n as e, t } from "./constants-BPOqYJAm.js";
 import { getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, shallowRef as o, toValue as s, watch as c } from "vue";
 import { SmoothProgress as l } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/useAnimatedNumber.ts