@weasel-js/ui 1.5.0 → 1.5.2

package/dist/chunks/{Timeline-DOZgb1CG.js → Timeline-DNKY_yiK.js}

@@ -1,45 +1,46 @@
-import { H as e, R as t, i as n } from "./icons-BV27dhKB.js";
-import { r } from "./Plot2D-CVZwQpWJ.js";
-import { a as i, i as a, n as o, t as s } from "./createKeyframeLayer-AL4jP0EX.js";
-import { t as c } from "./DetentSlider-CYicfnKr.js";
+import { H as e, R as t, i as n } from "./icons-DFLytcui.js";
+import { r } from "./Plot2D-CXf_f7QD.js";
+import { i, n as a, t as o } from "./createKeyframeLayer-DKtO0Sw_.js";
+import { t as s } from "./snap-CEjuWOhN.js";
+import { t as c } from "./DetentSlider-CAubVX0J.js";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { EASINGS as f, openPointerSession as p, resolveEasing as m, sampleTrack as h, useVisibleRaf as g } from "@weasel-js/core";
 import { useCallback as _, useEffect as v, useLayoutEffect as y, useMemo as b, useReducer as x, useRef as S, useState as C } from "react";
 var w = {
-	ruler: "_ruler_1s0c6_1",
-	tick: "_tick_1s0c6_11",
-	playhead: "_playhead_1s0c6_29",
-	lane: "_lane_1s0c6_38",
-	laneLabel: "_laneLabel_1s0c6_45",
-	disclosure: "_disclosure_1s0c6_65",
-	disclosureIcon: "_disclosureIcon_1s0c6_66",
-	disclosureCollapsed: "_disclosureCollapsed_1s0c6_67",
-	laneTrack: "_laneTrack_1s0c6_69",
-	key: "_key_1s0c6_76",
-	eventMark: "_eventMark_1s0c6_76",
-	keyGhost: "_keyGhost_1s0c6_96",
-	eventGhost: "_eventGhost_1s0c6_96",
-	graphHost: "_graphHost_1s0c6_113",
-	graph: "_graph_1s0c6_113",
-	nestedBar: "_nestedBar_1s0c6_132",
-	transport: "_transport_1s0c6_141",
-	transportButton: "_transportButton_1s0c6_150",
-	transportRow: "_transportRow_1s0c6_176",
-	time: "_time_1s0c6_191",
-	rate: "_rate_1s0c6_192",
-	rateSlider: "_rateSlider_1s0c6_193",
-	rateReadout: "_rateReadout_1s0c6_197",
-	root: "_root_1s0c6_203",
-	label: "_label_1s0c6_218",
-	body: "_body_1s0c6_220",
-	gutter: "_gutter_1s0c6_46",
-	rulerWrap: "_rulerWrap_1s0c6_222",
-	lanes: "_lanes_1s0c6_224",
-	inspector: "_inspector_1s0c6_231",
-	segment: "_segment_1s0c6_240",
-	easingPicker: "_easingPicker_1s0c6_250",
-	easingLabel: "_easingLabel_1s0c6_251",
-	easingPreview: "_easingPreview_1s0c6_253"
+	ruler: "_ruler_yy4iy_1",
+	tick: "_tick_yy4iy_11",
+	playhead: "_playhead_yy4iy_29",
+	lane: "_lane_yy4iy_38",
+	laneLabel: "_laneLabel_yy4iy_45",
+	disclosure: "_disclosure_yy4iy_65",
+	disclosureIcon: "_disclosureIcon_yy4iy_66",
+	disclosureCollapsed: "_disclosureCollapsed_yy4iy_67",
+	laneTrack: "_laneTrack_yy4iy_69",
+	key: "_key_yy4iy_76",
+	eventMark: "_eventMark_yy4iy_76",
+	keyGhost: "_keyGhost_yy4iy_96",
+	eventGhost: "_eventGhost_yy4iy_96",
+	graphHost: "_graphHost_yy4iy_113",
+	graph: "_graph_yy4iy_113",
+	nestedBar: "_nestedBar_yy4iy_132",
+	transport: "_transport_yy4iy_141",
+	transportButton: "_transportButton_yy4iy_150",
+	transportRow: "_transportRow_yy4iy_176",
+	time: "_time_yy4iy_194",
+	rate: "_rate_yy4iy_200",
+	rateSlider: "_rateSlider_yy4iy_201",
+	rateReadout: "_rateReadout_yy4iy_205",
+	root: "_root_yy4iy_211",
+	label: "_label_yy4iy_226",
+	body: "_body_yy4iy_228",
+	gutter: "_gutter_yy4iy_46",
+	rulerWrap: "_rulerWrap_yy4iy_230",
+	lanes: "_lanes_yy4iy_232",
+	inspector: "_inspector_yy4iy_239",
+	segment: "_segment_yy4iy_248",
+	easingPicker: "_easingPicker_yy4iy_258",
+	easingLabel: "_easingLabel_yy4iy_259",
+	easingPreview: "_easingPreview_yy4iy_261"
 };
 //#endregion
 //#region src/components/Timeline/easingSpec.ts
