@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/tabs.js

@@ -1,110 +1,19 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useLiquidFlex-Cc6PjVJD.js";
-import { n, r } from "./writeVelocityWeight-Bh83xZfs.js";
-import { a as i, i as a, o, r as s, s as c } from "./SelectScrollDownButton-3mFHX_R-.js";
-import { i as l, n as u, r as d, t as f } from "./TooltipProvider-QQVM_80r.js";
-import { t as p } from "./useDragMorph-DGLSewwB.js";
-import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, mergeModels as C, mergeProps as w, nextTick as T, normalizeClass as E, normalizeStyle as D, onBeforeUnmount as ee, onMounted as O, onUnmounted as k, openBlock as A, ref as j, renderList as M, renderSlot as N, toDisplayString as P, unref as F, useModel as te, watch as I, withCtx as L } from "vue";
-//#region src/components/custom/tabs/constants.ts
-var R = 1.11, z = 1.045, B = .82;
-//#endregion
-//#region src/components/custom/tabs/composables/useTabIndicator.ts
-function ne(e) {
-	let { containerRef: i, indicatorRef: a, buttonRefs: o, options: s, model: c, anchorSupported: l, jsSliderActive: u, activeValues: d, vertical: f } = e, p = j({
-		width: "0px",
-		transform: "translateX(0px)",
-		opacity: "0"
-	});
-	function m() {
-		if (l) return;
-		let e = s.value.findIndex((e) => e.value === c.value);
-		if (e < 0 || !o.value[e]) return;
-		let t = o.value[e];
-		if (f.value) {
-			let e = t.offsetHeight, n = t.offsetTop + e / 2;
-			p.value = {
-				height: `${e}px`,
-				width: "",
-				transform: `translateY(${n - e / 2}px)`,
-				opacity: "1"
-			};
-		} else {
-			let e = t.offsetWidth, n = t.offsetLeft + e / 2;
-			p.value = {
-				width: `${e}px`,
-				height: "",
-				transform: `translateX(${n - e / 2}px)`,
-				opacity: "1"
-			};
-		}
-	}
-	function h() {
-		m();
-	}
-	let g = -1, _ = null, v = R, y = t({
-		from: 0,
-		to: 0,
-		axis: "width",
-		squishLaw: "linear",
-		maxStretch: () => v
-	}), b = z, x = t({
-		from: 1,
-		to: () => b,
-		axis: "width",
-		squishLaw: "linear"
-	});
-	function S() {
-		return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-	}
-	function C(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 w(e) {
-		let t = a.value;
-		if (!t) {
-			g = e;
-			return;
-		}
-		if (S()) {
-			g = e;
-			return;
-		}
-		let s = o.value[g], c = o.value[e];
-		if (g = e, !s || !c) return;
-		let l = f.value ? i.value?.offsetHeight || c.offsetParent?.offsetHeight || 1 : i.value?.offsetWidth || c.offsetParent?.offsetWidth || 1, u = f.value ? Math.abs(c.offsetTop - s.offsetTop) : Math.abs(c.offsetLeft - s.offsetLeft), d = l > 0 ? Math.min(u / l, 1) : 0, p = getComputedStyle(t), m = p.getPropertyValue("--tab-indicator-max-stretch").trim();
-		v = n(t, Number(m) || 1.11), y.squish(d);
-		let h = p.getPropertyValue("--tab-indicator-blob-max").trim(), w = Number(h) || 1.045, T = Math.sqrt(1.14), E = n(t, w);
-		b = E > T ? T : E, r(t, y.flexVel.value), _ && clearTimeout(_), t.style.setProperty("--stretch", String(y.stretch.value)), x.drive(1), t.style.setProperty("--tab-blob", String(x.size.value));
-		let D = C(t) * B;
-		_ = setTimeout(() => {
-			y.squish(0), t.style.setProperty("--stretch", String(y.stretch.value)), x.drive(0), t.style.setProperty("--tab-blob", String(x.size.value)), r(t, 0), _ = null;
-		}, D);
-	}
-	I(() => c.value, () => {
-		u.value && T(h);
-	}), I(() => s.value, () => {
-		u.value && T(h);
-	}, { deep: !0 }), I(() => f.value, () => {
-		u.value && T(h);
-	});
-	let E = null;
-	return O(() => {
-		g = s.value.findIndex((e) => d.value.includes(e.value)), u.value && (T(h), i.value && (E = new ResizeObserver(() => h()), E.observe(i.value)));
-	}), k(() => {
-		E?.disconnect(), _ && clearTimeout(_);
-	}), {
-		singleSliderStyle: p,
-		squishOnTravel: w
-	};
-}
-//#endregion
-//#region src/components/custom/tabs/composables/useTabDragMorph.ts
-function re(e) {
-	let { indicatorRef: t, isVertical: i, isUnderline: a, draggable: o, stripOptions: s, buttonRefs: c, model: l } = e, u = h(() => o() && !a.value);
+import { t as e } from "./class-names-5jotTFzp.js";
+import { n as t } from "./springPresets-h5VKJQqG.js";
+import { n, r } from "./writeVelocityWeight-D_AcvTsE.js";
+import { t as i } from "./useMotionAxis-DCCXMC-i.js";
+import { a, c as o, o as s, r as c, s as l } from "./select-BIv4R3Ir.js";
+import { i as u, n as d, r as f, t as p } from "./tooltip-BmOQJzh0.js";
+import { t as m } from "./useLeadTrail-BYu8dq4G.js";
+import { t as h } from "./useDragMorph-7ygF9O0m.js";
+import { a as ee, r as g, t as te } from "./useTabRovingFocus-DkLYwo4L.js";
+import { Fragment as _, computed as v, createBlock as y, createCommentVNode as ne, createElementBlock as b, createElementVNode as x, createTextVNode as S, createVNode as C, defineComponent as w, mergeModels as T, mergeProps as E, nextTick as D, normalizeClass as O, normalizeStyle as k, onBeforeUnmount as A, onMounted as j, onScopeDispose as M, openBlock as N, ref as P, renderList as F, renderSlot as I, toDisplayString as L, unref as R, useModel as re, watch as z, withCtx as B } from "vue";
+//#region src/components/tabs/composables/useTabDragMorph.ts
+function ie(e) {
+	let { indicatorRef: t, isVertical: i, isUnderline: a, draggable: o, stripOptions: s, buttonRefs: c, model: l } = e, u = v(() => o() && !a.value);
 	function d() {
 		let e = t.value;
-		if (!e) return R;
+		if (!e) return g;
 		let r = getComputedStyle(e).getPropertyValue("--tab-indicator-max-stretch").trim();
 		return n(e, Number(r) || 1.11);
 	}
@@ -117,7 +26,7 @@ function re(e) {
 			};
 		});
 	}
