@mkbabb/glass-ui 3.12.0 → 4.0.0

package/dist/styles/view-transition.css

@@ -35,7 +35,10 @@
 /* Shared group class — consumers add `view-transition-class: gl-list-item` on
  * each tracked element plus a unique `view-transition-name` per element. */
 ::view-transition-group(.gl-list-item) {
-    animation-duration: var(--vt-duration, var(--duration-normal));
+    /* BA.W-GLASS-CAL Unit 3 — the duration fallback rides the bouncy spring's
+       OWN settle clock (`--spring-bouncy-duration`) so the default VT bounce
+       plays at its physical settle; a consumer still overrides via `--vt-duration`. */
+    animation-duration: var(--vt-duration, var(--spring-bouncy-duration));
     animation-timing-function: var(--vt-ease, var(--spring-bouncy));
 }
 
@@ -60,56 +63,5 @@
 @keyframes gl-vt-slide-in  { from { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 @keyframes gl-vt-slide-out { to   { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
 
-/* ── gl-shared-element — the named-pair MORPH group (D6.c M6) ──────────────────
- * Distinct from `.gl-list-item` (a cross-fade of MANY members in a re-rank): a
- * shared-element morph is ONE element that exists in BOTH the old and new states
- * under the SAME `view-transition-name`, so the browser MORPHS it in place — the
- * group interpolates its size+position (transform) while old/new cross-fade. The
- * editorial case: the gallery card's title IS the dashboard masthead's title, so
- * the name you clicked GROWS into the name you read (the card → masthead route
- * morph). The consumer adds `view-transition-class: gl-shared-element` plus a
- * MATCHED `view-transition-name: <id>` on BOTH the source and destination element
- * (the MANDATORY runtime rule — ≤1 element per name per state, else the morph is
- * skipped silently), and wraps the navigation in `useRouteTransition` /
- * `startViewTransition`.
- *
- * The morph rides the SMOOTH register (the 700ms-class spring, C-ANIM-VIZ-MAP T1
- * §7) — a longer, gentler curve than the list-item cross-fade, because a morph
- * that travels across the viewport wants room to read. The old/new cross-fade is
- * softened so the morphing GROUP is the figure and the rest recedes. */
-::view-transition-group(.gl-shared-element) {
-    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
-    animation-timing-function: var(--vt-morph-ease, var(--spring-smooth, ease-in-out));
-}
-::view-transition-old(.gl-shared-element),
-::view-transition-new(.gl-shared-element) {
-    /* The image pair cross-fades UNDER the group's size/position morph — softer
-       than the group curve so the morph (the size/position travel) is the figure
-       and the pixel cross-fade is the recessive fill. */
-    animation-duration: var(--vt-morph-duration, var(--duration-slow, 500ms));
-    animation-timing-function: var(--vt-ease, var(--spring-smooth, ease-in-out));
-}
-
-/* ── gl-expand — the plate → fullscreen MORPH recipe (D6.c M7) ─────────────────
- * The expand verb (a plate growing to fullscreen) is a SHARED-ELEMENT morph, not
- * an opacity jump-cut: the plate IS the fullscreen surface, growing. It is a
- * specialization of `gl-shared-element` — the SAME named-pair morph, with the
- * expand register (a touch snappier than a route morph, because the surface stays
- * in place and only the rect grows, so it wants less travel-room). `ExpandableContainer`
- * wires the `view-transition-name` plumbing on its plate↔fullscreen surfaces (an
- * opt-in `viewTransitionName` prop), so a consumer opts in and the open/close
- * mutation — wrapped in `startViewTransition` — morphs the plate's rect to the
- * fullscreen rect and back. The named pair is the SAME element across states
- * (the slot content), so the browser captures one group and grows it. */
-::view-transition-group(.gl-expand) {
-    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
-    animation-timing-function: var(--vt-expand-ease, var(--spring-bouncy, ease-out));
-}
-::view-transition-old(.gl-expand),
-::view-transition-new(.gl-expand) {
-    animation-duration: var(--vt-expand-duration, var(--duration-normal, 240ms));
-    animation-timing-function: var(--vt-ease, var(--spring-bouncy, ease-out));
-}
-
 /* Keep the non-transitioned UI interactive while the snapshot animates. */
 ::view-transition { pointer-events: none; }

package/dist/switch.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Switch-Ch-k3Rv-.js";
+import { t as e } from "./Switch-Dr--uLGH.js";
 export { e as Switch };

package/dist/tabs.js

@@ -1,100 +1,110 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { a as n, i as r, o as i, r as a, s as o } from "./SelectScrollDownButton-T32cVFeM.js";
-import { i as s, n as c, r as l, t as u } from "./TooltipProvider-CmZzCuaG.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 T, onMounted as E, onUnmounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useModel as ee, watch as P, withCtx as F } from "vue";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-C1jb3b3K.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-C12hXwOZ.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 T, onMounted as E, onUnmounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useModel as P, watch as F, withCtx as I } from "vue";
+//#region src/components/custom/tabs/constants.ts
+var L = 1.08, R = .82;
+//#endregion
 //#region src/components/custom/tabs/composables/useTabIndicator.ts
-function te(e) {
-	let { containerRef: t, indicatorRef: n, buttonRefs: r, options: i, model: a, multiSelect: o, anchorSupported: s, jsSliderActive: c, activeValues: l } = e, u = k({
+function ee(e) {
+	let { containerRef: t, indicatorRef: n, buttonRefs: r, options: i, model: a, anchorSupported: o, jsSliderActive: s, activeValues: c, vertical: l } = e, d = k({
 		width: "0px",
 		transform: "translateX(0px)",
 		opacity: "0"
 	});
-	function d() {
-		if (o.value || s) return;
+	function f() {
+		if (o) return;
 		let e = i.value.findIndex((e) => e.value === a.value);
 		if (e < 0 || !r.value[e]) return;
 		let t = r.value[e];
-		u.value = {
-			width: `${t.offsetWidth}px`,
-			transform: `translateX(${t.offsetLeft}px)`,
-			opacity: "1"
-		};
-	}
-	let f = k({});
-	function p() {
-		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 (l.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"
+			};
 		}
-		f.value = e;
 	}
-	function m() {
-		o.value ? p() : d();
+	function p() {
+		f();
 	}
-	let h = -1, g = null;
-	function _() {
+	let m = -1, h = null, g = L, _ = u({
+		from: 0,
+		to: 0,
+		axis: "width",
+		squishLaw: "linear",
+		maxStretch: () => g
+	});
+	function v() {
 		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 	}
-	function v(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 i = n.value;
-		if (o.value || !i) {
-			h = e;
+		if (!i) {
+			m = e;
 			return;
 		}
-		if (_()) {
-			h = e;
+		if (v()) {
+			m = e;
 			return;
 		}
-		let a = r.value[h], s = r.value[e];
-		if (h = 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(), f = 1 + u * ((Number(d) || 1.08) - 1);
-		g && clearTimeout(g), i.style.setProperty("--stretch", String(f)), g = setTimeout(() => {
-			i.style.setProperty("--stretch", "1"), g = null;
-		}, 60);
+		let a = r.value[m], o = r.value[e];
+		if (m = e, !a || !o) return;
+		let s = l.value ? t.value?.offsetHeight || o.offsetParent?.offsetHeight || 1 : t.value?.offsetWidth || o.offsetParent?.offsetWidth || 1, c = l.value ? Math.abs(o.offsetTop - a.offsetTop) : Math.abs(o.offsetLeft - a.offsetLeft), u = s > 0 ? Math.min(c / s, 1) : 0, d = getComputedStyle(i).getPropertyValue("--tab-indicator-max-stretch").trim();
+		g = Number(d) || 1.08, _.squish(u), h && clearTimeout(h), i.style.setProperty("--stretch", String(_.stretch.value));
+		let f = y(i) * R;
+		h = setTimeout(() => {
+			_.squish(0), i.style.setProperty("--stretch", String(_.stretch.value)), h = null;
+		}, f);
 	}
-	P(() => a.value, () => {
-		c.value && S(m);
-	}, { deep: !0 }), P(() => i.value, () => {
-		c.value && S(m);
-	}, { deep: !0 });
-	let y = null;
+	F(() => a.value, () => {
+		s.value && S(p);
+	}), F(() => i.value, () => {
+		s.value && S(p);
+	}, { deep: !0 }), F(() => l.value, () => {
+		s.value && S(p);
+	});
+	let x = null;
 	return E(() => {
-		h = i.value.findIndex((e) => l.value.includes(e.value)), c.value && (S(m), t.value && (y = new ResizeObserver(() => m()), y.observe(t.value)));
+		m = i.value.findIndex((e) => c.value.includes(e.value)), s.value && (S(p), t.value && (x = new ResizeObserver(() => p()), x.observe(t.value)));
 	}), D(() => {
-		y?.disconnect(), g && clearTimeout(g);
+		x?.disconnect(), h && clearTimeout(h);
 	}), {
-		singleSliderStyle: u,
-		multiSliderStyles: f,
-		squishOnTravel: v
+		singleSliderStyle: d,
+		squishOnTravel: b
 	};
 }
 //#endregion
 //#region src/components/custom/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
-var ne = ["role"], re = [
+var te = ["role", "aria-orientation"], z = [
 	"role",
 	"disabled",
 	"onClick"
-], ie = [
+], B = [
 	"role",
 	"disabled",
 	"onClick"
-], I = /* @__PURE__ */ t(/* @__PURE__ */ y({
+], V = /* @__PURE__ */ y({
 	__name: "SegmentedTabs",
 	props: /* @__PURE__ */ b({
 		options: {},
-		variant: { default: "segmented" },
-		multiSelect: {
-			type: Boolean,
-			default: !1
-		},
-		overflow: { default: "none" },
+		variant: { default: "pill" },
+		orientation: { default: "horizontal" },
 		responsive: {
 			type: [Boolean, Object],
 			default: !1
@@ -111,35 +121,30 @@ var ne = ["role"], re = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(t) {
+	setup(u) {
 		function y(e, t) {
 			return typeof document > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 		}
-		let b = t, D = ee(t, "modelValue"), P = k(null), I = k(null), L = k([]), 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 = D.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 = k(!0), Y = null;
-		function X(e) {
-			J.value = e.matches;
+		let b = u, S = P(u, "modelValue"), D = k(null), F = k(null), L = k([]), R = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), V = f(() => b.variant === "underline"), H = f(() => b.orientation === "vertical"), U = f(() => S.value == null ? [] : [S.value]), W = (e) => U.value.includes(e), G = f(() => !R && !V.value), K = G, q = f(() => b.responsive === !1 ? null : b.responsive === !0 ? {} : b.responsive), ne = f(() => q.value?.breakpoint ?? "640px"), J = f(() => q.value?.desktopOptions ?? b.options), Y = k(!0), X = null;
+		function Z(e) {
+			Y.value = e.matches;
 		}
-		let se = f(() => {
-			if (!K.value) return D.value;
-			let e = q.value;
-			return e.some((e) => e.value === D.value) ? D.value : e[0]?.value ?? D.value;
-		}), Z = f(() => K.value ? q.value : b.options), ce = f(() => K.value?.ariaLabel ?? b.options.find((e) => e.value === D.value)?.label ?? "Select"), le = f(() => !!K.value && !J.value), { singleSliderStyle: ue, multiSliderStyles: de, squishOnTravel: fe } = te({
-			containerRef: P,
-			indicatorRef: I,
+		let re = f(() => {
+			if (!q.value) return S.value;
+			let e = J.value;
+			return e.some((e) => e.value === S.value) ? S.value : e[0]?.value ?? S.value;
+		}), Q = f(() => q.value ? J.value : b.options), ie = f(() => q.value?.ariaLabel ?? b.options.find((e) => e.value === S.value)?.label ?? "Select"), ae = f(() => !!q.value && !Y.value), { singleSliderStyle: oe, squishOnTravel: se } = ee({
+			containerRef: D,
+			indicatorRef: F,
 			buttonRefs: L,
-			options: Z,
-			model: f(() => se.value),
-			multiSelect: H,
+			options: Q,
+			model: f(() => re.value),
 			anchorSupported: R,
-			jsSliderActive: ae,
-			activeValues: U
+			jsSliderActive: G,
+			activeValues: U,
+			vertical: H
 		});
-		function pe(e) {
+		function ce(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");
@@ -155,55 +160,37 @@ 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 $(e, t) {
-			if (Z.value[t]?.disabled) return;
+			if (Q.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), D.value = t;
-			} else D.value = e;
-			Q(t);
+			n && ce(n), se(t), S.value = e;
 		}
-		function me(e) {
-			typeof e == "string" && (D.value = e);
+		function le(e) {
+			typeof e == "string" && (S.value = e);
 		}
 		return E(() => {
-			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);
-			});
+			q.value && typeof window < "u" && window.matchMedia && (X = window.matchMedia(`(min-width: ${ne.value})`), Y.value = X.matches, X.addEventListener("change", Z));
 		}), T(() => {
-			Y?.removeEventListener("change", X), Y = null;
-		}), (f, y) => le.value ? (O(), h("div", {
+			X?.removeEventListener("change", Z), X = null;
+		}), (f, y) => ae.value ? (O(), h("div", {
 			key: 0,
 			class: C(N(e)("segmented-tabs__mobile w-fit", b.class))
-		}, [v(N(o), {
-			"model-value": D.value,
-			"onUpdate:modelValue": me
+		}, [v(N(a), {
+			"model-value": S.value,
+			"onUpdate:modelValue": le
 		}, {
-			default: F(() => [v(N(n), {
-				"aria-label": ce.value,
-				class: C(N(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", K.value?.triggerClass))
+			default: I(() => [v(N(t), {
+				"aria-label": ie.value,
+				class: C(N(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", q.value?.triggerClass))
 			}, {
-				default: F(() => [v(N(i))]),
+				default: I(() => [v(N(r))]),
 				_: 1
-			}, 8, ["aria-label", "class"]), v(N(r), null, {
-				default: F(() => [(O(!0), h(d, null, A(t.options, (e) => (O(), p(N(a), {
+			}, 8, ["aria-label", "class"]), v(N(n), null, {
+				default: I(() => [(O(!0), h(d, null, A(u.options, (e) => (O(), p(N(i), {
 					key: e.value,
 					value: e.value
 				}, {
-					default: F(() => [_(M(e.label), 1)]),
+					default: I(() => [_(M(e.label), 1)]),
 					_: 2
 				}, 1032, ["value"]))), 128))]),
 				_: 1
@@ -212,72 +199,65 @@ var ne = ["role"], re = [
 		}, 8, ["model-value"])], 2)) : (O(), h("div", {
 			key: 1,
 			ref_key: "containerRef",
-			ref: P,
-			role: z.value ? "tablist" : "group",
-			class: C(N(e)("segmented-tabs", `segmented-tabs--${t.variant}`, B.value && "segmented-tabs--scroll scroll-fade-mask scrollbar-hidden", V.value && "segmented-tabs--auto scrollbar-hidden", b.class))
-		}, [
-			!z.value && !H.value ? (O(), h("div", {
-				key: 0,
-				ref_key: "indicatorRef",
-				ref: I,
-				class: C(["segmented-indicator", G.value ? "segmented-indicator--js" : "segmented-indicator--anchor"]),
-				style: w(G.value ? N(ue) : void 0)
-			}, null, 6)) : m("", !0),
-			!z.value && H.value ? (O(!0), h(d, { key: 1 }, A(U.value, (e) => (O(), h("div", {
-				key: "indicator-" + e,
-				class: "segmented-indicator segmented-indicator--js",
-				style: w(N(de)[e] ?? { opacity: "0" })
-			}, null, 4))), 128)) : m("", !0),
-			(O(!0), h(d, null, A(Z.value, (e, t) => (O(), h(d, { key: e.value }, [e.tooltip ? (O(), p(N(u), {
-				key: 0,
-				"delay-duration": 200
-			}, {
-				default: F(() => [v(N(s), null, {
-					default: F(() => [v(N(c), { "as-child": "" }, {
-						default: F(() => [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)
-						}), [j(f.$slots, "option", {
-							option: e,
-							active: W(e.value)
-						}, () => [_(M(e.label), 1)], !0)], 16, re)]),
-						_: 2
-					}, 1024), v(N(l), {
-						side: "bottom",
-						"side-offset": 8
-					}, {
-						default: F(() => [_(M(e.tooltip), 1)]),
-						_: 2
-					}, 1024)]),
+			ref: D,
+			role: V.value ? "tablist" : "group",
+			"aria-orientation": H.value ? "vertical" : "horizontal",
+			class: C(N(e)("segmented-tabs", `segmented-tabs--${u.variant}`, H.value && "segmented-tabs--vertical", b.class))
+		}, [V.value ? m("", !0) : (O(), h("div", {
+			key: 0,
+			ref_key: "indicatorRef",
+			ref: F,
+			class: C(["segmented-indicator", N(K) ? "segmented-indicator--js" : "segmented-indicator--anchor"]),
+			style: w(N(K) ? N(oe) : void 0)
+		}, null, 6)), (O(!0), h(d, null, A(Q.value, (e, t) => (O(), h(d, { key: e.value }, [e.tooltip ? (O(), p(N(l), {
+			key: 0,
+			"delay-duration": 200
+		}, {
+			default: I(() => [v(N(o), null, {
+				default: I(() => [v(N(s), { "as-child": "" }, {
+					default: I(() => [g("button", x({
+						ref_for: !0,
+						ref: (e) => {
+							e && (L.value[t] = e);
+						},
+						class: "segmented-tab",
+						role: V.value ? "tab" : void 0
+					}, { ref_for: !0 }, V.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)
+					}), [j(f.$slots, "option", {
+						option: e,
+						active: W(e.value)
+					}, () => [_(M(e.label), 1)])], 16, z)]),
+					_: 2
+				}, 1024), v(N(c), {
+					side: "bottom",
+					"side-offset": 8
+				}, {
+					default: I(() => [_(M(e.tooltip), 1)]),
 					_: 2
 				}, 1024)]),
 				_: 2
-			}, 1024)) : (O(), 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)
-			}), [j(f.$slots, "option", {
-				option: e,
-				active: W(e.value)
-			}, () => [_(M(e.label), 1)], !0)], 16, ie))], 64))), 128))
-		], 10, ne));
+			}, 1024)]),
+			_: 2
+		}, 1024)) : (O(), h("button", x({
+			key: 1,
+			ref_for: !0,
+			ref: (e) => {
+				e && (L.value[t] = e);
+			},
+			class: "segmented-tab",
+			role: V.value ? "tab" : void 0
+		}, { ref_for: !0 }, V.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)
+		}), [j(f.$slots, "option", {
+			option: e,
+			active: W(e.value)
+		}, () => [_(M(e.label), 1)])], 16, B))], 64))), 128))], 10, te));
 	}
-}), [["__scopeId", "data-v-dd84d37c"]]);
+});
 //#endregion
-export { I as SegmentedTabs };
+export { V as SegmentedTabs };

package/dist/timeline.js

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t } from "./HoverPopover-2LOIW34a.js";
+import { t as e } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t } from "./HoverPopover-Dpzwvc4t.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-1rYWrmAm.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-Bm_HQSpc.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-COu_4IW4.js";
+import { n as e, t } from "./ToggleGroupItem-Dzk9hWsF.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-CmZzCuaG.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-B3MkB_8P.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-CBt_VvXa.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-Bcpy5Etf.js → useAnimatedNumber-C_3wZLx4.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./constants-yKeKnE84.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