@@ -228,166 +229,14 @@ function V(e, t, n) {
 	return o;
 }
 //#endregion
-//#region src/components/Timeline/lanes.ts
-function ne(e) {
-	if (e.kind !== "sampled") return !1;
-	let t = e.keys;
-	return t.length > 0 && t.every((e) => typeof e.value == "number");
-}
-function re(e, t) {
-	let n = [], r = (e, i, a, o) => {
-		e.forEach((e, s) => {
-			let c = [...i, s], l = c.join(".");
-			n.push({
-				key: l,
-				path: c,
-				track: e,
-				label: e.label ?? `${e.kind} ${s}`,
-				depth: a,
-				offset: o,
-				kind: e.kind,
-				numeric: ne(e)
-			}), e.kind === "timeline" && t.has(l) && r(e.timeline.tracks, c, a + 1, o + e.at);
-		});
-	};
-	return r(e, [], 0, 0), n;
-}
-function H(e, t) {
-	let n = e, r;
-	for (let e of t) {
-		if (r = n[e], !r) return;
-		n = r.kind === "timeline" ? r.timeline.tracks : [];
-	}
-	return r;
-}
-//#endregion
-//#region src/components/Timeline/keys.ts
-function U(e, t) {
-	return e.length === t.length && e.every((e, n) => e === t[n]);
-}
-function W(e, t) {
-	return {
-		...e,
-		keys: t
-	};
-}
-function ie(e, t) {
-	return {
-		...e,
-		events: t
-	};
-}
-function G(e, t, n) {
-	let r = e.slice(), [i, ...a] = t;
-	if (a.length === 0) return r[i] = n, r;
-	let o = r[i];
-	if (o?.kind !== "timeline") return r;
-	let s = o;
-	return r[i] = {
-		...s,
-		timeline: {
-			...s.timeline,
-			tracks: G(s.timeline.tracks, a, n)
-		}
-	}, r;
-}
-function K(e, t, n) {
-	let r = H(e, t.trackPath), i = Math.max(0, n);
-	if (r?.kind === "sampled") {
-		let n = r, a = {
-			...n.keys[t.keyIndex],
-			t: i
-		}, o = n.keys.filter((e, n) => n !== t.keyIndex), s = o.findIndex((e) => e.t > i), c = s === -1 ? o.length : s;
-		return o.splice(c, 0, a), {
-			tracks: G(e, t.trackPath, W(r, o)),
-			selection: {
-				trackPath: t.trackPath,
-				keyIndex: c
-			}
-		};
-	}
-	if (r?.kind === "event") {
-		let n = r, a = {
-			...n.events[t.keyIndex],
-			t: i
-		}, o = n.events.filter((e, n) => n !== t.keyIndex), s = o.findIndex((e) => e.t > i), c = s === -1 ? o.length : s;
-		return o.splice(c, 0, a), {
-			tracks: G(e, t.trackPath, ie(r, o)),
-			selection: {
-				trackPath: t.trackPath,
-				keyIndex: c
-			}
-		};
-	}
-	return {
-		tracks: e.slice(),
-		selection: t
-	};
-}
-function ae(e, t, n) {
-	let r = H(e, t);
-	if (r?.kind !== "sampled") return {
-		tracks: e.slice(),
-		selection: null
-	};
-	let i = r, a = Math.max(0, n), o = i.keys.length === 0 ? 0 : h(i, a), s = i.keys.slice(), c = s.findIndex((e) => e.t > a), l = c === -1 ? s.length : c;
-	return s.splice(l, 0, {
-		t: a,
-		value: o
-	}), {
-		tracks: G(e, t, W(r, s)),
-		selection: {
-			trackPath: t,
-			keyIndex: l
-		}
-	};
-}
-function oe(e, t) {
-	let n = H(e, t.trackPath);
-	if (n?.kind !== "sampled") return {
-		tracks: e.slice(),
-		selection: t
-	};
-	let r = n.keys.filter((e, n) => n !== t.keyIndex);
-	return {
-		tracks: G(e, t.trackPath, W(n, r)),
-		selection: r.length === 0 ? null : {
-			trackPath: t.trackPath,
-			keyIndex: Math.max(0, t.keyIndex - 1)
-		}
-	};
-}
-function q(e, t, n) {
-	let r = H(e, t.trackPath);
-	if (r?.kind !== "sampled") return e.slice();
-	let i = r.keys.slice(), { easing: a, ...o } = i[t.keyIndex];
-	return i[t.keyIndex] = n === void 0 ? o : {
-		...o,
-		easing: n
-	}, G(e, t.trackPath, W(r, i));
-}
-function J(e, t, n) {
-	let r = H(e, t);
-	return r?.kind === "sampled" ? G(e, t, W(r, n.slice())) : e.slice();
-}
-function se(e, t, n) {
-	let r = H(e, t.trackPath);
-	if (r?.kind !== "sampled") return e.slice();
-	let i = r.keys.slice();
-	return i[t.keyIndex] = {
-		...i[t.keyIndex],
-		value: n
-	}, G(e, t.trackPath, W(r, i));
-}
-//#endregion
 //#region src/components/Timeline/LaneGraph.tsx
