@mkbabb/glass-ui 0.2.0 → 2.0.0

package/dist/tabs.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/tabs";

package/dist/tabs.js

@@ -0,0 +1,206 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { i as n, n as r, r as i, t as a } from "./TooltipProvider-C5QLSPto.js";
+import { t as o } from "./UnderlineTabs-BtrUcXn-.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onMounted as y, onUnmounted as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, watch as D, withCtx as O } from "vue";
+//#region src/components/custom/tabs/BouncyToggle.vue?vue&type=script&setup=true&lang.ts
+var k = [
+	"aria-pressed",
+	"disabled",
+	"onClick"
+], A = [
+	"aria-pressed",
+	"disabled",
+	"onClick"
+], j = /* @__PURE__ */ t(/* @__PURE__ */ h({
+	__name: "BouncyToggle",
+	props: {
+		options: {},
+		modelValue: {},
+		multiSelect: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "default" },
+		overflow: { default: "none" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: o }) {
+		function h(e, t) {
+			return typeof document > "u" ? t : getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t;
+		}
+		let j = t, M = o, N = S(null), P = S([]), F = c(() => j.variant === "pill"), I = c(() => j.overflow === "scroll"), L = c(() => j.overflow === "auto"), R = c(() => j.multiSelect && Array.isArray(j.modelValue) ? j.modelValue : [j.modelValue]), z = (e) => R.value.includes(e), B = S({
+			width: "0px",
+			transform: "translateX(0px)",
+			opacity: "0"
+		});
+		function V() {
+			if (j.multiSelect) return;
+			let e = j.options.findIndex((e) => e.value === j.modelValue);
+			if (e < 0 || !P.value[e]) return;
+			let t = P.value[e];
+			B.value = {
+				width: `${t.offsetWidth}px`,
+				transform: `translateX(${t.offsetLeft}px)`,
+				opacity: "1"
+			};
+		}
+		let H = S({});
+		function U() {
+			if (!j.multiSelect) return;
+			let e = {};
+			for (let t of R.value) {
+				let n = j.options.findIndex((e) => e.value === t), r = P.value[n];
+				r && (e[t] = {
+					width: `${r.offsetWidth}px`,
+					transform: `translateX(${r.offsetLeft}px)`,
+					opacity: "1"
+				});
+			}
+			H.value = e;
+		}
+		function W() {
+			j.multiSelect ? U() : V();
+		}
+		function G(e) {
+			if (typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+			e.getAnimations().forEach((e) => e.cancel());
+			let t = h("--ease-apple-spring", "cubic-bezier(0.175, 0.885, 0.32, 1.275)"), n = h("--scale-press", "0.95"), r = h("--scale-hover", "1.08");
+			e.animate([
+				{ transform: "scale(1)" },
+				{
+					transform: `scale(${n})`,
+					offset: .25
+				},
+				{
+					transform: `scale(${r})`,
+					offset: .7
+				},
+				{ transform: "scale(1)" }
+			], {
+				duration: 200,
+				easing: t
+			});
+		}
+		function K(e, t) {
+			if (j.options[t]?.disabled) return;
+			let n = P.value[t];
+			if (n && G(n), j.multiSelect) {
+				let t = [...R.value], n = t.indexOf(e);
+				n > -1 ? t.length > 1 && t.splice(n, 1) : t.push(e), M("update:modelValue", t);
+			} else M("update:modelValue", e);
+		}
+		D(() => j.modelValue, () => g(W), { deep: !0 }), D(() => j.options, () => g(W), { deep: !0 });
+		let q = null;
+		return y(() => {
+			g(W), N.value && (q = new ResizeObserver(() => W()), q.observe(N.value));
+		}), b(() => {
+			q?.disconnect();
+		}), (o, c) => (x(), d("div", {
+			ref_key: "containerRef",
+			ref: N,
+			class: _(E(e)(F.value ? "bouncy-toggle bouncy-toggle--pill" : "bouncy-toggle", I.value && "bouncy-toggle--scroll scroll-fade-mask scrollbar-hidden", L.value && "bouncy-toggle--auto scrollbar-hidden", j.class))
+		}, [
+			t.multiSelect ? u("", !0) : (x(), d("div", {
+				key: 0,
+				class: _(F.value ? "bouncy-slider bouncy-slider--pill" : "bouncy-slider"),
+				style: v(B.value)
+			}, null, 6)),
+			t.multiSelect ? (x(!0), d(s, { key: 1 }, C(R.value, (e) => (x(), d("div", {
+				key: "slider-" + e,
+				class: _(F.value ? "bouncy-slider bouncy-slider--pill" : "bouncy-slider"),
+				style: v(H.value[e] ?? { opacity: "0" })
+			}, null, 6))), 128)) : u("", !0),
+			(x(!0), d(s, null, C(t.options, (e, t) => (x(), d(s, { key: e.value }, [e.tooltip ? (x(), l(E(a), {
+				key: 0,
+				"delay-duration": 200
+			}, {
+				default: O(() => [m(E(n), null, {
+					default: O(() => [m(E(r), { "as-child": "" }, {
+						default: O(() => [f("button", {
+							ref_for: !0,
+							ref: (e) => {
+								e && (P.value[t] = e);
+							},
+							class: _([F.value ? "bouncy-btn bouncy-btn--pill" : "bouncy-btn", e.disabled && "is-disabled"]),
+							"aria-pressed": z(e.value) ? "true" : "false",
+							disabled: e.disabled,
+							onClick: (n) => K(e.value, t)
+						}, [w(o.$slots, "option", {
+							option: e,
+							active: z(e.value)
+						}, () => [p(T(e.label), 1)], !0)], 10, k)]),
+						_: 2
+					}, 1024), m(E(i), {
+						side: "bottom",
+						"side-offset": 8
+					}, {
+						default: O(() => [p(T(e.tooltip), 1)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1024)) : (x(), d("button", {
+				key: 1,
+				ref_for: !0,
+				ref: (e) => {
+					e && (P.value[t] = e);
+				},
+				class: _([F.value ? "bouncy-btn bouncy-btn--pill" : "bouncy-btn", e.disabled && "is-disabled"]),
+				"aria-pressed": z(e.value) ? "true" : "false",
+				disabled: e.disabled,
+				onClick: (n) => K(e.value, t)
+			}, [w(o.$slots, "option", {
+				option: e,
+				active: z(e.value)
+			}, () => [p(T(e.label), 1)], !0)], 10, A))], 64))), 128))
+		], 2));
+	}
+}), [["__scopeId", "data-v-61c8392f"]]), M = /* @__PURE__ */ h({
+	__name: "BouncyTabs",
+	props: {
+		options: {},
+		modelValue: {},
+		variant: { default: "default" },
+		overflow: { default: "none" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e) {
+			r("update:modelValue", e);
+		}
+		return (t, r) => (x(), l(j, {
+			options: e.options,
+			"model-value": e.modelValue,
+			variant: e.variant,
+			overflow: e.overflow,
+			class: _(n.class),
+			"multi-select": !1,
+			"onUpdate:modelValue": i
+		}, null, 8, [
+			"options",
+			"model-value",
+			"variant",
+			"overflow",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { M as BouncyTabs, j as BouncyToggle, o as UnderlineTabs };

package/dist/timeline.d.ts

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

package/dist/timeline.js

@@ -0,0 +1,466 @@
+import { t as e } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t } from "./HoverPopover-Btv4RQfv.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, defineComponent as l, guardReactiveProps as u, normalizeClass as d, normalizeProps as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+//#region src/components/custom/timeline/geometry.ts
+function x(e) {
+	if (typeof e.gradient == "string") return e.gradient;
+	if (e.gradient && typeof e.gradient == "object") {
+		let t = e.gradient;
+		return `linear-gradient(90deg, ${t.from}, ${t.to})`;
+	}
+	return "var(--timeline-segment-default-gradient, linear-gradient(90deg, var(--surface-tint-15), var(--surface-tint-25)))";
+}
+function S(e) {
+	return typeof e.progress == "number" ? Math.max(0, Math.min(1, e.progress)) : e.state === "completed" ? 1 : e.state === "active" ? .5 : 0;
+}
+function C(e) {
+	return typeof e.weight == "number" && e.weight > 0 ? e.weight : 1;
+}
+function w(e) {
+	let t = r(() => {
+		let t = e.value.reduce((e, t) => e + C(t), 0);
+		return t > 0 ? t : 1;
+	});
+	function n(n) {
+		let r = 0;
+		for (let t = 0; t < n; t += 1) {
+			let n = e.value[t];
+			n && (r += C(n));
+		}
+		return r / t.value;
+	}
+	function i(n) {
+		let r = e.value[n];
+		return r ? C(r) / t.value : 0;
+	}
+	function a(e) {
+		return n(e) + i(e);
+	}
+	return {
+		totalWeight: t,
+		regionLeft: n,
+		regionWidth: i,
+		boundaryX: a,
+		continuousAriaValueNow: r(() => {
+			let t = 0;
+			for (let n of e.value) n.state === "completed" ? t += 1 : n.state === "active" && (t += S(n));
+			return Math.round(t * 100) / 100;
+		})
+	};
+}
+function T(e) {
+	return e.gradient && typeof e.gradient == "object" ? e.gradient.to : "var(--timeline-segment-default-gradient-color, var(--surface-tint-25))";
+}
+function E(e) {
+	if (e.length === 0) return "var(--timeline-segment-default-gradient, linear-gradient(90deg, var(--surface-tint-15), var(--surface-tint-25)))";
+	if (e.length === 1) {
+		let t = T(e[0]);
+		return `linear-gradient(90deg, ${t}, ${t})`;
+	}
+	let t = e.reduce((e, t) => e + C(t), 0) || 1, n = [], r = 0;
+	return e.forEach((i, a) => {
+		let o = C(i), s = (r + o / 2) / t, c = a === 0 ? 0 : a === e.length - 1 ? 1 : s;
+		n.push(`${T(i)} ${(c * 100).toFixed(3)}%`), r += o;
+	}), `linear-gradient(90deg, ${n.join(", ")})`;
+}
+function D(e, t) {
+	let n = t > 0 ? t : 1, r = `${(100 / n).toFixed(3)}%`, i = 1 - n;
+	return {
+		sizeX: r,
+		positionX: i > 1e-6 ? `${(e / i * 100).toFixed(3)}%` : "0%"
+	};
+}
+function O(e) {
+	return S(e);
+}
+function k(e) {
+	let t = e.value ?? null;
+	return {
+		label: t?.label ?? e.label,
+		value: t?.value,
+		description: t?.description,
+		state: t?.state ?? e.state
+	};
+}
+//#endregion
+//#region src/components/custom/timeline/ContinuousTimeline.vue?vue&type=script&setup=true&lang.ts
+var A = ["aria-label"], ee = { class: "continuous-track-wrap" }, te = [
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-label"
+], j = ["data-state"], M = ["aria-label"], N = [
+	"aria-label",
+	"data-state",
+	"data-current",
+	"data-completed",
+	"onClick",
+	"onKeydown"
+], P = { class: "sr-only" }, F = {
+	key: 0,
+	class: "continuous-dot-check",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": "true"
+}, I = { class: "timeline-popover-label" }, L = {
+	key: 0,
+	class: "timeline-popover-value tabular-nums"
+}, R = {
+	key: 1,
+	class: "timeline-popover-description"
+}, z = { class: "timeline-popover-state" }, B = [
+	"aria-label",
+	"data-state",
+	"data-current",
+	"data-completed",
+	"onMouseenter",
+	"onMouseleave",
+	"onFocus",
+	"onBlur",
+	"onClick",
+	"onKeydown"
+], V = { class: "sr-only" }, H = {
+	key: 0,
+	class: "continuous-dot-check",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": "true"
+}, U = {
+	key: 0,
+	class: "continuous-detail"
+}, W = /* @__PURE__ */ e(/* @__PURE__ */ l({
+	__name: "ContinuousTimeline",
+	props: {
+		segments: {},
+		ariaLabel: {},
+		currentSegmentKey: {},
+		disablePopover: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"hover",
+		"hoverEnd",
+		"click"
+	],
+	setup(e, { emit: c }) {
+		let l = e, u = c, f = r(() => l.segments ?? []), { regionLeft: x, regionWidth: S, boundaryX: C, continuousAriaValueNow: T } = w(f), W = r(() => E(f.value)), G = r(() => {
+			if (l.ariaLabel) return l.ariaLabel;
+			let e = f.value.map((e) => e.label).filter(Boolean);
+			return e.length > 0 ? `Timeline: ${e.join(", ")}` : "Timeline";
+		}), K = h(null), q = r(() => {
+			let e = f.value;
+			if (e.length === 0) return null;
+			let t = K.value ?? l.currentSegmentKey ?? null;
+			return t == null ? null : e.find((e) => e.key === t) ?? null;
+		}), J = r(() => K.value == null ? l.currentSegmentKey == null ? "idle" : "current" : "hovered");
+		function Y(e) {
+			K.value = e.key, u("hover", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function X(e) {
+			K.value === e.key && (K.value = null), u("hoverEnd", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function Z(e, t) {
+			t ? Y(e) : X(e);
+		}
+		function Q(e) {
+			u("click", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function $(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u("click", {
+				key: t.key,
+				segment: t
+			}));
+		}
+		return (r, c) => (m(), o("div", {
+			class: "timeline-row timeline-continuous",
+			role: "group",
+			"aria-label": G.value
+		}, [s("div", ee, [s("div", {
+			class: "continuous-track",
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": f.value.length,
+			"aria-valuenow": y(T),
+			"aria-label": G.value
+		}, [(m(!0), o(n, null, g(f.value, (e, t) => (m(), o("div", {
+			key: e.key,
+			class: d(["continuous-region", [
+				`state-${e.state}`,
+				t === 0 && "is-first",
+				t === f.value.length - 1 && "is-last"
+			]]),
+			"data-state": e.state,
+			style: p({
+				left: `${y(x)(t) * 100}%`,
+				width: `${y(S)(t) * 100}%`,
+				"--stitch-gradient": W.value,
+				"--stitch-size-x": y(D)(y(x)(t), y(S)(t)).sizeX,
+				"--stitch-pos-x": y(D)(y(x)(t), y(S)(t)).positionX,
+				"--continuous-fill-width": `${y(O)(e) * 100}%`
+			}),
+			"aria-hidden": "true"
+		}, [...c[0] ||= [s("div", { class: "continuous-region-fill" }, null, -1)]], 14, j))), 128))], 8, te), f.value.length > 0 ? (m(), o("ul", {
+			key: 0,
+			class: "continuous-markers",
+			role: "list",
+			"aria-label": `${G.value} — phase markers`
+		}, [(m(!0), o(n, null, g(f.value, (n, l) => (m(), o("li", {
+			key: `dot-li-${n.key}`,
+			class: "continuous-marker",
+			role: "listitem",
+			style: p({ left: `${y(C)(l) * 100}%` })
+		}, [e.disablePopover ? (m(), o("button", {
+			key: 1,
+			type: "button",
+			class: "continuous-dot segmented-dot",
+			"aria-label": `${n.label}: ${n.state}`,
+			"data-state": n.state,
+			"data-current": n.key === e.currentSegmentKey || void 0,
+			"data-completed": n.state === "completed" || void 0,
+			onMouseenter: (e) => Y(n),
+			onMouseleave: (e) => X(n),
+			onFocus: (e) => Y(n),
+			onBlur: (e) => X(n),
+			onClick: (e) => Q(n),
+			onKeydown: (e) => $(e, n)
+		}, [s("span", V, v(n.label), 1), n.state === "completed" ? (m(), o("svg", H, [...c[2] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 40, B)) : (m(), i(t, {
+			key: 0,
+			side: "top",
+			"side-offset": 10,
+			"hover-open-delay": 120,
+			"close-delay": 160,
+			class: d(`timeline-popover timeline-popover-${n.key}`),
+			"onUpdate:open": (e) => Z(n, e)
+		}, {
+			trigger: b(() => [s("button", {
+				type: "button",
+				class: "continuous-dot segmented-dot",
+				"aria-label": `${n.label}: ${n.state}`,
+				"data-state": n.state,
+				"data-current": n.key === e.currentSegmentKey || void 0,
+				"data-completed": n.state === "completed" || void 0,
+				onClick: (e) => Q(n),
+				onKeydown: (e) => $(e, n)
+			}, [s("span", P, v(n.label), 1), n.state === "completed" ? (m(), o("svg", F, [...c[1] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 40, N)]),
+			content: b(() => [_(r.$slots, "popoverContent", { segment: n }, () => [s("div", {
+				class: "timeline-popover-body",
+				style: p({ "--popover-tint": typeof n.gradient == "object" && n.gradient ? n.gradient.to : "var(--foreground)" })
+			}, [
+				s("span", I, v(y(k)(n).label), 1),
+				y(k)(n).value == null ? a("", !0) : (m(), o("span", L, v(y(k)(n).value), 1)),
+				y(k)(n).description ? (m(), o("span", R, v(y(k)(n).description), 1)) : a("", !0),
+				s("span", z, v(y(k)(n).state), 1)
+			], 4)], !0)]),
+			_: 2
+		}, 1032, ["class", "onUpdate:open"]))], 4))), 128))], 8, M)) : a("", !0)]), r.$slots.detail ? (m(), o("div", U, [_(r.$slots, "detail", {
+			segment: q.value,
+			source: J.value,
+			currentKey: l.currentSegmentKey ?? null,
+			hoveredKey: K.value
+		}, void 0, !0)])) : a("", !0)], 8, A));
+	}
+}), [["__scopeId", "data-v-1ae905c7"]]), G = { class: "timeline-row" }, K = { class: "caret-value fira-code" }, q = ["aria-valuenow"], J = /* @__PURE__ */ e(/* @__PURE__ */ l({
+	__name: "ScrubberTimeline",
+	props: {
+		modelValue: { default: 0 },
+		label: {}
+	},
+	emits: [
+		"update:modelValue",
+		"scrubStart",
+		"scrubEnd"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = h(), c = h(!1);
+		function l(e) {
+			let t = i.value.getBoundingClientRect();
+			return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
+		}
+		function u(e) {
+			e.currentTarget.setPointerCapture(e.pointerId), c.value = !0, r("scrubStart"), r("update:modelValue", l(e));
+		}
+		function d(e) {
+			c.value && r("update:modelValue", l(e));
+		}
+		function f() {
+			c.value = !1, r("scrubEnd");
+		}
+		function g(e) {
+			let t = e.shiftKey ? .1 : .01;
+			e.key === "ArrowRight" || e.key === "ArrowUp" ? (e.preventDefault(), r("update:modelValue", Math.min(1, n.modelValue + t))) : (e.key === "ArrowLeft" || e.key === "ArrowDown") && (e.preventDefault(), r("update:modelValue", Math.max(0, n.modelValue - t)));
+		}
+		return (t, n) => (m(), o("div", G, [e.label ? (m(), o("div", {
+			key: 0,
+			class: "timeline-caret",
+			style: p({ left: e.modelValue * 100 + "%" })
+		}, [s("span", K, v(e.label), 1)], 4)) : a("", !0), s("div", {
+			ref_key: "trackRef",
+			ref: i,
+			class: "glass-track",
+			role: "slider",
+			tabindex: "0",
+			"aria-valuenow": Number(e.modelValue ?? 0),
+			"aria-valuemin": "0",
+			"aria-valuemax": "1",
+			"aria-label": "Timeline",
+			onPointerdown: u,
+			onPointermove: d,
+			onPointerup: f,
+			onPointercancel: f,
+			onKeydown: g
+		}, [s("div", {
+			class: "glass-fill",
+			style: p({ width: e.modelValue * 100 + "%" })
+		}, null, 4), s("div", {
+			class: "glass-thumb",
+			style: p({ left: e.modelValue * 100 + "%" })
+		}, null, 4)], 40, q)]));
+	}
+}), [["__scopeId", "data-v-a206e2d2"]]), Y = {
+	class: "timeline-row timeline-segmented",
+	role: "group",
+	"aria-label": "Timeline progress"
+}, X = { class: "segmented-track" }, Z = ["data-state"], Q = [
+	"aria-label",
+	"data-state",
+	"onMouseenter",
+	"onMouseleave",
+	"onFocus",
+	"onBlur",
+	"onClick",
+	"onKeydown"
+], $ = { class: "sr-only" }, ne = /* @__PURE__ */ e(/* @__PURE__ */ l({
+	__name: "SegmentedTimeline",
+	props: { segments: {} },
+	emits: [
+		"hover",
+		"hoverEnd",
+		"click"
+	],
+	setup(e, { emit: t }) {
+		let i = e, a = t, c = r(() => i.segments ?? []);
+		function l(e) {
+			a("hover", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function u(e) {
+			a("hoverEnd", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function f(e) {
+			a("click", {
+				key: e.key,
+				segment: e
+			});
+		}
+		function h(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a("click", {
+				key: t.key,
+				segment: t
+			}));
+		}
+		return (e, t) => (m(), o("div", Y, [s("div", X, [(m(!0), o(n, null, g(c.value, (e, t) => (m(), o("div", {
+			key: e.key,
+			class: d(["segmented-cell", [
+				`state-${e.state}`,
+				t === 0 && "is-first",
+				t === c.value.length - 1 && "is-last"
+			]]),
+			"data-state": e.state
+		}, [s("div", {
+			class: "segmented-band",
+			style: p({
+				background: y(x)(e),
+				width: `${y(S)(e) * 100}%`
+			}),
+			"aria-hidden": "true"
+		}, null, 4), s("button", {
+			type: "button",
+			class: "segmented-dot",
+			"aria-label": `${e.label}: ${e.state}`,
+			"data-state": e.state,
+			onMouseenter: (t) => l(e),
+			onMouseleave: (t) => u(e),
+			onFocus: (t) => l(e),
+			onBlur: (t) => u(e),
+			onClick: (t) => f(e),
+			onKeydown: (t) => h(t, e)
+		}, [s("span", $, v(e.label), 1)], 40, Q)], 10, Z))), 128))])]));
+	}
+}), [["__scopeId", "data-v-2db316ec"]]), re = /* @__PURE__ */ l({
+	__name: "GlassTimeline",
+	props: {
+		variant: { default: "scrubber" },
+		modelValue: { default: 0 },
+		label: {},
+		segments: {},
+		ariaLabel: {},
+		currentSegmentKey: {},
+		disablePopover: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"scrubStart",
+		"scrubEnd",
+		"hover",
+		"hoverEnd",
+		"click"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (t, a) => e.variant === "continuous" ? (m(), i(W, {
+			key: 0,
+			segments: n.segments,
+			"aria-label": n.ariaLabel,
+			"current-segment-key": n.currentSegmentKey,
+			"disable-popover": n.disablePopover,
+			onHover: a[0] ||= (e) => r("hover", e),
+			onHoverEnd: a[1] ||= (e) => r("hoverEnd", e),
+			onClick: a[2] ||= (e) => r("click", e)
+		}, c({
+			popoverContent: b((e) => [_(t.$slots, "popoverContent", f(u(e)))]),
+			_: 2
+		}, [t.$slots.detail ? {
+			name: "detail",
+			fn: b((e) => [_(t.$slots, "detail", f(u(e)))]),
+			key: "0"
+		} : void 0]), 1032, [
+			"segments",
+			"aria-label",
+			"current-segment-key",
+			"disable-popover"
+		])) : e.variant === "segmented" ? (m(), i(ne, {
+			key: 1,
+			segments: n.segments,
+			onHover: a[3] ||= (e) => r("hover", e),
+			onHoverEnd: a[4] ||= (e) => r("hoverEnd", e),
+			onClick: a[5] ||= (e) => r("click", e)
+		}, null, 8, ["segments"])) : (m(), i(J, {
+			key: 2,
+			"model-value": n.modelValue,
+			label: n.label,
+			"onUpdate:modelValue": a[6] ||= (e) => r("update:modelValue", e),
+			onScrubStart: a[7] ||= (e) => r("scrubStart"),
+			onScrubEnd: a[8] ||= (e) => r("scrubEnd")
+		}, null, 8, ["model-value", "label"]));
+	}
+});
+//#endregion
+export { re as GlassTimeline };

package/dist/toast.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/toast";

package/dist/toast.js

@@ -0,0 +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-DY8_jtHv.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.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/toggle-chip";