-	let m = p({
+	let p = h({
 		el: t,
 		axis: () => i.value ? "y" : "x",
 		snapTargets: f,
@@ -126,50 +35,119 @@ function re(e) {
 			l.value !== e && (l.value = e);
 		}
 	});
-	return I(() => [m.dragging.value, m.stretch.value], ([e, n]) => {
+	return z(() => [p.dragging.value, p.stretch.value], ([e, n]) => {
 		let i = t.value;
 		if (!(!i || !u.value)) if (e) {
 			i.style.setProperty("--stretch", String(n));
 			let e = d();
 			r(i, e > 1 ? (n - 1) / (e - 1) : 0);
 		} else i.style.removeProperty("--stretch"), r(i, 0);
-	}), I(() => [
+	}), z(() => [
+		t.value,
 		s.value.length,
 		i.value,
 		u.value
 	], () => {
-		u.value && T(() => m.refresh());
-	}), {
+		u.value && t.value && D(() => p.refresh());
+	}, { immediate: !0 }), {
 		dragEnabled: u,
-		drag: m
+		drag: p
+	};
+}
+//#endregion
+//#region src/components/tabs/composables/useTabResponsive.ts
+function ae(e) {
+	let { responsive: t, options: n, model: r } = e, i = v(() => {
+		let e = t();
+		return e === !1 ? null : e === !0 ? {} : e;
+	}), a = v(() => i.value?.breakpoint ?? "640px"), o = v(() => i.value?.desktopOptions ?? n.value), s = P(!0), c = null;
+	function l(e) {
+		s.value = e.matches;
+	}
+	let u = v(() => {
+		if (!i.value) return r.value;
+		let e = o.value;
+		return e.some((e) => e.value === r.value) ? r.value : e[0]?.value ?? r.value;
+	}), d = v(() => i.value ? o.value : n.value), f = v(() => i.value?.ariaLabel ?? n.value.find((e) => e.value === r.value)?.label ?? "Select"), p = v(() => !!i.value && !s.value);
+	return j(() => {
+		i.value && typeof window < "u" && window.matchMedia && (c = window.matchMedia(`(min-width: ${a.value})`), s.value = c.matches, c.addEventListener("change", l));
+	}), A(() => {
+		c?.removeEventListener("change", l), c = null;
+	}), {
+		responsiveCfg: i,
+		breakpoint: a,
+		desktopOptions: o,
+		isDesktop: s,
+		stripValue: u,
+		stripOptions: d,
+		mobileAriaLabel: f,
+		showMobileSelect: p
 	};
 }
 //#endregion
-//#region src/components/custom/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
-var ie = ["role", "aria-orientation"], ae = [
+//#region src/components/tabs/composables/useEyeglassLive.ts
+var V = t("eyeglass"), H = 320, U = .27, W = 1, G = 0;
+function oe(e) {
+	let { indicatorRef: t, enabled: n } = e, r = null, i = m({
+		response: V.response,
+		damping: V.dampingFraction,
+		trailTau: U,
+		onFrame({ hi: e }) {
+			let n = t.value;
+			n && n.style.setProperty("--eyeglass-live-t", String(e));
+		}
+	});
+	function a() {
+		r &&= (clearTimeout(r), null);
+	}
+	function o() {
+		n.value && (a(), i.drive(W), r = setTimeout(() => {
+			i.drive(G), r = null;
+		}, H));
+	}
+	function s() {
+		a(), i.seat(G);
+	}
+	return j(() => s()), z(n, (e) => {
+		e || s();
+	}), M(() => {
+		a(), i.dispose();
+	}), {
+		energize: o,
+		settle: s
+	};
+}
+//#endregion
+//#region src/components/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
+var se = [
+	"role",
+	"aria-label",
+	"aria-orientation",
+	"data-motion",
+	"data-eyeglass"
+], ce = [
 	"role",
 	"tabindex",
 	"disabled",
 	"onClick"
-], oe = [
+], le = [
 	"role",
 	"tabindex",
 	"disabled",
 	"onClick"
-], V = /* @__PURE__ */ S({
+], K = /* @__PURE__ */ w({
 	__name: "SegmentedTabs",
-	props: /* @__PURE__ */ C({
+	props: /* @__PURE__ */ T({
 		options: {},
+		ariaLabel: {},
 		variant: { default: "pill" },
+		semantics: {},
 		orientation: { default: "horizontal" },
 		responsive: {
 			type: [Boolean, Object],
 			default: !1
 		},
-		draggable: {
-			type: Boolean,
-			default: !0
-		},
+		motion: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -186,36 +164,33 @@ var ie = ["role", "aria-orientation"], ae = [
 		function n(e, t) {
 			return typeof document > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
 		}
-		let r = t, p = te(t, "modelValue"), S = j(null), C = j(null), T = j([]), k = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-anchor", "--x"), I = h(() => r.variant === "underline"), R = h(() => r.orientation === "vertical"), z = h(() => p.value == null ? [] : [p.value]), B = (e) => z.value.includes(e);
-		function V(e) {
-			return !I.value && !B(e.value) && !e.disabled && "glass-capsule-hover";
+		let r = t, m = i(() => r.motion), h = re(t, "modelValue"), g = P(null), w = P(null), T = P([]), D = v(() => r.variant === "underline"), A = v(() => r.orientation === "vertical"), j = v(() => r.semantics === "tabs" || !r.semantics && D.value), M = v(() => !D.value), z = v(() => h.value == null ? [] : [h.value]), V = (e) => z.value.includes(e);
+		function H(e) {
+			return !D.value && !V(e.value) && !e.disabled && "glass-capsule-hover";
 		}
-		let H = h(() => !k && !I.value), U = H, W = h(() => r.responsive === !1 ? null : r.responsive === !0 ? {} : r.responsive), se = h(() => W.value?.breakpoint ?? "640px"), G = h(() => W.value?.desktopOptions ?? r.options), K = j(!0), q = null;
-		function J(e) {
-			K.value = e.matches;
-		}
-		let Y = h(() => {
-			if (!W.value) return p.value;
-			let e = G.value;
-			return e.some((e) => e.value === p.value) ? p.value : e[0]?.value ?? p.value;
-		}), X = h(() => W.value ? G.value : r.options), ce = h(() => W.value?.ariaLabel ?? r.options.find((e) => e.value === p.value)?.label ?? "Select"), le = h(() => !!W.value && !K.value), { singleSliderStyle: Z, squishOnTravel: ue } = ne({
-			containerRef: S,
-			indicatorRef: C,
+		let { responsiveCfg: U, stripValue: W, stripOptions: G, mobileAriaLabel: K, showMobileSelect: ue } = ae({
+			responsive: () => r.responsive,
+			options: v(() => r.options),
+			model: h
+		}), { singleSliderStyle: q, squishOnTravel: de } = ee({
+			containerRef: g,
+			indicatorRef: w,
 			buttonRefs: T,
-			options: X,
-			model: h(() => Y.value),
-			anchorSupported: k,
-			jsSliderActive: H,
+			options: G,
+			model: v(() => W.value),
 			activeValues: z,
-			vertical: R
-		}), { dragEnabled: Q, drag: de } = re({
-			indicatorRef: C,
-			isVertical: R,
-			isUnderline: I,
-			draggable: () => r.draggable,
-			stripOptions: X,
+			vertical: A
+		}), J = oe({
+			indicatorRef: w,
+			enabled: M
+		}), { dragEnabled: Y, drag: X } = ie({
+			indicatorRef: w,
+			isVertical: A,
+			isUnderline: D,
+			draggable: () => m.armed.value,
+			stripOptions: G,
 			buttonRefs: T,
-			model: p
+			model: h
 		});
 		function fe(e) {
 			if (typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
@@ -233,161 +208,132 @@ var ie = ["role", "aria-orientation"], ae = [
 				easing: t
 			});
 		}
-		function $(e, t) {
-			if (X.value[t]?.disabled) return;
+		function Z(e, t) {
+			if (G.value[t]?.disabled) return;
 			let n = T.value[t];
-			n && fe(n), ue(t), p.value = e;
-		}
-		function pe(e) {
-			typeof e == "string" && (p.value = e);
+			n && fe(n), de(t), J.energize(), h.value = e;
 		}
-		let me = h(() => {
-			let e = X.value.findIndex((e) => e.value === Y.value);
-			return e >= 0 ? e : 0;
-		});
-		function he(e) {
-			return e === me.value ? 0 : -1;
-		}
-		function ge(e, t) {
-			let n = X.value.length;
-			if (n !== 0) for (let r = 1; r <= n; r++) {
-				let i = (e + t * r + n * r) % n, a = X.value[i];
-				if (a && !a.disabled) {
-					T.value[i]?.focus(), $(a.value, i);
-					return;
-				}
-			}
-		}
-		function _e(e) {
-			let t = X.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 = X.value[e];
-				if (t && !t.disabled) {
-					T.value[e]?.focus(), $(t.value, e);
-					return;
-				}
-			}
+		function pe() {
+			J.energize();
 		}
-		function ve(e) {
-			let t = me.value, n = R.value ? "ArrowDown" : "ArrowRight", r = R.value ? "ArrowUp" : "ArrowLeft";
-			switch (e.key) {
-				case n:
-					e.preventDefault(), ge(t, 1);
-					break;
-				case r:
-					e.preventDefault(), ge(t, -1);
-					break;
-				case "Home":
-					e.preventDefault(), _e("first");
-					break;
-				case "End":
-					e.preventDefault(), _e("last");
-					break;
-				default: break;
-			}
+		function me(e) {
+			typeof e == "string" && (h.value = e);
 		}
-		return O(() => {
-			W.value && typeof window < "u" && window.matchMedia && (q = window.matchMedia(`(min-width: ${se.value})`), K.value = q.matches, q.addEventListener("change", J));
-		}), ee(() => {
-			q?.removeEventListener("change", J), q = null;
-		}), (n, h) => le.value ? (A(), v("div", {
+		let { rovingTabindex: Q, onStripKeydown: $ } = te({
+			stripOptions: G,
+			stripValue: W,
+			isVertical: A,
+			buttonRefs: T,
+			select: Z
+		});
+		return (n, i) => R(ue) ? (N(), b("div", {
 			key: 0,
-			class: E(F(e)("segmented-tabs__mobile w-fit", r.class))
-		}, [x(F(c), {
-			"model-value": p.value,
-			"onUpdate:modelValue": pe
+			class: O(R(e)("segmented-tabs__mobile w-fit", r.class))
+		}, [C(R(o), {
+			"model-value": h.value,
+			"onUpdate:modelValue": me
 		}, {
-			default: L(() => [x(F(i), {
-				"aria-label": ce.value,
-				class: E(F(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", W.value?.triggerClass))
+			default: B(() => [C(R(s), {
+				"aria-label": r.ariaLabel ?? R(K),
+				class: O(R(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", R(U)?.triggerClass))
 			}, {
-				default: L(() => [x(F(o))]),
+				default: B(() => [C(R(l))]),
 				_: 1
-			}, 8, ["aria-label", "class"]), x(F(a), null, {
-				default: L(() => [(A(!0), v(m, null, M(t.options, (e) => (A(), g(F(s), {
+			}, 8, ["aria-label", "class"]), C(R(a), null, {
+				default: B(() => [(N(!0), b(_, null, F(t.options, (e) => (N(), y(R(c), {
 					key: e.value,
 					value: e.value
 				}, {
-					default: L(() => [b(P(e.label), 1)]),
+					default: B(() => [S(L(e.label), 1)]),
 					_: 2
 				}, 1032, ["value"]))), 128))]),
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["model-value"])], 2)) : (A(), v("div", {
+		}, 8, ["model-value"])], 2)) : (N(), b("div", {
 			key: 1,
 			ref_key: "containerRef",
-			ref: S,
-			role: I.value ? "tablist" : "group",
-			"aria-orientation": I.value ? R.value ? "vertical" : "horizontal" : void 0,
-			class: E(F(e)("segmented-tabs", `segmented-tabs--${t.variant}`, R.value && "segmented-tabs--vertical", !I.value && "glass-capsule-track", r.class)),
-			onKeydown: ve
-		}, [I.value ? _("", !0) : (A(), v("div", {
+			ref: g,
+			role: j.value ? "tablist" : "group",
+			"aria-label": r.ariaLabel,
+			"aria-orientation": j.value ? A.value ? "vertical" : "horizontal" : void 0,
+			"data-motion": R(m).dataMotion.value,
+			"data-eyeglass": M.value ? "" : void 0,
+			style: k(R(m).hostStyle.value),
+			class: O(R(e)("segmented-tabs", `segmented-tabs--${t.variant}`, A.value && "segmented-tabs--vertical", !D.value && "glass-capsule-track", r.class)),
+			onKeydown: i[0] ||= (...e) => R($) && R($)(...e),
+			onPointerdown: pe
+		}, [D.value ? ne("", !0) : (N(), b("div", {
 			key: 0,
 			ref_key: "indicatorRef",
-			ref: C,
-			class: E([
+			ref: w,
+			class: O([
 				"segmented-indicator",
-				"glass-capsule",
-				F(U) ? "segmented-indicator--js" : "segmented-indicator--anchor",
-				F(Q) && "glass-drag-grabbable",
-				F(Q) && F(de).dragging.value && "glass-drag-lift"
+				"segmented-indicator--js",
+				R(Y) && "glass-drag-grabbable",
+				R(Y) && R(X).dragging.value && "glass-drag-lift"
 			]),
-			style: D(F(Q) ? {
-				...F(U) ? F(Z) : {},
-				...F(de).dragStyle.value
-			} : F(U) ? F(Z) : void 0)
-		}, null, 6)), (A(!0), v(m, null, M(X.value, (e, t) => (A(), v(m, { key: e.value }, [e.tooltip ? (A(), g(F(f), {
+			style: k(R(Y) ? {
+				...R(q),
+				...R(X).dragStyle.value
+			} : R(q))
+		}, [x("div", { class: O([
+			"segmented-indicator__plate",
+			"glass-capsule",
+			M.value && "glass-lens"
+		]) }, null, 2)], 6)), (N(!0), b(_, null, F(R(G), (e, t) => (N(), b(_, { key: e.value }, [e.tooltip ? (N(), y(R(p), {
 			key: 0,
 			"delay-duration": 200
 		}, {
-			default: L(() => [x(F(l), null, {
-				default: L(() => [x(F(u), { "as-child": "" }, {
-					default: L(() => [y("button", w({
+			default: B(() => [C(R(u), null, {
+				default: B(() => [C(R(d), { "as-child": "" }, {
+					default: B(() => [x("button", E({
+						type: "button",
 						ref_for: !0,
 						ref: (e) => {
 							e && (T.value[t] = e);
 						},
 						class: "segmented-tab",
-						role: I.value ? "tab" : void 0,
-						tabindex: he(t)
-					}, { ref_for: !0 }, I.value ? { "aria-selected": B(e.value) ? "true" : "false" } : { "aria-pressed": B(e.value) ? "true" : "false" }, {
+						role: j.value ? "tab" : void 0,
+						tabindex: R(Q)(t)
+					}, { ref_for: !0 }, j.value ? { "aria-selected": V(e.value) ? "true" : "false" } : { "aria-pressed": V(e.value) ? "true" : "false" }, {
 						disabled: e.disabled,
-						class: [e.disabled && "is-disabled", V(e)],
-						onClick: (n) => $(e.value, t)
-					}), [N(n.$slots, "option", {
+						class: [e.disabled && "is-disabled", H(e)],
+						onClick: (n) => Z(e.value, t)
+					}), [I(n.$slots, "option", {
 						option: e,
-						active: B(e.value)
-					}, () => [b(P(e.label), 1)])], 16, ae)]),
+						active: V(e.value)
+					}, () => [S(L(e.label), 1)])], 16, ce)]),
 					_: 2
-				}, 1024), x(F(d), {
+				}, 1024), C(R(f), {
 					side: "bottom",
 					"side-offset": 8
 				}, {
-					default: L(() => [b(P(e.tooltip), 1)]),
+					default: B(() => [S(L(e.tooltip), 1)]),
 					_: 2
 				}, 1024)]),
 				_: 2
 			}, 1024)]),
 			_: 2
-		}, 1024)) : (A(), v("button", w({
+		}, 1024)) : (N(), b("button", E({
 			key: 1,
+			type: "button",
 			ref_for: !0,
 			ref: (e) => {
 				e && (T.value[t] = e);
 			},
 			class: "segmented-tab",
-			role: I.value ? "tab" : void 0,
-			tabindex: he(t)
-		}, { ref_for: !0 }, I.value ? { "aria-selected": B(e.value) ? "true" : "false" } : { "aria-pressed": B(e.value) ? "true" : "false" }, {
+			role: j.value ? "tab" : void 0,
+			tabindex: R(Q)(t)
+		}, { ref_for: !0 }, j.value ? { "aria-selected": V(e.value) ? "true" : "false" } : { "aria-pressed": V(e.value) ? "true" : "false" }, {
 			disabled: e.disabled,
-			class: [e.disabled && "is-disabled", V(e)],
-			onClick: (n) => $(e.value, t)
-		}), [N(n.$slots, "option", {
+			class: [e.disabled && "is-disabled", H(e)],
+			onClick: (n) => Z(e.value, t)
+		}), [I(n.$slots, "option", {
 			option: e,
-			active: B(e.value)
-		}, () => [b(P(e.label), 1)])], 16, oe))], 64))), 128))], 42, ie));
+			active: V(e.value)
+		}, () => [S(L(e.label), 1)])], 16, le))], 64))), 128))], 46, se));
 	}
 });
 //#endregion
-export { V as SegmentedTabs };
+export { K as SegmentedTabs };

package/dist/timeline.d.ts

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