-var Y = 8, ce = 10;
-function le(e) {
-	let t = e.map((e) => e.value), n = Math.min(...t), r = Math.max(...t) - n || 1, i = r * Y / (100 - 2 * Y);
+var H = 8, ne = 10;
+function re(e) {
+	let t = e.map((e) => e.value), n = Math.min(...t), r = Math.max(...t) - n || 1, i = r * H / (100 - 2 * H);
 	return [n - i, n + r + i];
 }
-function ue(e) {
-	let { keys: t, label: n, window: r, offset: a, snapTimes: c, selection: l, selectedSegment: d, onSelect: f, onSelectSegment: p, onKeysInput: m, onKeysCommit: h } = e, g = S(null), [_, v] = C({
+function ie(e) {
+	let { keys: t, label: n, window: r, offset: s, snapTimes: c, selection: l, selectedSegment: d, onSelect: f, onSelectSegment: p, onKeysInput: m, onKeysCommit: h } = e, g = S(null), [_, v] = C({
 		width: 0,
 		height: 0
 	});
@@ -405,17 +254,17 @@ function ue(e) {
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, []);
-	let x = b(() => o({
+	let x = b(() => a({
 		id: "keys",
 		label: n,
 		formatX: (e) => `${Math.round(e)} ms`,
-		snapX: c.map((e) => e - a),
+		snapX: c.map((e) => e - s),
 		xClamp: [0, Infinity],
-		step: { x: ce }
+		step: { x: ne }
 	}), [
 		n,
 		c,
-		a
+		s
 	]), T = b(() => ({
 		keys: t,
 		selectedKey: l,
@@ -437,13 +286,13 @@ function ue(e) {
 			return;
 		}
 		if (D(n), n.drag.kind !== "key") return;
-		let i = s(n).keys;
+		let i = o(n).keys;
 		i !== n.keys && m?.(i);
 	}, M = (e, t, n) => {
 		D(null);
 		let r = t;
 		r.keys !== n.keys && h(r.keys);
-	}, [N, P] = le(O.keys), F = _.width > 0 ? V(r, _.width, 64) : [];
+	}, [N, P] = re(O.keys), F = _.width > 0 ? V(r, _.width, 64) : [];
 	return /* @__PURE__ */ u("div", {
 		ref: g,
 		className: w.graphHost,
@@ -455,12 +304,12 @@ function ue(e) {
 			onLayerCommit: M,
 			width: _.width,
 			height: _.height,
-			xRange: [r.from - a, r.to - a],
+			xRange: [r.from - s, r.to - s],
 			yRange: [N, P],
 			grid: !1,
 			axes: !1,
 			xTicks: {
-				values: F.map((e) => e - a),
+				values: F.map((e) => e - s),
 				labels: !1
 			},
 			yTicks: {
@@ -473,12 +322,12 @@ function ue(e) {
 }
 //#endregion
 //#region src/components/Timeline/Lane.tsx
-var de = 6, fe = 10;
-function pe(e) {
+var ae = 10;
+function oe(e) {
 	return e.kind === "sampled" ? e.track.keys.map((e) => e.t) : e.kind === "event" ? e.track.events.map((e) => e.t) : [];
 }
-function me(e) {
-	let { row: t, window: r, mode: i, selection: o, onSelect: s, onKeyInput: c, onKeyCommit: f, onInsert: m, onToggleExpand: h, expanded: g, snapTimes: _, selectedSegment: y = null, onSelectSegment: b, onKeysInput: x, onKeysCommit: T } = e, E = S(null), D = S(null);
+function se(e) {
+	let { row: t, window: r, mode: i, selection: a, onSelect: o, onKeyInput: c, onKeyCommit: f, onInsert: m, onToggleExpand: h, expanded: g, snapTimes: _, selectedSegment: y = null, onSelectSegment: b, onKeysInput: x, onKeysCommit: T } = e, E = S(null), D = S(null);
 	v(() => () => {
 		D.current?.cancel();
 	}, []);
@@ -487,13 +336,13 @@ function me(e) {
 		return n ? F(r, n.width).toMs(e - n.left) - t.offset : r.from;
 	}, M = () => {
 		let e = F(r, E.current?.getBoundingClientRect().width ?? 0);
-		return e.toMs(de) - e.toMs(0);
+		return e.toMs(6) - e.toMs(0);
 	}, N = i === "graph" && t.numeric, P = t.kind === "sampled" ? t.track.keys : [], I = (e) => (n) => {
 		if (n.button !== 0) return;
-		n.stopPropagation(), s(e);
+		n.stopPropagation(), o(e);
 		let r = (e) => {
 			let n = Math.max(0, j(e.clientX));
-			return e.altKey ? n : a(n + t.offset, _, M()) - t.offset;
+			return e.altKey ? n : s(n + t.offset, _, M()) - t.offset;
 		};
 		k({
 			keyIndex: e,
@@ -515,9 +364,9 @@ function me(e) {
 			onCancel: i
 		}, { capture: !1 });
 	}, R = (e, t) => (n) => {
-		let r = fe * (n.shiftKey ? 10 : 1);
+		let r = ae * (n.shiftKey ? 10 : 1);
 		n.key === "ArrowRight" && (n.preventDefault(), f(e, t + r)), n.key === "ArrowLeft" && (n.preventDefault(), f(e, Math.max(0, t - r)));
-	}, B = pe(t);
+	}, B = oe(t);
 	return /* @__PURE__ */ d("div", {
 		className: w.lane,
 		"data-depth": t.depth,
@@ -547,15 +396,15 @@ function me(e) {
 			onDoubleClick: (e) => {
 				t.kind === "sampled" && m(Math.max(0, j(e.clientX)));
 			},
-			children: N ? /* @__PURE__ */ u(ue, {
+			children: N ? /* @__PURE__ */ u(ie, {
 				keys: P,
 				label: t.label,
 				window: r,
 				offset: t.offset,
 				snapTimes: _,
-				selection: o,
+				selection: a,
 				selectedSegment: y,
-				onSelect: s,
+				onSelect: o,
 				onSelectSegment: b,
 				onKeysInput: x,
 				onKeysCommit: (e) => T?.(e)
@@ -591,7 +440,7 @@ function me(e) {
 					role: "button",
 					tabIndex: 0,
 					"aria-label": `${t.label} key at ${Math.round(e)} ms`,
-					"aria-current": o === n ? "true" : void 0,
+					"aria-current": a === n ? "true" : void 0,
 					"data-testid": t.kind === "event" ? "timeline-event" : "timeline-key",
 					"data-dragging": O?.keyIndex === n ? "true" : void 0,
 					className: t.kind === "event" ? w.eventMark : w.key,
@@ -611,11 +460,11 @@ function me(e) {
 }
 //#endregion
 //#region src/components/Timeline/Ruler.tsx
-var he = .0015;
-function ge(e) {
+var ce = .0015;
+function le(e) {
 	return e >= 1e3 ? `${(e / 1e3).toFixed(e % 1e3 == 0 ? 0 : 2)}s` : `${Math.round(e)}ms`;
 }
-function _e(e) {
+function ue(e) {
 	let { window: t, bounds: n, playhead: r, onScrub: i, onWindowChange: a } = e, o = S(null), s = S(null);
 	v(() => () => {
 		s.current?.cancel();
@@ -648,7 +497,7 @@ function _e(e) {
 			onCancel: t
 		}, { capture: !1 });
 	}, g = (e) => {
-		if (e.ctrlKey) a(ee(t, m(e.clientX), Math.exp(e.deltaY * he), n));
+		if (e.ctrlKey) a(ee(t, m(e.clientX), Math.exp(e.deltaY * ce), n));
 		else {
 			let r = f(), i = r === 0 ? 0 : (t.to - t.from) / r;
 			a(te(t, e.deltaY * i, n));
@@ -664,7 +513,7 @@ function _e(e) {
 			className: w.tick,
 			"data-testid": "timeline-tick",
 			style: { left: b(e) },
-			children: ge(e)
+			children: le(e)
 		}, e)), /* @__PURE__ */ u("div", {
 			className: w.playhead,
 			"data-testid": "timeline-playhead",
@@ -674,15 +523,15 @@ function _e(e) {
 }
 //#endregion
 //#region src/components/Timeline/Transport.tsx
-var X = [
+var U = [
 	.25,
 	.5,
 	1,
 	2,
 	4
-], Z = (e) => `${(e / 1e3).toFixed(2)}s`;
-function Q(n) {
-	let { paused: r, loop: i, rate: a, playhead: o, duration: s, onPlay: l, onPause: f, onLoopChange: p, onRateChange: m } = n, h = i !== !1 && i !== 0, g = X.includes(a) ? X : [...X, a].sort((e, t) => e - t);
+], W = (e) => `${(e / 1e3).toFixed(2)}s`;
+function G(n) {
+	let { paused: r, loop: i, rate: a, playhead: o, duration: s, onPlay: l, onPause: f, onLoopChange: p, onRateChange: m } = n, h = i !== !1 && i !== 0, g = U.includes(a) ? U : [...U, a].sort((e, t) => e - t);
 	return /* @__PURE__ */ d("div", {
 		className: w.transport,
 		children: [
@@ -693,15 +542,6 @@ function Q(n) {
 				onClick: r ? l : f,
 				children: u(r ? e : t, { size: 14 })
 			}),
-			/* @__PURE__ */ d("span", {
-				className: w.time,
-				"data-testid": "timeline-time",
-				children: [
-					Z(o),
-					" / ",
-					Z(s)
-				]
-			}),
 			/* @__PURE__ */ u("button", {
 				type: "button",
 				role: "switch",
@@ -729,11 +569,172 @@ function Q(n) {
 						children: [a, "x"]
 					})
 				]
+			}),
+			/* @__PURE__ */ d("span", {
+				className: w.time,
+				"data-testid": "timeline-time",
+				children: [
+					W(o),
+					" / ",
+					W(s)
+				]
 			})
 		]
 	});
 }
 //#endregion
+//#region src/components/Timeline/lanes.ts
+function de(e) {
+	if (e.kind !== "sampled") return !1;
+	let t = e.keys;
+	return t.length > 0 && t.every((e) => typeof e.value == "number");
+}
+function fe(e, t) {
+	let n = [], r = (e, i, a, o) => {
+		e.forEach((e, s) => {
+			let c = [...i, s], l = c.join(".");
+			n.push({
+				key: l,
+				path: c,
+				track: e,
+				label: e.label ?? `${e.kind} ${s}`,
+				depth: a,
+				offset: o,
+				kind: e.kind,
+				numeric: de(e)
+			}), e.kind === "timeline" && t.has(l) && r(e.timeline.tracks, c, a + 1, o + e.at);
+		});
+	};
+	return r(e, [], 0, 0), n;
+}
+function K(e, t) {
+	let n = e, r;
+	for (let e of t) {
+		if (r = n[e], !r) return;
+		n = r.kind === "timeline" ? r.timeline.tracks : [];
+	}
+	return r;
+}
+//#endregion
+//#region src/components/Timeline/keys.ts
+function q(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function J(e, t) {
+	return {
+		...e,
+		keys: t
+	};
+}
+function pe(e, t) {
+	return {
+		...e,
+		events: t
+	};
+}
+function Y(e, t, n) {
+	let r = e.slice(), [i, ...a] = t;
+	if (a.length === 0) return r[i] = n, r;
+	let o = r[i];
+	if (o?.kind !== "timeline") return r;
+	let s = o;
+	return r[i] = {
+		...s,
+		timeline: {
+			...s.timeline,
+			tracks: Y(s.timeline.tracks, a, n)
+		}
+	}, r;
+}
+function X(e, t, n) {
+	let r = K(e, t.trackPath), i = Math.max(0, n);
+	if (r?.kind === "sampled") {
+		let n = r, a = {
+			...n.keys[t.keyIndex],
+			t: i
+		}, o = n.keys.filter((e, n) => n !== t.keyIndex), s = o.findIndex((e) => e.t > i), c = s === -1 ? o.length : s;
+		return o.splice(c, 0, a), {
+			tracks: Y(e, t.trackPath, J(r, o)),
+			selection: {
+				trackPath: t.trackPath,
+				keyIndex: c
+			}
+		};
+	}
+	if (r?.kind === "event") {
+		let n = r, a = {
+			...n.events[t.keyIndex],
+			t: i
+		}, o = n.events.filter((e, n) => n !== t.keyIndex), s = o.findIndex((e) => e.t > i), c = s === -1 ? o.length : s;
+		return o.splice(c, 0, a), {
+			tracks: Y(e, t.trackPath, pe(r, o)),
+			selection: {
+				trackPath: t.trackPath,
+				keyIndex: c
+			}
+		};
+	}
+	return {
+		tracks: e.slice(),
+		selection: t
+	};
+}
+function me(e, t, n) {
+	let r = K(e, t);
+	if (r?.kind !== "sampled") return {
+		tracks: e.slice(),
+		selection: null
+	};
+	let i = r, a = Math.max(0, n), o = i.keys.length === 0 ? 0 : h(i, a), s = i.keys.slice(), c = s.findIndex((e) => e.t > a), l = c === -1 ? s.length : c;
+	return s.splice(l, 0, {
+		t: a,
+		value: o
+	}), {
+		tracks: Y(e, t, J(r, s)),
+		selection: {
+			trackPath: t,
+			keyIndex: l
+		}
+	};
+}
+function he(e, t) {
+	let n = K(e, t.trackPath);
+	if (n?.kind !== "sampled") return {
+		tracks: e.slice(),
+		selection: t
+	};
+	let r = n.keys.filter((e, n) => n !== t.keyIndex);
+	return {
+		tracks: Y(e, t.trackPath, J(n, r)),
+		selection: r.length === 0 ? null : {
+			trackPath: t.trackPath,
+			keyIndex: Math.max(0, t.keyIndex - 1)
+		}
+	};
+}
+function Z(e, t, n) {
+	let r = K(e, t.trackPath);
+	if (r?.kind !== "sampled") return e.slice();
+	let i = r.keys.slice(), { easing: a, ...o } = i[t.keyIndex];
+	return i[t.keyIndex] = n === void 0 ? o : {
+		...o,
+		easing: n
+	}, Y(e, t.trackPath, J(r, i));
+}
+function Q(e, t, n) {
+	let r = K(e, t);
+	return r?.kind === "sampled" ? Y(e, t, J(r, n.slice())) : e.slice();
+}
+function ge(e, t, n) {
+	let r = K(e, t.trackPath);
+	if (r?.kind !== "sampled") return e.slice();
+	let i = r.keys.slice();
+	return i[t.keyIndex] = {
+		...i[t.keyIndex],
+		value: n
+	}, Y(e, t.trackPath, J(r, i));
+}
+//#endregion
 //#region src/components/Timeline/Timeline.tsx
 function $(e) {
 	let { tracks: t, duration: n, playhead: r, onInput: i, onChange: a, onScrub: o, renderKeyEditor: s, label: c, className: l } = e, [f, p] = C(() => /* @__PURE__ */ new Set()), [m, h] = C({
@@ -742,7 +743,7 @@ function $(e) {
 	}), [g, _] = C(null), [v, y] = C(null), x = e.window ?? m, S = e.onWindowChange ?? h, T = e.selection === void 0 ? g : e.selection, E = e.onSelect ?? _, D = {
 		from: 0,
 		to: n
-	}, O = b(() => re(t, f), [t, f]), k = b(() => {
+	}, O = b(() => fe(t, f), [t, f]), k = b(() => {
 		let e = new Set([0, n]);
 		for (let t of O) if (t.kind === "sampled") for (let n of t.track.keys) e.add(n.t + t.offset);
 		return [...e];
@@ -754,10 +755,10 @@ function $(e) {
 	}, j = (e) => {
 		if ((e.key === "Delete" || e.key === "Backspace") && T) {
 			e.preventDefault();
-			let n = oe(t, T);
+			let n = he(t, T);
 			a(n.tracks), E(n.selection);
 		}
-	}, M = T ? H(t, T.trackPath) : void 0, P = M?.kind === "sampled" ? M.keys[T.keyIndex] : void 0, F = v ? H(t, v.trackPath) : void 0, I = F?.kind === "sampled" ? F.keys[v.keyIndex] : void 0;
+	}, M = T ? K(t, T.trackPath) : void 0, P = M?.kind === "sampled" ? M.keys[T.keyIndex] : void 0, F = v ? K(t, v.trackPath) : void 0, I = F?.kind === "sampled" ? F.keys[v.keyIndex] : void 0;
 	return /* @__PURE__ */ d("div", {
 		className: [w.root, l].filter(Boolean).join(" "),
 		"data-testid": "timeline-root",
@@ -770,7 +771,7 @@ function $(e) {
 			}) : null,
 			e.transport === !1 ? null : /* @__PURE__ */ d("div", {
 				className: w.transportRow,
-				children: [/* @__PURE__ */ u(Q, {
+				children: [/* @__PURE__ */ u(G, {
 					...e.transport ?? {
 						paused: !0,
 						loop: !1,
@@ -796,7 +797,7 @@ function $(e) {
 				className: w.body,
 				children: [/* @__PURE__ */ u("div", { className: w.gutter }), /* @__PURE__ */ u("div", {
 					className: w.rulerWrap,
-					children: /* @__PURE__ */ u(_e, {
+					children: /* @__PURE__ */ u(ue, {
 						window: x,
 						bounds: D,
 						playhead: r,
@@ -809,11 +810,11 @@ function $(e) {
 				className: w.lanes,
 				children: O.map((n) => {
 					let r = n.path;
-					return /* @__PURE__ */ u(me, {
+					return /* @__PURE__ */ u(se, {
 						row: n,
 						window: x,
 						mode: e.mode ?? "dope",
-						selection: T && U(T.trackPath, r) ? T.keyIndex : null,
+						selection: T && q(T.trackPath, r) ? T.keyIndex : null,
 						expanded: f.has(n.key),
 						snapTimes: k,
 						onToggleExpand: () => A(n.key),
@@ -822,25 +823,25 @@ function $(e) {
 							keyIndex: e
 						}),
 						onKeyInput: (e, n) => {
-							i?.(K(t, {
+							i?.(X(t, {
 								trackPath: r,
 								keyIndex: e
 							}, n).tracks);
 						},
 						onKeyCommit: (e, n) => {
-							let i = K(t, {
+							let i = X(t, {
 								trackPath: r,
 								keyIndex: e
 							}, n);
 							a(i.tracks), E(i.selection);
 						},
-						onKeysInput: (e) => i?.(J(t, r, e)),
-						onKeysCommit: (e) => a(J(t, r, e)),
+						onKeysInput: (e) => i?.(Q(t, r, e)),
+						onKeysCommit: (e) => a(Q(t, r, e)),
 						onInsert: (e) => {
-							let n = ae(t, r, e);
+							let n = me(t, r, e);
 							a(n.tracks), E(n.selection);
 						},
-						selectedSegment: v && U(v.trackPath, r) ? v.keyIndex : null,
+						selectedSegment: v && q(v.trackPath, r) ? v.keyIndex : null,
 						onSelectSegment: (e) => y({
 							trackPath: r,
 							keyIndex: e
@@ -854,15 +855,15 @@ function $(e) {
 					key: P,
 					track: M,
 					selection: T,
-					commit: (e) => a(se(t, T, e.value)),
-					setEasing: (e) => a(q(t, T, e))
+					commit: (e) => a(ge(t, T, e.value)),
+					setEasing: (e) => a(Z(t, T, e))
 				})
 			}) : null,
 			v && I ? /* @__PURE__ */ u("div", {
 				className: w.inspector,
 				children: /* @__PURE__ */ u(N, {
 					value: I.easing,
-					onChange: (e) => a(q(t, v, e))
+					onChange: (e) => a(Z(t, v, e))
 				})
 			}) : null
 		]
@@ -870,7 +871,7 @@ function $(e) {
 }
 //#endregion
 //#region src/components/Timeline/AnimatedTimeline.tsx
-function ve(e) {
+function _e(e) {
 	let { handle: t, ...n } = e, [, r] = x((e) => e + 1, 0);
 	v(() => t.subscribe(r), [t]);
 	let i = S(null), a = g(() => {
@@ -910,6 +911,6 @@ function ve(e) {
 	});
 }
 //#endregion
-export { N as a, D as c, U as i, O as l, $ as n, k as o, Q as r, E as s, ve as t };
+export { N as a, D as c, G as i, O as l, $ as n, k as o, q as r, E as s, _e as t };
 
-//# sourceMappingURL=Timeline-DOZgb1CG.js.map
+//# sourceMappingURL=Timeline-DNKY_yiK.js.map